@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%; margin:0 auto; text-align:center; position:relative}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

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

.con01 {position:relative; height:4471px; background:url(images_my2/con01_bg.jpg) no-repeat center top / cover;}


.con01 h2{position:absolute; left:-9999px; top:-9999px; font-size:0}
.con01 .warn {position: absolute; width: 100%; bottom: 2.5%; left: 50%; transform: translateX(-50%); font-size: 2rem; color: #fff; background:#719f9a; padding: 2px;}


@media screen and (max-width: 1040px){
	html{font-size:8px;}
	
	.con01{padding:180% 0; height:auto;}
}

@media screen and (max-width: 768px){
	html{font-size:7px;}
	.con01 .warn {font-size: 1.6vw;}

}
@media screen and (max-width: 480px){
	html{font-size:6px;}
	.con01 .warn {font-size: 1vw; bottom:2%}

}