/* 榎田尚昌税理士事務所 — 第5版（2026-11-13 デザイン室）
   文言は変えない。寸法と組み方だけを黄金比（φ=1.618）で組み直す。style.css の後に読む。
   ① 文字の大きさ＝16px を基準に φ の 1/4 乗刻み：11.3 / 12.7 / 14.2 / 16 / 18 / 20.4 / 25.9 / 41.9
   ② 余白＝フィボナッチ数：8 / 13 / 21 / 34 / 55 / 89 / 144
   ③ 横の割り＝幅を φ で割る（38.2 : 61.8）。写真は黄金矩形（1 : 1.618） */
:root{
  --phi:1.618;
  --t-2:11.5px; --t-1:13px; --t0:14px; --t1:16px; --t2:18px; --t3:20px; --t4:26px; --t5:42px;
  --s1:8px; --s2:13px; --s3:21px; --s4:34px; --s5:55px; --s6:89px; --s7:144px;
}

/* ── 見出しの段をそろえる（プロフィール 24・大切 34・仕事 34・ご相談 26 → すべて 26） ── */
#profile .pf,#values .sh.mv h2,#services .sh.mv h2,.cta2 h2{font-size:var(--t4);letter-spacing:.12em;line-height:1.5;color:var(--navy)}
.cta2 h2{color:#F6F4EF}
#profile .pf,#values .sh.mv h2,#services .sh.mv h2{padding-bottom:var(--s3);margin:0}
#profile .pf::after,.sh.mv h2::after{width:var(--s4)}
#profile .pf{margin-bottom:var(--s4)}
.sh.mv{gap:var(--s3);margin-bottom:var(--s4)}
.sh.mv p{font-size:var(--t0);letter-spacing:.08em}

/* ── 節の上下＝89 ── */
#profile.s,#values.s,#services.s{padding:var(--s6) 0}

/* ── 冒頭：文字 38.2 ／ 写真 61.8。写真は黄金矩形 ── */
@media (min-width:961px){
  .hero2{--tx:calc(min(100vw,var(--w)) * .382)}
  .hero2 .in{grid-template-columns:var(--tx) 1fr;min-height:0;height:clamp(382px,36.5vw,520px)}
  .hero2 .hph{margin-left:var(--tx);position:relative}
  .hero2 .hph img{position:absolute;inset:0}
  .hero2 .txt{padding:0 var(--s3) 0 var(--gut)}
}
.hero2 .kicker{font-size:var(--t-1);margin:0 0 var(--s3);gap:var(--s2)}
.hero2 .kicker::before{width:var(--s4)}
.hero2 h1{font-size:var(--t5);line-height:1.25}
.hero2 .roman{font-size:var(--t3);margin:var(--s1) 0 0 3px}
.hero2 .sep{width:var(--s5);margin:var(--s4) 0 var(--s3)}
.hero2 .lead{font-size:var(--t1);line-height:2}
.hero2 .meta{font-size:var(--t-2);margin:var(--s2) 0 0}

/* ── プロフィール：本文 ： 右の柱 ＝ φ ： 1。写真は右の柱の 61.8% 幅・縦の黄金矩形。写真の上端は見出しにそろえる ── */
@media (min-width:961px){
  .profile.solo.ph{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);grid-template-areas:"head photo" "body photo" "body career";grid-template-rows:auto auto 1fr;column-gap:var(--s5)}
  .profile.ph .p-photo{width:61.8%;margin:6px 0 13px 0;justify-self:start}
  .profile.ph .p-photo::before{inset:13px -13px -13px 13px}
  .profile.ph .p-career{margin-top:var(--s4);padding-top:var(--s3)}
  .profile.ph dl.career>div{display:grid;grid-template-columns:5.6em minmax(0,1fr);column-gap:var(--s2);align-items:baseline}
  .profile.ph dl.career>div+div{margin-top:var(--s2)}
  .profile.ph dl.career dd{margin:0}
  .story p{max-width:none}
}
.profile.ph .p-photo img{aspect-ratio:1/1.618;object-position:50% 14%}
.story p{font-size:var(--t2);line-height:2}
.profile .story hr.tn{width:var(--s4);margin:var(--s3) 0}
.profile .sig{margin-top:var(--s4)}
.profile.ph dl.career dt{font-size:var(--t-1)}
.profile.ph dl.career dd{font-size:var(--t0);line-height:1.618}

