@charset "UTF-8";

/* sass */
.area-mv { margin-top: 50px; padding: 0 13px 0 12px; }

.wrap-mv { padding-bottom: 10px; }

.wrap-mv .slick-slide img { border-radius: 7px; }

.wrap-mv .slick-dotted.slick-slider { margin-bottom: 18px; }

.wrap-mv .slick-dots { bottom: -18px; }

.wrap-mv .slick-dots li { height: 15px; margin: 0 2.5px; width: 30px; }

.wrap-mv .slick-dots li button { height: 15px; margin: 0; padding: 0; width: 100%; }

.wrap-mv .slick-dots li button::before { background-color: #2C4198; bottom: 0; border-radius: 100px; content: ""; height: 3px; line-height: 0; opacity: .25; transition: opacity .2s ease; top: auto; width: 100%; }

.wrap-mv .slick-dots li button:active::before, .wrap-mv .slick-dots li button:focus::before { opacity: .25; }

.wrap-mv .slick-dots li.slick-active button::before { opacity: 1; }

@media all and (min-width: 641px) { .area-mv { margin-top: 50px; padding: 0; position: relative; } .wrap-mv { margin: 0 auto; min-height: 390px; }
  .wrap-mv .slick-slide { padding: 0 10px; }
  .wrap-mv .slick-slide img { border-radius: 14px; } .wrap-mv .slick-dotted.slick-slider { margin-bottom: 28px; }
  .wrap-mv .slick-dots { bottom: -28px; }
  .wrap-mv .slick-dots li { height: 20px; margin: 0 4px; width: 50px; }
  .wrap-mv .slick-dots li button { height: 20px; }
  .wrap-mv .slick-dots li button::before { height: 4px; } }