@media screen and (max-width: 767px) {
    .index__fv {
        overflow-x: unset !important;
        scroll-snap-type: unset !important;
        scroll-behavior: unset !important;
    }
    .index__fv .index__box {
        overflow: hidden;
        position: relative;
        flex: unset !important;
        scroll-snap-align: unset !important;
        transition: all 0.4s ease-in-out;
    }
    .index__fv .index__box.active {
        width: 100% !important;
    }
    .index__fv .index__box.not-active {
        width: 0 !important;
    }
    .index__fv .index__box .index__fv__content {
        width: max-content !important;
    }
    .index__fv .index__box .index__fv__content__title {
        width: 16.4rem;
        transition: 0.4s ease-in-out;
    }
    .index__fv .index__box.active .index__fv__content__title {
        width: 38.4rem;
    }
    .index__fv .index__box .index__fv__content__text {
        font-size: 1.6rem;
        transition: 0.4s ease-in-out;
    }
    .index__fv .index__box.active .index__fv__content__text {
        font-size: 2.4rem;
    }
    .index__fv .index__box .index__fv__content .contact__link {
        transform: scale(0.6) translateX(-33%);
        transition: all 0.4s ease-in-out;
    }
    .index__fv .index__box.active .index__fv__content .contact__link {
        transform: scale(1) translateX(0);
    }
}