@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:#f6f6f6;}
.eventName .container {max-width:1000px; margin:0 auto; position:relative}
img {max-width:100%;}

.con01{position:relative; background-color:#eafacb;}
.con02{position:relative; padding:4% 0; background-color:#f4f8e6}
.con03{position:relative; padding:4% 0; background-color:#e1f4fd}
.con04{position:relative; padding:4% 0; background-color:#fef6f8}

.con01 h2{position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

.eventName .txt {margin-top:3%; font-size:2rem;}
.con02 .txt {color:#7f8664;}
.con03 .txt {color:#79919d;}
.con04 .txt {color:#9f9f9f;}

.con02 .txt a {position:relative; font-weight:bold; color:#7f8664;}
.con02 .txt a::after {content: ''; position:absolute; width:100%; height:1px; bottom:0; left:0; background-color:#b0b69c;}

@media screen and (max-width: 1000px){
	html {font-size:9px;}
	.eventName .container{width:95%;}
	.con02{padding:6% 0;}
	.con03{padding:6% 0;}
	.con04{padding:6% 0;}
	
}

@media screen and (max-width: 768px){
	html {font-size:7px;}
	
}
@media screen and (max-width: 480px){
	html {font-size:6px;}
	
}