@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;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
.dib{display:inline-block;}
a, ul, li, p, img, div{max-width: 100%;}

.con1{background:url(images_sg/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:166.2% 0 14.7% !important;}
.con1 .tit p:nth-child(1){color:#333232; font-size:3.3rem;}

.you_wrap{position:relative; width:100%; display:inline-block; box-shadow:30px 15px 30px rgba(58, 48, 92, 0.3);}
.youtubeBox{width:100%; height:auto; padding-top:56.1%; box-sizing:border-box; position:relative; }
.youtubeBox iframe{position:absolute; top:0 ;left:0; width:100%; height:100%;}

.con2{background:url(images_sg/bg2.jpg);}
.con2 .padding{padding:10.4% 0 12.1%;}
.con2 .tit p:nth-child(1){display:inline-block; width:50%;}
.con2 .box{box-sizing:border-box; padding:30px; background:url(images_sg/box_bg.jpg); margin-top:4.9%;}
.con2 .in{box-sizing:border-box; padding:58px 3% 73px; background:#ffffff; border-radius:5px; color:#666666; font-size:1.6rem; line-height: 1.8;}
.con2 .in p:nth-child(1){color:#222222; font-size:3.6rem;}
.con2 .in p:nth-child(2){margin-top:12px;}
.con2 .in p:nth-child(3){margin-top:15px;}
.con2 .in p:nth-child(4){margin-top:37px;}
.con2 .in p:nth-child(5){margin-top:38px;}

.con3{background:url(images_sg/bg3.jpg);}
.con3 .container {max-width:1014px;}
.con3 .padding{padding:10% 0 12.1%;}
.con3 .tit p:nth-child(1){display:inline-block; width:100%;}
.con3 .tit p:nth-child(2){color:#111111; font-size:3.6rem; margin-top:1.8%;}
.con3 .pd_wrap{margin-top:4%;}
.con3 .pd_wrap ul{background:url(images_sg/box_type1.png) no-repeat center top / 100% 100%; box-sizing:border-box; padding:24px 0 49px;}
.con3 .pd_wrap ul:nth-child(2n){background:url(images_sg/box_type2.png) no-repeat center top / 100% 100%;}
.con3 .pd_wrap ul:nth-child(3){background:url(images_sg/box_type3.png) no-repeat center top / 100% 100%; padding:66px 0 49px;}
.con3 .pd_wrap ul:nth-child(5){background:url(images_sg/box_type4.png) no-repeat center top / 100% 100%;}
.con3 .pd_wrap ul ~ ul{margin-top:12px;}
.con3 .pd_wrap li{display:inline-block; position:relative;}
.con3 .pd_wrap ul:nth-child(2) li{vertical-align:middle;}
.con3 .pd_wrap li:nth-child(2){margin-left:46px;}
.con3 .pd_wrap ul:nth-child(2n) li:nth-child(2){margin-left:102px;}
.con3 .pd_wrap ul:nth-child(3) li:nth-child(2){margin-left:83px;}
.con3 .pd_wrap dt,
.con3 .pd_wrap dd{display:inline-block; vertical-align:bottom;}
.con3 .pd_wrap dd{margin-left:20px; text-align:left;}
/* .con3 .pd_wrap ul:nth-child(5) dd{margin-left:40px;} */
.con3 .pd_wrap ul:nth-child(2n) dt,
.con3 .pd_wrap ul:nth-child(2n) dd{display:block;}
.con3 .pd_wrap ul:nth-child(2n) dd{margin-left:0; text-align:center; margin-top:20px;}
.con3 .pd_wrap dd p:nth-child(1){font-weight:bold; color:#111111; font-size:2.2rem;}
.con3 .pd_wrap dd p:nth-child(2){color:#111111; font-size:1.8rem;}
.con3 .pd_wrap dd p:nth-child(2) strong{color:#0daa70; font-size:4rem;}
.con3 .pd_wrap dd p:nth-child(2) span{color:#cccccc; /* font-size:4rem; */}
.con3 .pd_wrap dd p:nth-child(3),
.con3 .pd_wrap dd p:nth-child(4){color:#666666; font-size:1.6rem; margin-top:8px;}
.con3 .pd_wrap .btn{display:inline-block; font-weight:bold; color:#ffffff; font-size:2rem; position:relative; background:#111111; border-radius:30px; padding:7px 52px; margin-top:34px;}
.con3 .pd_wrap .btn:after{display:inline-block; content:''; border-left:9px solid currentColor; border-top:4.5px solid transparent; border-bottom:4.5px solid transparent; vertical-align: middle; margin-left: 10px;}
.con3 .pd_wrap ul:nth-child(5) li:before{position:absolute; content:''; bottom:-59px; right:-288px; width:205px; height:296px; background:url(images_sg/deco.png) no-repeat center bottom / contain;}


























@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:inline-block;}

.con2 .box{padding:10px;}
.con2 .in{padding:30px 3%;}

.con3 .pd_wrap ul{background:none !important; padding:0 !important;}
.con3 .pd_wrap li{width:100%; max-width:500px; box-sizing:border-box; padding:30px 3%; background:#ffffff; border:2px solid #000000; border-bottom:5px solid #000000; border-right:5px solid #000000;}
.con3 .pd_wrap li ~ li{margin-top:12px;}
.con3 .pd_wrap li:nth-child(2){margin-left:0 !important;}
.con3 .pd_wrap dt img{width:130px;}
.con3 .pd_wrap ul:nth-child(2n) dt img{width:250px;}
.con3 .pd_wrap ul:nth-child(5) dt img{width:143px;}
.con3 .pd_wrap dt,
.con3 .pd_wrap dd{display:block;}
.con3 .pd_wrap dd{margin-left:0 !important; margin-top:20px; text-align:center;}
.con3 .pd_wrap ul:nth-child(5) li:before{bottom:-32px; right:-43px; width:104px; }
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:inline-block;}
.padding{padding:50px 0 !important;}

.con2 .in p:nth-child(1){font-size:2.8rem;}

.con3 .tit p:nth-child(2){font-size:2.5rem;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:inline-block;}
}