/* コンサルの全ページを STAYGO の LP と同じ見た目にそろえる（Tom 2026-09-30）
/* ⚠️ 直したら、読み込む側の ?v= の数を1つ上げる（index.html・privacy・build_sub.py・build_blog.py）。CSS は4時間ためられるので、上げないと古いまま見える */
   ⚠️ 値の出どころは css/staygo-os.css（＝ Concierge OS の globals.css）。ここで新しい色を作らない
   ⚠️ 各ページの <style> と sub.css・blog.css の「あと」に読む。前に置くと同じ強さの指定に負けて効かない
   白・黒・青の3色。金は使わない。押しどころは黒（暗い面の上では白）のピル。青は小さな印だけ
   暗い面の上の青は #EAF1FE（#2563EB は暗い面で字として読めない） */

@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/poppins-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/poppins-700.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("/fonts/poppins-800.woff2") format("woff2")}

:root{
  --black:#141416;--char:#141416;--char-2:#1f1f23;--wood:#26262b;
  --ivory:#F6F6F8;--ivory-2:#F3F3F6;--white:#FFFFFF;
  --ink:#111113;--ink-2:#5A5A62;--ink-3:#6B6B73;
  --line:#E9E9ED;--line-soft:#E9E9ED;--line-strong:#8C8C95;
  --on-dark:#FFFFFF;--on-dark-2:#D8D8DE;--on-dark-3:#A9A9B2;
  --line-dark:rgba(255,255,255,.16);
  --green:#2563EB;--green-2:#1D4ED8;--green-soft:#EAF1FE;
  --surface:#F3F3F6;
  --mincho:"Poppins","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",system-ui,sans-serif;
  --gothic:"Poppins","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",system-ui,sans-serif;
}
/* 暗い面の上では青を薄い側に */
.dark,.e-dark,.cta,.ft,.e-faq details.on,.stage-table{--green:#EAF1FE;--green-2:#EAF1FE}

body{font-family:var(--gothic)}
:focus-visible{outline-color:#2563EB}
.hd :focus-visible,.cta :focus-visible,.ft :focus-visible,.dark :focus-visible,.e-dark :focus-visible{outline-color:#EAF1FE}

/* 見出しは太いゴシック（STAYGO の LP と同じ字の家族） */
h1,.h1,h2,.h2,h3,.h3,.t,.e-name,.m-h3,.cols .t,.points b,.e-faq summary,.arts .t,.e-arts .t{font-weight:700;letter-spacing:.01em}
h1,.h1{letter-spacing:0}

/* 押しどころ：丸いピル */
.btn,.pill{border-radius:999px}
.btn-ivory,.pill-ivory{background:#FFFFFF;color:#111113}
.btn-ivory:hover,.pill-ivory:hover{background:#F3F3F6}
.btn-dark,.pill-dark{background:#141416;color:#FFFFFF}
.btn-dark:hover,.pill-dark:hover{background:#26262b}

/* 番号と小さな印は青 */
.cols .no,.e-nums .n,.grid2 li::before,.steps > li::before{color:#2563EB}
.os-points .ico,.who b .ico{color:#EAF1FE}
.e-faq details.on summary::before,html:not(.js) .e-faq details[open] summary::before{color:#EAF1FE}
.points .ico{background:#EAF1FE}

/* 角の丸み：カード 24 / 写真 20 / 入力 14 */
.cols figure,.cols figure img,.art-ph,.top-ph,.e-arts img{border-radius:20px}

/* 小見出し（「旅行アドバイザーが確かめること」など）も太く（Tom） */
.e-sub{font-weight:700;color:var(--ink);letter-spacing:.02em}