/* 下層ページ用の追加スタイル（site.css の後に読み込む） */
.crumb{padding:16px var(--gutter);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--fog)}
.crumb ol{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-width:1440px}
.crumb li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumb a{color:var(--fog);text-decoration:none}
.crumb a:hover{color:var(--ice)}
.page-hd .disp{margin:0;color:var(--snow);max-width:none;font-family:var(--f-display);font-weight:300;font-size:clamp(44px,8.4vw,124px);line-height:.95;letter-spacing:.08em;text-transform:uppercase}
.page-hd .disp::after{content:"";display:block;width:clamp(64px,10vw,140px);height:3px;margin-top:.28em;background:var(--grad)}
.page-hd h1{margin:0 0 14px;font-family:var(--f-jp-display);font-weight:600;font-size:clamp(22px,2.6vw,32px);line-height:1.5;letter-spacing:.12em;color:var(--snow)}
.page-hd p.lead{margin:0;color:var(--fog);max-width:36em}
.faq{padding:clamp(48px,6vw,80px) var(--gutter);border-bottom:var(--bw) solid var(--snow);display:grid;gap:28px}
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:2.2em 1fr 1.2em;align-items:baseline;font-family:var(--f-jp-display);font-weight:600;font-size:16.5px;letter-spacing:.08em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";font-family:var(--f-display);font-weight:300;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.faq summary::after{content:"+";font-family:var(--f-display);font-weight:300;font-size:22px;color:var(--fog);text-align:right}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:10px 0 0 2.2em;color:var(--fog);max-width:40em}
.work.open .work-btn{cursor:default}
.prose{padding:clamp(48px,6vw,80px) var(--gutter);border-bottom:var(--bw) solid var(--snow);display:grid;gap:18px}
.prose h2{margin:0;font-family:var(--f-jp-display);font-weight:500;font-size:clamp(22px,2.4vw,30px);letter-spacing:.14em}
.prose p{margin:0;color:var(--fog);max-width:40em}
@media(min-width:900px){.faq,.prose{grid-template-columns:minmax(260px,1fr) 2fr;align-items:start}.prose > *:not(.flow-hd){grid-column:2}}

/* 見出しレベルを正しくした要素に、トップと同じ見た目を適用 */
.svc .h4{margin:0;font-family:var(--f-jp-display);font-weight:600;font-size:clamp(18px,1.9vw,21px);letter-spacing:.1em;line-height:1.6}
.flow-hd .h3{margin:0 0 10px;font-family:var(--f-jp-display);font-weight:500;font-size:clamp(22px,2.4vw,30px);letter-spacing:.14em}
.flow-list .h4{margin:0 0 4px;font-family:var(--f-jp-display);font-weight:600;font-size:17px;letter-spacing:.1em}
.price .h4{margin:0;font-family:var(--f-jp-display);font-weight:600;font-size:16.5px;letter-spacing:.08em}
h2.work-title{margin:0}