@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 .container {max-width: 1000px; height:100%}
.eventName .wrapper {padding: 6rem 0;}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

/* hr */
.hr--dash {display:block; margin:1rem auto 4rem; width:90%; border-top:1px dashed #a7a7a7}

.con01 {position:relative; height:1100px; background:url(images_th/con01_bg.jpg) no-repeat center top / cover;}
.con02 {position:relative; height:4219px; background:url(images_th/con02_bg.jpg) no-repeat center top / cover;}
.con03 {position:relative; height:auto; background:url(images_th/con03_bg.jpg) no-repeat center top / cover; padding:6rem 0}


.box {padding:3rem 2rem; max-width:940px; margin:3rem auto 0; width:100%; background: #fff; box-sizing: border-box;}
.box:nth-of-type(1) {margin-top:0;}
.box dd:nth-of-type(1) {margin:1rem 0 3rem; font-size:2.6rem; color:#222222; font-weight:bold;}

.gif01 {position:absolute; top:4%; left:5.4%; width:34%;}
.gif02 {position:absolute; top:34.7%; left:52.5%; width:42%;}





@media screen and (max-width: 1040px){
	html{font-size:8px;}
	.container {width:100%; padding:0 20px; box-sizing: border-box;}
	.con02 .container {position:absolute; height:100%; top:0;}
	.con01{height:auto; padding:54% 0}
	.con02{height:auto; padding:215% 0}

	.gif01 {position:absolute; top:4%; left:5.1%; width:34.4%;}
	.gif02 {position:absolute; top:34.7%; left:53.5%; width:42%;}

}

@media screen and (max-width: 768px){
	html{font-size:7px;}
	.box dt img {max-width: 400px; width:100%;}
	.box dd:nth-of-type(1) {font-size: 2rem;}
	
	
}

@media screen and (max-width:480px){
	html{font-size:6px;}
	.con03 h3 {font-size:4.5rem;}
	.box dt {font-size:4.9rem;}
	.box dt img {max-width: 320px; width:100%;}
	.box dd:nth-of-type(1):after {width:3rem; height:3rem;}
	
}