@charset "UTF-8";

.kanshasai-lp,
.kanshasai-lp * {
  box-sizing: border-box;
}

.kanshasai-lp {
  max-width: 750px; /* PCではフライヤー原寸(750px)で中央寄せ */
  margin: 0 auto;
  background: #fff;
}
.kanshasai-lp img {
  display: block;
  width: 100%;
  height: auto;
}

/* ── 赤帯と緑フッターの間のCTA ── */
.kanshasai-lp .cta-container {
  background: #fffcdb; /* フライヤーに馴染ませる背景。不要なら削除 */
  text-align: center;
  padding: 20px;
  font-family:
    "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    sans-serif;
}
.kanshasai-lp .cta-lead {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: 0.05em;
  color: #000;
}
.kanshasai-lp .btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding: 22px 40px;
  background-color: #00a15d;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 28px;
  font-weight: bold;
  border-radius: 15px;
  transition:
    background-color 0.3s,
    transform 0.2s;
}
.kanshasai-lp .btn-apply:hover {
  background-color: #00874e;
  transform: translateY(-2px);
}

/* ── 電話番号のタップ発信リンク（緑フッター画像内） ── */
.kanshasai-lp .slice {
  position: relative;
}
.kanshasai-lp .tel-hotspot {
  position: absolute;
  left: 45%;
  top: 22%;
  width: 53%;
  height: 63%;
  display: block;
  /* 位置確認時は次行を有効化: background: rgba(255,0,0,.3); */
}

/* ── スマホ(767px以下): 画像を画面幅100%でフルブリード表示 ── */
@media (max-width: 767px) {
  .kanshasai-lp {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .kanshasai-lp .btn-apply {
    padding: 16px 40px;
    font-size: 20px;
  }
}