/* 最終CTA＋フッター */
.lp-cta__inner { max-width: var(--w-wide); margin: 0 auto; padding: 110px var(--pad-x) 0; text-align: center; }
.lp-cta__heading {
  font-family: var(--font-serif);
  font-size: 36px;
  font-weight: 500;
  margin: 0 0 14px;
  color: var(--c-heading-dark);
  letter-spacing: .1em;
}
.lp-cta__tagline {
  font-family: var(--font-en);
  font-size: 13px;
  letter-spacing: .16em;
  color: rgba(249, 246, 240, .55);
  margin-bottom: 40px;
}
.lp-cta__store { margin-top: 80px; font-size: 12.5px; color: rgba(249, 246, 240, .6); }
.lp-cta__store a { color: var(--c-page); font-weight: 700; text-decoration: underline; }
.lp-cta__store a:hover { color: #FFFFFF; }
.lp-footer {
  border-top: 1px solid rgba(249, 246, 240, .14);
  margin-top: 40px;
  padding: 26px 0 30px;
  text-align: left;
}
.lp-footer__company { font-size: 11.5px; color: rgba(249, 246, 240, .5); line-height: 1.9; margin: 0 0 18px; }
.lp-footer__row { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
/* フッターのブランド表示。2026-09-02 に文字からロゴ画像へ変更（本人指示）。
   濃色面用に色だけ変えた adapt-logo-white.svg を使う。 */
.lp-footer__logo { height: 22px; width: auto; display: block; }
.lp-footer__links { display: flex; gap: 22px; flex-wrap: wrap; }
.lp-footer__links a { font-size: 12px; color: rgba(249, 246, 240, .6); }
.lp-footer__links a:hover { color: #FFFFFF; }
.lp-footer__copy { font-size: 12px; color: rgba(249, 246, 240, .45); }
@media (max-width: 900px) {
  .lp-cta__inner { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 640px) {
  .lp-cta__inner { padding-top: 64px; padding-left: 16px; padding-right: 16px; }
  /* 見出し「実務知を、講座にする。」（11文字）が1行に収まる大きさ：文字サイズ×1.06×11 ＜ 画面幅−32px。
     320px→22.4px（261px）／360px以上→25px（291px）。固定サイズだと320〜350pxで「る。」だけ2行目に落ちる */
  .lp-cta__heading { font-size: clamp(20px, 7vw, 25px); letter-spacing: .06em; }
  .lp-cta__tagline { font-size: 11px; letter-spacing: .12em; margin-bottom: 32px; }
  .lp-cta__store { margin-top: 48px; }
}
