@charset "utf-8";
header {
  opacity: 0;              /* 最初は非表示 */
  transform: translateY(-4.0rem); /* ちょい上に待機させておく */
}

/*アイキャッチ部分*/
.img_wrap{
  width: 63.0rem;
  height: 20.0rem;
  margin: 0 auto;
  padding-top: 4.0rem;
  display: block;
  overflow: hidden;
}
/* 1枚目だけ最初から見せる */
.inner01 .delay_img:nth-child(1) {
  opacity: 1;
}

/* 2枚目以降はJSで出す */
.inner01 .delay_img:nth-child(n+2) {
  opacity: 0;
}

/*mapエリア*/
.contents01 .contents01_01 .buil01 .name{
  opacity: 0;
  visibility: hidden;
  transform: translateY(3.0rem) scale(0.9); /* 最初の待機位置 */
  pointer-events: none;  /* ← hover・クリック一切効かない */
}

/*タイトル見切れ演出*/
.wrap_bg01{
  width: auto;
  height: 5.0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/*イベントエリア*/
.wrap_bg03{
  width: auto;
  height: 27.5rem;
  overflow: hidden;
}
@media only screen and (max-width: 767px){
  .wrap_bg03{
    width: auto;
    height: auto;
    overflow: initial;
  }
}
.wrap_bg04{
  width: 40.7rem;
  height: auto;
  margin-top: -1.7rem;
  overflow: hidden;
}
@media only screen and (max-width: 767px){
  .wrap_bg04{
    width: auto;
    margin-top: 0;
    overflow: initial;
  }
}

/*close up部分*/
.popup_inc01_01_01 {
  opacity: 0;
  transform: translateY(3.0rem); /* 下に寄せて待機 */
}

@media only screen and (max-width: 767px){
  .sp_fadein01 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(3.0rem) scale(0.9);
  }
  .sp_fadein02 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(3.0rem) scale(0.9); /* 下から出てくる */
  }
}