:root{--ink:#202321;--paper:#f4f0e7;--white:#fffdf7;--red:#9e342c;--yellow:#f0c64d;--sage:#65766b;--line:#c9c2b6;--muted:#686c68;--dark:#292c2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Yu Gothic,YuGothic,Meiryo,sans-serif;line-height:1.85}a{color:inherit;text-underline-offset:5px}.proposal-note{text-align:center;background:#e9e3d8;padding:8px 5%;font-size:12px}.proposal-note a{margin-left:10px}header{background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:92px;padding:0 5%;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:14px;font:800 18px/1 Arial,sans-serif;text-decoration:none;display:flex}.brand small{letter-spacing:.16em;color:var(--muted);margin-top:7px;font-size:9px;display:block}.swatch{width:48px;height:42px;display:flex;overflow:hidden}.swatch i{flex:1}.swatch i:first-child{background:var(--red)}.swatch i:nth-child(2){background:var(--yellow)}.swatch i:nth-child(3){background:var(--sage)}.desktop{gap:24px;display:flex}.desktop a{border-bottom:3px solid #0000;padding:12px 0;font-size:13px;text-decoration:none}.desktop a[aria-current]{border-color:var(--red)}.menu{display:none}.wrap{width:min(1160px,90%);margin:auto}.section{padding:74px 0}.white{background:var(--white)}.dark{background:var(--dark);color:#fff}.subhead{background:linear-gradient(90deg,var(--dark) 0 64%,var(--red) 64%);color:#fff;padding:58px 0}.eyebrow{letter-spacing:.18em;color:var(--red);text-transform:uppercase;margin-bottom:16px;font:800 12px/1.2 Arial,sans-serif}.dark .eyebrow,.subhead .eyebrow,.paint-stack .eyebrow{color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.02em;font-size:clamp(38px,5vw,70px);line-height:1.18}h2{font-size:clamp(27px,3.1vw,43px);line-height:1.4}h3{font-size:21px;line-height:1.5}.lead{max-width:760px;font-size:18px}.small{color:var(--muted);font-size:13px}.button{background:var(--red);color:#fff;border:1px solid var(--red);padding:14px 23px;font-weight:700;text-decoration:none;display:inline-block}.button.alt{color:var(--ink);border-color:var(--ink);background:0 0}.hero{background:var(--white);padding:66px 0}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;display:grid}.hero-copy h1{font-size:clamp(38px,4vw,52px)}.hero-copy h1 span{white-space:nowrap;display:block}.paint-stack{background:var(--dark);color:#fff;padding:32px}.paint-stack h2{font-size:25px}.layer{border-top:1px solid #5f625f;grid-template-columns:95px 1fr;gap:16px;padding:16px 0;display:grid}.layer b{color:var(--yellow)}.issue-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.issue-card{background:var(--white);border:1px solid var(--line);min-height:190px;padding:25px;text-decoration:none;position:relative}.issue-card:after{content:"相談条件を見る →";color:var(--red);font-size:13px;font-weight:700;position:absolute;bottom:22px;left:25px}.issue-card span{color:var(--red);letter-spacing:.1em;font:800 12px Arial;display:block}.route{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:25px;padding:25px 0;display:grid}.route h3{margin:0}.route ul{margin:0;padding-left:20px}.process{border:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.process div{background:var(--white);border-right:1px solid var(--line);padding:24px 18px}.process div:last-child{border:0}.process b{color:var(--red);margin-bottom:9px;display:block}.matrix{border-collapse:collapse;background:var(--white);width:100%}.matrix th,.matrix td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px}.matrix th{background:#e9e3d8;width:25%}.network{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.office{background:var(--white);border-top:5px solid var(--sage);padding:23px}.office.primary{border-color:var(--red)}.checklist{padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--line);padding:15px 0 15px 34px;position:relative}.checklist li:before{content:"";border:3px solid var(--red);width:14px;height:14px;position:absolute;top:21px;left:0}.callout{background:var(--yellow);color:var(--ink);padding:34px}.callout .small{color:#353735}.two{grid-template-columns:1fr 1fr;gap:42px;display:grid}.chip{background:#e9e3d8;margin:4px 6px 4px 0;padding:5px 10px;font-size:12px;display:inline-block}.cta{border-left:8px solid var(--red);background:var(--white);justify-content:space-between;align-items:center;gap:25px;padding:34px;display:flex}.cta>div{min-width:0}.cta .button{white-space:nowrap;flex:none}footer{background:#ded7ca;grid-template-columns:1.2fr 1fr;gap:28px;padding:48px 5%;font-size:13px;display:grid}.footer-links{flex-wrap:wrap;align-content:flex-start;gap:12px 20px;display:flex}.footer-links a{text-decoration:none}footer small{border-top:1px solid #bdb4a5;grid-column:1/-1;padding-top:18px;font-size:11px}@media (width<=900px){.desktop{display:none}.menu{display:block}.menu summary{border:1px solid var(--ink);padding:7px 10px;font:700 12px Arial;list-style:none}.menu[open]{z-index:20;background:var(--white);border:1px solid var(--line);width:min(280px,90vw);padding:12px;position:absolute;top:50px;right:5%}.menu nav{display:grid}.menu nav a{border-top:1px solid var(--line);padding:10px;text-decoration:none}}@media (width<=760px){.hero-copy h1 span{white-space:normal}header{align-items:flex-start;min-height:80px;padding:14px 5%}.hero{padding:45px 0}.hero-grid,.two{grid-template-columns:1fr;gap:28px}.section{padding:50px 0}.lead{font-size:16px}.issue-grid{grid-template-columns:1fr}.issue-card{min-height:165px}.route{grid-template-columns:1fr;gap:8px}.process{grid-template-columns:1fr}.process div{border-right:0;border-bottom:1px solid var(--line)}.network{grid-template-columns:1fr}.matrix,.matrix tbody,.matrix tr,.matrix th,.matrix td{width:100%;display:block}.matrix tr{border-bottom:1px solid var(--line)}.matrix th,.matrix td{border:0}.cta{display:block}.cta .button{margin-top:15px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
