/* =====================================================================
   PISTA SCHOOL シンプル版だけのデザイン
   ・共通（../assets/common.css）と前回版（../school/school.css）を読み込んだうえで、
     ここで「余白を詰める」「部品を簡単にする」上書きをしています
   ===================================================================== */

/* ---------- 全体：余白を控えめにして、ページを短く ---------- */
.section{padding-block:clamp(56px,7vw,104px)}
.sec-head{margin-bottom:clamp(28px,3.4vw,48px)}
.sec-head__ja{font-size:clamp(25px,3.1vw,40px)}
.hero{padding-block:clamp(48px,6vw,88px)}
.s-note{margin-top:clamp(20px,2.4vw,32px);font-size:14px;color:var(--ink-2)}
.dark .s-note{color:var(--night-muted)}
.s-note .note-sample{margin-right:12px}

/* ---------- 実績：4つの数字を横一列に ---------- */
.s-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--night-line)}
.s-stats li{padding:clamp(20px,2.4vw,32px) clamp(12px,2vw,28px) clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--night-line)}
.s-stats__label{font-size:13px;font-weight:700;line-height:1.6;color:var(--night-muted);min-height:3.2em}
.s-stats__num{margin-top:6px;font-family:var(--f-logo);font-weight:700;font-size:clamp(38px,4.8vw,72px);line-height:1;white-space:nowrap;color:var(--night-text)}
.s-stats__num small{margin-left:6px;font-family:var(--f-ja);font-size:.26em;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (min-width:860px){
  .s-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .s-stats li{padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--night-line)}
  .s-stats li:first-child{padding-left:0;border-left:0}
}

/* ---------- 学べること：左に見出しと写真、右に6つの力 ---------- */
.s-learn{display:grid;gap:clamp(28px,5vw,80px)}
.s-learn__photo{max-width:300px;aspect-ratio:4/3}
@media (min-width:960px){
  .s-learn{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .s-learn .sec-head{margin-bottom:clamp(24px,3vw,40px)}
  .s-learn__photo{max-width:380px}
}
.s-skills{border-top:1px solid var(--line-strong)}
.s-skills li{display:grid;grid-template-columns:2.6em 1fr;gap:8px;padding:clamp(16px,1.8vw,22px) 0;border-bottom:1px solid var(--line)}
.s-skills__no{font-family:var(--f-logo);font-weight:700;font-size:13px;line-height:2.1;color:var(--accent)}
.s-skills h3{font-size:clamp(17px,1.5vw,20px);line-height:1.6}
.s-skills p{margin-top:2px;font-size:14px;line-height:1.8;color:var(--ink-2)}
.s-sub{margin:clamp(48px,6vw,88px) 0 clamp(24px,3vw,36px);font-size:clamp(20px,2.2vw,28px)}
.flow__en{font-size:clamp(26px,2.8vw,36px)}
.flow__desc{font-size:14px}

/* ---------- コース：3つを同じ形のカードで横並び ---------- */
.s-courses{display:grid;gap:16px}
@media (min-width:860px){.s-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.s-course{display:flex;flex-direction:column;padding:clamp(24px,2.6vw,36px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.s-course__name{margin-top:12px;font-size:clamp(20px,1.9vw,24px);line-height:1.5}
.s-course__copy{margin-top:8px;margin-bottom:20px;font-size:15px;color:var(--ink-2)}
.s-course__spec{margin-top:auto;border-top:1px solid var(--line)}
.s-course__spec div{display:grid;grid-template-columns:3.4em 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.s-course__spec dt{font-weight:700}
.s-course__spec dd{color:var(--ink-2)}

/* ---------- 会社概要：横の見出しを固定しない ---------- */
.split__side{position:static}

/* ---------- 申し込み・フッター ---------- */
.cta{padding-block:clamp(56px,7vw,96px)}

/* ---------- 4ステップの線：事業ごとの色に合わせる（スマホの縦線） ---------- */
@media (max-width:899px){.flow::after{background:linear-gradient(180deg,var(--accent),var(--gl2,#8a3df0) 55%,var(--gl3,#d21fb0))}}