@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;background:#efdfe8;}
.eventName .section {padding:6rem 0}
.eventName .section__inner {max-width:1000px; height:100%; margin:0 auto; text-align:center; position:relative}
.eventName .blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

.sec01 {position:relative; background:#f9f8f8}
.sec02 {position:relative; background:url('images_th/con02_bg.jpg')no-repeat center top / cover;}
.sec03 {position:relative; background:#fff2e0;}

.sec01 .tit {position: absolute; top: 6%; left: 0; width: 54%; text-align: left;}
.sec01 .tit h3 {padding-left: 8%; font-size:4.2rem; color:#361c17; line-height: 1; margin: 5% 0 0;}
.sec01 .tit p {padding-left: 8%; font-size:2.8rem; color:#361c17; line-height: 1.3; margin-top: 6%;}

.sec02 .box {z-index:1; position:relative;}
.sec02 .box__con {padding:3rem 2rem; border:2px solid #000; background:#fffefd;}
.sec02 .box__con::before {z-index:-1; content:''; position:absolute; top:5px; left:5px; width:100%; height:100%; background:#ffdc80; border:2px solid #000;}
.sec02 .box__con p {margin:5px 0 0; font-size:2.4rem; color:#2d1209}

.sec03::before {content:''; position:absolute; top:0; left:50%; transform: translateX(-50%); margin-top:4%; margin-left: -400px; width:1798px; height:633px; background: url('images_th/tape.png')no-repeat top / 100%;} 
.sec03 .tit p {margin:5px 0 0; font-size:2.7rem; color:#312a28}
.sec03 .pdt img {margin-top:4rem; margin-left:13%;}


@media screen and (max-width: 1040px){
	html{font-size:9px;}	
	.eventName .section__inner{padding:0 20px; box-sizing:border-box;}

	.sec01 .tit h3 {font-size:3.5vw;}
	.sec01 .tit p {font-size:2.5vw;}
	
	.sec03::before {top: 21%; left: 50%; transform: translateX(-50%); margin-left: -7%; width: 100%; height: 100%;}
	.sec03 .pdt img {max-width:200px}


@media screen and (max-width: 768px){
	html{font-size:8px;}
	.sec03::before {top: 31%;}
	.sec03 .pdt img {max-width:150px}
}

.sec02 .box__con, 
.sec02 .box__con::before {
	border: 1px solid #000;
}
.sec02 .box__con h2 img {max-width: 300px; width:100%;}
.sec02 .box__con p {font-size:1.8rem;}

.sec03 .tit h2 img {max-width: 226px; width: 100%;}
.sec03 .tit p {font-size:1.8rem;}
	
}

@media screen and (max-width: 480px){
	html{font-size:7px;}
	
	.sec02 .box__con h2 img {max-width: 225px;}

	.sec03::before {top: 36%;}
	.sec03 .tit h2 img {max-width: 186px;}
	.sec03 .pdt img {max-width: 120px;}
}