/* =====================================================================
   コベドー塾 個別授業ページ専用CSS（private/index.html だけが読む。common.css・top.css の後）
   プランの補足、集団授業との違いの表、比較グラフまわり
   ===================================================================== */

/* ---------- プランの箱の下の補足（受け方） ---------- */
.plan-facts{margin-top:26px}

/* ---------- 集団授業との違い（3つを横に並べた表） ---------- */
.diff{margin-top:30px;padding:8px 20px 14px;overflow-x:auto}
.diff .tbl{margin-top:0;min-width:560px}
.diff .tbl th:first-child,.diff .tbl td:first-child{white-space:nowrap;font-weight:700;width:9em;position:sticky;left:0;background:var(--box);z-index:1}
.diff .tbl thead th{font-family:"Klee One","Hiragino Sans",serif;font-size:19px;color:var(--ai);text-align:center}
.diff .tbl thead th:first-child{background:var(--box);border-bottom-color:var(--grid)}
.diff .tbl thead th small{display:block;font-family:"BIZ UDPGothic",sans-serif;font-size:14px;font-weight:400;color:var(--ink-2)}
.diff .tbl td{text-align:center;font-size:16px}
.diff .tbl td:first-child{text-align:left}
.diff .tbl td .p{display:block;font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;font-weight:900;font-size:21px;color:var(--ai);line-height:1.3}
.diff .tbl td .p small{font-family:"BIZ UDPGothic",sans-serif;font-weight:400;font-size:14px;color:var(--ink-2);margin-left:2px}
.diff .tbl td .kari{margin:4px 0 0;vertical-align:0}
.diff .tbl td .dash{color:var(--ink-2)}
.diff .tbl td > small{display:block;font-size:14px;color:var(--ink-2);margin-top:2px}
.diff-hint{display:none;margin-top:10px;font-size:14px;color:var(--ink-2)}
.diff-same{margin-top:14px;font-size:15px;color:var(--ink-2)}
.diff-lead{margin-top:22px;font-size:18px;font-weight:700}

/* ---------- 画面幅 ---------- */
@media (max-width:640px){
  .diff{padding:4px 12px 10px}
  .diff .tbl{min-width:500px}
  .diff .tbl thead th{font-size:17px}
  .diff .tbl td{font-size:15px}
  .diff .tbl td .p{font-size:18px}
  .diff .tbl th:first-child,.diff .tbl td:first-child{width:7em}
  .diff-lead{font-size:17px}
  .diff-hint{display:block}
  .diff .tbl th:first-child,.diff .tbl td:first-child{white-space:normal}
}