@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 {text-align: center;}

/*  ! ########### con01 ########### */
.con01 {background:url(images_my/con01_bg.jpg) center top / cover; height:469px; text-align:center; }
.con02 {background:url(images_my/con02_bg.jpg) center top / cover; height:3772px; text-align:center; }

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


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


@media screen and (max-width: 768px){

}