*{box-sizing:border-box}body{margin:0;background:#f5faf8;color:#193b37;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.75}header{background:white;border-bottom:1px solid #e0eae6;padding:20px max(20px,calc((100% - 960px)/2))}header a{color:#0c7563;text-decoration:none;font-size:26px;font-weight:800}header span{font-size:13px;color:#536d67;margin-left:18px;font-weight:500}main{max-width:960px;margin:auto;padding:32px 20px}.intro{text-align:center;margin:8px 0 32px}.eyebrow{color:#15816d;font-weight:700;font-size:14px}h1{font-size:clamp(30px,5vw,48px);line-height:1.4;letter-spacing:.03em;margin:14px 0}h2{font-size:21px;margin:0 0 24px;display:flex;align-items:center;gap:12px}.step{display:inline-flex;align-items:center;justify-content:center;background:#e0f3ea;color:#12694f;width:32px;height:32px;border-radius:50%;font-size:17px}.card{background:white;border:1px solid #ddebe5;border-radius:22px;padding:30px;margin:22px 0;box-shadow:0 6px 24px #244e3510}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:block;font-size:14px;font-weight:600}input,select,button{font:inherit}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;background:#fbfdfc;border:1px solid #b5ccc3;border-radius:10px;padding:13px;margin-top:8px;color:#193b37;font-size:18px}.field{display:flex;align-items:center;gap:10px}.field input{flex:1}.field span{white-space:nowrap;font-weight:400}.hint{font-size:13px;color:#5c706b;margin:20px 0 0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.unit{border-radius:16px;text-align:center;padding:26px 15px;overflow-wrap:anywhere}.unit h3{font-size:17px;margin:0}.unit p{font-size:13px;margin:10px 0}.unit strong{font-size:clamp(26px,4.5vw,43px);display:inline-block;margin-right:7px;font-variant-numeric:tabular-nums}.unit span,.unit small{font-size:12px}.unit small{display:block;margin-top:12px}.yours{background:#eef4f7}.recommended{background:#e6f6e8;border:1px solid #addab4}.text-button{border:0;background:none;color:#147662;font-size:14px;padding:18px 0 0;cursor:pointer;text-align:left}.result{border-radius:22px;padding:30px;background:#0d705e;color:white;margin:22px 0}.result .step{background:#ffffff30;color:white}.result-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.result-grid p{font-size:14px}.result strong{font-size:clamp(32px,5vw,50px);line-height:1.4;margin-right:8px;font-variant-numeric:tabular-nums}.equation{background:#ffffff18;border-radius:10px;padding:15px;font-weight:600}.result>p:last-child{font-size:13px}.higher{background:#885125}summary{cursor:pointer;font-weight:700}.settings summary{color:#345d52}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;margin:20px 0}.check input{margin-top:6px}.primary{background:#137763;color:white;border:0;border-radius:10px;padding:13px 25px;cursor:pointer}#setting-message{font-size:14px}.notes{font-size:13px;color:#536b63;margin:32px 4px}footer{text-align:center;font-size:12px;color:#728780;padding:24px}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e7ad3d;outline-offset:4px}@media(max-width:600px){main{padding:20px 14px}.card,.result{padding:22px 16px}header{padding:16px}header span{display:block;margin:0}.inputs{grid-template-columns:1fr;gap:15px}.comparison{gap:8px}.unit{padding:20px 8px}.unit h3{font-size:14px}.unit strong{font-size:26px}.unit span{display:block}.result-grid{grid-template-columns:1fr;gap:0}h2{font-size:18px}.equation{font-size:13px}}

.cost-check-link{background:#fff7df;border-color:#ead79e;text-align:center}.cost-check-link h2{justify-content:center}.cost-check-button{display:inline-block;text-decoration:none;max-width:100%;white-space:normal;line-height:1.7;padding:16px 24px}.cost-check-button:hover{background:#095e4e}

.tariff-select{display:grid;gap:8px;max-width:320px;font-weight:700;margin-bottom:8px}
