:root{--n:#0d2340;--r:#e7482b;--p:#f7f5ef;--m:#66707b;--l:#cfd3d5;--g:#1e7650}*{box-sizing:border-box}body{margin:0;background:var(--p);color:#121921;font:16px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}.top{background:var(--n);color:white;padding:8px 4vw;font-size:.8rem}header{min-height:84px;display:flex;align-items:center;gap:24px;padding:0 4vw;border-bottom:1px solid var(--n);position:sticky;top:0;background:#f7f5eff5;z-index:2}.brand{font:900 2.3rem serif;color:var(--n)}.brand i{display:inline-block;width:10px;height:10px;background:var(--r);margin-left:5px}header span{font-size:.75rem;color:var(--m);border-left:1px solid var(--l);padding-left:18px}nav{margin-left:auto;display:flex;gap:22px;font-weight:800}.notice{padding:10px 4vw;border-bottom:1px solid var(--l);font-size:.85rem}.notice b{background:var(--g);color:#fff;padding:4px 8px}main{max-width:1240px;margin:auto;padding:32px 4vw 70px}.hero{display:grid;grid-template-columns:1.55fr .8fr;gap:26px}.lead{min-height:430px;background:var(--n);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:flex-end}.lead em,.card b{color:#ff8b76;font-style:normal;font-size:.8rem}.lead h1{font:900 clamp(2.2rem,4.5vw,4rem)/1.18 serif;margin:15px 0}.lead p{color:#d6dee7}.lead small{color:#9bd5b9}.briefs{background:white;padding:12px 24px}.briefs h2{font-family:serif;border-bottom:3px solid var(--n);padding-bottom:10px}.briefs a{display:block;border-bottom:1px solid var(--l);padding:20px 0;font-weight:800}.briefs a:hover,.card:hover h2{color:var(--r)}.section-title{font:900 2rem serif;border-bottom:3px solid var(--n);padding-bottom:10px;margin-top:55px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border-top:4px solid var(--n);padding:24px;min-height:250px}.card h2{font:800 1.35rem/1.45 serif}.card p{color:var(--m)}.principle{margin-top:60px;background:#e9e4d8;display:grid;grid-template-columns:.9fr 1.1fr}.principle>div{background:var(--r);color:white;padding:38px}.principle h2{font:900 2rem/1.3 serif}.principle ul{padding:25px 45px}.principle li{padding:12px 0}footer{background:#09192d;color:#aab4c0;padding:38px 4vw;font-size:.83rem}@media(max-width:800px){nav{display:none}.hero,.grid,.principle{grid-template-columns:1fr}header span{display:none}.lead{min-height:380px;padding:26px}}