/* ── Section 1: Hero ── EXTREME版（2026-05-30）
   副社長指示：色味が重い → 画像削除＋淡いグラデ、Noto Sans JP ゴシック、強調は太字。
   ※ 変更前（navy + adapt1.png）は studio/プログラマー1/2026-05-30-hero-extreme-変更ログ.md に保管。戻す時はそれを参照。
*/
.section-hero {
  position: relative;
  min-height: 580px;
  display: flex;
  align-items: center;
  /* 淡いグラデ：白〜ラベンダー地に、中央下のピンク〜パープルのグロー */
  background:
    radial-gradient(58% 54% at 50% 62%,
      rgba(236, 148, 205, 0.42) 0%,
      rgba(178, 138, 240, 0.30) 38%,
      rgba(244, 242, 250, 0) 72%),
    linear-gradient(180deg, #FCFBFE 0%, #F3F1FA 100%);
  color: var(--color-text-primary);
  border-top: none;
  overflow: hidden;
  padding: var(--space-10) 0 var(--space-12);
}
.teach-lp .section-hero { border-top: none; padding: var(--space-10) 0 var(--space-12); }

/* ── 柔らかいグロー（中央下、ぼかし強め） ── */
.section-hero__glow {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 72%;
  height: 64%;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse at center,
    rgba(233, 120, 198, 0.30) 0%,
    rgba(150, 110, 235, 0.20) 45%,
    transparent 70%);
  filter: blur(44px);
  z-index: 0;
  pointer-events: none;
}

.section-hero__container {
  position: relative;
  z-index: 2;
  max-width: none;
  margin: 0;
  padding-left: clamp(var(--space-4), 5vw, var(--space-12));
  padding-right: var(--space-4);
}

.section-hero__inner {
  max-width: 920px;
  margin: 0;
  text-align: left;
}

.section-hero__mission-en {
  display: inline-block;
  font-family: var(--font-en);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.14em;
  color: var(--color-accent);
  margin-bottom: var(--space-4);
  padding: 0.4rem 0.875rem;
  border: 1px solid rgba(107, 92, 231, 0.35);
  border-radius: 999px;
  background-color: rgba(107, 92, 231, 0.08);
}

/* ── 見出し：Noto Sans JP ゴシック・極太・大きく ── */
.section-hero__heading {
  font-family: var(--font-ja);
  font-size: clamp(2.5rem, 5vw, 3.75rem); /* 40〜60px：画面幅に追従（折返し崩れ防止） */
  font-weight: 900;                        /* ゴシック極太 */
  line-height: 1.16;
  letter-spacing: -0.04em;
  margin-bottom: var(--space-3);
  color: var(--color-text-primary);
}

/* ── リード：強調＝太字 ── */
.section-hero__lead {
  font-family: var(--font-ja);
  font-size: var(--text-xl);
  font-weight: 700;
  line-height: var(--line-height-snug);
  color: var(--color-text-primary);
  margin-bottom: var(--space-1);
}

/* ── サブ：通常ウェイト ── */
.section-hero__subtext {
  font-family: var(--font-ja);
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-4);
}

.section-hero__cta {
  padding: 0.8rem 1.85rem;
  font-size: var(--text-sm);
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(107, 92, 231, 0.28);
}

@media (max-width: 768px) {
  .section-hero { min-height: 460px; padding: var(--space-6) 0 var(--space-8); }
  .teach-lp .section-hero { padding: var(--space-6) 0 var(--space-8); }
  .section-hero__heading { font-size: var(--text-3xl); }
  .section-hero__lead { font-size: var(--text-lg); }
  .section-hero__subtext { font-size: var(--text-sm); }
  .section-hero__glow { width: 110%; height: 50%; top: 62%; filter: blur(36px); }
}