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

.con1{background:url(images_th/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:10.6% 0 13.3% !important;}
.con1 .tit p:nth-child(1){display:inline-block; width:100%;}
.con1 .tit p:nth-child(2){display:inline-block; width:100%; margin-top:6%;}

.con2{background:#fffef2;}
.con2 .padding{padding:9.5% 0 13.2%;}
.con2 .tit p:nth-child(1){font-size:2.4rem; color:#81b673; }
.con2 .tit p:nth-child(2){font-size:4.4rem; color:#59ad42; display:inline-block; background:url(images_th/deco2.png) no-repeat right center;}
.con2 .tit p:nth-child(3){display:inline-block; width:100%; margin-top:5.4%;}
.con2 .tit p:nth-child(2) span{position:relative; display:inline-block; padding:0 41px; background:url(images_th/deco1.png) no-repeat left center;}




























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

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

.con2 .tit p:nth-child(1){font-size:2rem;}
.con2 .tit p:nth-child(2){font-size:3rem;}

.con2 .tit p:nth-child(2){background:url(images_th/deco2.png) no-repeat right 8px / 12px;}
.con2 .tit p:nth-child(2) span{padding:0 20px; background:url(images_th/deco1.png) no-repeat left 8px / 12px;}
}

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