@charset "UTF-8";

/*MV調整*/
#mv,
#mv .mv_mp4,
#mv .mv_mp4 video{
    height: 100vh;
    max-height: initial !important;
}
#mv .mv_textimg {
    height: auto;
    top: initial !important;
    bottom: 3%;
}
#mv .mv_textimg img {
    min-height: 150px;
}
@media screen and (max-width: 125vh){
    #mv.mv_mp4_cover {
        height: auto !important;
        min-height: 0 !important;
    }
}
@media screen and (max-width: 768px) {
    #mv {
        width: 100%;
        margin-left: 0%;
    }
    #mv .mv_textimg {
       margin-left: 2%;
    }
    #mv .mv_textimg img {
        max-height: 280px !important;
        height: 25vh;
    }
}
@media screen and (max-width: 430px) {
    #mv .mv_textimg img {
        height: 20vh;
    }
}

body:not(.edit_view ).done #mv.mv_mp4_pv .mv_text, body:not(.edit_view ).done #mv.mv_mp4_pv .mv_textimg {
    transition: opacity 1s 1000s ease-in-out;
    opacity: 0;
}

body#top {
    background: rgb(253, 249, 232);
}