@charset "UTF-8";

/*------------------FEATURE表示調整_251107------------------*/
#bg + section {
  max-width: 1160px;
  width: 100%;
  margin: auto;
}


/*------------------MV調整_251110------------------*/
#mv {
    width: 100%;
    max-width: initial;
    aspect-ratio: initial;
    padding-left: 8.1%;
    margin-left: auto;
}
#mv::after {
    aspect-ratio: 94 / 589;
    width: auto;
}
#mv .mv_textimg {
    width: 100%;
    height: 100%;
    left: initial;
}
#mv .mv_textimg a {
    bottom: 0;
}
@media screen and (min-width: 1101px) {
#mv.mv_mp4_contain {
    height: 94vh!important;
}
}
@media screen and (max-width: 900px) {
    #mv {
        padding-left: 0%;
    }
    #mv .mv_textimg {
        height: calc(100% - 10px);
    }
}
@media screen and (max-width: 500px) {
    #mv::before {
        font-size: 6vw;
    }
}

/*------------------MV調整_251114------------------*/
/* MVテキスト */
@media screen and (max-width: 900px) {
    #mv .mv_textimg:has(.mv_textimg_pc.pos_lt),
    #mv .mv_textimg:has(.mv_textimg_pc.pos_l),
    #mv .mv_textimg:has(.mv_textimg_pc.pos_lb) {
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    #mv .mv_textimg .mv_textimg_sp {
        display: inline-block;
        margin: 0 auto;
    }
}
/* MV下テキスト */
#mv::before {
    z-index: 2;
    width: 100%;
    color: var(--i_main_color);
}

@media screen and (max-width: 900px) {
    #mv {
        margin-bottom: 185px;
    }
    #mv .mv_textimg {
        height: calc(100% + 185px);
    }
    #mv::before {
        left: auto;
        text-align: center;
        bottom: calc(0% - 170px);
    }
    body:not(.scrolled) header .logo a img {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #mv {
        margin-bottom: 130px;
    }
    #mv .mv_textimg {
        height: calc(100% + 120px);
    }
    #mv::before {
        bottom: calc(0% - 110px);
    }
}

@media screen and (min-width: 901px) {
    #mv::before {
        font-size: min(6rem, 5vw);
    }
}

@media screen and (min-width: 901px) {
    #mv::before {
        left: 20.4vw;
    }
}

@media screen and (min-width: 901px) and (max-width: 1550px) {
    #mv::before {
        left: 20.7vw;
    }
}

@media screen and (min-width: 901px) and (max-width: 1500px) {
    #mv::before {
        left: 20.9vw;
    }
}

@media screen and (min-width: 901px) and (max-width: 1350px) {
    #mv::before {
        left: 21.5vw;
    }
}

@media screen and (min-width: 901px) and (max-width: 1022px) {
    #mv::before {
        left: 22.0vw;
    }
}