:root{--paper:#fbf9f4;--ink:#292d2b;--muted:#626762;--rust:#863e2c;--teal:#275b59;--line:#d6d5c9;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.95 var(--sans)}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--rust)}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.skip{position:absolute;top:-80px;left:12px;background:white;padding:10px;z-index:5}.skip:focus{top:0}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:28px;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{font:700 24px/1.4 var(--serif);letter-spacing:.06em;color:var(--ink);text-decoration:none}.brand span{font-weight:500}.tagline{font-size:12px;color:var(--muted)}.site-header nav{margin-left:auto;display:flex;gap:24px;font-size:13px}.site-header nav a{text-decoration:none;border-bottom:1px solid var(--teal)}main{max-width:1180px;margin:auto;padding:0 40px 88px}.breadcrumb{display:flex;gap:12px;font-size:12px;color:var(--muted);margin:28px 0 35px}.article-grid{display:grid;grid-template-columns:minmax(0,780px) 230px;gap:56px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--rust);border-top:3px solid var(--rust);padding-top:14px;margin:0 0 18px;display:flex;justify-content:space-between}.eyebrow span{color:var(--muted);font-size:11px}h1{font:600 clamp(27px,2.6vw,38px)/1.65 var(--serif);letter-spacing:.015em;margin:0;text-align:left;overflow-wrap:anywhere}.meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin:18px 0}.hero{margin:0 0 30px}.hero img{width:100%;height:auto;display:block;max-height:420px;object-fit:cover}.answer{border-left:4px solid var(--rust);padding:5px 24px 12px;margin:28px 0;background:#f4eee4}.section-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--rust);margin:10px 0}.answer>p:not(.section-label){font-size:19px;font-weight:600;line-height:1.9;margin:8px 0}.answer small{font-size:11px;color:var(--muted);display:block}.quick{margin:34px 0 45px}.quick ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick a{font-size:13px;text-decoration:none;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-weight:600}.quick a span{color:var(--rust);padding-left:8px}.desktop-toc{align-self:start;position:sticky;top:30px;margin-top:62px;border-top:1px solid var(--line);padding-top:14px}.desktop-toc ol,.mobile-toc ol{padding-left:22px;font-size:13px}.desktop-toc li{margin-bottom:18px;padding-left:5px}.desktop-toc a{text-decoration:none}.toc-note{font:600 21px/1.8 var(--serif);padding-top:26px;margin-top:30px;border-top:1px solid var(--line);color:var(--muted)}.mobile-toc{display:none}.article-body h2{font:600 26px/1.7 var(--serif);text-align:left;border-top:2px solid var(--teal);padding-top:22px;margin:58px 0 20px}.article-body h3{font-size:20px;text-align:left;margin-top:34px}.article-body p{margin:16px 0}.table-scroll{overflow:auto;max-width:100%;margin:20px 0 10px}table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8;min-width:550px}th{background:var(--teal);color:#fff;text-align:left;font-weight:600}td,th{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{font-weight:600}tbody tr:nth-child(even){background:#f0f0e9}.source-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px!important}.callout{border:1px solid #c8b5a0;padding:16px 22px;background:#f5efe5}.sources{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.sources ol{padding-left:22px}.sources li{margin:12px 0}.sources small{display:block;color:var(--muted)}.editor{margin:32px 0;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.editor p{margin:8px 0}.next{display:grid;grid-template-columns:1fr auto;padding:22px 24px;border:1px solid var(--teal);text-decoration:none;gap:4px 24px}.next>span{font-size:11px}.next strong{font-size:15px}.next b{grid-row:1/3;grid-column:2;align-self:center;font-size:25px}footer{background:#eae9df;padding:42px max(30px,calc((100% - 1100px)/2));font-size:12px}footer>.brand{font-size:21px}.footer-links{display:flex;gap:12px 25px;flex-wrap:wrap;margin:22px 0}footer small{color:var(--muted)}.landing{padding:30px 0 80px}.landing h1{font-size:42px;max-width:750px}.landing-lead{max-width:620px}.article-cards{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:46px}.article-card{text-decoration:none;color:var(--ink)}.article-card img{width:100%;display:block}.article-card h2{font:600 24px/1.7 var(--serif)}.article-card p{font-size:14px}.static{max-width:780px;padding-top:50px}.static h2{font-size:22px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.r{text-align:right}@media(max-width:900px){.tagline{display:none}.article-grid{grid-template-columns:minmax(0,1fr);gap:0}.desktop-toc{display:none}.mobile-toc{display:block;border-block:1px solid var(--line);padding:14px 0;margin:25px 0}.mobile-toc summary{cursor:pointer;font-weight:600;font-size:14px}.hero img{max-height:none}.site-header{padding:20px 24px}main{padding-inline:24px;max-width:820px}}@media(max-width:550px){body{font-size:15px}.site-header{padding:17px 18px;flex-wrap:wrap;gap:14px}.brand{font-size:21px}.site-header nav{margin-left:0;width:100%;gap:25px;font-size:12px}main{padding:0 20px 60px}.breadcrumb{margin:22px 0 26px;font-size:11px}.eyebrow{font-size:11px}.eyebrow span{font-size:10px}h1{font-size:27px;line-height:1.6}.meta{font-size:10px}.hero{margin-inline:-20px}.answer{padding:4px 15px 12px;margin-top:25px}.answer>p:not(.section-label){font-size:17px}.quick ul{grid-template-columns:1fr;gap:0}.quick a{padding:10px 0}.quick{margin-bottom:25px}.article-body h2{font-size:23px;margin-top:42px}.article-body p{line-height:2}td,th{padding:11px}.next{padding:18px}.article-cards{grid-template-columns:1fr;gap:30px}.landing h1{font-size:32px}.landing{padding-top:20px}footer{padding:30px 20px}.footer-links{gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color-scheme:light}
.article-card img{height:auto;aspect-ratio:3/2;object-fit:cover}
.article-header{margin-bottom:24px}td,th{min-width:95px}td:first-child,th:first-child{min-width:145px}
@media(max-width:550px){.table-scroll::before{content:"表は左右にスクロールできます →";display:block;font-size:11px;color:#626762;position:sticky;left:0;padding:0 0 7px;width:320px}}
.hub .next{margin-top:40px}.check-steps{padding-left:24px}.check-steps li{padding:12px 0;border-bottom:1px solid var(--line)}.hub-articles{list-style:none;padding:0}.hub-articles li{padding:18px 0;border-bottom:1px solid var(--line)}.diagnosis fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 30px;margin:20px 0}.diagnosis legend{font-weight:700;padding-right:14px}.diagnosis legend span{font-family:var(--serif);font-size:24px;color:var(--rust);margin-right:14px}.diagnosis label{display:flex;align-items:center;gap:12px;min-height:52px;margin:9px 0;padding:10px 14px;background:#f0f0e9;cursor:pointer;border:1px solid transparent}.diagnosis label:has(:checked){border-color:var(--teal);background:#e5eeea}.diagnosis input{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.diagnosis button{font:600 15px var(--sans);padding:16px 20px;color:white;background:var(--teal);border:1px solid var(--teal);cursor:pointer}.diagnosis button.secondary{background:transparent;color:var(--teal)}.form-actions{display:flex;gap:15px;flex-wrap:wrap}.diagnosis :focus-visible{outline:3px solid var(--rust);outline-offset:4px}#condition-result{margin-top:40px;border-top:4px solid var(--rust);padding:24px;background:#f4eee4}#condition-result h2{border:0;padding:0;margin:8px 0}.result-links a{display:block;margin:15px 0}#condition-result details{font-size:12px;border-top:1px solid var(--line);padding-top:14px}.hub-nav{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:30px;border-block:1px solid var(--line);padding:20px 0}@media(max-width:550px){.static{padding-top:28px}.site-header nav{gap:16px}.diagnosis legend{font-size:16px}#condition-result{padding:18px}.diagnosis fieldset{min-width:0}}
.static table{min-width:0;table-layout:fixed;overflow-wrap:anywhere}.static th:first-child,.static td:first-child{width:28%}

/* 建設の現行実物に合わせた白い紙面。記事本文・出典・広告ガードは別管理。 */
:root{--paper:#fff;--ink:#1c2024;--muted:#616b78;--rust:#16508f;--teal:#16508f;--line:#e3e7eb;--serif:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif;--sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif}body{background:#fff;line-height:1.9}h1,h2,h3{letter-spacing:0}.site-header{max-width:none;padding:12px max(24px,calc((100% - 1120px)/2));gap:12px;min-height:64px;position:relative}.brand{font-size:20px;font-weight:700;white-space:nowrap}.brand:before{content:'⌂';display:inline-grid;place-items:center;background:#16508f;color:#fff;border-radius:6px;width:27px;height:27px;margin-right:10px}.tagline{display:none}.site-header nav{font-size:13px;gap:18px;align-items:center}.site-header nav a{border:0;color:var(--ink);font-weight:600;white-space:nowrap}.site-header nav .nav-consult{background:#c2410c;color:white;border-radius:6px;padding:10px 12px}.mobile-nav{display:none}main{max-width:1120px;padding-inline:0}.breadcrumb{font-size:12px;margin:18px 0 26px;color:#6b7480}.article-grid{grid-template-columns:minmax(0,720px) 250px;gap:64px;padding-left:42px}.article-header h1{font-size:32px;line-height:1.55;font-weight:700}.article-byline{display:flex;gap:16px;font-size:12px;font-weight:700;padding:16px 0 10px;margin:8px 0 26px;border-bottom:1px solid var(--line)}.article-byline a{color:var(--ink);text-decoration:none}.article-header{margin-bottom:22px}.hero{margin:0 0 20px}.hero img{max-height:none;object-fit:contain;border-radius:4px;width:100%;height:auto}.answer{background:#f3f7f6;border-left:3px solid #315b68;margin:18px 0 0;padding:14px 20px}.answer .section-label{color:#315b68}.answer>p:not(.section-label){font-size:18px}.answer small{font-size:11px}.quick{margin:0 0 28px;border:1px solid #c9d0d7}.quick>.section-label{margin:0;background:#f4f6f8;border-bottom:1px solid #c9d0d7;padding:8px 12px;font-size:12px}.quick ul{gap:0;padding:14px 0}.quick li{padding:0 14px;border-right:1px solid #c9d0d7}.quick li:last-child{border:0}.quick a{border:0;padding:0;color:#1a5fb4}.desktop-toc{margin-top:8px;border:0;padding-top:0}.desktop-toc .section-label{color:#6b7480}.desktop-toc ol{border-left:2px solid #e3e7eb;list-style:none;padding-left:14px}.desktop-toc li{padding:0;margin:0 0 14px;line-height:1.7}.desktop-toc a{color:#616b78}.toc-note{display:none}.article-body h2{background:transparent;border:0;padding:16px 0 0;font-size:26px;line-height:1.55;font-weight:700;margin:52px 0 22px;position:relative}.article-body h2::before{content:"";position:absolute;left:0;top:0;width:40px;height:4px;border-radius:2px;background:#16508f}@media(max-width:767px){.article-body h2{font-size:23px;margin-top:40px}}.article-body p{font-size:16px;line-height:2}.section-label{letter-spacing:0}.article-body th{background:#edf2f7;color:#1c2024}td,th{border-color:#d8e0e8}.sources{font-size:12px}.related ul{padding:0;list-style:none}.related li{padding:14px 0;border-bottom:1px solid var(--line)}.other-hubs{margin:32px 0}.other-hubs>a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}footer{background:#f4f6f8;margin-top:40px}.ic{width:26px;height:26px;flex:0 0 26px;vertical-align:middle;margin-right:10px;color:#16508f}.ref-home{padding-bottom:48px}.ref-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center;padding:44px 0 40px}.ref-hero h1{font-size:40px;line-height:1.55;font-weight:700}.hero-kicker{color:#16508f;font-size:14px;font-weight:700;margin:0 0 22px}.hero-lead{font-size:18px;color:#4f5862;line-height:1.95;margin:22px 0 28px}.ref-hero>img{width:100%;height:auto}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero-actions a{font-size:14px;color:#1c2024;font-weight:700}.ref-section{padding:44px 0 36px;border-top:1px solid #e3e7eb}.ref-section h2,.ref-end h2{display:flex;align-items:center;font-size:25px;line-height:1.5;margin:4px 0 20px;font-weight:700}.ref-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ref-section-head>a{font-size:13px;white-space:nowrap}.ref-section-lead{font-size:14px;color:#616b78;margin:0 0 24px}.ref-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #c9d0d7}.ref-doors li{border-bottom:1px solid #e3e7eb;padding:22px 12px}.ref-doors a{display:flex;gap:12px;text-decoration:none;color:#1c2024;align-items:flex-start}.ref-doors img{width:94px;height:94px;object-fit:contain}.ref-doors strong{display:block;font-size:17px;line-height:1.6}.ref-doors small{display:block;color:#1a5fb4;font-size:13px;font-weight:700;margin-top:14px}.ref-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;text-decoration:none;color:#1c2024}.ref-feature img{width:100%;height:auto;border-radius:4px}.ref-feature small{color:#16508f;font-size:13px}.ref-feature strong{display:block;font-size:25px;margin:12px 0;line-height:1.6}.ref-feature p{font-size:15px;color:#616b78}.ref-cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;padding:0;margin:0}.ref-card{display:block;text-decoration:none;color:#1c2024}.ref-card img{width:100%;height:auto;display:block;border-radius:4px}.ref-card strong{display:block;font-size:17px;line-height:1.6;margin:12px 0 6px}.ref-card p{font-size:13px;color:#616b78;margin:0}.ref-end{padding:34px;background:#f4f6f8;margin-top:30px}.ref-end p{max-width:750px}.ref-end>a{display:inline-block;background:#16508f;color:white;padding:13px 20px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none}
@media(max-width:1150px){main{margin-inline:24px}.site-header nav{gap:10px}.article-grid{padding-left:0;gap:38px;grid-template-columns:minmax(0,1fr) 220px}.ref-hero h1{font-size:34px}}
@media(max-width:900px){.site-header{padding:14px 20px}.site-header nav{display:none}.mobile-nav{display:block;margin-left:auto;font-size:13px}.mobile-nav summary{cursor:pointer}.mobile-nav[open]{position:absolute;right:18px;top:14px;background:white;border:1px solid #c9d0d7;padding:12px;z-index:20}.mobile-nav a{display:block;padding:8px 0}.article-grid{display:block}.desktop-toc{display:none}.ref-doors{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){main{margin-inline:20px;padding-inline:0}.brand{font-size:17px}.brand:before{width:24px;height:24px;margin-right:7px}.site-header{flex-wrap:nowrap}.ref-hero{display:flex;flex-direction:column;padding:28px 0;gap:20px}.ref-hero h1{font-size:29px}.hero-kicker{font-size:12px;margin-bottom:14px}.hero-lead{font-size:16px;line-height:1.9;margin:18px 0}.ref-hero>img{width:100%;max-width:350px}.ref-section{padding:28px 0}.ref-section h2,.ref-end h2{font-size:21px}.ref-doors{grid-template-columns:1fr}.ref-doors li{padding:18px 0}.ref-doors img{width:82px;height:82px}.ref-doors strong{font-size:16px}.ref-doors small{margin-top:8px}.ref-feature{grid-template-columns:1fr;gap:12px}.ref-feature strong{font-size:21px}.ref-cards{gap:24px 14px}.ref-card strong{font-size:14px}.ref-card p{font-size:12px}.ref-section-head{display:block}.ref-section-head>a{display:block;margin:0 0 14px}.ref-end{padding:24px 18px}.ref-end>a{font-size:13px}.article-header h1{font-size:27px}.article-byline{font-size:10px;gap:12px}.hero{margin-inline:0}.answer{padding:12px 14px}.answer>p:not(.section-label){font-size:16px}.quick ul{padding:0}.quick li{padding:12px;border-right:0;border-bottom:1px solid #c9d0d7}.quick a{font-size:13px}.article-body p{font-size:15px}.ic{width:23px;height:23px;flex-basis:23px}.mobile-toc{font-size:13px;background:#f4f6f8;padding:12px}.static{padding-top:28px}.breadcrumb{font-size:11px;flex-wrap:wrap}}
/* PM実見差戻し: サムネイル枠統一とスマホ1列。本文画像は変更しない。 */
.ref-card img{aspect-ratio:2.1 / 1;object-fit:contain;background:#fff}@media(max-width:550px){.ref-cards{grid-template-columns:1fr;gap:28px}.ref-card strong{font-size:17px}.ref-card p{font-size:13px}}


/* 建設の診断・記事整理枠を読取参照して移植。業界内容と広告設定は工場固有。 */
:root{--rule:#dce3e8;--rule-strong:#becbd7;--ink-2:#52616e;--ink-3:#657580;--blue:#16508f;--blue-tint:#eaf1f6;--soft:#f4f6f8;--radius:6px;--radius-s:4px;--cta:#b7460c;--cta-dark:#963907}
.q-card { background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: 22px; margin: 16px 0; }
.q-meta { font-size: 13px; color: var(--ink-3); display: flex; justify-content: space-between; margin: 0 0 8px; }
.q-bar { height: 6px; background: var(--soft); margin: 0 0 18px; border-radius: 3px; overflow: hidden; }
.q-bar span { display: block; height: 100%; background: var(--blue); transition: width .2s; }
.q-title { font-size: 19px; font-weight: 700; margin: 0 0 16px; line-height: 1.6; }
.q-options { display: grid; gap: 10px; }
.q-options button { font: inherit; text-align: left; min-height: 56px; padding: 12px 16px; background: #fff; border: 1px solid var(--rule-strong); border-radius: var(--radius-s); color: var(--ink); cursor: pointer; line-height: 1.55; }
.q-options button:hover, .q-options button:focus-visible { border-color: var(--blue); background: var(--blue-tint); }
.q-back { font: inherit; font-size: 14px; background: none; border: none; color: var(--link); text-decoration: underline; padding: 12px 0; min-height: 44px; cursor: pointer; }
.result-type { font-size: 13px; color: var(--blue); font-weight: 700; letter-spacing: 0.08em; margin: 0; }
.result-title { font-size: 24px; margin: 4px 0 16px; line-height: 1.5; }
.diagnosis-page{max-width:900px;margin:0 auto;padding-bottom:56px}.diagnosis-intro{display:grid;grid-template-columns:1fr 140px;gap:24px;align-items:center;margin:12px 0 16px}.diagnosis-intro h1{font-size:32px;line-height:1.5;margin:8px 0 12px}.diagnosis-intro p{margin:0;font-size:16px;line-height:1.8}.diagnosis-intro img{width:140px;height:140px;object-fit:contain}.diagnosis-kicker{font-size:13px!important;font-weight:700;color:var(--blue);letter-spacing:.04em}.diagnosis-privacy{font-size:13px;color:var(--ink-2);margin:0 0 8px}.diagnosis-note{font-size:13px;color:var(--ink-2);margin-bottom:26px}.diagnosis-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.diagnosis-note p{font-size:14px;line-height:1.8}.q-card{padding:30px;border:1px solid var(--rule);border-radius:6px;background:#fff;margin:0}.q-card .q-title{font-size:23px;line-height:1.6;font-weight:700;margin:16px 0 24px}.q-meta{font-size:13px;color:var(--ink-2)}.q-bar{height:4px;background:#e8edf1;border-radius:0;margin-bottom:24px}.q-bar span{background:var(--blue)}.q-options{gap:10px}.q-options button{border-radius:4px;font-size:16px;padding:16px 18px;min-height:56px;display:flex;align-items:center;gap:14px}.q-options button[data-value]::before{content:'';width:16px;height:16px;border:1px solid #9aa6af;border-radius:50%;flex-shrink:0}.q-options button:hover::before{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}.q-options #go{background:var(--blue);color:white;justify-content:center;border-color:var(--blue);font-weight:700}.q-back{font-size:14px;padding:12px 0;min-height:44px;color:var(--blue);text-underline-offset:4px}.is-answering .diagnosis-intro img,.is-answering .diagnosis-intro>div>p:not(.diagnosis-kicker),.is-answering .diagnosis-note,.is-result .diagnosis-intro,.is-result .diagnosis-privacy,.is-result .diagnosis-note{display:none}.is-answering .diagnosis-intro{display:block}.is-answering .diagnosis-intro h1{font-size:20px}.diagnosis-result{border:0}.result-summary{display:flex;align-items:center;gap:22px;padding:26px 0;border-bottom:1px solid var(--rule)}.result-summary img{width:112px;height:112px;object-fit:contain;flex-shrink:0}.result-summary .result-type{font-size:13px;margin:0 0 8px;letter-spacing:0}.result-summary .result-title{font-size:27px;line-height:1.6;margin:0;border:0;padding:0}.result-lead{font-size:16px;line-height:1.95;margin:24px 0}.result-actions{margin:30px 0}.result-actions h3,.result-agents h3{margin:0 0 16px;font-size:21px}.result-actions ol{list-style:none;counter-reset:steps;padding:0;display:grid;gap:0}.result-actions li{counter-increment:steps;display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.8}.result-actions li::before{content:counter(steps,decimal-leading-zero);font-size:13px;font-weight:700;color:var(--blue);padding-top:3px}.result-question{background:#f0f4f6;border-left:3px solid var(--blue);padding:22px 24px;margin:30px 0}.result-question p{margin:0 0 8px;font-size:16px;line-height:1.9}.result-question strong{background:none}.result-agents.cta{background:none;padding:30px 0 0;border:0;border-top:1px solid var(--rule);border-radius:0;margin:40px 0 20px}.registration-detail{margin:20px 0;font-size:14px;line-height:1.8;color:var(--ink-2)}.registration-detail summary{cursor:pointer;color:var(--blue)}.svc-list{gap:20px}.svc-list>.compare-choice{min-width:0}.compare-choice{padding:22px;border-radius:5px;box-shadow:none}.compare-choice .compare-choice__name{font-size:21px!important;line-height:1.5!important;margin:0 0 16px!important;padding:0!important}.compare-choice dl{font-size:14px;line-height:1.75}.compare-choice details{font-size:14px;line-height:1.8}.compare-choice details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px}.compare-choice details summary::before{content:'＋';font-weight:700}.compare-choice details[open] summary::before{content:'−'}.compare-choice .btn{font-size:14px;padding:13px 12px;line-height:1.6;min-height:48px}.compare-choice details p{font-size:14px;line-height:1.8;margin:12px 0}.cta--cards{border-radius:5px}.cta__flow{margin-top:12px}.btn{word-break:normal;overflow-wrap:anywhere}.svcblock__cta .btn{font-size:15px}.svcblock__info{width:100%;table-layout:fixed}.svcblock__info th{width:30%;overflow-wrap:anywhere}.svcblock__info td{overflow-wrap:anywhere}
@media(max-width:767px){.diagnosis-page{padding-bottom:32px}.diagnosis-intro{grid-template-columns:1fr 76px;gap:8px}.diagnosis-intro img{width:76px;height:90px}.diagnosis-intro h1{font-size:24px}.diagnosis-intro p{font-size:15px}.q-card{padding:20px 16px}.q-card .q-title{font-size:20px;margin:12px 0 20px}.q-options button{font-size:15px;padding:14px 12px}.result-summary{gap:14px;align-items:flex-start;padding:16px 0}.result-summary img{width:72px;height:80px}.result-summary .result-title{font-size:21px}.result-summary .result-type{font-size:12px}.result-lead,.result-actions li{font-size:15px}.result-question{padding:18px 16px}.result-question p{font-size:15px}.svc-list--2,.svc-list--3{grid-template-columns:1fr}.compare-choice{padding:20px}.compare-choice .btn{font-size:14px}.result-agents .cta__choose{font-size:14px}.cta{padding:18px 14px}.svcblock__info th{font-size:12px}.svcblock__info td{font-size:14px}.diagnosis-page .next{margin-top:28px}}
.article-picks{margin:20px 0 30px;padding:20px 22px;border:1px solid #ccd8df;border-top:3px solid #365e7b;background:#f6f8fa;border-radius:4px}
.article-picks__title{font-size:19px;font-weight:700;margin:0 0 8px;color:#244b68}.article-picks__note{font-size:12px;line-height:1.7;margin:0 0 14px;color:#52616e}
.article-pick{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #dce3e8}.article-pick .service-logo{width:150px;height:48px;margin:0;padding:6px 8px}.article-pick .service-logo img{height:36px}.article-pick strong{font-size:15px;line-height:1.6}.article-pick p{font-size:13px;line-height:1.7;margin:4px 0 0}.article-pick__link{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;font-weight:700;white-space:nowrap;text-underline-offset:4px}.article-picks__foot{font-size:13px;margin:12px 0 0;line-height:1.8}
@media(max-width:767px){.article-picks{padding:16px}.article-pick{grid-template-columns:110px minmax(0,1fr);gap:8px 12px}.article-pick .service-logo{width:110px;height:44px;padding:5px}.article-pick .service-logo img{height:34px}.article-pick__link{grid-column:2;justify-content:flex-start}.article-picks__title{font-size:17px}.article-pick strong{font-size:14px}}
.article-picks .article-pick__link,.article-picks .article-pick__link{background:var(--cta);color:#fff;padding:0 16px;border-radius:6px;text-decoration:none;box-shadow:0 2px 0 var(--cta-dark)}
.article-picks .article-pick__link:hover,.article-picks .article-pick__link:hover{background:var(--cta-dark);color:#fff}
.article-picks .article-pick__link:focus-visible{outline:2px solid #214e70;outline-offset:2px}
@media(max-width:767px){.article-picks .article-pick__link{justify-self:start;width:max-content;min-height:44px}}
.answer-bridge + .article-picks{margin-top:4px}
.result-agents .svc-list--3{grid-template-columns:1fr}.result-agent-reason{font-size:15px;line-height:1.8;color:var(--ink);margin:0 0 16px}.result-agents .compare-choice{display:flex;flex-direction:column}.result-agents .compare-choice>.btn,.result-agents .compare-choice>.cta-link{margin-top:auto}.result-compare{font-weight:700;text-decoration:underline}
@media(min-width:1100px){.result-agents .svc-list--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.result-disclosure{font-size:13px;color:var(--ink-2)} @media(min-width:1100px){.result-agents .result-agent-reason{min-height:54px}.result-agents .compare-choice dl>div{min-height:100px}.result-agents .compare-choice .btn{min-height:60px}}
.answer-bridge{text-align:center;font-weight:700;font-size:15px;margin:20px 0 4px}.answer-bridge p{margin:0 0 18px}.answer-bridge span{display:block;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:13px solid #b7460c;margin:auto}.service-name strong{font-size:16px}.service-name small{display:block;font-size:11px;line-height:1.6;margin-top:6px}.article-picks>small{font-size:11px;color:#52616e}.article-pick>p{font-size:13px;line-height:1.75;margin:0}.diagnosis-page{max-width:860px;margin:44px auto 0}.q-back{background:none;border:0;text-decoration:underline;cursor:pointer;font-family:inherit}.q-options button:focus-visible{outline:2px solid #16508f;outline-offset:2px}.result-agents{padding:30px 0 0;border-top:1px solid #dce3e8;margin:40px 0 20px}.svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-choice{border:1px solid #dce3e8;display:flex;flex-direction:column;min-width:0}.compare-choice__name{font-weight:700}.compare-choice dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-top:1px solid #dce3e8}.compare-choice dd{margin:0}.compare-choice dt{color:#52616e}.compare-choice .pick-button{margin-top:auto}.pick-button{display:flex;align-items:center;justify-content:center;min-height:48px;background:#b7460c;color:#fff;border-radius:6px;padding:10px 14px;font-weight:700;font-size:14px;text-decoration:none}.result-links a{display:block;font-size:14px;margin:10px 0}.diagnosis-next{border:1px solid #dce3e8;padding:22px;border-radius:6px;margin-top:56px}.diagnosis-next p{font-size:13px;margin:0 0 8px;color:#52616e}.diagnosis-next a{font-weight:700;color:#1c2024;text-decoration:none}@media(max-width:767px){.diagnosis-page{margin-top:28px}.svc-list{grid-template-columns:1fr}.diagnosis-next{margin-top:28px}.article-pick__link{white-space:normal}.service-name strong{font-size:14px}}
#condition-result{margin-top:0;border:0;padding:0;background:#fff}#condition-result details{font-size:14px;border-top:0;padding-top:0}#condition-result .result-title{margin:0}

/* お問い合わせフォーム(型は建設の kit/components.css の .form。色はこのサイトの変数) */
.form{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px;margin:24px 0}
.form-row{margin:0 0 22px;border:0;padding:0;min-width:0}
.form-row>label,.form-row legend{display:block;font-weight:700;font-size:15px;margin-bottom:6px;padding:0}
.form .req,.form .opt{font-size:11px;font-weight:700;padding:1px 6px;margin-left:6px;vertical-align:2px;border:1px solid;border-radius:3px}
.form .req{color:#8a1c1c;border-color:#8a1c1c}
.form .opt{color:var(--muted);border-color:#b8c0c8}
.form input[type=text],.form input[type=email],.form input[type=url],.form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px;min-height:48px;border:1px solid #b8c0c8;border-radius:4px;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{border-color:var(--rust);outline:2px solid #dbe7f4}
.choices{display:grid;gap:8px}
.choice{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid #b8c0c8;border-radius:4px;cursor:pointer;font-weight:400;font-size:15px;line-height:1.5}
.choice input{width:20px;height:20px;flex:none;accent-color:var(--rust)}
.choice:has(input:checked){border-color:var(--rust);background:#eef4fb}
.form-hint{font-size:13px;color:var(--muted);margin:6px 0 0!important;line-height:1.6}
.form-error{font-size:13px;color:#8a1c1c;font-weight:700;margin:6px 0 0!important}
.form-error:empty{display:none}
.form-submit{width:100%;min-height:52px;border:0;border-radius:4px;cursor:pointer;font:inherit;font-weight:700;background:var(--ink);color:#fff}
.form-submit:disabled{opacity:.6;cursor:wait}
.form-status{margin:12px 0 0!important;font-weight:700}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.static .note{font-size:13px;color:var(--muted)}
/* 広告を有効にしたときだけ出る PR の印 */
.pr-label{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:3px 6px;margin-left:8px;border:1px solid var(--muted);border-radius:3px;color:var(--muted);vertical-align:2px}
.pr-notice{font-size:13px;color:var(--muted);margin:8px 0 0}

/* 書体と本文の大きさ(見本は建設の本番)。Google Fonts の Noto Sans JP を kit/layout.mjs の head で読み込む(URL は content/site.json の fontCss)。
   本文・見出し・表・ボタンを同じ書体にする。Yu Gothic UI は Windows の画面用の書体で字が詰まって見えるため、先頭には置かない。
   このファイルは styles.css → parity.css → picks-diagnosis.css → forms.css の後に読み込む(前のファイルの body と .article-body p の大きさを上書きする)。 */
:root{--sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,sans-serif;--serif:var(--sans)}
body{font-family:var(--sans);font-size:16px;line-height:1.85;letter-spacing:.015em;color:#202a30}
.article-body p{font-size:16px;line-height:1.85}
button,input,select,textarea{font-family:inherit}
@media(min-width:768px){body{font-size:17px;line-height:1.95}.article-body p{font-size:17px;line-height:1.95}}

/* ヘッダーのロゴと副題、トップの末尾の診断への導線(見本は建設の本番。10/13 オーナー差戻し「トップの見せ方が建設と違う」)。
   このファイルは typography.css の後、いちばん最後に読み込む(parity.css の同じ部品の指定を上書きする)。 */
.site-header{padding-top:8px;padding-bottom:8px;min-height:64px}
.site-header .brand{display:flex;align-items:center;gap:10px;min-height:48px;color:var(--ink);text-decoration:none}
.site-header .brand:before{content:none}
.site-header .brand svg{width:26px;height:26px;flex:none;display:block}
.site-header .brand .brand-text{display:block;font-weight:700;font-size:19px;letter-spacing:.06em;white-space:nowrap;line-height:1.3}
.site-header .brand .brand-text small{display:block;font-weight:400;font-size:11px;letter-spacing:.04em;color:#6b7480}
@media(max-width:420px){.site-header .brand{gap:7px}.site-header .brand svg{width:22px;height:22px}.site-header .brand .brand-text{font-size:16px;letter-spacing:.04em}.site-header .brand .brand-text small{display:none}}
/* スマホ幅のヘッダー(建設と同じ並び): 「記事を探す ⌄」の右に「タイプ診断」 */
.mobile-diagnosis{display:none}
@media(max-width:900px){.mobile-nav summary{list-style:none;display:flex;align-items:center;gap:4px;font-weight:700}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:after{content:'⌄'}.mobile-diagnosis{display:block;font-size:12px;font-weight:500;color:#214e70;text-decoration:none;white-space:nowrap;border-left:1px solid var(--line);padding:10px 0 10px 10px;margin-left:2px}.mobile-nav[open]+.mobile-diagnosis{margin-left:auto}}
/* トップ冒頭のリンクは、診断への1本だけを見せる(建設と同じ。「悩みから記事を選ぶ」は HTML に残し、表示しない) */
.hero-actions a[href="#doors-title"]{display:none}
/* トップの末尾: 見出し(h2)にしない。中央寄せ、角丸、濃い色のボタン */
.ref-end{margin:80px 0 0;background:#f4f6f8;border-radius:16px;padding:32px 24px;text-align:center}
.ref-end p{max-width:none;margin:0 0 18px;color:#4f5862}
.ref-end .ref-end__t{font-size:20px;font-weight:700}
.ref-end>a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:6px;background:#1c2024;color:#fff;font-size:15.5px;font-weight:700;text-decoration:none}
/* ---- トップの各節(見本は建設の本番。10/13 PM「残っている違いは全部、建設に合わせる」) ---- */
/* 冒頭: 絵の列を細く、下に線。説明は 17.5px */
.ref-hero{grid-template-columns:1.45fr .8fr;gap:38px;padding:44px 0 36px;border-bottom:1px solid #dce3e8}
.ref-hero h1{letter-spacing:.015em;margin:0 0 18px}
.ref-hero .hero-kicker{font-size:13px;letter-spacing:.08em;margin:0 0 14px}
.ref-hero .hero-lead{font-size:17.5px;margin:0 0 26px;max-width:34em}
.hero-actions{margin-top:16px}
/* 節: 上の線をやめて間をあける。見出しは 22px(768px 以上は 26px)、アイコンなし */
.ref-section{border-top:0;padding:0;margin-top:48px}
.ref-section h2{display:block;font-size:22px;line-height:1.5;font-weight:700;margin:0 0 18px}
@media(min-width:768px){.ref-section h2{font-size:26px}}
.ref-doors{border-top:1px solid #c9d0d7;border-bottom:1px solid #c9d0d7}
.ref-doors a{gap:14px}
.ref-doors img{width:88px;height:88px}
.ref-doors small{font-size:13.5px}
.ref-doors li{border-bottom:1px solid #e3e7eb;padding:22px 20px}
.ref-doors strong{font-size:18px;line-height:1.5}
/* まず読む1本: 角丸の枠 */
.ref-feature{grid-template-columns:420px minmax(0,1fr);gap:36px;padding:24px;border:1px solid #dce3e8;border-radius:16px}
.ref-feature img{box-shadow:0 0 0 1px #dce3e8}
.ref-feature small{font-size:12.5px;font-weight:700;letter-spacing:.08em}
.ref-feature strong{font-size:26px;line-height:1.5;margin:6px 0 10px}
.ref-feature p{font-size:15.5px;color:#4f5862;line-height:1.8;margin:0}
/* 分類の節: 見出しは紺+下に短い線(28px)。「すべて見る(◯本)」は太字。記事カードは枠つき、左に縦の線 */
.ref-category{margin-top:64px}
.ref-category .ref-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.ref-category h2{color:#214e70;position:relative;padding-bottom:14px;font-size:28px;margin:0}
.ref-category h2::after{content:'';position:absolute;bottom:0;left:0;width:44px;height:3px;background:#214e70}
.ref-category .ref-section-head>a{display:inline;margin:0;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;color:#1a5fb4;border:0}
.ref-category .ref-section-head>a:hover{text-decoration:underline}
.ref-category .ref-section-lead{margin:0 0 24px;font-size:14px;line-height:1.8;color:#4f5862}
.ref-category .ref-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-left:36px;padding-left:22px;border-left:1px solid #d8e2e9}
.ref-category .ref-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px 0 22px;border-top:1px solid #e3e7eb;box-sizing:border-box}
.ref-card__cover{display:block;border:1px solid #e2e6e8;border-radius:4px;overflow:hidden;background:#fff;margin-bottom:6px}
.ref-card__cover img{border-radius:0}
.ref-card .ref-card__cover strong{display:block;margin:0;padding:12px 14px;border-top:2px solid #214e70;font-size:17px;font-weight:700;line-height:1.55;color:#182c3b}
.ref-category .ref-card p{font-size:14px;color:#4f5862;line-height:1.75;margin:0}
.ref-card:hover .ref-card__cover strong{text-decoration:underline;text-underline-offset:3px}
@media(max-width:999px){.ref-category .ref-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:859px){.ref-feature{grid-template-columns:1fr;gap:20px;padding:18px}.ref-feature strong{font-size:22px}}
@media(max-width:767px){
 /* スマホ幅の冒頭: 絵を出さず、見出しと説明を小さくする */
 .ref-hero{display:block;padding:26px 0 20px}.ref-hero h1{font-size:27px;line-height:1.55}.ref-hero .hero-lead{font-size:15px;line-height:1.85;margin:16px 0}.ref-hero>img{display:none}
 .ref-section{margin-top:30px}
 .ref-doors{display:block}.ref-doors li{padding:14px 0}.ref-doors img{width:76px;height:76px}.ref-doors strong{font-size:16px;line-height:1.6}.ref-doors small{font-size:12px;margin-top:4px}
 .ref-feature{display:block}.ref-feature img{display:none}
 .ref-category{margin-top:44px}
 .ref-category h2{font-size:24px;padding-bottom:12px}
 .ref-category .ref-section-head{gap:8px;flex-wrap:wrap}
 .ref-category .ref-section-head>a{font-size:12px}
 .ref-category .ref-section-lead{font-size:13px;margin-bottom:18px}
 .ref-category .ref-cards{grid-template-columns:1fr;gap:16px;margin-left:14px;padding-left:16px}
 .ref-card .ref-card__cover strong{padding:10px 12px}
 .ref-category .ref-card__cover{margin-bottom:8px}
}
/* トップの見出しと題(建設と同じ): 約物を詰め、字間 .02em、句の切れ目で折り返す(対応していないブラウザではふつうの折り返し) */
.ref-home h2,.ref-doors strong,.ref-card strong,.ref-feature strong{font-feature-settings:"palt" 1;letter-spacing:.02em;word-break:auto-phrase}
.ref-home h1{font-feature-settings:"palt" 1;word-break:auto-phrase}
/* 入口の題: 句のかたまり(.ph)の間でだけ折り返す。どのブラウザでも1字だけ次の行に落ちない */
.ref-doors .ph{display:inline-block}