
:root{--ink:#173b32;--muted:#51635f;--bg:#faf9f5;--line:#dfe6df;--green:#155846}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.65}a{color:var(--green)}.wrap{max-width:1100px;margin:auto;padding-left:25px;padding-right:25px}.head{background:#fff;border-bottom:1px solid var(--line)}.navb{display:flex;align-items:center;gap:28px;min-height:84px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{font-size:18px;font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}.brand b{background:var(--green);color:white;border-radius:7px;padding:7px 11px}.navb nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}.navb nav a{font-size:13px;text-decoration:none;color:var(--ink)}.langs{display:flex;gap:5px}.langs button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:7px;padding:7px 10px;color:var(--ink)}.langs button.on{background:var(--green);color:white}.hero{padding:72px 0 38px;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--green)}h1{font-size:clamp(33px,4.5vw,58px);line-height:1.16;letter-spacing:-1.5px;margin:18px 0}h2{font-size:28px;line-height:1.3;margin:36px 0 15px}h3{font-size:19px;margin:0 0 10px}p{margin:9px 0 18px}.lead{font-size:18px;color:var(--muted);max-width:850px}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.section{padding:18px 0 42px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;min-width:0}.card .rate{font-size:32px;font-weight:800;line-height:1.2}.card .target{font-size:23px;font-weight:800;margin:14px 0 0}.tag{font-size:11px;color:var(--green);font-weight:700;letter-spacing:1px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.note{background:#eef4ee;padding:20px;border-left:4px solid var(--green);border-radius:5px}.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;padding:12px 19px;border-radius:7px;font-weight:700}table{border-collapse:collapse;width:100%;background:#fff;font-size:14px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eaf1ec}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.foot{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:34px;padding-bottom:35px;margin-top:48px;border-top:1px solid var(--line)}.legal-table td:first-child{width:33%;font-weight:700}.prose{max-width:880px}.prose section{padding:12px 0 18px;border-bottom:1px solid var(--line)}.lang-ja [data-l="en"],.lang-en [data-l="ja"]{display:none!important}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards,.grid2{grid-template-columns:1fr}.navb nav{order:3;flex-basis:100%}.hero{padding:36px 0 20px}td,th{padding:10px;font-size:12px}}
/* Stable desktop navigation across languages and pages */
@media(min-width:901px){.navb{flex-wrap:nowrap;column-gap:22px}.navb nav{display:grid;grid-template-columns:72px 144px 88px 112px 112px;gap:9px;flex:1;align-items:center;flex-wrap:nowrap}.navb nav a{display:block;white-space:nowrap;line-height:22px}.langs{flex-shrink:0}.brand{flex-shrink:0}}
.navb nav a:hover{text-decoration:underline;text-underline-offset:3px}

/* Navigation remains visible when JavaScript or preference storage is unavailable. */
.navb{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:20px;row-gap:10px}
.navb nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;min-width:0}
.navb nav a{white-space:normal;line-height:1.5;padding:5px 0}
.navb nav a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.langs{flex-shrink:0}
.langs button{min-height:36px}
.skip-link{position:absolute;left:-10000px;top:8px;z-index:10;background:#fff;padding:8px 14px;border:2px solid var(--green)}
.skip-link:focus{left:12px}
a:focus-visible,button:focus-visible{outline:3px solid #96703f;outline-offset:4px}
.jump-links,.terms-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.jump-links a{font-weight:700;text-underline-offset:4px}
.plan-details{margin-top:26px;padding:26px 22px;background:#edf5f1;border:2px solid #176148;border-left:7px solid #176148;border-radius:12px;box-shadow:0 5px 18px rgba(15,76,59,.09)}
.plan-details h2{font-size:clamp(21px,2.5vw,29px);line-height:1.3;margin:9px 0 10px}
.plan-details .tablewrap table{min-width:410px}
.plan-details ol{padding-left:22px;line-height:1.9}
.plan-details .fine{font-size:13px;margin:14px 0 0}
.responsible-outreach{padding:24px;border:1px solid var(--line);border-radius:12px;background:#f0f5f1;margin:0 0 34px}
.responsible-outreach h2{margin-top:0}
#plan-details,#responsible-outreach{scroll-margin-top:20px}
.legal-table th{width:33%;font-weight:700;background:#f3f6f3}
.legal-table td{overflow-wrap:anywhere}
.terms-links{padding-top:24px}
.foot a{display:inline-block}
@media(max-width:1080px){
  .navb{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
  .navb nav{grid-column:1/-1;grid-row:2;order:initial}
  .langs{grid-column:2;grid-row:1}
}
@media(max-width:600px){
  .navb{padding-top:14px;padding-bottom:14px}
  .navb nav{gap:6px 16px}
  .navb nav a{font-size:13px}
  .plan-details{padding:22px 16px;border-left-width:5px}
  .responsible-outreach{padding:22px 18px}
  .legal-table table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block;width:100%}
  .legal-table tr{border-bottom:1px solid var(--line)}
  .legal-table th,.legal-table td{border:0}
  .legal-table th{padding-bottom:4px}
  .legal-table td{padding-top:5px;font-size:14px}
  .foot{font-size:12px;gap:8px}
  .terms-links{flex-direction:column;gap:12px}
}
@media(max-width:380px){.wrap{padding-left:20px;padding-right:20px}.brand{font-size:16px}.langs button{padding:7px 8px}}
