@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:0px;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/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:21.4% 0 14.6% !important;}
.con1 .tit p{color:#f2ce7a;}
.con1 .tit p:nth-child(2){display:inline-block; width:100%;}
.con1 .tit p:nth-child(3){font-size:3.6rem; margin-top:1%;}
.con1 .tit p:nth-child(4){font-size:2rem;}
.con1 .box{margin-top:4.4%; box-sizing: border-box; padding:51px 3% 65px; background:url(images/box_bg.jpg) no-repeat center top / 100% 100%;}
.con1 .box p:nth-child(1){color:#000000; font-size: 1.8rem; line-height: 1.6;}
.con1 .box p:nth-child(1) span{font-size: 1.9rem;}
.con1 .box p:nth-child(2){margin-top: 26px;}

.con2{background:url(images/bg2.jpg) no-repeat center bottom;}
.con2 .padding{padding:0% 0 9.7% !important;}
.con2 .history dt{}
.con2 .history dd:nth-child(2){margin-top:7.2%;}
.con2 .history dd:nth-child(3){margin-top:15px; color:#000000; font-size: 4.6rem;}
.con2 .history dd:nth-child(4){margin-top:3.2%;}
.con2 .history dd:nth-child(5){margin-top:4.3%; color: #722181; font-size: 3.4rem; line-height: 1.2;}
.con2 .history dd:nth-child(6){margin-top:1%; color: #000000; font-size: 2.6rem;}
.con2 .history dd{position:relative;}
.con2 .history .deco{position:absolute; }
.con2 .history .deco1{top:0; left:10%; transform:translateY(-100%); }
.con2 .history .deco2{top:29%; left:0; transform:translateX(-67%); }

.con3{background:url(images/bg3.jpg) repeat center top;}
.con3 .padding{padding:10.4% 0 12%;}
.con3 .box{background: #fdedff;}
.con3 .box_tit{background: #bd76ca; box-sizing:border-box; padding:30px 3% 23px;}
.con3 .box_con{box-sizing:border-box; padding:48px 0 83px;}
.con3 .box_con li{display:inline-block; vertical-align: top; width:calc(50% - 2px); box-sizing: border-box;}
.con3 .box_con li:nth-child(1){border-right:1px solid #d4b8d9;}
.con3 .box_con li p:nth-child(2){margin-top:17px; font-size: 1.6rem; color:#222222; line-height: 1.3;}
.con3 .box_con li p:nth-child(2) strong{color:#0cc77a;}
.con3 .box_con .info{margin-top:75px; position: relative;}
.con3 .box_con .info p:nth-child(1){}
.con3 .box_con .info p:nth-child(2){margin-top:4%;}
.con3 .box_con .btn {color: #000000;font-size: 2.4rem;display: inline-block;background: #1bda8b;padding: 2px 28px;border-radius: 30px;font-weight: bold; box-shadow: 2px 2px 0px #000000; border:1px solid #000000; letter-spacing: -1px;}
.con3 .box_con .btn:after {border-left: 6px solid currentColor;border-top: 6px solid transparent;border-bottom: 6px solid transparent;content: '';display: inline-block;margin: 0 0 0.2rem 13px;}



/*except English*/
.id .con2 .history dd:nth-child(2){width:115.1%; position:relative; left:50%; transform: translateX(-50%);}
.th .con2 .history dd:nth-child(3){font-size: 5.5rem;}












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

.con1 .box{padding:35px 3%;}
.con2 .history .deco{display:none;}
.con2 .history dd:nth-child(2){width:100% !important;}

.con3 .box_con{padding:35px 3%;}
.con3 .box_con li{width:100%;}
.con3 .box_con li:nth-child(1){border-right:0; margin-bottom:40px;}
.con3 .box_con .info:before{content:''; position:absolute; width:1px; height:27px; background: #d4b8d9; left:50%; top:-36px;}
}

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

.con1{background:url(images/bg1_m.jpg) no-repeat center top / cover;}
.con1 .padding{padding:0 0 14.6% !important;}
.con1 .tit p:nth-child(2){margin-top:2%;}

.con2 {background: url(images/bg2.jpg) no-repeat center bottom / 280%;}
.con2 .padding{padding:0 0 50px !important;}
.con2 .history dd:nth-child(3){font-size: 4rem !important;}
.con2 .history dd:nth-child(5){font-size: 2.5rem;}
.con2 .history dd:nth-child(6){font-size: 2rem;}

.con3 .box_con .info{margin-top:50px;}
.con3 .box_tit{padding:16px 3% 12px;}
}

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