*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#19382a;background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:15px;line-height:1.9}a{color:inherit}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c38438;outline-offset:3px}.preview{background:#483a24;color:#fff;text-align:center;font-size:12px;letter-spacing:.04em;padding:7px 12px}.header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;background:#fff}.brand{text-decoration:none;font-weight:800;font-size:18px;white-space:nowrap}.brand-icon{font-size:28px;color:#547c3d;margin-right:9px}.brand small{display:block;font-size:9px;color:#6d7a6c;font-weight:400;line-height:1;margin-left:37px}.header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.header nav a{text-decoration:none}.header-cta{background:#2c5b36;color:white;padding:11px 19px;text-decoration:none;border-radius:4px;font-size:13px}.header-cta span,.button span{margin-left:15px}.hero{position:relative;display:grid;grid-template-columns:48% 52%;min-height:575px;background:#f3f5ec;overflow:hidden}.hero-text{padding:72px 7vw 72px 8vw;position:relative;z-index:1}.pr{font-size:11px;color:#6a7765;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em;line-height:1.5;font-weight:600}h1{font-size:clamp(30px,3.2vw,48px);white-space:nowrap;margin-bottom:24px}h1 em{font-style:normal;color:#507847}.lead{font-size:15px;line-height:2.15;color:#425c4a}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:4px;background:#285b36;color:#fff;padding:17px 24px;text-decoration:none;cursor:pointer;font-weight:700;box-shadow:0 5px 0 #183e22}.button:hover{background:#39764a}.hero-note{font-size:11px;margin:15px 0 0;color:#71806e}.hero-image{background:url('hero.png') center/cover no-repeat;min-height:500px}.hero-caption{position:absolute;bottom:18px;right:24px;color:#fff;font-size:10px;letter-spacing:.2em}.section{max-width:1120px;margin:auto;padding:92px 30px}.section-label{font-family:Georgia,serif;color:#74946e;font-size:12px;letter-spacing:.18em;margin-bottom:20px}.intro-grid,.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.intro-grid h2,h2{font-size:clamp(26px,2.6vw,36px)}.intro-grid p,.template p,.service-lead,.service-content p{color:#435c4b}.cost-section{background:#f3f6ed}.cost-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}.muted{color:#607263}.benefits{list-style:none;padding:0;margin:35px 0}.benefits li{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d9e2d3;padding:15px 0}.benefits b{font-family:Georgia,serif;color:#8aa57b;font-size:20px}.calculator{background:#fff;padding:35px;border:1px solid #d7e3d0;border-radius:8px;box-shadow:0 10px 30px #334d2410}.calculator h3{font-size:21px;margin:0}.calculator>p{font-size:13px;color:#6b7968}.calculator label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;margin:20px 0;font-weight:600;font-size:13px}.calculator label span{font-weight:400;color:#687668}.calculator input{grid-column:1/-1;width:100%;border:1px solid #b8c8b2;border-radius:4px;padding:12px;background:#fff;color:#163527}.calculator input::placeholder{color:#a7b0a2}.wide{width:100%;justify-content:center;margin-top:10px}.result{margin-top:22px;padding:19px;background:#eef5e9;border-radius:4px}.result span,.result small{display:block}.result strong{display:block;font-size:25px;color:#285b36}.result small{font-size:12px}.disclaimer{font-size:11px!important;line-height:1.8;color:#718070!important;margin-top:20px}.prepare-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.prepare-head p{color:#5e7160}.checklist{margin-top:25px;border-top:1px solid #dce5d9}.checklist label{display:flex;align-items:flex-start;gap:18px;padding:21px 8px;border-bottom:1px solid #dce5d9;cursor:pointer}.checklist input{margin:6px 0 0;width:19px;height:19px;accent-color:#38683f}.checklist span,.checklist small{display:block}.checklist small{color:#758275;font-size:12px}.template{background:#e9f0e5}.template-grid{align-items:center}.paper{background:#fff;border:1px solid #dce6d6;padding:35px 40px;box-shadow:0 12px 30px #34472c0d}.paper-label{font-weight:700;color:#64835c;border-bottom:1px solid #dfe9d9;padding-bottom:12px;margin-bottom:20px}.paper p{font-family:"Yu Mincho",serif;line-height:2}.paper small{font-size:11px;color:#788478}.service-lead{max-width:650px}.service-content{display:grid;grid-template-columns:1.25fr .75fr;gap:7%;margin:40px 0 60px}.service-content h3{font-size:18px}.service-content aside{background:#f5f7f2;padding:28px}.service-content aside ul{padding-left:20px}.service-content aside li{margin:8px 0}.source{font-size:12px}.cta-box{background:#e9f0e5;text-align:center;padding:55px 24px}.cta-box>p:first-child{color:#608155;font-size:13px}.cta-box h3{font-family:"Yu Mincho",serif;font-size:27px;line-height:1.5}.disabled{background:#8f9e8b;box-shadow:none;cursor:not-allowed}.disabled:hover{background:#8f9e8b}footer{background:#17372a;color:#fff;padding:55px max(6vw,30px);font-size:12px;display:flex;gap:40px;align-items:flex-end;justify-content:space-between}footer p{opacity:.75;margin:8px 0}footer small{opacity:.65}@media(max-width:800px){.header{height:70px;padding:0 20px}.header nav{display:none}.header-cta{font-size:11px;padding:9px}.brand{font-size:15px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;display:flex;flex-direction:column-reverse}.hero-image{height:245px;min-height:0}.hero-text{padding:38px 24px 48px}h1{white-space:normal;font-size:30px}.pr{margin-bottom:18px}.hero-caption{display:none}.desktop{display:none}.section{padding:68px 22px}.intro-grid,.cost-grid,.template-grid,.service-content{grid-template-columns:1fr;gap:20px}.calculator{padding:24px}.prepare-head{display:block}.service-content{margin-bottom:45px}.paper{padding:25px}.cta-box h3{font-size:23px}footer{display:block}footer p{margin:12px 0}footer small{display:block;margin-top:30px}}@media(max-width:380px){.header-cta{display:none}h1{font-size:27px}}
