*{box-sizing:border-box}body{color:#222;background:#fff;margin:0;font-family:Arial,Noto Sans JP,sans-serif}.utility{color:#fff;background:#163b65;padding:9px max(4%,50% - 590px);font-size:13px}.utility span{float:right}.brand{align-items:end;gap:18px;max-width:1180px;margin:auto;padding:22px 10px;display:flex}.brand b{color:#e63842;font-size:42px}.brand b span{color:#163b65}.brand small{color:#777;padding-bottom:6px}nav{z-index:5;background:#fff;border-block:1px solid #ddd;justify-content:center;display:flex;position:relative}details{position:relative}summary{cursor:pointer;padding:15px 17px;font-weight:700;list-style:none}details div{background:#fff;min-width:190px;padding:8px;position:absolute;box-shadow:0 8px 25px #0002}details a{border-bottom:1px solid #eee;padding:10px;display:block}.locations{text-align:center;white-space:nowrap;background:#f3f6f9;padding:9px;overflow:auto}.locations button{color:#38546f;background:0 0;border:0;padding:7px 11px}.hero{grid-template-columns:2fr 1fr;gap:25px;max-width:1180px;margin:32px auto;padding:0 10px;display:grid}.hero>div{background:linear-gradient(120deg,#eef6ff,#fff0f0);border-radius:16px;padding:50px}.hero em{color:#e63842;font-weight:700}.hero h1{color:#163b65;margin:12px 0;font-size:46px}.hero p{max-width:650px;line-height:1.8}.hero button,.login button{color:#fff;background:#e63842;border:0;border-radius:6px;padding:13px 20px;font-weight:700}.hero aside{color:#fff;background:#163b65;border-radius:16px;padding:28px}.hero aside p{border-top:1px solid #ffffff30;margin:0;padding:14px 0}.title{color:#163b65;max-width:1180px;margin:40px auto 16px;padding:0 10px}.cards,.areas{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:auto;padding:0 10px;display:grid}.cards article{border:1px solid #ddd;border-top:4px solid #e63842;min-height:180px;padding:22px}.cards article b{font-size:20px}.cards article p{color:#666;line-height:1.6}.cards a{color:#e63842;font-weight:700}.login{background:#f4f6f8;border-radius:10px;align-items:center;gap:12px;max-width:1160px;margin:35px auto;padding:24px;display:flex}.login div{flex:1}.login h2{margin:0 0 6px}.login p{color:#666;margin:0}.login .white{color:#163b65;background:#fff;border:1px solid #bbb}.areas{grid-template-columns:repeat(3,1fr)}.areas a{border:1px solid #ddd;padding:17px;font-weight:700}.areas span{float:right;color:#e63842}footer{color:#fff;text-align:center;background:#102c4b;margin-top:50px;padding:38px}footer b{font-size:26px}@media (max-width:800px){nav{justify-content:flex-start;overflow:auto}summary{white-space:nowrap;padding:13px 10px}.hero{grid-template-columns:1fr}.hero>div{padding:28px}.hero h1{font-size:35px}.cards,.areas{grid-template-columns:1fr 1fr}.login{flex-wrap:wrap;margin:25px 10px}.brand b{font-size:34px}.brand small{display:none}}