:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans JP',sans-serif;color:#20334b;background:#f3f6fa;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{max-width:1180px;margin:auto;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe3ee}.brand{color:#1c3657;text-decoration:none;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:10px}.mark{font-size:1.6rem;background:#1c3657;color:#ffc857;line-height:1;padding:7px;border-radius:6px}.badge{border:1px solid #d2dbe8;padding:3px 12px;border-radius:20px;font-size:.875rem}main{max-width:1180px;margin:auto;padding:30px 28px 50px}.eyebrow{font-size:.875rem;letter-spacing:.12em;font-weight:700;color:#58708e}.intro h1{font-size:2.35rem;line-height:1.3;letter-spacing:-.03em;margin:9px 0 12px}.intro p{margin:0 0 26px;color:#506279}.mobile{display:none}.tabs{display:flex;gap:6px;max-width:640px;background:#e2e9f2;padding:5px;border-radius:12px;margin-bottom:22px}.tabs button{flex:1;background:transparent;border:0;color:#47607e;padding:12px 8px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer}.tabs button[aria-selected=true]{background:#1c3657;color:white;box-shadow:0 3px 8px #142e5120}.layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:26px;align-items:start}.card{background:#fff;padding:24px;border:1px solid #dbe3ee;border-radius:14px;margin-bottom:18px}h2{font-size:1.1rem;margin:0 0 20px}.step{display:inline-block;color:#57718f;font-size:.875rem;margin-right:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:block}.field span{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.input-wrap{display:flex;align-items:center;background:#f6f8fb;border:1px solid #b9c7d8;border-radius:7px}.input-wrap:focus-within{outline:2px solid #386fb3;outline-offset:2px}input,select{width:100%;min-width:0;font:inherit;color:#20334b;background:transparent;padding:10px 12px;border:0;border-radius:7px}input:focus,select:focus{outline:none}.unit{padding-right:12px;white-space:nowrap;font-size:.875rem;color:#506279}.hint{font-size:.875rem;color:#52677f;margin:12px 0 0}.products{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.product{padding:15px;background:#f5f8fc;border-radius:9px}.product h3{margin:0 0 10px;font-size:1rem}.product .field+.field{margin-top:12px}button{font-family:inherit}.calculate{width:100%;border:0;background:#ffc857;color:#1c3657;font-weight:800;font-size:1rem;padding:15px;border-radius:9px;cursor:pointer}.calculate:hover{background:#ffbb32}button:focus-visible,a:focus-visible{outline:3px solid #386fb3;outline-offset:3px}.result{background:#1c3657;color:#fff;border-radius:16px;padding:26px;position:sticky;top:20px}.result .eyebrow{color:#bfd0e8}.result-top{display:flex;justify-content:space-between;gap:10px;font-size:.875rem}.quantity{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:14px 0 5px;overflow-wrap:anywhere}.quantity small{font-size:1.2rem;margin-left:8px}.measure{font-size:.875rem;color:#cad7e9;margin-bottom:22px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offer{border:1px solid #536e91;border-radius:10px;padding:16px;background:#294668;min-width:0}.offer h3{margin:0;font-size:1rem}.offer .cost{font-size:1.5rem;font-weight:800;color:#ffd57c;margin:8px 0;overflow-wrap:anywhere}.offer dl{margin:0}.offer dt{font-size:.875rem;color:#c9d5e6;margin-top:8px}.offer dd{margin:0;font-weight:600;overflow-wrap:anywhere}.difference{margin:18px 0;background:#294668;padding:12px;border-radius:8px}.detail{font-size:.875rem;color:#d1ddec;margin:18px 0}.result .hint{color:#d1ddec}.actions button{background:transparent;border:1px solid #7590b3;color:#fff;padding:10px 12px;border-radius:7px;font-size:.875rem;cursor:pointer;width:100%}.error{background:#fff0ed;color:#a12920;padding:12px;border-radius:7px}.wall{display:grid;grid-template-columns:30px 1fr 1fr 32px;gap:8px;align-items:end;margin-bottom:12px}.wall .field span{font-size:.875rem}.remove{height:46px;border:1px solid #c5d1df;color:#546984;background:white;border-radius:6px;cursor:pointer}.add{background:white;color:#1c3657;border:1px solid #b9c7d8;padding:8px 12px;border-radius:6px;font-size:.875rem;margin-bottom:16px;cursor:pointer}.explain{border-top:1px solid #d2dce9;margin-top:32px;padding-top:24px;max-width:800px}.explain h2{margin-bottom:10px}.explain p,footer p{font-size:.875rem;color:#52677f}footer{border-top:1px solid #d2dce9;margin-top:25px;padding-top:23px;max-width:900px;font-size:.875rem}@media(max-width:760px){header{padding:18px}main{padding:24px 18px}.intro h1{font-size:2rem}.layout{grid-template-columns:1fr;gap:20px}.result{position:static}.card{padding:20px}.tabs button{font-size:.875rem;padding:12px 3px}.quantity{font-size:2.6rem}}@media(max-width:380px){.grid,.products{grid-template-columns:1fr}.comparison{grid-template-columns:1fr}.wall{grid-template-columns:24px 1fr 1fr 26px}.wall input{padding:10px 5px}.mobile{display:block}}@media print{header,.intro,.tabs,.calculate,.actions,.badge,footer{display:none}body{background:white;color:black}main{padding:0}.layout{display:block}.card{break-inside:avoid}.result{position:static;background:white;color:black;border:1px solid #999}.result *{color:black!important}.offer,.difference{background:white;border:1px solid #999}.explain{margin-top:10px}.result-top{display:none}}

