.bpk{--navy:#112f5f;--orange:#ef7d17;--red:#c93535;--green:#23733d;max-width:900px;margin:30px auto;color:#293241;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.bpk *{box-sizing:border-box}.bpk-hero{padding:34px 25px;text-align:center;background:linear-gradient(135deg,#fff0d2,#fff);border:3px solid var(--navy);border-radius:20px}.bpk-hero>span{display:inline-block;padding:7px 15px;color:#fff;background:var(--orange);border-radius:999px;font-weight:800}.bpk-hero h2{margin:12px 0 8px;color:var(--navy);font-size:clamp(28px,5vw,43px);line-height:1.3}.bpk-hero p{margin:0}.bpk-notice{margin:18px 0;padding:15px;background:#fff7e8;border-left:5px solid var(--orange)}.bpk-item{display:grid;grid-template-columns:26px 40px 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:16px;background:#fff;border:2px solid #e1e6ed;border-radius:11px;cursor:pointer}.bpk-item input{width:21px;height:21px}.bpk-item i{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:var(--navy);border-radius:50%;font-style:normal;font-weight:800}.bpk-item span{font-weight:700}.bpk-item b{padding:5px 9px;color:#687386;background:#eef2f7;border-radius:999px;font-size:12px}.bpk-item:has(input:checked){border-color:var(--red);background:#fff3f3}.bpk-item:has(input:checked) b{color:#fff;background:var(--red)}#bpk-submit,.bpk-result>button{width:100%;margin-top:20px;padding:15px;border:0;border-radius:10px;color:#fff;background:var(--orange);font-size:17px;font-weight:800;cursor:pointer}.bpk-result{margin-top:22px;padding:25px;color:#fff;background:var(--navy);border-radius:16px;text-align:center}.bpk-result>p{margin:0}.bpk-result>h3{margin:6px 0 14px;font-size:29px}.bpk-meter{height:14px;overflow:hidden;background:rgba(255,255,255,.2);border-radius:99px}.bpk-meter span{display:block;width:0;height:100%;background:#ffd166;border-radius:99px;transition:width .3s}.bpk-result>div:not(.bpk-meter),.bpk-result aside{margin-top:17px;padding:17px;color:#293241;background:#fff;border-radius:11px;text-align:left}.bpk-result h4{margin:0 0 8px;color:var(--navy)}.bpk-result li{margin:8px 0}.bpk-result aside{border:2px solid var(--orange);background:#fff7e8}.bpk-result aside b{color:var(--orange)}.bpk-result>button{background:#fff;color:var(--navy)}#bpk-status{color:#8ce99a;font-weight:700}@media(max-width:650px){.bpk-item{grid-template-columns:24px 34px 1fr}.bpk-item b{grid-column:3}.bpk-result{padding:18px}}
