@charset "utf-8";

html{font-size:10px;}
/* .oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;} */
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#f6f6f6;}
.eventName .section {position:relative;}
.container {max-width:1000px; height:100%; margin:0 auto; position:relative; height:100%}
.blind {position:absolute; top:-9999px; left:-9999px; font-size:0;}

.top-visual {height:auto; background:#98e5d8; padding:6rem 0 20rem}


/* video */
.video-wrap {position:relative; max-width: 865px; margin: 4rem auto; width:95%;}
.video-wrap > .video {padding-top:56.25%;}
.video-wrap > .video iframe{width:100%; height:100%; position:absolute; left:0; top:0}



@media screen and (max-width: 1040px){
	html {font-size:8px;}
	.top-visual {padding:6rem 0 8rem}
	.container {padding:0 20px; box-sizing: border-box;}
	/* .container {position:absolute; width:100%; padding: 0 20px; box-sizing: border-box;}
	.top-visual{height:auto; padding:127% 0;} */
	/* .video-wrap {width:85%; left:0; top:-27%;} */
	
}
	

@media screen and (max-width: 768px){
	html {font-size:7px;}
	
}
@media screen and (max-width: 480px){
	html {font-size:6px;}
}