/* 留学デスク（傘）と国のデスク（2026-11-13）。tokens.css の後・全ページで読む。
   🔴 色は「留学」の 2 字とロゴの点だけ。飾りの線・帯・枠に差し色を使わない。
   差し色の値＝各デスクのロゴの「留学」の色（PH 今のロゴ・CA 11/03 のロゴ・MT 11/13 16:49 のロゴから読んだ値） */
:root{
  --desk-ph:#F26953; --desk-ca:#D80112; --desk-mt:#007C89;
  --desk-ph-on-photo:#FF9C8A; --desk-ca-on-photo:#FF7A80; --desk-mt-on-photo:#5ED6D9;
  --logo-navy:#002462;
}

/* 帯: 留学デスクと 3 つのデスク */
.rgd-family{background:var(--navy-deep);color:#fff;font-size:12.5px;line-height:1}
.rgd-family-in{max-width:var(--wrap);margin:0 auto;padding:0 22px;height:34px;display:flex;align-items:center;gap:16px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.rgd-family-in::-webkit-scrollbar{display:none}
.rgd-family a{color:rgba(255,255,255,.82);text-decoration:none}
.rgd-family a:hover,.rgd-family a[aria-current]{color:#fff}
.rgd-family-home{font-weight:700;color:#fff !important;letter-spacing:.04em}
.rgd-family-desks{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.rgd-family-desks a{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px}
.rgd-family-desks a[aria-current]{background:rgba(255,255,255,.14);font-weight:700}
@media (max-width:520px){.rgd-family-in{padding:0 14px;gap:8px}.rgd-family-desks a{padding:5px 7px}}

.rgd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:var(--navy)}
.rgd-fd-ph .rgd-dot{background:var(--desk-ph)}
.rgd-fd-ca .rgd-dot{background:var(--desk-ca)}
.rgd-fd-mt .rgd-dot{background:var(--desk-mt)}
.rgd-family .rgd-dot{box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}

/* デスクの名前（「留学」だけ差し色） */
.rgd-dn{white-space:nowrap}
.rgd-dn em{font-style:normal}
.rgd-dn-ph em{color:var(--desk-ph)}
.rgd-dn-ca em{color:var(--desk-ca)}
.rgd-dn-mt em{color:var(--desk-mt)}
.rgd-dn-ph.is-on-photo em{color:var(--desk-ph-on-photo)}
.rgd-dn-ca.is-on-photo em{color:var(--desk-ca-on-photo)}
.rgd-dn-mt.is-on-photo em{color:var(--desk-mt-on-photo)}

/* パンくず（デスクの入口のページ） */
.rgd-crumb-desk{display:block;padding-top:18px;font-size:12.5px;color:var(--muted)}
.rgd-crumb-desk a{color:var(--muted);text-underline-offset:3px}
.rgd-crumb-desk [aria-current]{color:var(--ink)}
.rgd-h20 .h20-eyebrow.h20-eyebrow-ja{letter-spacing:.08em}

/* 傘のトップと国のデスク: 枠を使わない本文 */
.rgd-u-plain{max-width:880px}
.rgd-u-flow{list-style:none;counter-reset:f;margin:26px 0 0;padding:0;display:grid;gap:22px}
@media (min-width:860px){.rgd-u-flow{grid-template-columns:repeat(3,1fr);gap:36px}}
.rgd-u-flow li{counter-increment:f}
.rgd-u-flow b{display:block;font-size:17px;color:var(--navy);line-height:1.5}
.rgd-u-flow b::before{content:counter(f) ".";margin-right:6px;font-variant-numeric:tabular-nums}
.rgd-u-flow p{margin:6px 0 0;font-size:14.5px;line-height:1.9;color:var(--ink-soft)}
.rgd-u-h3{font-size:18px;color:var(--navy);margin:44px 0 10px}
.rgd-u-cost{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.rgd-u-cost th,.rgd-u-cost td{text-align:left;vertical-align:top;padding:12px 10px 12px 0;border:0;border-top:1px solid var(--line);background:none}
.rgd-u-cost tr:last-child th,.rgd-u-cost tr:last-child td{border-bottom:1px solid var(--line)}
.rgd-u-cost th{font-weight:700;color:var(--ink);width:34%}
.rgd-u-cost th small{display:block;font-weight:400;color:var(--muted);font-size:12.5px;margin-top:2px}
.rgd-u-cost td.tabnum{font-weight:700;font-size:17px;color:var(--navy);white-space:nowrap;width:16%}
.rgd-u-cost td:last-child{color:var(--muted);font-size:13px;line-height:1.8}
@media (max-width:640px){
  .rgd-u-cost tr{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);padding:10px 0}
  .rgd-u-cost th,.rgd-u-cost td{border:0 !important;padding:2px 0}.rgd-u-cost th{width:auto}.rgd-u-cost td.tabnum{width:auto;text-align:right}
  .rgd-u-cost td:last-child{grid-column:1 / -1}.rgd-u-cost tr:last-child{border-bottom:1px solid var(--line)}}
.rgd-u-note{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.85}

/* デスクの入口（今までのトップの「地域」の写真の札と同じ部品） */
.rgd-h20 .h20-areas.rgd-u-desks{grid-template-columns:1fr}
@media (min-width:760px){.rgd-h20 .h20-areas.rgd-u-desks{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rgd-h20 .rgd-u-desks .h20-area{display:block}
.rgd-h20 .h20-areas.rgd-u-desks .h20-area.is-big{grid-row:auto}
@media (max-width:759px){.rgd-h20 .h20-areas.rgd-u-desks .h20-area.is-big{grid-column:auto}}
.rgd-h20 .h20-areas.rgd-u-desks .h20-area a,.rgd-h20 .h20-areas.rgd-u-desks .h20-area.is-big a{min-height:300px}
@media (max-width:759px){.rgd-h20 .h20-areas.rgd-u-desks .h20-area a,.rgd-h20 .h20-areas.rgd-u-desks .h20-area.is-big a{min-height:240px}}
.rgd-h20 .rgd-u-desks .h20-area-note{display:block}

/* 国のデスク */
.rgd-region-name{margin:0;font-size:17px;font-weight:700;color:var(--logo-navy);letter-spacing:.04em}
.rgd-h20 .h20-end-btns.rgd-region-cta{margin-top:28px}
.rgd-region-hero .h20-hero-main{border-radius:var(--r-lg)}
.rgd-region-schools{margin-top:18px}
.rgd-region-schools li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px}
.rgd-region-schools a{display:inline-block}
.rgd-region-schools .rgd-muted{font-size:13px;color:var(--muted)}
.rgd-region-others{margin:18px 0 0;font-size:15.5px;font-weight:700}
.rgd-region-others a{text-decoration:none;color:var(--logo-navy)}

/* フッターのデスクの列 */
.rgd-footer-desks a{display:flex !important;align-items:center;gap:8px}
@media (min-width:761px){.rgd-footer-in{grid-template-columns:1.5fr 1fr 1fr 1fr}}

.rgd-u-note .nb,.rgd-u-cost .nb,.rgd-u-flow .nb,.h20-lead .nb,.h20-text .nb{white-space:nowrap}
.rgd-h20 .nb,.rgd-faq-a .nb,.h20-area-note .nb{white-space:nowrap}