/* 榎田尚昌税理士事務所 — 配色B（2026-11-13 デザイン室）。html.lk-b のときだけ効く。配色A（今まで）はそのまま残る。
   考え方：① 主の色＝紺（色相 224°）／差し色＝その補色（44° 付近）の真鍮色。冒頭の写真の光・税理士マークの金と同じ系統
           ② 面積＝地 70：紺 25：差し色 5 を目安（60-30-10 の控えめな形）。差し色は線・数字・印だけに使い、文字の地には敷かない
           ③ 写真は紺と真鍮の2色に寄せる（冒頭＝琥珀の光を生かす／ご相談の帯＝紺の単色調） */
html.lk-b{
  --steel:#9E8040;      /* 線・大きな数字（紙に 3.4:1＝小さな文字には使わない） */
  --steel-d:#7A5F22;    /* 小さな文字のラベル（紙に 5.5:1） */
  --steel-l:#D3B978;    /* 紺の上（8.9:1） */
  --line:#DDD6C6;
  --muted:#5F6470;
}
/* 見出しの下の線・区切り */
html.lk-b #profile .pf::after,html.lk-b .sh.mv h2::after{background:var(--steel);height:1px}
html.lk-b .profile .story hr.tn{background:var(--steel);opacity:.7}
/* 冒頭：名前の面を紺に（紺の面積を 23% → 27% へ。写真の暗部とひと続きの面になる） */
html.lk-b .hero2{background:var(--navy)}
html.lk-b .hero2 .txt{color:#F6F4EF}
html.lk-b .hero2 h1{color:#F6F4EF}
html.lk-b .hero2 .kicker{color:var(--steel-l)}
html.lk-b .hero2 .roman{color:#AEB6C6}
html.lk-b .hero2 .sep{background:var(--steel-l)}
html.lk-b .hero2 .lead{color:#E8EAEF}
html.lk-b .hero2 .meta{color:#98A1B3}
/* 冒頭の写真：夕暮れの日本橋（撮影 ayumi kubo・Unsplash）。空の紺と灯りの琥珀＝配色そのもの。街灯が幅の 61.8% の位置に来るように切る */
html.lk-b .hero2 .hph img{content:url(/assets/hero_b.jpg);object-position:77% 50%;filter:none}
html.lk-b .hd{border-bottom-color:var(--steel)}
/* プロフィールの写真：重い紺の影 → 真鍮の細い枠を 13px ずらして添える */
html.lk-b .profile.ph .p-photo::before{background:transparent;border:1px solid var(--steel)}
html.lk-b .profile.ph .p-photo img{filter:saturate(.9) contrast(1.02)}
html.lk-b .profile.ph dl.career dt{color:var(--steel-d)}
/* 大切にしていること：数字を真鍮に */
html.lk-b .values .n{color:var(--steel);opacity:1}
html.lk-b .values .n::after{background:var(--navy);opacity:.25}
/* 事務所の仕事 */
html.lk-b .svc2 h3{color:var(--steel-d);border-bottom-color:var(--steel)}
html.lk-b .svc2 .it{border-bottom-color:#EAE4D6}
/* ご相談の帯：木のテーブルとノート（Aの冒頭の写真）をここへ。「ご相談ください」に紙とペン */
html.lk-b .cta2{background-image:url(/assets/cta_b.jpg)!important;background-color:#161C2C;background-position:center 64%}
html.lk-b .cta2::before{background:linear-gradient(90deg,rgba(22,28,44,.95) 0%,rgba(22,28,44,.9) 50%,rgba(22,28,44,.5) 100%)}
html.lk-b .cta2 .btn.line{background:var(--steel-l);border-color:var(--steel-l);color:var(--navy)!important}
html.lk-b .cta2 .btn.line:hover{background:transparent;color:#F6F4EF!important}
/* フッター：黒に近い色 → 紺 */
html.lk-b .ft{background:#131929}
html.lk-b .ft::before{background:#1A2136}
html.lk-b .ft .cp{border-top-color:#252D44}
/* お問い合わせ・ポリシー */
html.lk-b .eyebrow{color:var(--steel-d)}
html.lk-b .req{background:var(--navy)}
html.lk-b .f input:focus,html.lk-b .f textarea:focus{outline-color:var(--steel);border-color:var(--steel)}
html.lk-b .chips input:focus-visible+span{outline-color:var(--steel)}
html.lk-b .chips input:checked+span{border-color:var(--navy)}
html.lk-b .back{border-bottom-color:var(--steel)}
html.lk-b .box .eyebrow{color:var(--steel-d)}
/* 下書きだけ：配色の切り替え */
.lk-sw{position:fixed;left:13px;bottom:13px;z-index:50;display:flex;background:#fff;border:1px solid #c9c4b6;font:500 12px/1 "Noto Sans JP",sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.lk-sw span{padding:9px 8px 9px 12px;color:#646A74}
.lk-sw a{padding:9px 13px;text-decoration:none;color:#161C2C;border-left:1px solid #c9c4b6}
.lk-sw a.on{background:#161C2C;color:#fff}