@charset "utf-8";
/* CSS Document */

/*
  page CSS
*/

section h2{
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 900;
font-style: normal;
font-size:clamp(24px,5vw,2rem);
margin-bottom:40px;
}

section.movie ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
width: calc(75vw + 30px);
margin:0 auto;
}


section.movie ul li{
width:50%;
margin-bottom:40px;
padding:0 15px;
}

section.movie ul li img{
width:100%;
}

section p{
margin-bottom:10px;
}

section p span{
display:block;
font-size:0.8rem;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 640px) {
	/* 959px以下に適用されるCSS（SP用） */

section h2{
margin-bottom:5vw;
}

section.movie ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin:0 auto;
}


section.movie ul li{
width:100%;
margin-bottom:5vw;
padding:0 0;
}

section.movie ul li img{
width:100%;
}

}