/* ============================================================
   price.html 専用スタイル
   ============================================================ */

/* ---------- FV(シンプルヒーロー) ---------- */
.hero-simple {
  padding-top: calc(var(--header-h) + 56px);
  padding-bottom: 56px;
  background: linear-gradient(180deg, #FFFFFF 0%, var(--yg-50) 100%);
  overflow: hidden;
}
.hero-simple__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 200px);
  gap: 40px;
  align-items: center;
}
.hero-simple__title {
  font-size: clamp(26px, 3.6vw, 40px);
  font-weight: 800;
  line-height: 1.55;
}
.hero-simple__lead {
  margin-top: 22px;
  color: var(--text-mid);
  font-size: 16px;
  line-height: 1.9;
  max-width: 46em;
}
.hero-simple__fig { justify-self: end; }
.hero-simple__fig img { height: 370px; width: auto; }
@media (max-width: 860px) {
  .hero-simple__inner { grid-template-columns: 1fr; gap: 24px; }
  .hero-simple__fig { justify-self: center; order: -1; }
  .hero-simple__fig img { height: 240px; }
}

/* ---------- 含まれるもの／含まれないもの ---------- */
.incl-sec { background: var(--bg-tint-green); }
.incl-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px;
}
.incl-col {
  background: #fff; border: 1px solid var(--line-soft); border-radius: var(--radius);
  padding: 28px 30px;
}
.incl-col h3 { font-size: 16px; font-weight: 800; }
.incl-col ul { margin-top: 16px; }
.incl-col li {
  font-size: 14.5px; line-height: 1.8; color: var(--text-mid);
  padding: 8px 0 8px 28px; position: relative;
  border-top: 1px solid var(--line-soft);
}
.incl-col li:first-child { border-top: none; }
.incl-col--yes li::before { content: "✓"; position: absolute; left: 0; top: 8px; color: var(--yg-700); font-weight: 800; }
.incl-col--no li::before { content: "✕"; position: absolute; left: 0; top: 8px; color: var(--text-weak); font-weight: 800; }
.incl-col__note { margin-top: 18px; font-size: 13.5px; color: var(--text-mid); line-height: 1.8; }
@media (max-width: 820px) { .incl-grid { grid-template-columns: 1fr; } }

/* ---------- 継続支援カードの補助 ---------- */
.continua__card__link { margin-top: 14px; font-size: 13.5px; font-weight: 700; }

/* ---------- 支払いとキャンセル ---------- */
.pay-sec { background: var(--bg-tint-blue); }
.pay-sec .format-table th { width: 160px; }