@charset "UTF-8";
/* CSS Document */
/*--- 共通 ---*/
.wrap01,
.wrap02,
.wrap03,
.wrap04,
.wrap05,
.wrap06,
.wrap07 {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.wrap01 {
  max-width: 980px;
}

.wrap02 {
  max-width: 1500px;
}

.wrap03 {
  max-width: 1095px;
}

.wrap04 {
  max-width: 874px;
}

.wrap05 {
  max-width: 815px;
}

.wrap06 {
  max-width: 820px;
}

.wrap07 {
  max-width: 700px;
}

/*--- ヘッダー / メニュー ---*/
/* 2026リニューアル: ヘッダー(.header)・ハンバーガー(.header__toggle)・SPメニュー(.header__menu)の
   スタイルは common.scss へ BEM で移設。旧 header / .navToggle / #sp_menu 用スタイルは撤去済み。 */
main {
  padding-top: 160px;
}

/*--- パンくずリスト ---*/
.kuzu p {
  font-size: 12px;
  text-align: right;
}

/*--- ボタン ---*/
.btn01 {
  max-width: 191px;
  width: 100%;
}

.btn01 a {
  font-family: "Kumbh Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  text-align: center;
  display: block;
  width: 100%;
  background-color: #FFF226;
  position: relative;
  border-radius: 20px;
  padding: 0.5em 0 0.4em;
}

.btn01 a::after {
  content: "";
  width: 19px;
  height: 4px;
  background-image: url("../images/common/readmore_arrow_pc.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  position: absolute;
  right: 19px;
  top: 17px;
  transition-property: right;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

.btn01 a:hover::after {
  right: 12px;
}

/*--- フッター ---*/
/* 2026リニューアル: フッター(.footer)のスタイルは common.scss へ BEM で移設。 */
/*--- CONTACT ---*/
/* 旧「CONTACTリンクブロック」用の .contact スタイルは削除（2026-07-24）。
   現行テンプレートに旧ブロックの使用箇所は無く、リニューアル後の CONTACTページ本体
   （page-contact.php のラッパー class="contact"、実体は style_contact.css）と
   クラス名が衝突してレイアウトを壊すため。 */
/* フローティングバナー: 下端アンカーの縦積みコンテナ（チェックバック対応）。
   個別の fixed + bottom 指定をやめてコンテナ内の通常フローにすることで、
   クローズで1枚消えると残りがパズルのように下へ詰まる。リロードで復活（状態保存なし） */
.fl-bnr-stack {
  position: fixed;
  right: 0;
  bottom: 85px; /* 旧 .fl-bnr2（最下段）の bottom を踏襲 */
  z-index: 39;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  /* チェックバック: フッター到達でバナーが消えた後も、この箱だけは画面下端に残って
     クリック/タップを吸ってしまい、フッター下部のリンクが押せなくなっていた
     （子の .fl-bnr 等は非表示時に pointer-events:none になるが、箱自体は素通しでない）。
     箱は素通しにして、実際に表示されているバナーだけが
     style_top.scss の .fl-bnr.is-shown{pointer-events:auto} で操作を受け取る。
     SPは .fl-bnr-stack が画面全幅(width:100%)のため特に影響が大きかった */
  pointer-events: none;
}

.fl-bnr,
.fl-bnr3,
.fl-bnr2 {
  width: 272px; /* チェックバック: PCは80%程度に縮小（旧340px） */
  position: relative; /* 内部 .close の absolute 基準 */
}

.close {
  width: 9%;
  position: absolute;
  top: 5.5%;
  right: 7%;
  cursor: pointer;
}

.close2 {
  width: 9%;
  position: absolute;
  top: 7.2%;
  right: 7%;
  cursor: pointer;
}

.close3 {
  width: 9%;
  position: absolute;
  top: 7.2%;
  right: 7%;
  cursor: pointer;
}

.grecaptcha-badge {
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  /*--- 共通 ---*/
  .wrap01,
.wrap02,
.wrap03,
.wrap04,
.wrap05,
.wrap06,
.wrap07 {
    max-width: none;
  }
  .wrap01 {
    width: 84%;
  }
  .wrap03 {
    width: 89.3vw;
  }
  .wrap04 {
    width: 86.7%;
  }
  .wrap05 {
    width: 84vw;
  }
  .wrap06 {
    width: 84vw;
  }
  .wrap07 {
    width: 84vw;
  }
  /*--- ヘッダー / メニュー ---*/
  /* 2026リニューアル: SP用ヘッダー・メニューのスタイルも common.scss へ移設済み。 */
  main {
    padding-top: 26.7vw;
  }
  /*--- パンくずリスト ---*/
  .kuzu p {
    font-size: 2.4vw;
    text-align: left;
  }
  /*--- ボタン ---*/
  .btn01 {
    max-width: none;
    width: 50vw;
    margin-left: auto;
    margin-right: auto;
  }
  .btn01 a {
    font-size: 3.3vw;
    border-radius: 6.3vw;
    line-height: 2em;
    padding: 0.7em 0 0.6em;
  }
  .btn01 a::after {
    width: 5.1vw;
    height: 1.1vw;
    background-image: url("../images/common/readmore_arrow_sp.svg");
    right: 5.1vw;
    top: 4.7vw;
  }
  .btn01 a:hover::after {
    right: 4vw;
  }
  /*--- フッター ---*/
  /* 2026リニューアル: SP用フッターのスタイルも common.scss へ移設済み。 */
  /*--- CONTACT ---*/
  /* 旧 .contact リンクブロックのSPスタイルも削除（PC側と同じ理由。CONTACTページとの衝突回避） */
  /* SP: 上段=左右2枚（fl-bnr2左 / fl-bnr3右）、下段=全幅1枚（fl-bnr）の2段構成。
     下端アンカー＋行折返しで、下段を消すと上段2枚が最下部へ下がる */
  .fl-bnr-stack {
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    flex-flow: row wrap;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: space-between;
  }
  .fl-bnr {
    width: 100%;
    order: 3;
    margin-top: 1.3vw; /* 旧配置の上段(bottom15.3vw)と全幅バナー高(約14vw)の差分を踏襲 */
  }
  .fl-bnr2 {
    width: 49.3%;
    order: 1;
  }
  .fl-bnr3 {
    width: 49.3%;
    order: 2;
  }
  .fl-bnr2.full {
    width: 100%;
  }
  .close {
    width: 5.6vw;
    position: absolute;
    top: 0%;
    right: 0%;
    cursor: pointer;
  }
  .close img {
    display: block;
  }
  .close2 {
    width: 5.6vw;
    position: absolute;
    top: 0%;
    right: 0%;
    cursor: pointer;
  }
  .close2 img {
    display: block;
  }
  .close3 {
    width: 5.6vw;
    position: absolute;
    top: 0%;
    right: 0%;
    cursor: pointer;
  }
  .close3 img {
    display: block;
  }
}
/*---------------------------
アニメーション用CSS
-----------------------------*/
.animate,
.animate2,
.animate3 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}

.animate.deactive,
.animate2.deactive,
.animate3.deactive {
  opacity: 0;
  transition: 0s;
  transform: translateY(20px);
}
/*# sourceMappingURL=style.css.map */