@charset "UTF-8";
/* renewal LP 固有CSS */

/* ============================
   ラッパー
   common.cssの設定を上書き
============================ */
.wrapper {
  max-width: 750px;    /* このLPの最大幅 */
  margin: 0 auto;      /* 中央寄せ */
  background: #000;
}

/* ============================
   画像間の隙間をなくす
   img { display: block } は common.css 適用済み
============================ */
.wrapper main img {
  width: 100%;
  height: auto;
  display: block;
}

/* ============================
   renewal_06：CTAボタンオーバーレイ
   フッター上部に画像ボタンを重ねる
============================ */
.section_cta_wrap {
  position: relative;
}

.cta_overlay {
  position: absolute;
  /* ▼ フッター上のボタン位置。ボタン画像の高さに合わせて bottom を調整してください */
  bottom: 120px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 0 6%;
  z-index: 10;
}

.cta_overlay a {
  display: block;
  width: 86%;           /* cta_btn の幅に合わせて調整 */
  max-width: 648px;
  margin: 0 auto;
}

.cta_overlay a img {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .cta_overlay {
    bottom: 50px;
  }
  .cta_overlay a {
    width: 90%;
  }
  .cta_overlay a img {
    width: 100%;
  }
}

/* ============================
   PC幅（768px以上）
============================ */
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
}