/* ── 大切にしていること：数字 42・間 55 ── */
.values{gap:0 var(--s5)}
.values>div{padding-top:var(--s4)}
.values .n{font-size:var(--t5)}
.values .n::after{width:var(--s4);margin-top:var(--s3)}
.values h3{font-size:var(--t3);margin:var(--s3) 0 var(--s2);letter-spacing:.06em}
.values p{font-size:var(--t0);line-height:1.9}

/* ── 事務所の仕事：法人 ： 個人 ＝ φ ： 1 ── */
.svc2{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--s5)}
.svc2 h3{font-size:var(--t0);padding-bottom:var(--s2);margin:0}
.svc2 .it{grid-template-columns:var(--s4) 1fr;gap:var(--s3);padding:var(--s3) 0}
.svc2 .ic{width:var(--s4);height:var(--s4);margin-top:0}
.svc2 .it b{font-size:var(--t2)}
.svc2 .it span{font-size:var(--t0);line-height:1.8;margin-top:3px}
.svc2 p.more{font-size:var(--t-1);margin:var(--s3) 0 0}

/* ── ご相談の帯 ── */
.cta2 .wrap{padding-top:var(--s6);padding-bottom:var(--s6);gap:var(--s5)}
.cta2 h2{margin:0 0 var(--s2)}
.cta2 p{font-size:var(--t0)}

/* ── フッター：E の印を同系色で大きく敷く（名刺の裏と同じ考え方） ── */
.ft{position:relative;overflow:hidden;padding:var(--s5) 0 var(--s4)}
.ft::before{content:"";position:absolute;right:-89px;bottom:-89px;width:326px;height:377px;background:#161D2E;
  -webkit-mask:url(/assets/mark.svg) center/contain no-repeat;mask:url(/assets/mark.svg) center/contain no-repeat;pointer-events:none}
.ft .wrap{position:relative}
.ft .cp{padding-top:var(--s3);margin-top:var(--s2)}

/* ── 中くらいの幅・スマホ ── */
@media (min-width:701px) and (max-width:960px){
  .hero2 .in{grid-template-columns:382px 1fr}
  .hero2 .hph{margin-left:382px}
}
@media (max-width:960px){
  #profile.s,#values.s,#services.s{padding:var(--s5) 0}
  .values>div{padding:var(--s3) 0 var(--s3)}
  .cta2 .wrap{padding-top:var(--s5);padding-bottom:var(--s5)}
}
@media (max-width:700px){
  #profile .pf,#values .sh.mv h2,#services .sh.mv h2,.cta2 h2{font-size:23px;letter-spacing:.1em}
  .hero2 h1{font-size:34px}
  .hero2 .roman{font-size:var(--t2)}
  .hero2 .lead{font-size:var(--t1)}
  .hero2 .txt{padding:var(--s5) var(--s3) var(--s4)}
  .hero2 .sep{margin:var(--s3) 0 var(--s3)}
  .hero2 .hph{height:calc(100vw / 1.618)}
  .story p{font-size:var(--t1)}
  .story p .nb{white-space:normal}
  .svc2{grid-template-columns:1fr;gap:var(--s4)}
  .ft::before{width:204px;height:236px;right:-21px;bottom:-34px}
}

/* ── トップページへ戻る道（2026-11-13）：左向きの矢印・ヘッダーのボタン・見出しの上と送信の下のリンク ── */
.btn .ar.l{transform:scaleX(-1)}
.btn:hover .ar.l{transform:scaleX(-1) translateX(4px)}
.back{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t0);letter-spacing:.1em;color:var(--navy);text-decoration:none;padding:var(--s1) 0;border-bottom:1px solid var(--line);transition:border-color .25s}
.back:hover,.back:focus-visible{border-bottom-color:var(--navy)}
.back .ar{width:21px;height:1px;background:currentColor;position:relative;transform:scaleX(-1);transition:transform .35s ease}
.back .ar::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.back:hover .ar{transform:scaleX(-1) translateX(4px)}
.crumb{margin-bottom:var(--s4)}
.back-row{margin:var(--s5) 0 0}
@media (prefers-reduced-motion:reduce){.back .ar{transition:none}.back:hover .ar,.btn:hover .ar.l{transform:scaleX(-1)}}
@media (max-width:370px){.nav.solo .btn .ar.l{display:none}}