.comhwal-page .header-inner{padding-left:20px;padding-right:20px}
.comhwal-page .header-inner a{display:inline-flex;align-items:center;min-height:44px}
.comhwal-compare{--cc-teal:#075f58;--cc-blue:#274e88;--cc-ink:#192d38;max-width:100%;padding-bottom:28px;overflow-wrap:anywhere}
.comhwal-compare [hidden]{display:none!important}
.comhwal-compare section{padding:28px 0}
.comhwal-compare h1{font-size:clamp(26px,4.3vw,39px);line-height:1.4;letter-spacing:-.045em;color:var(--cc-ink);margin:12px 0 16px}
.comhwal-compare h2{font-size:clamp(22px,3vw,27px);line-height:1.4;letter-spacing:-.025em;color:var(--cc-ink)}
.comhwal-compare h3{font-size:22px;margin:8px 0;line-height:1.45}
.comhwal-compare p{margin:10px 0}
.comhwal-compare a{color:var(--cc-teal);text-underline-offset:3px}
.comhwal-compare a:focus-visible,.comhwal-compare button:focus-visible,.comhwal-compare input:focus-visible,.comhwal-compare textarea:focus-visible{outline:3px solid #c77909;outline-offset:3px}
.cc-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;padding:22px 0 0;color:#52616b}
.cc-breadcrumb a{margin:0;font-size:inherit;text-decoration:underline}
.comhwal-compare .cc-intro{padding-top:18px;border-bottom:1px solid #dce5e4}
.comhwal-compare .cc-eyebrow{font-size:13px;font-weight:700;color:var(--cc-teal);letter-spacing:.02em}
.cc-lead{font-size:17px;max-width:760px;color:#394d59}
.cc-checked,.cc-note,.cc-price-condition{font-size:13px;color:#53616c}
.cc-notice{padding:15px 18px;border:1px solid #d4a557;border-radius:9px;background:#fff8e9;color:#63430c;font-size:14px}
.cc-jump{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.cc-jump a{margin:0;border:1px solid #bed7d2;border-radius:7px;background:#f3f9f8;padding:10px 14px;font-weight:600;font-size:14px}
.cc-course-grid,.cc-form-grid,.cc-result-grid,.cc-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.comhwal-compare .cc-course{padding:24px;border:1px solid #d5dfdf;border-top:4px solid var(--cc-teal);border-radius:12px;background:#fff;min-width:0}
.comhwal-compare .cc-online{border-top-color:var(--cc-blue)}
.cc-kind{font-size:13px;font-weight:700;color:var(--cc-teal)}
.cc-online .cc-kind{color:var(--cc-blue)}
.cc-course-name{font-size:14px;min-height:48px;color:#56626e}
.cc-price{padding:12px 0 0}
.cc-price span{display:block;font-size:13px;color:#4a5f65}
.cc-price strong{display:block;font-size:33px;line-height:1.4;letter-spacing:-.035em;color:var(--cc-teal)}
.cc-online .cc-price strong{color:var(--cc-blue)}
.cc-price-condition{min-height:65px;margin-bottom:20px!important}
.cc-course dl{margin:0}
.cc-course dl>div{border-top:1px solid #e3e9e8;padding:14px 0}
.cc-course dt{font-weight:700;font-size:13px;color:#334c54;margin-bottom:5px}
.cc-course dd{margin:0;font-size:14px;line-height:1.7}
.comhwal-compare .cc-source-button{display:block;padding:12px;border:1px solid #b6cbc7;border-radius:7px;text-align:center;text-decoration:none;font-size:14px;font-weight:700;margin-top:12px;background:#f5f9f8}
.cc-small{font-size:12px;font-weight:400}
.cc-decision{border-top:1px solid #dce5e4}
.cc-decision ul{padding-left:22px}
.cc-decision li{margin:14px 0;font-size:15px}
.comhwal-compare .cc-calculator{background:#f4f8f7;border:1px solid #d5e3de;border-radius:12px;padding:24px}
.cc-form-grid{margin-top:22px}
.cc-form-grid fieldset{padding:18px;margin:0;border:1px solid #ccd9d5;border-radius:8px;background:white;min-width:0}
.cc-form-grid legend{padding:0 7px;font-weight:700}
.cc-form-grid label{display:block;font-size:14px;font-weight:600;margin:10px 0 6px}
.cc-form-grid input{width:100%;min-width:0;max-width:100%;padding:12px 10px;border:1px solid #8b9e98;border-radius:6px;font:inherit;font-size:16px;background:#fff;color:var(--cc-ink)}
.cc-form-grid input[aria-invalid=true]{border-color:#ab2323}
.cc-form-grid input::placeholder{font-size:12px;color:#687773}
.cc-cost-result{margin-top:20px;padding:18px;background:#fff;border:1px solid #c7d8d0;border-radius:8px}
.cc-result-grid span{display:block;font-size:13px;color:#52635b}
.cc-result-grid strong{display:block;font-size:19px;color:var(--cc-ink);margin-top:5px}
.cc-cost-result #cc-difference{border-top:1px solid #e0e7e3;padding-top:12px;font-size:14px}
.cc-error{color:#a62222;font-size:14px}
.cc-question-grid textarea{width:100%;min-width:0;max-width:100%;resize:vertical;min-height:180px;border:1px solid #c5d1ce;border-radius:7px;padding:14px;font:inherit;font-size:14px;line-height:1.75;background:#fafcfc;color:#384a51}
.cc-question-grid h3{font-size:18px}
.cc-question-grid button{display:block;width:100%;padding:12px;border:1px solid #a4bcb6;border-radius:6px;background:#fff;color:var(--cc-teal);font:inherit;font-size:14px;cursor:pointer;margin-top:8px}
.cc-sources{border-top:1px solid #dce5e4;font-size:14px}
.cc-sources li{margin:10px 0}
@media(max-width:640px){
 .cc-course-grid,.cc-form-grid,.cc-result-grid,.cc-question-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .comhwal-compare .cc-course{padding:20px}
 .comhwal-compare .cc-calculator{padding:18px 14px}
 .cc-course-name,.cc-price-condition{min-height:0}
 .cc-price strong{font-size:30px}
 .cc-jump a{padding:10px;font-size:13px}
 .cc-question-grid textarea{min-height:210px}
}