@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:-1px;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_my/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:95.9% 0 0 !important;}
.con1 .tit p:nth-child(1){color:#333232; font-size:3.3rem;}

.con2{background:#4b65a3 url(images_my/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:4% 0 48.1% !important;}
.con2 .tit p:nth-child(1){display:inline-block; width:100%;}
.con2 .pd_wrap{display:inline-block; width:100%; max-width:855px; margin-top:5%;}
.con2 .row ~ .row{margin-top:56px; padding-top:43px; position:relative;}
.con2 .row ~ .row:before{position:absolute; content:''; width:100%; height:1px; top:0; left:0; background:#ffffff; opacity:0.2;}
.con2 .row dl:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.con2 .row dt{float:left;}
.con2 .row dd{float:right; width:537px; text-align:left;}
.con2 .row:nth-child(2n) dt{float:right;}
.con2 .row:nth-child(2n) dd{float:left;}
.con2 .row dd p:nth-child(1){color:#ffffff; font-size:2.2rem; }
.con2 .row dd p:nth-child(1) strong{font-size:3rem; line-height: 1.3;}
.con2 .row dd p:nth-child(2){color:#bcc5e9; font-size:1.8rem; margin-top:26px;}
.con2 .row dd p:nth-child(3){margin-top:45px;}
.con2 .row .btn{display:inline-block; color:#ffffff; font-weight:bold; font-size:2.5rem; background:#222222; padding:10px 42px; border-radius:5px;}
.con2 .row .btn:after{content:''; display:inline-block; border-left:10px solid currentColor; border-top:5.5px solid transparent; border-bottom:5.5px solid transparent; margin-bottom: 3px; margin-left:14px;}
.con2 .row:nth-child(1) dd{margin-top:23px;}
.con2 .row:nth-child(3) dt{margin-top:16px;}
.con2 .row:nth-child(4) dt{margin-top:27px;}
.con2 .row:nth-child(5) dt{margin-top:13px;}

.con3{background:#110f35; margin-top:-1px;}
.con3 .padding{padding:0 0 10.7% !important;}
.con3 .tit p:nth-child(1){display:inline-block; width:100%;}
.con3 .box{margin-top:10px; box-sizing:border-box; padding:45px 3% 25px; background:#494765; border:13px solid #29274a; border-radius:22px;}
.con3 .box dl{position:relative;}
.con3 .box dl ~ dl{margin-top:77px; padding-top:65px;}
.con3 .box dl ~ dl:before{content:''; position:absolute; height:1px; width:100%; max-width:885px; background:#6d6c84; top:0; left:50%; transform:translateX(-50%);}
.con3 .box dt{color:#f2efff; font-size:3rem;}
.con3 .box dd{margin-top:46px; color:#b7b9d1; font-size:1.6rem;}























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

.con2{background:#4b65a3 url(images_my/bg2.jpg) no-repeat center bottom / 200%;}
.con2 .row dt{float:none !important; margin-top:0 !impoatant;}
.con2 .row dd{float:none !important; width:100%; text-align:center; margin-top:30px !important;}
.con2 .row dt img{width:150px;}

.con3 .box{padding:30px 3% 25px;}
.con3 .box dl ~ dl{margin-top:35px; padding-top:35px;}
.con3 .box dd{margin-top:30px;}

}

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

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

.con1 .padding{padding:126.9% 0 0 !important;}
}