@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; background:#ffe9f1}
.con02{position:relative; padding:90px 0; background:#ffd7e6}
.con03{position:relative; height:630px; background:url(images_sg/con03_bg.jpg) center top / cover}
.con04{position:relative; height:580px; background:url(images_sg/con04_bg.jpg) center top / cover}
.con05{position:relative; height:655px; background:url(images_sg/con05_bg.jpg) center top / cover}
.con06{position:relative; height:703px; background:url(images_sg/con06_bg.jpg) center top / cover}
.con07{position:relative; padding:80px 0; background:url(images_sg/con07_bg.jpg) center top / cover}

.con01 .visual{text-align:center; position:relative; margin:0 auto}

.con02 .video_wrap{max-width:760px; margin:0 auto; position:relative; border:10px solid #fff;}
.con02 .video_wrap > div{position:relative; height:0; padding-top:56.25%}
.con02 .video_wrap > div iframe{width:100%; height:100%; position:absolute; left:0; top:0;}

.box{position:relative; border-radius:7px; overflow:hidden; border:2px solid #ffd6e3; margin-bottom:20px}
.box .b_tit{position:relative; background:#ffd6e3; text-align:center; font-weight:bold; font-size:27px; color:#dc527f; background:#ffd6e3; line-height:1.2; padding:15px 10px;}
.box .b_con{position:relative; background:#fff; padding:30px 15px; text-align:center;}
.box .b_con .txt{position:relative; padding:15px 0 0 0; line-height:1.4; color:#777777; font-size:20px;}
.box .b_con .txt span{display:inline-block; color:#fff; padding:1px; line-height:1; background:#ff008a; vertical-align:middle; margin-left:2px; font-weight:bold;}
.con07 .tail{position:relative; line-height:1.4; color:#c39a9a; font-size:17px}

@media screen and (max-width: 1040px){
	.eventName .container{box-sizing:border-box; padding:0 20px;}
	
	.con01 .container{padding:0}
	
	.con02{padding:50px 0}
	.con03{height:auto; padding:30% 0}
	.con04{height:auto; padding:27% 0}
	.con05{height:auto; padding:31% 0}
	.con06{height:auto; padding:32% 0}
	.con07{padding:40px 0}
	
	.box .b_tit{font-size:20px; padding:13px 10px;}
	.box .b_con{padding:20px 15px;}
	.box .b_con .txt{font-size:15px}
	.con07 .tail{font-size:15px}
}

@media screen and (max-width: 768px){
	.box .b_tit{font-size:15px; padding:13px 10px;}
	.box .b_con{padding:20px 15px;}
	.box .b_con .txt{font-size:13px}
	.con07 .tail{font-size:13px}
}