.page-links{max-width:1180px;margin:0 auto;padding:12px 28px;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.875rem}.page-links a,.document a{color:#305f98;text-underline-offset:4px}.document{max-width:860px}.document h1{font-size:2rem;line-height:1.4}.document h2{margin:28px 0 10px}.document p,.document li{font-size:1rem;line-height:1.85}.explain h2:not(:first-child){margin-top:20px}@media(max-width:760px){.page-links{padding:12px 18px}.intro h1{font-size:1.7rem}}@media print{.page-links{display:none}}
.field-heading{display:flex;align-items:center;gap:8px;margin-bottom:7px}.field-heading label{margin:0}.help-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #59738d;border-radius:50%;background:#fff;color:#1c3657;font-size:16px;font-weight:700;cursor:pointer}.help-button:hover{background:#e9f0f7}.help-button:focus-visible,.help-dialog button:focus-visible{outline:3px solid #d18000;outline-offset:3px}.help-dialog{width:min(480px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;overflow:auto;padding:22px;border:0;border-radius:16px;color:#1c3657;background:#fff;box-shadow:0 20px 70px #0004}.help-dialog::backdrop{background:#10263dcc}.help-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-header h2{font-size:20px;margin:0}.help-close{border:0;background:#edf2f7;border-radius:50%;width:40px;height:40px;font-size:26px;cursor:pointer}.help-dialog svg{display:block;width:100%;height:auto;margin:16px 0;font-size:13px;font-family:inherit}.help-dialog p{line-height:1.8;margin:12px 0 20px}.help-done{display:block;width:100%;padding:12px;border:0;border-radius:8px;background:#1c3657;color:white;font-size:16px;cursor:pointer}@media print{.help-button,.help-dialog{display:none!important}}
.field .field-heading{display:flex;align-items:center;gap:8px}.field-heading label{min-width:0}.field .field-heading>span{margin:0}.wall .field{min-width:0}@media(max-width:480px){.wall{grid-template-columns:18px minmax(0,1fr) minmax(0,1fr) 28px;gap:6px}.wall input{padding:10px 5px}.wall .unit{padding-right:6px}}

.offer h3,.difference{overflow-wrap:anywhere}.product input[type=text]{font-size:1rem}