:root{--red:#9d1018;--red2:#c71c27;--ink:#191b20;--muted:#66717d;--line:#dfe3e8;--bg:#f3f5f7;--orange:#ee722f;--blue:#159bd3;--green:#3f9d31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans JP',sans-serif}.top{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:58px;height:58px}.brand span{display:flex;flex-direction:column}.brand b,.eyebrow,.section-head span{font-size:11px;letter-spacing:.15em;color:var(--red)}.brand strong{font-size:20px}.top nav{display:flex;gap:6px;align-items:center}.top nav a{padding:12px;text-decoration:none;color:#363b42;font-weight:700;font-size:14px}.top nav .boss{background:var(--red);color:#fff;border-radius:6px;padding:12px 18px}.disaster{height:68px;color:#fff;background:linear-gradient(100deg,#79050b,#b5101a);display:flex;align-items:center;gap:14px;padding:0 max(24px,calc((100vw - 1440px)/2));box-shadow:inset 0 -3px rgba(0,0,0,.15)}.bolt{font-size:28px}.disaster small,.now small{display:block;font-size:11px;opacity:.78}.disaster strong{font-size:17px}.line{height:4px;background:rgba(255,255,255,.35);position:relative;flex:1;margin:0 24px}.line i{position:absolute;top:50%;width:14px;height:14px;background:#fff;border:3px solid #f4b734;border-radius:50%;transform:translate(-50%,-50%)}#originMark{left:0}#nowMark{left:100%;box-shadow:0 0 0 5px rgba(255,255,255,.2)}.now{text-align:right}.now strong{font-size:14px}main{max-width:1440px;margin:auto;padding:32px 24px 64px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:36px;align-items:end;padding:38px 8px 48px}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.08;margin:10px 0 24px;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:var(--red)}.hero>div>p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.9;color:#525d68}.hero-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-kpis article{background:#fff;border-top:4px solid var(--red);padding:18px 20px;min-height:120px;box-shadow:0 8px 24px rgba(31,42,55,.07)}.hero-kpis small{display:block;color:var(--muted);font-weight:700}.hero-kpis strong{font-size:42px;line-height:1.5}.hero-kpis strong.small{font-size:16px;display:block;margin-top:15px}.hero-kpis span{font-weight:700;margin-left:4px}.status{border-left:5px solid #d0a027;background:#fff9db;padding:12px 16px;margin:0 0 18px;font-size:14px}.status.ok{border-color:#2d963f;background:#eef9f0}.status.error{border-color:var(--red);background:#fff0f0}.panel{background:#fff;border:1px solid var(--line);box-shadow:0 6px 24px rgba(31,42,55,.05);padding:28px;margin-bottom:22px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-size:27px;margin:5px 0}.section-head>p{color:var(--muted);font-size:14px}.section-head.compact{margin-bottom:16px}.chart-wrap{position:relative;height:390px}.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.grid2>.panel{min-width:0}#quakeMap{height:470px;background:#dae0e5}.note{font-size:12px;color:var(--muted);line-height:1.7}.table-scroll{max-height:470px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{position:sticky;top:0;background:#252a31;color:#fff}th,td{padding:12px 9px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.controls{display:flex;gap:12px}.controls label{font-size:12px;font-weight:700}.controls select{display:block;margin-top:5px;padding:10px;border:1px solid #bbc3cb;background:#fff}.spectrum-kpis{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.spectrum-kpis span{background:#f1f3f5;border-radius:4px;padding:10px 14px;font-size:13px}.spectrum-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.spectrum-grid h3{font-size:16px;margin:5px 0 10px}.chart-wrap.spectrum{height:320px}.guide{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-grid p{margin:0;padding:16px;background:#f5f6f7;line-height:1.75;font-size:13px}.guide-grid b{color:var(--red);font-size:15px}.caution{border-left:4px solid #d0a027;padding:10px 14px;background:#fff9db;font-size:12px;line-height:1.7}.source ol{line-height:1.9;color:#4f5963}.source-links{display:flex;flex-wrap:wrap;gap:10px}.source-links a{border:1px solid var(--red);color:var(--red);padding:10px 13px;text-decoration:none;font-size:13px;font-weight:700}footer{background:#20242a;color:#fff;display:flex;align-items:center;gap:16px;padding:28px max(24px,calc((100vw - 1440px)/2));font-size:12px}footer img{width:52px}footer p{margin:0}footer span{margin-left:auto;color:#aeb7c1}.install{max-width:720px;margin:8vh auto;background:#fff;padding:40px}.primary{background:var(--red);color:#fff;border:0;padding:14px 20px;font-weight:700}.notice{padding:15px;margin:16px 0}.notice.success{background:#eaf8ed}.notice.error{background:#fee;color:#900}.leaflet-popup-content{font-family:'Noto Sans JP',sans-serif}.main-epicenter{filter:drop-shadow(0 0 5px #fff)}
@media(max-width:900px){.top{height:auto;padding:10px 16px}.top nav a:not(.boss){display:none}.brand strong{font-size:15px}.brand img{width:48px}.disaster{padding:0 16px}.hero,.grid2,.spectrum-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}.hero{padding-top:20px}.hero h1{font-size:44px}.section-head{align-items:flex-start;flex-direction:column}.chart-wrap{height:330px}}
@media(max-width:560px){main{padding:20px 10px 50px}.panel{padding:18px 12px}.hero-kpis{grid-template-columns:1fr 1fr}.hero-kpis article{min-height:100px;padding:12px}.hero-kpis strong{font-size:30px}.guide-grid{grid-template-columns:1fr}.controls{width:100%;flex-direction:column}.controls select{width:100%}.line{margin:0 5px}.disaster{gap:7px}.disaster strong{font-size:13px}.disaster .now{display:none}}