@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; height:100%; margin:auto; text-align:center; position:relative}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

.con01{position:relative; height:889px; background:url(images_my/con01_bg.jpg) center top / cover;}
.con02{position:relative; height:1001px; background:url(images_my/con02_bg.jpg) center top / cover;}
.con03{position:relative; height:1314px; background:url(images_my/con03_bg.jpg) center top / cover;}
.con04{position:relative; height:2073px; background:url(images_my/con04_bg.jpg) center top / cover;}
.con05{position:relative; height:1248px; background:url(images_my/con05_bg.jpg) center top / cover;}
.con06{position:relative; height:1280px; background:url(images_my/con06_bg.jpg) center top / cover;}
.con07{position:relative; height:930px; background:url(images_my/con07_bg.jpg) center top / cover;}

.con01 h2{position:absolute; left:-9999px; top:-9999px; font-size:0; overflow:hidden}


@media screen and (max-width: 1040px){
	html{font-size:9px;}
	
	.con01{height:auto; padding:58% 0}
	.con02{height:auto; padding:51% 0}
	.con03{height:auto; padding:58% 0}
	.con04{height:auto; padding:99% 0}
	.con05{height:auto; padding:60% 0}
	.con06{height:auto; padding:60% 0}
	.con07{height:auto; padding:45% 0}
}

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

}