@charset "UTF-8";

h2{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
aspect-ratio:900/152;
background: url("../images/heading_movie.png?0716") center center no-repeat;
background-size: 100%;
margin: 1rem auto;
width: 94%;
}
.inner{
position: relative;
height: 100svh;
}
main{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-60%) translateX(-50%);
padding: 2rem 0;
}
.yt{
border-radius: 0.75rem;
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: 60%;
max-width: 648px;
}

@media (orientation: portrait){

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

}

}