/* ーーーーーーーーーーーーーーーーーーー */
/* MV ーーーーーーーーーーーーーーー */
/* ーーーーーーーーーーーーーーーーーーー */

/* アニメーションベース */
/* ======================================== */
.swiper-slide {
    /*fedeアニメーションは必要ないため透過を無しにする*/
    opacity: 1 !important;
    display: flex;
    overflow: hidden;
}
.mv__slide-inner,
.mv__slide-inner a {
    /*切り替わり中は前のスライドのアニメーションを遅らせる*/
    transition-delay: 0.3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mv__slide-inner {
    transform: translateX(100%);
    overflow: hidden;
}

.mv__slide-inner a {
    transform: translateX(-100%);
}

.swiper-slide-active {
    /*アクティブなスライドが一番上に来るように*/
    z-index: 2;
}

.swiper-slide-active .mv__slide-inner,
.swiper-slide-active .mv__slide-inner a {
    transition-delay: 0s;
    transition-duration: 0.3s;
    transform: translateX(0%);
}
.swiper-slide-duplicate-active .mv__slide-inner,
.swiper-slide-duplicate-active .mv__slide-inner a {
    transition-delay: 0s;
    transition-duration: 0.3s;
    transform: translateX(0%);
}

.mv__text {
    opacity: 0;
    transition: opacity 0.5s;
}
.swiper-slide-active .mv__text {
    opacity: 1;
    transition-delay: 0.5s;
}

.swiper-slide-stop .mv__slide-inner,
.swiper-slide-stop .mv__slide-inner a {
    transition-duration: 0s;
}
.swiper-slide-stop .mv__text {
    transition-delay: 0s;
}

.swiper-slide.swiper-slide-stop {
    opacity: 1 !important;
    transform: translateX(0%) !important;
}

/* レイアウト */
/* ======================================== */
.mv {
    width: 100%;
    height: calc(88vh - 123px);
}
.mv__inner {
    width: 100%;
    height: 100%;
}
.mv__slider {
    position: relative;
    width: 100%;
    height: 100%;
}
.mv__slide {
    width: 100%;
    height: 100%;
}
.mv__slide-inner {
    width: 100%;
    height: 100%;
}
.mv__slide a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.mv__text-wrapper {
    display: flex;
    align-items: center;
    width: 50%;
    height: 100%;
    padding-left: 4.7vw;
}
.mv__text--main {
    font-family: 'HelveticaNeue-M', 'YuGothic-B', sans-serif;
    font-size: min(4.7vw, 8.0rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.mv__text--sub {
    font-size: min(1.6vw, 2.7rem);
}
.mv__text span {
    display: block;
}
.mv__image-wrapper {
    width: 50%;
    height: 100%;
    isolation: isolate;
    overflow: hidden;
}
.mv__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mv__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* transition: transform 0.3s ease-out; */
}
/* .mv__image:hover img {
    transform: scale(1.06);
} */
.mv__slider:not(.is-sliding) .swiper-slide:not(.swiper-slide-stop) .mv__image img {
    transition: transform 0.3s ease-out;
}
.mv__slider:not(.is-sliding) .mv__image:hover img {
    transform: scale(1.06);
}
@media screen and (max-width: 834px) {
    .fs-body-top main {
        margin-top: 35px;
    }
    .mv {
        height: auto;
    }
    .mv__inner {
        padding-bottom: 0;
    }
    .mv__slide {
        display: block;
    }
    .mv__slide a {
        flex-flow: column;
    }
    .mv__text-wrapper {
        width: 100%;
        /* padding: 85px 20px 50px; */
        padding: 220px 20px 140px;
    }
    .mv__text--main {
        font-size: 4.2rem;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .mv__text--sub {
        font-size: 1.5rem;
    }
    .mv__image-wrapper {
        width: 100%;
        height: 440px;
    }
}

@media screen and (max-width: 540px) {
    .mv__text-wrapper {
        padding: 115px 20px 50px;
    }
    .mv__image-wrapper {
        height: 280px;
    }
}