@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 .container {max-width:1000px; margin:0 auto; position:relative}

.con01{position:relative; height:1255px; background:url(images_sg/con01_bg.jpg) center top / cover}
.con02{position:relative; height:1278px; background:url(images_sg/con02_bg.jpg) center top / cover}
.con03{position:relative; height:1615px; background:url(images_sg/con03_bg.jpg) center top / cover}
.con04{position:relative; height:879px; background:url(images_sg/con04_bg.jpg) center top / cover}
.con05{position:relative; height:1410px; background:url(images_sg/con05_bg.jpg) center top / cover}

.eventName .link {position:absolute;}
.con01 .link {top: 83%; left:36%; width:28%; height:9%;}
.con02 .link {top: 86%; left:27%; width:45%; height:9%;}
.con05 .link01 {top: 52%; left:27%; width:45%; height:9%;}
.con05 .link02 {top: 87%; left:61%; width:28%; height:5%;}



@media screen and (max-width: 1040px){
	html {font-size: 8px;}
	.eventName .container{padding:0 20px; box-sizing:border-box}
	.con01{height:auto; padding: 51% 0;}
	.con02{height:auto; padding: 55% 0;}
	.con03{height:auto; padding: 66% 0;}
	.con04{height:auto; padding: 36% 0;}
	.con05{height:auto; padding: 58% 0;}


	.con01 .link {left:32%; width:35%;}
	.con02 .link {left:29%; width:40%;}
	.con05 .link01 {left:31%; width:36%;}
	.con05 .link02 {left:59%; width:24%;}
}

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