#mv {
    background:url(../_img/lp/mv_bg.webp) bottom right / cover no-repeat;
}
#mv::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to right, #FFF 0, #E5F5FC 60%, transparent 80%);
    opacity:0.75;
}
#mv > div:first-of-type {
    z-index:2;
    padding:60px 20px 120px 20px;
}
#mv .main {

}
#mv .logo {
    text-align:center;
    font-family: "Noto Serif JP", serif;
    font-weight:bold;
}
#mv .logo :is(div, p) {
    margin-top:10px;
    font-size:1.2em;
}
#mv .logo figure {
    max-width:254px;
    margin-inline:auto;
    padding:20px;
}
#mv h1 {
    margin-top:10px;
}
#mv h1 + p {
    font-weight:bold;
    margin-top:20px;
}
#mv .movie {
    background:linear-gradient(190deg, #fff 0, #BABABA 100%);
    box-shadow:var(--shadow);
    border-radius: var(--radius);
    padding:var(--padding);
    width:350px;
}
#mv .movie p {
    text-align:center;
    font-weight:bold;
    font-size:0.9em;
}



@media ( max-width : 920px ){
    #mv {
        min-height:100vh;
    }
    #mv > div:first-of-type {
        padding-top:0;
        padding-bottom:20px;
    }
    #mv::after {
        background:linear-gradient(to bottom, #FFF 0, #E5F5FC 60%, transparent 80%);
    }
    #mv > .flex {
        flex-direction: column;
        gap:20px;
        align-items: center;
    }
    #mv .logo {
        display:flex;
        gap:20px;
        align-items: center;
        justify-content: space-between;
    }
    #mv .logo figure {
        width:clamp(120px, 30vw, 200px);
        padding:0;
    }
    #mv .logo p {
        text-align:left;
        flex:1;
    }
}
@media ( max-width : 720px ){

}
@media ( max-width : 520px ){
    #mv {
        padding-top:20px;
    }
    #mv .logo p {
        font-size:0.9em;
    }
    #mv .movie {
        width:calc(100vw - 70px);
        padding:10px;
    }
    #mv h1 + p ,
    #mv .main ul {
        margin-top:10px;
    }

    #news h1 {
        font-size:1em;
    }
}