@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;}
div{max-width: 100%;}

.con1{background:#ffffff;}
.con1 .padding{padding:14% 0 10% !important;}
.con1 .tit p:nth-child(1){display:inline-block; width:80%; z-index:10; position:relative;}
.con1 .tit p:nth-child(2){display:inline-block; width:100%; margin-top:-29px; position:relative;}
.con1 .tit p:nth-child(3){display:inline-block; width:100%; max-width:860px; text-align:right; margin-top:2%; color:#111111; font-size:2.2rem;}
.con1 .mid{margin-top:17.6%;}
.con1 .mid ul{display:flex; justify-content:space-between; align-items:flex-end;}
.con1 .mid ul li:nth-child(1){position:relative;}
.id .con1 .mid ul li:nth-child(1){height:620px;}
.vn .con1 .mid ul li:nth-child(1){height:620px;}
.con1 .mid ul li:nth-child(1):before{position:absolute; content:''; width:217px; height:2px; background:#111111; top:45px; right:-167px;}
.con1 .mid ul li:nth-child(2){width:461px;}
.con1 .mid ul dl{text-align:left;}
.con1 .mid ul dd{margin-top:33px; color:#666666; font-size:2rem; text-align:justify; letter-spacing: -1px;}
.th .con1 .mid ul dd{text-align:left;}
.con1 .bot{margin-top:20%;}
.con1 .bot dt{text-align:right;}
.con1 .bot dd{text-align:left; box-sizing:border-box; padding-left:70px; margin-top:-150px; position:relative;}
.con1 .bot dd:before{position:absolute; content:''; width:212px; height:2px; background:#111111; top:-36px; left:0;}
.con1 .bot dd p:nth-child(1){font-weight:bold; color:#222222; font-size:3.4rem; line-height: 1.2;}
.con1 .bot dd p:nth-child(2){margin-top:17px; color:#666666; font-size:2rem;}
.con1 .end{margin-top:25.3%;}
.con1 .end p:nth-child(1){display:inline-block; width:80%;}
.con1 .end p:nth-child(2){margin-top:5.1%; color:#666666; font-size:2rem;}

.con2{background:url('images/bg2.jpg') repeat-x center top;}
.con2 .padding{padding:11.3% 0 8%;}
.con2 .tit p:nth-child(1){color:#333333; font-size:2.4rem;}
.con2 .tit p:nth-child(2){font-weight:bold; color:#0096c7; font-size:5.2rem; margin-top:5px; z-index:10; position:relative; letter-spacing: -3px;}
.con2 .box{display:inline-block; box-sizing:border-box; width:100%; max-width:860px; background:#ffffff; padding:84px 80px 0; margin-top:-33px;}
.con2 .box p:nth-child(2){margin-top:33px; color:#666666; font-size:1.6rem; text-align:justify; line-height: 1.9;}
.th .con2 .box p:nth-child(2){text-align:center;}
.con2 .box p:nth-child(3){margin-top:30px;}
.con2 .btn{color:#ffffff; font-size:2.1rem; display:inline-block; background:#222222; padding:5px 33px; border-radius:30px;}

.con2.sun2{background:url('images/bg3.jpg') repeat-x center top;}
.con2.sun3{background:url('images/bg4.jpg') repeat-x center top;}
.con2.sun4{background:url('images/bg5.jpg') repeat-x center top;}
.con2.sun5{background:url('images/bg6.jpg') repeat-x center top;}
.con2.sun2 .tit p:nth-child(2){color:#ff717e;}
.con2.sun3 .tit p:nth-child(2){color:#f2960f;}
.con2.sun4 .tit p:nth-child(2){color:#ff8543;}
.con2.sun5 .tit p:nth-child(2){color:#50a86b;}


























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

.con1 .tit p:nth-child(2){margin-top:-15px;}
.con1 .mid ul li:nth-child(1):before{display:none;}
.con1 .mid ul{display:block;}
.con1 .mid ul li:nth-child(2){margin-top:22px; width:100%; max-width:670px; display:inline-block;}
.con1 .mid ul dl{display:flex; justify-content:space-between; align-items:flex-start;}
.con1 .mid ul dt{width:31.6%;}
.con1 .mid ul dd{width:64.1%; margin-top:0px;}
.con1 .bot dd:before{display:none;}
.con1 .bot dt{text-align:center;}
.con1 .bot dd{padding-left:0; margin-top:20px; display:inline-block;}
.th .con1 .bot dd{display:block; width:100%; max-width:470px; margin:20px auto 0;}
.tw .con1 .bot dd{display:block; width:100%; max-width:470px; margin:20px auto 0;}

.con2 .box{padding:30px 4% 0; margin-top:-15px;}
.con2 .box p:nth-child(2){margin-top:15px;}
.con2 .tit p:nth-child(2){letter-spacing: -1px;}

.id .con1 .mid ul li:nth-child(1){height:auto;}
.vn .con1 .mid ul li:nth-child(1){height:auto;}
}

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

.con1 .bot dd p:nth-child(1){font-size:3rem;}

.con2{background-size:auto 50% !important;}
.con2 .tit p:nth-child(1){font-size:1.8rem;}
.con2 .tit p:nth-child(2){font-size:3rem;}
}

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