@charset "UTF-8";

h2{
text-indent: -99999;
background: url("../images/heading_movie.png");
background-size: 100%;
width: 100vw;
aspect-ratio: 960/180;
}
.inner{
position: relative;
height: 100svh;
}
main{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-60%) translateX(-50%);
padding: 2rem 0;
}
.yt{
border-radius: 1.5vw;
opacity: 0;
width: 90%;
aspect-ratio:16/9;
}

/*PC*/
@media screen and (min-width:768px){
    
main{
max-width:none;
position: relative;
top: auto;
left: auto;
transform: translateY(0) translateX(0);
}
h2{
width: 70vw;
max-width: calc(1080px*0.7);
margin: 0 auto;
}

@media (orientation: portrait){

/*デバイスが縦向きの場合*/

}

}