/* ==========================================================
   場面9｜アカデミーとは何か（対比図解）
   ========================================================== */
.s9{background:var(--color-white);min-height:0;padding:130px 0}
.s9 .h2{text-align:center}
.compare{
  max-width:860px;margin:0 auto 64px;
  border-top:1px solid var(--color-line);
}
.compare-row{
  display:grid;grid-template-columns:1fr 1fr;
  border-bottom:1px solid var(--color-line);
}
.compare-row > div{padding:22px 8px}
.compare-row > div + div{border-left:1px solid var(--color-line)}
.compare-head > div{
  font-size:13px;letter-spacing:.12em;color:var(--color-text-sub);
  padding-top:16px;padding-bottom:12px;
}
.compare-row .was{color:var(--color-text-sub)}
.compare-row .now{color:var(--color-text);font-weight:500}
.compare-row .was,.compare-row .now{font-size:clamp(15px,2.1vw,18px);line-height:1.8;letter-spacing:.04em}
.s9-def{max-width:760px;margin:0 auto;text-align:center}
.s9-def .key{
  font-family:var(--font-heading);
  font-size:clamp(21px,3.6vw,30px);line-height:1.9;letter-spacing:.05em;
  color:var(--color-navy);margin:0 0 28px;
}
.s9-def .body{font-size:clamp(16px,2.1vw,18px);line-height:2.0;margin:0}