:root{--blue:#3e9be0;--blue-deep:#2b7cbe;--pale:#eaf4fb;--pale2:#f4fafe;--ink:#333;--ink-soft:#6b7684;--line:#dcebf7;--pink:#e86fa6;--marker:#ffef66;--foot:#6e7885;--card:#fff;--r:10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:#fff;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:var(--blue-deep)}.wrap{max-width:980px;margin:0 auto;padding:0 20px}.eyebrow{color:var(--blue);letter-spacing:.14em;align-items:center;gap:14px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.eyebrow:after{content:"";background:var(--blue);width:64px;height:2px}h2.head{color:var(--blue);margin:0 0 10px;font-size:26px;font-weight:800;line-height:1.5}.mark{background:linear-gradient(transparent 62%, var(--marker) 62%);padding:0 2px}.lead{color:var(--ink-soft);margin:0 0 22px;font-size:14.5px}.crumb{color:var(--ink-soft);margin:0;padding:16px 0;font-size:12.5px}.crumb a{color:var(--ink-soft);text-decoration:none}.crumb a:hover{color:var(--blue-deep)}.crumb span{margin:0 6px}header.hero{background:linear-gradient(180deg, var(--pale) 0%, #fff 100%);padding:44px 0 40px}.badge{background:var(--blue);color:#fff;border-radius:999px;margin-bottom:18px;padding:8px 20px;font-size:14px;font-weight:700;display:inline-block}header.hero h1{color:var(--blue);margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.5}header.hero p{color:var(--ink-soft);max-width:32em;margin:0;font-size:15px}.asof{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:8px;margin-top:18px;padding:8px 15px;font-size:13px;display:inline-block}.asof b{color:var(--blue-deep)}main section{padding:34px 0}.band-pale{background:linear-gradient(180deg, #fff 0%, var(--pale2) 100%)}.region-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:640px){.region-grid{grid-template-columns:repeat(2,1fr)}}.region{background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:inherit;padding:20px;text-decoration:none;display:block;position:relative;box-shadow:0 3px 10px #3e9be00f}.region.live{border-color:var(--blue);cursor:pointer}.region.live:hover{background:var(--pale)}.region.soon{opacity:.62;cursor:default}.region .status{border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:14px;right:14px}.region.live .status{background:var(--pale);color:var(--blue-deep)}.region.soon .status{color:var(--ink-soft);background:#f1f3f6}.region .pref{color:var(--ink-soft);margin-bottom:6px;font-size:11.5px}.region .name{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:800}.region.live .name{color:var(--blue-deep)}.region .count{color:var(--ink-soft);font-size:13px}.region .go{color:var(--blue-deep);align-items:center;gap:4px;margin-top:12px;font-size:13px;font-weight:700;display:flex}.region .go:after{content:"›";font-size:16px;line-height:1}.sticky-bar{z-index:30;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #2b7cbe1a}.sticky-bar-inner{padding:10px 20px}.sticky-row{align-items:center;gap:10px;display:flex}.sticky-bar .pref-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;flex:auto;min-width:0;margin:0;padding-bottom:2px;overflow-x:auto}.sticky-bar .pref-nav a{flex:none}.controls-toggle{background:var(--pale);border:1px solid var(--line);color:var(--blue-deep);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:7px 12px;font-size:12.5px;font-weight:700}.controls-toggle:hover{background:var(--pale2)}.controls{background:var(--pale2);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:16px 28px;margin:12px 0 0;padding:14px 18px;display:flex}.control-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-label{color:var(--blue-deep);white-space:nowrap;font-size:13px;font-weight:700}.controls select{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;min-height:36px;padding:7px 10px;font-size:13.5px}.control-group.filters{gap:14px}.filter-toggle{color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;display:inline-flex}.filter-toggle input{width:16px;height:16px;accent-color:var(--blue)}@media (max-width:640px){.controls{gap:12px 20px;padding:12px 14px}.sticky-bar-inner{padding:8px 14px}.sticky-row{gap:8px}.controls-toggle{padding:6px 10px;font-size:12px}}.pref-nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pref-nav a{border:1px solid var(--line);color:var(--blue-deep);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.pref-nav a:hover{background:var(--pale)}.pref-group{margin-bottom:36px;scroll-margin-top:20px}.pref-group h3{color:var(--ink-soft);align-items:center;gap:10px;margin:0 0 12px;font-size:16px;font-weight:700;display:flex}.pref-group h3:after{content:"";background:var(--line);flex:1;height:1px}.note-inline{color:var(--ink-soft);border-top:1px dashed var(--line);margin-top:10px;padding-top:10px;font-size:12.5px}.cards{gap:18px;display:grid}.loan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;position:relative;box-shadow:0 3px 10px #3e9be00f}.loan .bank{color:var(--ink-soft);font-size:12.5px}.loan .name{color:var(--ink);margin:2px 0 14px;font-size:19px;font-weight:800}.loan .tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:50%;display:flex;position:absolute;top:20px;right:20px}.tag{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700}.tag.save{color:var(--blue-deep);background:#e9f4fc;border-color:#cbe6f8}.tag.free{color:#3a8a50;background:#eaf7ee;border-color:#cdebd6}.tag.area{color:#6a4fb3;background:#f3eefb;border-color:#e3d8f5}.tag.warn{color:#9a6a12;background:#fdf3dd;border-color:#f3e2b6}.rateline{background:var(--pale);border-radius:var(--r);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.rateline .lbl{color:var(--blue-deep);font-size:13px;font-weight:700}.rateline .big{color:var(--blue);font-size:26px;font-weight:800;line-height:1}.rateline .sub{color:var(--ink-soft);font-size:12px}.specs{grid-template-columns:1fr 1fr;gap:2px 22px;margin-bottom:18px;display:grid}.specs .row{border-bottom:1px solid #eef4f9;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;display:flex}.specs .row .k{color:var(--ink-soft)}.specs .row .v{text-align:right;font-weight:700}@media (max-width:560px){.specs{grid-template-columns:1fr}}.btn{background:var(--blue);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;min-width:230px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:after{content:"›";font-size:20px;line-height:1}.ext-icon{opacity:.85;margin-left:6px;font-size:12px}.btn:hover{background:var(--blue-deep)}.btn.grad{background:linear-gradient(90deg, var(--blue) 0%, var(--pink) 100%);border-radius:999px;justify-content:center}.btn.grad:after{content:""}.checklist{gap:14px;display:grid}.citem{border:1px solid var(--blue);background:#fff;border-radius:4px;display:flex;overflow:hidden}.citem .chk{background:var(--blue);color:#fff;flex:0 0 66px;justify-content:center;align-items:center;font-size:22px;display:flex}.citem .body{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.citem .body .t{color:var(--blue);min-width:150px;font-size:15px;font-weight:800}.citem .body .d{color:var(--ink);flex:1;font-size:14px}.citem .body .d a{white-space:nowrap;margin-left:6px;font-weight:700}.blueband{background:linear-gradient(100deg, var(--blue-deep) 0%, var(--blue) 100%);color:#fff}.blueband .wrap{text-align:center;padding:40px 20px}.blueband h2{margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.6}.blueband p{color:#eaf4fb;margin:0;font-size:14px}.disclaimer{border:1px solid var(--line);border-radius:var(--r);color:var(--ink-soft);background:#fff;padding:18px 20px;font-size:13px}.disclaimer b{color:var(--ink)}footer{background:var(--foot);color:#fff;padding:26px 0 34px;font-size:12.5px}footer .wrap{opacity:.92}
