@charset "utf-8";

.pageHeadArea:after {
  background-image: url(../images/index/img_page_head.png);
}

.pageHeadArea .pageHeadBox h2 {
  padding-left: 6.5em;
  text-indent: -6.5em;
}

.videoArea {
	width: 800px;
	margin: 0 auto 60px;
}

.videoArea iframe {
	width: 800px;
 	height: 450px;
	aspect-ratio: 16/9; /* 縦横比を16:9に */
	object-fit: cover; /* coverを指定しないと画像の縦横比が崩れる */
	object-fit-position: center top; 
}







@media screen and (max-width: 768px) {

.videoArea {
	width: 92vw;
	margin: 0 auto 8vw;
}

.videoArea iframe {
	width: 92vw;
 	height: 51.75vw;
	aspect-ratio: 16/9; /* 縦横比を16:9に */
	object-fit: cover; /* coverを指定しないと画像の縦横比が崩れる */
	object-fit-position: center top; 
}


.pageHeadArea .pageHeadBox h2 {
  padding-left: 0;
  text-indent: 0;
}

}