@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:821px; background:url(images_sg/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:90px 0; background:#e4dfc0}

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

.con02 .title{position:relative; letter-spacing:-1px; font-weight:bold; font-size:45px; color:#508738; line-height:1.3; padding-bottom:20px}

.con02 .img{max-width:828px; margin:0 auto; position:relative; background:#fff; overflow:hidden}
.con02 .ft{position:relative; padding:20px 0 0 0; color:#8c8360; font-size:15px}

@media screen and (max-width: 1040px){
	.eventName .container{box-sizing:border-box; padding:0 20px;}
	
	.con01{height:auto; padding:30% 0;}
	.con02{padding:70px 0}
	
	.con02 .title{font-size:30px}
	.con02 .ft{font-size:14px}
	
	.con02 .img img{max-width:none; width:120%; margin-left:-10%}
}

@media screen and (max-width: 768px){
	.con02{padding:40px 0}
	
	.con02 .title{font-size:20px}
	.con02 .ft{font-size:13px}
}