
:root{--green:#174f3b;--green2:#2f6a52;--cream:#f7f2e8;--cream2:#fcfaf5;--ink:#24352f;--muted:#66736d;--line:#dfe5df;--gold:#a56b35;--white:#fff;--shadow:0 12px 34px rgba(23,79,59,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#fff;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{background:var(--green);color:#fff;font-size:12px;text-align:center;padding:5px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.head{height:78px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:10px;color:var(--green);font-weight:900;line-height:1.2;white-space:nowrap}.logo svg{width:42px;height:42px}.logo small{display:block;font-size:10px;letter-spacing:.14em;margin-top:4px}.nav{display:flex;gap:20px;margin-left:auto;font-size:13px;font-weight:700}.nav a:hover{color:var(--green2)}.headtel{font-size:19px;font-weight:900;color:var(--green)}.hero{background:radial-gradient(circle at 85% 30%,rgba(47,106,82,.12),transparent 33%),linear-gradient(120deg,var(--cream),#fff);padding:78px 0 72px;border-bottom:1px solid #eee}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow,.pill{display:inline-block;color:var(--green);font-weight:800;font-size:13px;letter-spacing:.04em}.hero h1{font-family:"Yu Mincho",YuMincho,serif;font-size:clamp(38px,5.2vw,64px);line-height:1.3;margin:12px 0 18px;letter-spacing:.03em}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:17px;max-width:720px}.trust{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.trust span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:9px;font-weight:900}.primary{background:var(--green);color:#fff}.linebtn{background:#31a84f;color:#fff}.outline{border:2px solid var(--green);color:var(--green);background:#fff}.hero-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.hero-card h3{margin:0;color:var(--green)}.hero-card .big{font-size:30px;font-weight:900;color:var(--green)}section{padding:76px 0}.soft{background:var(--cream2)}.cream{background:var(--cream)}.dark{background:var(--green);color:#fff}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-family:"Yu Mincho",YuMincho,serif;font-size:clamp(28px,4vw,42px);margin:0 0 8px}.section-title p{margin:0 auto;max-width:780px;color:var(--muted)}.dark .section-title p{color:#e3eee8}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px;box-shadow:0 5px 18px rgba(0,0,0,.025)}.card h3{color:var(--green);margin:0 0 8px}.icon{font-size:27px}.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.price-table th,.price-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left}.price-table th{background:#edf3ef;color:var(--green)}.price-table td:last-child{font-weight:900;color:var(--green);font-size:18px}.note{font-size:12px;color:var(--muted);margin-top:12px}.formula{background:#fff;color:var(--ink);max-width:820px;margin:auto;border-radius:16px;padding:28px;text-align:center}.formula strong{font-size:30px;color:var(--green)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);padding:24px;border-radius:14px}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:900;margin-bottom:10px}.areas{display:grid;grid-template-columns:1fr 1fr;gap:22px}.area-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.area-box h3{color:var(--green);margin-top:0}.area-links{display:flex;flex-wrap:wrap;gap:8px}.area-links a{border:1px solid #cad7cf;background:#fff;padding:6px 10px;border-radius:7px;font-size:13px}.area-links a:hover{background:#edf3ef}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-weight:800;cursor:pointer;color:var(--green)}.cta{background:linear-gradient(135deg,#174f3b,#2f6a52);color:#fff;border-radius:20px;padding:36px;text-align:center}.cta h2{font-family:"Yu Mincho",serif;margin:0 0 8px}.company{width:100%;border-collapse:collapse}.company th,.company td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.company th{width:180px;text-align:left;color:var(--green)}.breadcrumbs{font-size:12px;color:var(--muted);padding:16px 0}.pagehero{padding:54px 0;background:var(--cream)}.pagehero h1{font-family:"Yu Mincho",serif;font-size:clamp(32px,5vw,50px);line-height:1.35;margin:8px 0}.localbox{border-left:5px solid var(--green);background:#edf3ef;padding:20px 22px;margin:26px 0}.footer{background:#123b2e;color:#fff;padding:50px 0 90px}.footergrid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:30px}.footer h3{margin-top:0}.footer a{text-decoration:underline;text-underline-offset:3px}.legal{font-size:11px;color:#c9d8d0;margin-top:30px}.fixed{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:100}.notice{background:#fff8e8;border:1px solid #ead6aa;border-radius:10px;padding:16px 18px}.kicker{font-weight:900;color:var(--gold)}
@media(max-width:850px){.nav,.headtel{display:none}.hero-grid,.grid3,.grid2,.steps,.areas,.footergrid{grid-template-columns:1fr}.hero{padding:52px 0}.hero-card{display:none}.wrap{width:min(100% - 28px,1120px)}section{padding:58px 0}.fixed{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:80;box-shadow:0 -4px 18px rgba(0,0,0,.12)}.fixed a{padding:13px 8px;color:#fff;text-align:center;font-weight:900}.fixed .p{background:var(--green)}.fixed .l{background:#31a84f}.company th{width:105px}.price-table th,.price-table td{padding:12px 10px}.footer{padding-bottom:100px}}
/* A案 統合ビジュアル */
body{background:#fffdf9}.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f7f1e4 0%,#fffdf8 56%,#edf4ed 100%)}.hero:before{content:"";position:absolute;inset:auto -8% -45% 42%;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(44,104,75,.12),rgba(44,104,75,0) 66%);pointer-events:none}.hero-grid{grid-template-columns:1.06fr .94fr}.hero-visual{position:relative;min-height:455px;border-radius:28px;background:linear-gradient(160deg,#eef4e8,#fbf4e8);border:1px solid rgba(23,79,59,.12);box-shadow:0 24px 60px rgba(23,79,59,.14);overflow:hidden}.house-scene{position:absolute;inset:0}.sun{position:absolute;width:190px;height:190px;border-radius:50%;background:#e4d4ad;right:42px;top:38px;opacity:.72}.ground{position:absolute;left:-5%;right:-5%;bottom:-42px;height:180px;background:#dce8d7;border-radius:50% 50% 0 0}.house{position:absolute;width:240px;height:190px;background:#faf5e9;left:50%;top:47%;transform:translate(-50%,-25%);border:3px solid #35654f;box-shadow:0 18px 35px rgba(23,79,59,.12)}.roof{position:absolute;width:255px;height:255px;border-left:5px solid #2d654c;border-top:5px solid #2d654c;transform:rotate(45deg);left:50%;top:70px;margin-left:-128px;background:#f5ead6}.window{position:absolute;left:34px;top:52px;width:75px;height:72px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.window i{background:#91aa91;border:2px solid #35654f}.door{position:absolute;right:35px;bottom:0;width:62px;height:112px;background:#b17c4c;border:3px solid #704c31}.leaf{position:absolute;background:#62845f;border-radius:100% 0 100% 0;transform:rotate(35deg)}.l1{width:110px;height:55px;left:24px;bottom:72px}.l2{width:80px;height:40px;right:28px;bottom:92px;transform:rotate(145deg)}.visual-note{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(255,255,255,.94);border:1px solid rgba(23,79,59,.13);border-radius:14px;padding:15px 18px;display:flex;flex-direction:column;box-shadow:0 10px 24px rgba(23,79,59,.09)}.visual-note strong{color:#174f3b;font-family:"Yu Mincho",serif;font-size:20px}.visual-note span{font-size:12px;color:#65746c}.promise-band{padding:48px 0;background:#174f3b;color:#fff}.promise-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.promise-grid h2{font-family:"Yu Mincho",serif;font-size:32px;line-height:1.55;margin:7px 0}.promise-grid p{color:#e6eee9;margin:0}.promise-band .kicker{color:#d9bf8a}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(23,79,59,.08)}.section-title h2{letter-spacing:.03em}.dark{background:linear-gradient(135deg,#123d2e,#225d45)}.cta{box-shadow:0 20px 45px rgba(23,79,59,.16)}
@media(max-width:850px){.hero-grid,.promise-grid{grid-template-columns:1fr}.hero-visual{min-height:330px;margin-top:18px}.house{width:190px;height:150px}.roof{width:205px;height:205px;margin-left:-103px;top:55px}.visual-note{left:14px;right:14px;bottom:14px}.promise-grid{gap:12px}.promise-grid h2{font-size:27px}}
