*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f3;color:#253c35;font-family:Inter,"Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;font-size:14px;line-height:1.7}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b69344;outline-offset:4px}.header{max-width:1200px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #dfe4dc}.brand{text-decoration:none;font-size:22px;font-weight:750;letter-spacing:-.7px;display:flex;align-items:center;gap:12px}.logo{width:37px;height:37px;background:#254f43;color:white;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:Georgia;font-size:26px;letter-spacing:-4px;padding-right:4px}.logo span{color:#d6e8a5}.beta{font-size:9px;letter-spacing:1px;border:1px solid #c7d1c4;padding:2px 6px;border-radius:4px;color:#66755f}.nav{text-decoration:none;font-size:12px}.nav span{margin-left:15px}main{max-width:1128px;margin:auto}.intro{position:relative;padding:58px 0 40px;overflow:hidden}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#66816c;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#77915d;border-radius:50%}h1{font-size:43px;line-height:1.55;letter-spacing:1px;font-weight:650;margin:17px 0 15px}h1 em{font-style:normal;color:#41705b;background:linear-gradient(transparent 73%,#e0e8ce 73%)}.intro p{color:#6b786f;font-size:14px;line-height:1.9}.features{display:flex;gap:24px;font-size:11px;color:#62775e;margin-top:20px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.panel,.result-panel{border:1px solid #dfe5da;border-radius:20px;background:#fff;padding:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:17px;margin:0;font-weight:700}.step{font-size:11px;color:#859374;margin-right:12px;letter-spacing:1px}.text-button{border:0;background:none;color:#6c796d;font-size:11px;cursor:pointer;padding:6px}.sub{font-size:12px;color:#808b81;margin:8px 0 25px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:23px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid #dce2d8;border-radius:9px;background:#fcfdfa;overflow:hidden}.input-wrap:focus-within{border-color:#4b795d;box-shadow:0 0 0 2px #e7efdf}.input-wrap input{width:100%;min-width:0;outline:0;border:0;background:transparent;font-size:22px;font-weight:600;padding:10px 13px;color:#2d483b;appearance:textfield}.input-wrap input::-webkit-inner-spin-button{appearance:none}.input-wrap>span{white-space:nowrap;padding-right:13px;font-size:11px;color:#82907d}.field small{display:block;font-size:10px;color:#7d897d;margin-top:6px;line-height:1.8}.field select{width:100%;padding:14px 12px;color:#334b3b;background:#fcfdfa;border:1px solid #dce2d8;border-radius:9px;font-size:13px}.optional{font-size:9px;background:#f0f3ec;color:#819078;padding:2px 6px;margin-left:6px;border-radius:3px}.privacy{border-top:1px solid #edf0e9;padding-top:18px;color:#829078;font-size:10px}.result-panel{background:#edf1e6;border-color:#e1e6d8}.live{font-size:10px;color:#6d8160;display:flex;align-items:center;gap:6px}.live i{width:5px;height:5px;background:#709350;border-radius:50%}.price-card{margin-top:23px;background:#254f43;color:#fff;border-radius:13px;padding:24px}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d3e1d3}.price-tag{font-size:9px;border:1px solid #648573;padding:3px 8px;border-radius:5px}.big-price{margin:12px 0 0;display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.big-price strong{font-size:54px;font-weight:600;letter-spacing:-2px;line-height:1.35}.yen{font-size:26px;color:#c7d8bb}.price-card>p{font-size:10px;color:#b3cbb8;margin:6px 0 20px}.minimum{display:flex;justify-content:space-between;border-top:1px solid #4b6e60;padding-top:17px;gap:10px;font-size:10px;color:#cbdcc9}.minimum b{font-size:14px;color:#f1f6e9}.breakdown{padding:17px 5px 0}.breakdown>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px}.breakdown b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.breakdown small{font-size:9px;color:#7b8c71;margin-left:5px}.subtotal{border-top:1px dashed #cdd7c3;margin-top:3px}.breakdown .net{border-top:1px solid #cdd7c3;margin-top:3px;padding-top:15px}.net b{font-size:23px;color:#2c5a43}.hourly-result{margin:14px 0 22px;background:#e2e9d8;border-radius:9px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.hourly-result span{font-size:12px}.hourly-result div small{display:block;font-size:9px;color:#7b886f}.hourly-result strong span{font-size:21px}.hourly-result strong small{font-size:9px;font-weight:400}.copy-button{width:100%;display:flex;justify-content:space-between;background:transparent;border:1px solid #a8b99d;border-radius:8px;color:#39583a;padding:12px 17px;font-size:12px;cursor:pointer}.copy-button:hover{background:#e2e9d8}.copy-button:disabled{opacity:.5;cursor:default}.copy-status{font-size:10px;min-height:17px;margin:5px 0}.result-note{font-size:10px;line-height:1.9;color:#7c8972;margin:0}.guide{margin-top:70px;padding-bottom:35px;border-bottom:1px solid #dfe5d9}.guide h2{font-size:25px;margin:12px 0 26px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.guide article>span{font-size:9px;letter-spacing:1.7px;color:#7e9275}.guide h3{font-size:14px;margin:10px 0}.guide p{font-size:12px;color:#7a8576;line-height:1.9}.details{margin:20px 0 45px}.details details{border-bottom:1px solid #e0e5d9}.details summary{padding:17px 0;font-size:12px;cursor:pointer}.details p{font-size:11px;color:#75836c;line-height:1.9}.details details>div{padding-bottom:14px}footer{max-width:1128px;margin:0 auto;padding:25px 0 35px;display:flex;align-items:center;gap:25px;border-top:1px solid #e0e5d9}footer .brand{font-size:16px}footer span,footer small{font-size:10px;color:#8b9582}footer small{margin-left:auto}.mobile{display:none}#error{color:#ac412d;font-size:12px}[aria-invalid=true]{color:#a63827!important}@media(max-width:1200px){main,footer{margin-left:36px;margin-right:36px}}@media(max-width:740px){.header{height:75px;padding:0 20px}.brand{font-size:18px;gap:8px}.nav{font-size:10px}.nav span{margin-left:3px}.logo{width:30px;height:30px;font-size:23px}.beta{display:none}main,footer{margin-left:20px;margin-right:20px}.intro{padding-top:36px;padding-bottom:30px}h1{font-size:32px}.intro p{font-size:12px}.mobile{display:block}.features{gap:15px;font-size:9px}.workspace{grid-template-columns:1fr;gap:20px}.panel,.result-panel{padding:23px 20px;border-radius:15px}.big-price strong{font-size:49px}.guide{margin-top:46px}.guide h2{font-size:22px}.guide-grid{grid-template-columns:1fr;gap:20px}.guide p{margin-bottom:0}.guide h3{margin-top:7px}.two-fields{gap:12px}.input-wrap input{font-size:20px;padding-left:10px}.input-wrap>span{font-size:9px;padding-right:9px}footer{flex-wrap:wrap;gap:8px 15px}footer span{font-size:9px}.minimum{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}