/* =========================================================
   CTA セクション（濃い青の帯＋見出し＋大サイズ CTA）
   中の CTA は components/button-cta.css の .cta-group--lg
   ========================================================= */
.last-cta {
  background: var(--main);
  padding: var(--section-pt) var(--gutter);
  scroll-margin-top: var(--header-h);
}
.last-cta .section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(40px, 4.6vw, 66px);
}
.last-cta__text {
  display: flex;
  flex-direction: column;
  gap: clamp(22px, 2.7vw, 39px);
  text-align: center;
  color: var(--bg);
}
.last-cta__title {
  font-size: clamp(24px, 2.78vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .1em;
}
.last-cta__title em { font-style: normal; color: var(--yellow); }
.last-cta__lead {
  font-size: clamp(15px, 1.67vw, 24px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .05em;
}