@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}

.con01{position:relative; background:url(images_sg/con01_bg.jpg) center top / cover; text-align:center}
.con02{position:relative; padding:90px 0; background:#e1d9d3; text-align:center}
.con03{position:relative; padding:90px 0; background:#f8f7f5; text-align:center}

.con01 .padding{position:relative; padding:7.5% 0 68% 0}
.con01 .title{position:relative; color:#fff; line-height:1.2}
.con01 .title p:nth-child(1){position:relative; font-weight:bold; font-size:79px}
.con01 .title p:nth-child(2){position:relative; font-size:34px; font-weight:bold}
.con01 .title p:nth-child(3){position:relative; font-size:19px; padding-top:15px; margin-top:20px; display:inline-block; border-top:1px solid #c6c1bc}

.con02 .title{position:relative; line-height:1.2; font-weight:bold; color:#392318; font-size:40px;}
.con02 .pd_list{position:relative; padding:40px 0 0 0}
.con02 .pd_list li{margin-bottom:30px; position:relative}
.con02 .pd_list li:nth-last-child(1){margin-bottom:0}
.con02 .pd_link{position:relative; padding:50px 0 0 0;}
.con02 .pd_link p:nth-child(1){position:relative; font-weight:bold; color:#392318; font-size:44px;}
.con02 .pd_link p:nth-child(2){position:relative; padding:15px 0 0 0}
.con02 .pd_link p:nth-child(2) a{display:inline-block; color:#fff; font-size:31px; font-weight:bold; border-radius:4px; background:#333; line-height:1; padding:15px 43px;}
.con02 .pd_link p:nth-child(2) a:after{width:9px; height:11px; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-left:13px; content:''; background:url(images_sg/bullet.jpg) no-repeat}

.con03 .title{position:relative; font-weight:bold; color:#392318; font-size:49px; padding-bottom:30px}
.con03 .box{position:relative; max-width:950px; margin:0 auto; background:#fff; box-sizing:border-box; padding:50px 20px 30px 20px; border:1px solid #ccc}
.con03 .box p:nth-child(2){position:relative; line-height:1.4; color:#888888; font-size:18px; padding:20px 0 0 0}



@media screen and (max-width: 1020px){
	.container{padding:0 20px; width:auto}
	.con02, .con03{padding:70px 0}

	.con01 .title p:nth-child(1){font-size:50px}
	.con01 .title p:nth-child(2){font-size:24px}	
	.con01 .title p:nth-child(3){font-size:17px}
	
	.con02 .title{font-size:30px}
	.con02 .pd_list{padding:30px 0 0 0}
	.con02 .pd_link{padding:30px 0 0 0;}
	.con02 .pd_link p:nth-child(1){font-size:30px;}
	.con02 .pd_link p:nth-child(2){position:relative; padding:10px 0 0 0}
	.con02 .pd_link p:nth-child(2) a{ font-size:22px; padding:12px 37px;}
	
	.con03 .title{font-size:30px; padding-bottom:20px}
	.con03 .box{padding:40px 20px 20px 20px}
	.con03 .box p:nth-child(2){font-size:16px}
}

@media screen and (max-width: 768px){
	.con01 .padding{padding:7% 0 76% 0}
	.con01 .title p:nth-child(1){font-size:25px}
	.con01 .title p:nth-child(2){font-size:14px}
	.con01 .title p:nth-child(3){font-size:13px; line-height:1.5; padding-top:10px; margin-top:15px}
	
	.con02, .con03{padding:40px 0}
	
	.con02 .title{font-size:20px}
	.con02 .pd_list{padding:20px 0 0 0}
	.con02 .pd_list li{margin-bottom:15px}
	.con02 .pd_link{padding:20px 0 0 0;}
	.con02 .pd_link p:nth-child(1){font-size:20px;}
	.con02 .pd_link p:nth-child(2){position:relative; padding:5px 0 0 0}
	.con02 .pd_link p:nth-child(2) a{ font-size:16px; padding:12px 25px;}
	
	.con03 .title{font-size:20px}
	.con03 .box{padding:30px 15px 20px 15px}
	.con03 .box p:nth-child(2){font-size:14px}
}