@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&family=Inter:wght@400;700;900&display=swap');
:root{--navy:#163051;--navy-dark:#0e1f36;--white:#fff;--gray:#f3f3f3;--text:#222;--text-sub:#555}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans JP',sans-serif;color:var(--text);background:var(--white);line-height:1.9;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* HEADER */
.hd{position:fixed;top:0;left:0;width:100%;z-index:100;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;transition:background .3s;background:rgba(22,48,81,.95);backdrop-filter:blur(10px)}
.hd-logo{font-size:1.2rem;font-weight:700;color:#fff}
.hd-nav{display:flex;align-items:center;gap:44px}
.hd-nav a{color:rgba(255,255,255,.8);font-size:.85rem}
.hd-nav a:hover{color:#fff}
.hd-cta{border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:9px 24px}
.hd-cta:hover{background:rgba(255,255,255,.1)}

/* PAGE HERO */
.page-hero{background:var(--navy);color:#fff;padding:100px 6% 50px;text-align:center}
.page-hero h1{font-size:2.2rem;font-weight:800;margin-bottom:12px}
.page-hero p{font-size:.92rem;color:rgba(255,255,255,.65)}

/* COMMON SECTIONS */
.sec{padding:80px 6%}
.sec-title{font-size:1.6rem;font-weight:800;color:var(--navy);margin-bottom:32px;line-height:1.4}

/* FOOTER */
.ft{border-top:1px solid #e0e0e0;padding:56px 6% 20px}
.ft-in{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;margin-bottom:40px}
.ft-logo{font-size:1.15rem;font-weight:700;color:var(--navy);margin-bottom:20px}
.ft-nav a{display:block;font-size:.85rem;color:var(--text-sub);margin-bottom:10px}
.ft-nav a:hover{color:var(--navy)}
.ft-info{font-size:.85rem;color:var(--text);line-height:1.9}
.ft-info strong{display:block;font-size:.95rem;margin-bottom:10px}
.ft-contact p{font-size:.85rem;color:var(--text-sub);margin-bottom:12px}
.ft-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--navy);color:#fff;border-radius:24px;font-size:.85rem;font-weight:500}
.ft-btm{border-top:1px solid #e0e0e0;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--text-sub)}
.ft-btm a{color:var(--text-sub);margin-right:16px}

/* RESPONSIVE */
@media(max-width:640px){
  .hd{padding:14px 16px}.hd-nav{display:none}
  .sec{padding:48px 5%}
  .page-hero{padding:120px 5% 60px}
  .page-hero h1{font-size:1.6rem}
  .ft-in{grid-template-columns:1fr}
}