@import url("/residential/column-image-frame.css");
:root{--ink:#29332f;--muted:#5c6660;--brand:#214f50;--line:#dbe3dd;--soft:#f4f6f1;--marker:#ffe34d;--preview-width:900px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#e8ece8;color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:17px;line-height:1.95;letter-spacing:.01em}a{color:#235c60;text-underline-offset:.22em;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88632;outline-offset:4px}button{font:inherit;cursor:pointer}
.preview-tools{position:sticky;top:0;z-index:10;background:#203e3e;color:#fff;box-shadow:0 1px 6px #0002;padding:9px 16px;display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;line-height:1.5;font-size:13px}.preview-tools p{margin:0}.view-options{display:flex;gap:5px}.view-options button{font-size:12px;line-height:1.3;min-height:32px;padding:6px 12px;border:1px solid #93aba7;border-radius:4px;background:transparent;color:white}.view-options button[aria-pressed=true]{background:#fff;color:#203e3e;border-color:#fff}.preview-note{font-size:12px;color:#e2eae8}
.column-page{width:min(100%,var(--preview-width));margin:20px auto 44px;background:#fff;box-shadow:0 5px 28px #243e3c16;container-type:inline-size}.masthead{padding:24px 20px 0;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.brand{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;letter-spacing:.08em}.category{font-size:12px;color:var(--muted)}main{max-width:900px;margin:auto;padding:24px 20px 48px}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:600;line-height:1.5;letter-spacing:.015em;margin:0 0 28px;text-wrap:wrap}p{margin:0 0 23px}strong{font-weight:700;background:linear-gradient(transparent 50%,var(--marker) 50%);padding:0 .02em}section{scroll-margin-top:88px}h2{font-size:21px;line-height:1.6;letter-spacing:0;margin:54px 0 22px;border-top:1px solid #aabeb3;padding-top:21px;text-wrap:wrap}.section-number{display:block;color:#698478;font-size:13px;font-weight:500;letter-spacing:.12em;margin-bottom:9px}h3{font-size:19px;line-height:1.65;margin:35px 0 20px;padding-left:12px;border-left:3px solid #93a995;text-wrap:wrap}figure{margin:30px 0}figure img{display:block;width:100%;height:auto;border-radius:3px;background:#f5f6f1}.hero img{aspect-ratio:4/3;object-fit:cover}.case img{max-height:480px;object-fit:contain}.diagram img{max-width:480px;margin:auto}figcaption{margin-top:10px}.source,figcaption{font-size:13px;line-height:1.85;color:var(--muted);letter-spacing:0}.source{margin-top:-4px;margin-bottom:27px;padding-left:10px;border-left:2px solid #dce5df}.source a{color:#4c6460}.callout{padding:20px 18px;margin:29px 0;background:var(--soft);border:1px solid #e1e7df;border-radius:4px}.callout p{margin-bottom:15px}.callout p:last-child{margin-bottom:0}.callout-label{font-size:16px;font-weight:700;line-height:1.7}.callout ul{margin:0;padding-left:1.2em}.callout li{font-size:16px;line-height:1.9;margin:13px 0;padding-left:2px}.callout li:last-child{margin-bottom:0}.summary{border-top:3px solid #7d9987}.summary li{margin:12px 0}.question{background:#f3f6f5}.example{background:#faf8f0;border-color:#e7e1ce}.toc{font-size:15px;margin:30px 0 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;line-height:1.7;padding:15px 2px}summary::marker{color:#527565}.toc ol{padding-left:25px;margin:0 4px 22px}.toc li{margin:16px 0;line-height:1.8}.toc a{display:inline-block}.seasonal{margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seasonal>div{display:flex;gap:14px;align-items:flex-start;padding:21px 0}.seasonal>div+div{border-top:1px solid var(--line)}.seasonal p{font-size:15px;line-height:1.85;margin:0}.season-label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;font-size:19px}.winter{background:#e7f0f2;color:#345d6e}.summer{background:#fbedd8;color:#8d5f20}table{width:100%;border-collapse:collapse;table-layout:fixed;margin:25px 0 28px;font-size:15px;line-height:1.85}th,td{padding:13px 11px;border:1px solid #dbe3dc;text-align:left;vertical-align:top;overflow-wrap:anywhere}thead th{background:#eaf0e9;font-weight:700}thead th:first-child{width:35%}tbody th{background:#f7f8f4;font-weight:600}.related-link{font-size:16px;margin:23px 0}.cta-button{margin-top:22px!important;text-align:center}.cta-button a{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:12px 22px;border-radius:4px;background:var(--brand);color:#fff;text-align:center;font-weight:700;line-height:1.8;text-decoration:none;font-size:16px}.cta-button a:hover{background:#163d3e}.references{border-top:1px solid var(--line);padding-top:8px;margin-top:45px;font-size:13px;line-height:1.9;color:var(--muted)}.references summary{font-size:15px;color:var(--ink)}.references ul{padding-left:20px}.references li{margin:18px 0}.references p{font-size:13px}.footer{border-top:1px solid var(--line);padding:22px 20px;color:var(--muted);font-size:12px;line-height:1.8}
.callout.sectionnav{margin:18px 0 27px;padding:12px 15px;background:#f8faf7;border-color:#e9ede8}.sectionnav .callout-label{font-size:15px;margin-bottom:8px}.sectionnav .sectionnav-list{margin:0;padding-left:1.2em}.sectionnav li{font-size:15px;line-height:1.75;margin:7px 0;padding-left:0}.sectionnav a{display:block;padding:2px 0;line-height:1.75}
@container(min-width:600px){.masthead{max-width:820px;margin:auto;padding:35px 32px 0}main{padding:30px 32px 64px}h1{font-size:32px;line-height:1.5}h2{font-size:24px;margin-top:70px}h3{font-size:21px}table{font-size:16px}th,td{padding:16px 18px}.callout{padding:24px 28px}.case img{max-height:540px}.seasonal{display:grid;grid-template-columns:1fr 1fr;gap:24px}.seasonal>div+div{border-top:0}.footer{padding:25px 32px}}
.cta-button a{min-height:48px;border-radius:4px;padding:12px 22px;font-size:16px}.question .callout-label{font-size:15px;color:#48645b;letter-spacing:.05em}
@media(max-width:600px){.column-page{margin:0 auto;box-shadow:none}.preview-tools{padding:8px 12px;gap:8px;position:static}.preview-note{display:none}.view-options{display:none}html{scroll-padding-top:15px}section{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.preview-tools{display:none}.column-page{width:100%;margin:0;box-shadow:none}.references{display:block}body{background:#fff}h2,h3{break-after:avoid}figure,table,.callout{break-inside:avoid}}

.consultation strong{background:none;padding:0}
.photo img,.case img,.diagram img{width:100%;max-width:none;max-height:none;aspect-ratio:3/2;height:auto;object-fit:cover;object-position:50% 50%}.diagram img{object-fit:contain}
.eyecatch{margin:0 -20px 24px}.eyecatch img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;background:#fff}@container(min-width:600px){.eyecatch{margin:0 0 30px}}
.callout.summary{border:1px solid #e1e7df}.summary li{margin:5px 0;line-height:1.75}.summary a{display:block;padding:4px 0;text-decoration:none}.summary a:hover{text-decoration:underline}.toc-disclosure{padding:0 18px;border:1px solid var(--line);border-radius:4px}.toc-disclosure summary{padding:16px 0;font-size:16px;font-weight:700;line-height:1.7}.toc-disclosure[open] summary{border-bottom:1px solid var(--line);margin-bottom:4px}.toc-links{padding-bottom:14px}.toc-links ul{list-style:none;margin:0;padding:0}.toc-links li{margin:0;line-height:1.7}.toc-links li+li{border-top:1px solid #e9ede7}.toc-links a{display:block;padding:10px 0;text-decoration:none}.toc-links a:hover{text-decoration:underline}
.toc-disclosure{background:#fafbf8}
article img[data-signed-photo]{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.references .references-label{font-size:16px;font-weight:700;color:var(--ink);margin:8px 0 16px;line-height:1.7}.faq-list{margin:26px 0 32px}.faq-item{padding:23px 0;border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-question{font-size:17px;font-weight:700;line-height:1.8;margin:0 0 14px}.faq-answer-group{margin:0}.faq-answer{font-size:17px;line-height:1.95;margin-bottom:18px}.faq-item p:last-child{margin-bottom:0}
article strong.marker-reveal{background-image:linear-gradient(var(--marker),var(--marker));background-size:100% 50%;background-position:0 100%;background-repeat:no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}article strong.marker-reveal.is-marked{animation:column-marker .9s ease-out}
@keyframes column-marker{from{background-size:0 50%}to{background-size:100% 50%}}
@media(prefers-reduced-motion:reduce){article strong.marker-reveal.is-marked{animation:none}}
@media print{article strong.marker-reveal.is-marked{animation:none}}

body{background:#fff}.column-page{width:100%;max-width:960px;box-shadow:none;margin:0 auto 36px}
.column-site-header{border-bottom:1px solid #dbe3dd;background:#fff}.column-site-header-inner{max-width:1160px;margin:auto;min-height:92px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.column-site-header img{display:block;width:250px;height:auto}.column-site-header nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;line-height:1.6}.column-site-header nav a{color:#193d4b;text-decoration:none}
.column-breadcrumb{display:flex;gap:7px;flex-wrap:wrap;font-size:13px;line-height:1.7;margin:0 0 18px;color:#5c6660}.column-breadcrumb a{color:#435d59}
.column-skip{position:absolute;left:-10000px}.column-skip:focus{left:20px;top:10px;z-index:20;background:#fff;padding:8px 12px}
.column-site-footer{max-width:1160px;margin:0 auto;padding:30px 28px;border-top:1px solid #dbe3dd;font-size:13px;line-height:1.8;color:#5c6660}.column-site-footer nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:16px}.column-site-footer small{font-size:12px}
@media(max-width:600px){.column-site-header-inner{min-height:76px;padding:16px 20px;gap:14px}.column-site-header img{width:165px}.column-site-header nav{display:grid;gap:4px;font-size:12px}.column-page{margin:0 auto 28px}.column-site-footer{padding:25px 20px}}
@media print{.column-site-header,.column-site-footer{display:none}}



/* Keep headings at the full text width and preserve each vertical construction photo. */
article h1,article h2,article h3{width:100%;max-width:none;text-wrap:wrap;word-break:normal;overflow-wrap:break-word;line-break:strict}
figure.case.case-portrait{width:min(100%,480px);margin-inline:auto}figure.case.case-portrait img{width:100%;height:auto;aspect-ratio:var(--case-photo-ratio,2/3);object-fit:contain}

article h1 .keep-word{white-space:nowrap}

/* Define the full cover image boundary, including its white title area. */
figure.eyecatch{margin:0 0 32px}


/* Match the article's quiet borders, green tones, and compact supporting text. */
.article-reviewer{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;row-gap:8px;margin:0 0 28px;padding:20px;border:1px solid var(--line);border-radius:4px;background:#fff;line-height:1.75}
.article-reviewer-photo{display:block;grid-column:1;grid-row:1/4;align-self:start;width:72px;height:72px;object-fit:cover;border-radius:50%;background:var(--soft)}
.article-reviewer-identity,.article-reviewer-description,.article-reviewer-profile-note{grid-column:2;min-width:0}
.article-reviewer p{margin:0}
.article-reviewer-label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.04em;margin-bottom:3px!important}
.article-reviewer-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;font-size:18px;font-weight:700;line-height:1.65}
.article-reviewer-role{font-size:12px;font-weight:400;color:var(--muted);line-height:1.75}
.article-reviewer-role>span{display:inline-block;white-space:nowrap}
.article-reviewer-description{font-size:14px;line-height:1.85}
.article-reviewer-profile-note{font-size:12px;color:var(--muted);line-height:1.75}
.article-editor{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.8}
@container(max-width:599px){.article-reviewer{grid-template-columns:60px minmax(0,1fr);column-gap:14px;row-gap:12px;padding:18px 16px;margin-bottom:24px}.article-reviewer-photo{grid-row:1;width:60px;height:60px}.article-reviewer-description,.article-reviewer-profile-note{grid-column:1/-1}.article-reviewer-name{display:block;font-size:17px}.article-reviewer-role{display:block;margin-top:2px}.article-reviewer-profile-note{font-size:12px}}
@media print{.article-reviewer{break-inside:avoid}}

/* Separate the reviewer identity from the introduction. */
.article-reviewer-description{border-top:1px solid var(--line);padding-top:12px}

/* Adopted heading option 5 and calm, brand-colored FAQ questions. */
article h2{padding:.55em .25em .5em;border-top:2px solid #222;border-bottom:2px solid #222;font-weight:700;line-height:1.6;text-wrap:balance;word-break:auto-phrase}
.faq-list .faq-item{padding:0 0 25px;border-top:0}
.faq-list .faq-item+.faq-item{margin-top:28px}
.faq-list .faq-item:last-child{border-bottom:0}
.faq-list .faq-question{margin:0 0 22px;padding:12px 14px 12px 16px;border-left:7px solid #214f50;background:#f4f6f1;color:var(--ink);font-size:17px;line-height:1.8}
.faq-question-label{margin-right:.25em;color:#214f50;font-family:Arial,sans-serif;font-size:24px;font-weight:500;line-height:1;vertical-align:-.04em}

/* Trial: quieter inline links and useful actions after the article. */
.related-reading{margin:32px 0;scroll-margin-top:24px}
.related-reading-intro{margin:0 0 27px}
.related-reading-card{position:relative;display:block;padding:24px 18px 18px;border:1px solid #b6c9bb;border-radius:4px;background:#fff;color:var(--ink);text-decoration:none}
.related-reading-label{position:absolute;top:-14px;left:15px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:2px;background:#eaf0e9;color:var(--brand);font-size:13px;font-weight:700;line-height:1.6;letter-spacing:.02em}
.related-reading-label svg{display:block;width:15px;height:15px;flex:none}
.related-reading-title{color:#1765a5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;display:block;font-size:17px;font-weight:700;line-height:1.8;overflow-wrap:break-word;text-wrap:pretty}
.related-reading-card:hover{background:#f8faf7;border-color:#789586}
.related-reading-card:hover .related-reading-title{text-decoration:underline;text-underline-offset:.22em}
.article-related{margin-top:32px}
.article-related h2{font-size:21px;font-weight:700;line-height:1.6;margin:0 0 18px;padding:.55em .25em .5em;border-top:2px solid #222;border-bottom:2px solid #222}
.article-related-grid{display:grid;gap:16px}
.article-related-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fff;text-decoration:none}
.article-related-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;background:#f4f6f1}
.article-related-content{display:block;min-width:0}
.article-related-title{display:block;font-size:16px;font-weight:700;line-height:1.8;overflow-wrap:break-word;text-wrap:pretty}
.article-related-card:hover{background:#f8faf7;border-color:#789586}
.article-related-card:hover .article-related-title{text-decoration:underline;text-underline-offset:.22em}
.article-back-to-top{position:fixed;z-index:20;right:max(20px,calc((100vw - 1060px)/2));bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:56px;height:56px;padding:6px;border:1px solid #214f50;border-radius:50%;background:#214f50;color:#fff;font-size:11px;font-weight:700;line-height:1.4;text-decoration:none;box-shadow:0 3px 12px #163d3e30;transition:background .2s,box-shadow .2s}
.article-back-to-top svg{display:block;width:22px;height:22px}
.article-back-to-top:hover{background:#163d3e;box-shadow:0 4px 14px #163d3e40}
@container(min-width:600px){.related-reading-card{padding:25px 22px 20px}.related-reading-label{left:21px;font-size:14px}.related-reading-title{font-size:18px}.article-related h2{font-size:24px}.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-related-card{display:block;padding:16px}.article-related-content{margin-top:16px}}
@container(max-width:359px){.article-related-card{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}}
@media(max-width:1059px){.article-back-to-top{right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:52px;height:52px}}
@media print{.article-back-to-top{display:none!important}.related-reading,.article-related-card{break-inside:avoid}}

/* Align supporting links and heading text on the same inset. */
article h2,.article-related h2{padding-inline:18px;text-align:left;text-wrap:wrap}.related-reading-card{padding-inline:18px}.related-reading-label{left:18px}

.article-back-to-top[hidden]{display:none!important}

/* 関連記事カード：住宅と共通の画像・タイトルの横並び。 */
.related-reading-card{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:center;gap:16px;line-height:1.65}
.related-reading-card img.related-reading-thumb{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0}
.related-reading-title{min-width:0;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.7;overflow-wrap:break-word;text-wrap:wrap;word-break:normal;line-break:strict}
@container(min-width:600px){.related-reading-card{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:28px 22px 22px}.related-reading-title{font-size:18px}}
@container(max-width:599px){.related-reading-card{grid-template-columns:96px minmax(0,1fr);gap:14px}.related-reading-title{font-size:14px;line-height:1.7}}