@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;}
/* .db1000{display:none;}
.db768{display:none;}
.db480{display:none;}
.vh{visibility:hidden;} */
/* div{max-width: 100%;} */

.eventName .container {text-align: center;}

/*  ! ########### con01 ########### */
.con01 {background:url(images_my/title_bg.jpg) no-repeat top / cover;}
.con01 .padding {padding: 66% 0 30%;}
.con01 h2 {font-size: 0; display: none;}

/*  ! ########### con02 ########### */
.con02 {position: relative; background: url('images_my/evt_bg.jpg')no-repeat top / cover; background-color: #f0f0f0;}
.con02 .padding {padding: 8% 0 11%;}
.con02 h2 {padding: 2%; font-size: 5rem; background: #b6d4e0; color: #fff; text-transform: uppercase;}
.con02 .box {position: relative; max-width: 890px; margin: auto;}
.con02 .pd-list {display: inline-block; width: 285px; margin-top: 30px; vertical-align: top; }
.con02 .pd-list p {font-size: 2.2rem; color: #5e5e5e;}

.con02 .pd-list.two {width: 371px;}
.con02 .pd-list.two:nth-child(13) {margin-left: 90px;} 
.con02 .pd-list.two:nth-child(15) {margin-left: 12px;} 
.con02 .pd-list.two .img {display: inline-block;}
.con02 .pd-list.two p {display: inline-block; text-align: left; vertical-align: middle;} 

/*  ! ########### con03 ########### */
.con03 {position: relative; background-color: #d3d3d3;}
.con03 .padding {padding: 8% 0;}
.con03 .box {position: relative;}
.con03 .box > div:nth-of-type(2) {margin-top: 5%;}
.con03 .warn {margin-top: 4%; font-size: 1.8rem; color: #8a8a8a;}


/* * Deco */
.deco {position: absolute; z-index: 1;}
.deco01 {top: 31%; left: -18%; width: 169px; }
.deco02 {top: 44%; right: -22%; width: 250px;}
.deco03 {bottom: 15%; left: -14%; width: 140px;}
.deco04 {bottom: 5%; left: 0; width: 140px;}
.deco05 {bottom: 5%; right: 0; width: 241px;}


@media screen and (max-width: 1000px){
  html{font-size:8px;}
  .container {width: 90%;}
  .con02 .deco-wrap {display: none;}
  .con02 .pd-list {width: 265px;}
  .con02 .pd-list.two {width: 265px;}
  .con02 .pd-list.two:nth-child(13), 
  .con02 .pd-list.two:nth-child(15) {margin-left: 0;}
  .con02 .pd-list.two:nth-child(13) img {margin-left: 48px;}
  .con02 .pd-list.two p {display: block; text-align: center;}
  
  /* * Deco */
  .deco04 {bottom: 1%; left: 0; width: 100px;}
  .deco05 {bottom: 1%; right: 0; width: 195px;}
}


@media screen and (max-width: 768px){
  html{font-size:7px;}
  .con01 .padding {padding: 80% 0 23%;}
  .con02 h2 {font-size: 3.5rem;}
  .con02 .box p {font-size: 2rem;}

  /* * Deco */
  .deco04 {left: -20px; width: 70px;}
  .deco05 {right: -22px; width: 140px;}
}

@media screen and (max-width: 480px){
  .con02 h2 {font-size: 2.7rem;  letter-spacing: -1px;}

  .deco04 {width: 50px;}
  .deco05 {width: 90px;}
}