@charset "UTF-8";
.main-visual {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-sp {
    display: none;
  }
}
.main-visual .main-visual-wrap .swiper-slide {
  position: relative;
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide {
    aspect-ratio: 1600/815;
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide {
    aspect-ratio: 375/520;
  }
}
.main-visual .main-visual-wrap .swiper-slide .slide-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main-visual .main-visual-wrap .swiper-slide .slide-caption {
  font-size: 10px;
  letter-spacing: 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), -1px 1px 3px rgba(0, 0, 0, 0.5), 1px -1px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.main-visual .main-visual-wrap .swiper-slide .slide-caption.right {
  left: auto;
  right: 5px;
}
.main-visual .main-visual-wrap .swiper-slide {
  /* スライド切り替えのイージングをふわっとさせる */
}
.main-visual .main-visual-wrap .swiper-slide .swiper-fade .swiper-slide {
  transition: none !important;
}
.main-visual .main-visual-wrap .swiper-slide.is-ready .swiper-fade .swiper-slide {
  transition: opacity 5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem01 .slide-bg {
    background-image: url("../images/top/mv/slide_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem01 .slide-bg {
    background-image: url("../images/top/mv/slide_1_sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    transform: scale(1);
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem01.swiper-slide-prev .slide-bg, .main-visual .main-visual-wrap .swiper-slide.slideItem01.swiper-slide-active .slide-bg {
    transition: transform 15s ease-in-out;
    transform: scale(1.5);
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem01.swiper-slide-prev .slide-bg, .main-visual .main-visual-wrap .swiper-slide.slideItem01.swiper-slide-active .slide-bg {
    transition: transform 15s ease-in-out;
    transform: scale(1.5);
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem01 .slide-copy {
    width: 60%;
    height: auto;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem01 .slide-copy {
    width: 90%;
    height: auto;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem02 .slide-bg {
    background-image: url("../images/top/mv/slide_2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem02 .slide-bg {
    background-image: url("../images/top/mv/slide_2.jpg");
    background-repeat: no-repeat;
    background-size: 170% auto;
    background-position: 30% 0;
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem02.swiper-slide-prev .slide-bg, .main-visual .main-visual-wrap .swiper-slide.slideItem02.swiper-slide-active .slide-bg {
    transition: background-position 7.5s ease-in-out;
    background-position: 50% 100%;
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem02.swiper-slide-prev .slide-bg, .main-visual .main-visual-wrap .swiper-slide.slideItem02.swiper-slide-active .slide-bg {
    transition: background-position 7.5s ease-in-out;
    background-position: 30% 100%;
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem03 .slide-bg {
    background-image: url("../images/top/mv/slide_3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    transform: scale(1);
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem03 .slide-bg {
    background-image: url("../images/top/mv/slide_3_sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
    transform: scale(1);
    z-index: -1;
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem03.swiper-slide-prev .slide-bg, .main-visual .main-visual-wrap .swiper-slide.slideItem03.swiper-slide-active .slide-bg {
    transition: transform 8s ease-in-out;
    transform: scale(1.1);
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem03.swiper-slide-prev .slide-bg, .main-visual .main-visual-wrap .swiper-slide.slideItem03.swiper-slide-active .slide-bg {
    transition: transform 8s ease-in-out;
    transform: scale(1.1);
  }
}
@media (min-width: 768px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem03 .slide-copy {
    width: 39.5%;
    height: auto;
    position: absolute;
    top: 20%;
    right: 4%;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .main-visual .main-visual-wrap .swiper-slide.slideItem03 .slide-copy {
    width: 80%;
    height: auto;
    position: absolute;
    top: 6%;
    right: 50%;
    transform: translateX(50%);
    opacity: 1;
  }
}

/*# sourceMappingURL=mv.css.map */