/* Editable comparison table; all styles stay inside this section. */
.school-compare{--compare-blue:#1250ff;--compare-neon:#00cfff;--compare-ring:#1250ff;--compare-stripe:#f7f8fa;padding:88px 0 96px;background:#fff;color:#26324b;font-family:'Noto Sans JP',sans-serif;letter-spacing:0;isolation:isolate}
.school-compare__inner{width:min(1200px,calc(100% - 64px));margin:0 auto}
.school-compare__heading{text-align:center;margin-bottom:44px}
.school-compare__eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--compare-blue);margin:0 0 14px}
.school-compare__heading h2{font:700 36px/1.4 'Noto Sans JP',sans-serif;letter-spacing:0;margin:0 0 24px}
.school-compare__intro{font-size:19px;font-weight:700;line-height:1.8;margin:0;color:#1646be;text-wrap:balance}
.school-compare__sample{font-size:14px;line-height:1.9;color:#576477;margin:12px 0 0;text-wrap:balance}
.school-compare__scroll{position:relative;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--compare-blue) #edf2ff;scrollbar-width:thin;padding:0 0 8px}
.school-compare__scroll:focus-visible{outline:3px solid var(--compare-ring);outline-offset:5px}
.school-compare__table{width:100%;min-width:800px;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;margin:0}
.school-compare__label-col{width:23.2%}
.school-compare__featured-col{width:32.8%}
.school-compare__table th,.school-compare__table td{vertical-align:middle;padding:14px 12px;line-height:1.75}
.school-compare__table thead th{height:116px;background:#ebedf2;color:#566172;border-right:1px solid #d9dfe8;font-weight:700;font-size:22px}
.school-compare__table thead .school-compare__corner{background:transparent;border:0}
.school-compare__table thead .school-compare__featured{background:linear-gradient(115deg,#1246ff 5%,#0062ff 70%,#00baff 100%);border-top:8px solid var(--compare-neon);color:#fff}
.school-compare__tagline{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;margin-top:9px;line-height:1.6}
.school-compare__brand img{width:164px;max-width:100%;height:auto;display:block}
.school-compare__brand{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Arial,sans-serif;font-size:clamp(24px,2.5vw,34px);font-weight:700;letter-spacing:-1px;line-height:1.2;white-space:nowrap}
.school-compare__brand svg{width:48px;height:36px;flex:none;fill:none;stroke:currentColor;stroke-width:6;stroke-linejoin:miter}
.school-compare__table tbody tr{height:100px}
.school-compare__table tbody th,.school-compare__table tbody td{background:#fff}
.school-compare__table tbody tr:nth-child(even)>*{background:var(--compare-stripe)}
.school-compare__table tbody th{font-size:16px;font-weight:700;border-left:1px solid #dee2e6;overflow-wrap:anywhere}
.school-compare__table tbody tr:first-child th{border-top:1px solid #dee2e6}
.school-compare__table .school-compare__featured{border-left:8px solid var(--compare-blue);border-right:8px solid var(--compare-blue)}
.school-compare__table tbody .school-compare__featured{background:#edf5ff;color:#123caa;border-top:1px solid #c3d8ff}
.school-compare__table tbody tr:nth-child(even)>.school-compare__featured{background:#e1edff}
.school-compare__table .school-compare__other{font-size:14px;border-right:1px solid #dee2e6;color:#566172}
.school-compare__table tbody tr:last-child>*{border-bottom:1px solid #dee2e6}
.school-compare__table tbody tr:last-child>.school-compare__featured{border-bottom:8px solid var(--compare-blue)}
.school-compare__symbol{display:block;width:28px;height:28px;margin:0 auto 6px;color:#333}
.school-compare__symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;display:block}
.school-compare__featured .school-compare__symbol{width:36px;height:36px;margin-bottom:8px}
.school-compare__featured .school-compare__symbol--check{width:30px;height:30px;background:var(--compare-blue);color:#fff;border-radius:50%;padding:3px;box-shadow:0 0 0 4px #00cfff33}
.school-compare__symbol--double{color:var(--compare-ring)}
.school-compare__featured .school-compare__symbol--circle{color:var(--compare-ring)}
.school-compare__symbol--cross,.school-compare__symbol--triangle{color:#a1a1a1}
.school-compare__text{display:block;font-size:inherit;line-height:1.65}
.school-compare__featured .school-compare__text{font-size:16px}
.school-compare__text-line{display:inline-block}
.school-compare__row-line{display:inline-block}
.school-compare__text--stacked .school-compare__text-line{display:block}
.school-compare__text--bold{font-weight:700}
.school-compare__text mark{color:inherit;background:linear-gradient(transparent 64%,#81edff 64%);padding:0}
.school-compare__notes{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-size:12px;line-height:1.8;color:#72787b;margin-top:8px}
.school-compare__notes p{margin:0}
.school-compare__notes p{width:100%}
.school-compare__sources{display:flex;flex-wrap:wrap;gap:4px 16px}
.school-compare__notes a{color:var(--compare-blue);text-decoration:underline;text-underline-offset:3px}
.school-compare__hint{display:none}
.school-compare__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){
  .school-compare__inner{width:calc(100% - 40px)}
  .school-compare__brand{font-size:25px;letter-spacing:-.5px;gap:5px}
  .school-compare__brand svg{width:34px;height:28px}
  .school-compare__table tbody th{font-size:14px}
  .school-compare__featured .school-compare__text{font-size:14px}
  .school-compare__table .school-compare__other{font-size:13px}
}
@media(max-width:840px){
  .school-compare{padding:64px 0}
  .school-compare__heading{margin-bottom:28px}
  .school-compare__heading h2{font-size:28px;margin-bottom:18px}
  .school-compare__intro{font-size:14px}
  .school-compare__sample{font-size:12px;text-align:left;margin-top:14px}
  .school-compare__hint{display:flex;justify-content:flex-end;gap:8px;font-size:11px;color:var(--compare-blue);line-height:1.5;margin:0 0 10px}
  .school-compare__table{width:800px;min-width:800px}
  .school-compare__label-col{width:144px}
  .school-compare__featured-col{width:256px}
  .school-compare__table tbody th{position:sticky;left:0;z-index:2;box-shadow:2px 0 4px #1250ff0b}
  .school-compare__table .school-compare__featured{border-left-width:6px;border-right-width:6px}
  .school-compare__table tbody tr:last-child>.school-compare__featured{border-bottom-width:6px}
  .school-compare__table th,.school-compare__table td{padding:12px 10px}
  .school-compare__table thead th{height:106px}
  .school-compare__notes{font-size:11px;margin-top:14px}
}
@media(max-width:440px){
  .school-compare__table{width:720px;min-width:720px}
  .school-compare__label-col{width:104px}
  .school-compare__featured-col{width:216px}
  .school-compare__table tbody th{font-size:12px;padding-right:7px;padding-left:7px}
  .school-compare__row-line{display:block}
  .school-compare__featured .school-compare__text{font-size:13px}
  .school-compare__brand{font-size:21px;gap:4px}
  .school-compare__brand svg{width:28px;height:24px}
  .school-compare__brand img{width:140px}
  .school-compare__tagline{font-size:11px}
}