@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:url(images_my/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:7.3% 0 55.1% !important;}
.con1 .tit p:nth-child(1){display:inline-block; width:70%;}

.con2{background:#f2dfdb;}
.con3{background:#e5eedd;}
.con4{background:#f9f0e8;}
.con2 .padding{padding:7.5% 0;}
.con2 .tit p:nth-child(1){display:inline-block; width:80%;}
.con2 .box{display:inline-block; width:100%; max-width:958px; border-radius:0 50px; background:#ffffff; box-shadow: 5px 4px 7px rgba(58, 48, 92, 0.05); margin-top:31px; overflow:hidden; position:relative;}
.con2 .box li{float:left; width:50%; box-sizing:border-box; padding:57px 10px 45px;}
.con2 .box li:nth-child(2){background:#f9f9f9; position:relative;}
.con2 .box li:nth-child(2):before{position:absolute; content:''; width:45px; height:45px; top:50%; left:0; transform:translate(-50%, -50%);background:url(images_my/plus.png) no-repeat center center / contain;}
.con2 .box li p:nth-child(2){font-weight:bold; font-size:3rem; color:#1d1d1d; margin-top:16px;}
.con2 .box li:nth-child(2) p:nth-child(2){color:#cc635e;}
.con3 .box li:nth-child(2) p:nth-child(2){color:#88c88c;}
.con4 .box li:nth-child(2) p:nth-child(2){color:#ea9d70;}
.con2 .box li p:nth-child(3){font-size:1.9rem; color:#353535;}
.con4 .warn{font-size:1.8rem; color:#bcb2a9; margin-top:36px;}
































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

.con2 .box li{padding:35px 3%; width:100%;}
.con2 .box li:nth-child(2):before{height:30px; top:0; left:50%;}
.con2 .box li p:nth-child(1) img{width:250px;}
}

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

.con1 .padding{padding:7.3% 0 80.1% !important;}
}

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