@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:#efdfe8;}
.eventName .container {max-width: 1000px;}
.eventName .wrapper {padding: 6rem 0;}
.blind{position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

/* hr */
.con01 {height:889px; background:url(images_sg/con01_bg.jpg) no-repeat center top / cover;}
.con02{padding:50px 0; background:#d0fff0}
.con03 {height:1234px; background:url(images_sg/con03_bg.jpg) no-repeat center top / cover;}
.con04 {height:3986px; background:url(images_sg/con04_bg.jpg) no-repeat center top / cover;}
.con05 {height:688px; background:url(images_sg/con05_bg.jpg) no-repeat center top / cover;}

.con01 h2 {text-indent: -9999px; font-size: 0; position: absolute; top: -100%; left: -100%;}

.con02 .video{position:relative; height:0; padding-top:56.25%}
.con02 .video iframe{position:absolute; left:0; top:0; width:100%; height:100%}


@media screen and (max-width: 1040px){
	html{font-size:8px;}
	.container {width:95%;}
	
	.con01{height:auto; padding:45% 0}
	.con03{height:auto; padding:63% 0}
	.con04{height:auto; padding:190% 0}
	.con05{height:auto; padding:41% 0}
}

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

}