:root{--navy:#001b3d;--ink:#071862;--blue:#143cff;--line:#cbd8f3;--pale:#f2f7ff;--sans:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.85;overflow-wrap:anywhere}img{max-width:100%;height:auto;display:block}svg{max-width:100%}a{color:inherit;text-underline-offset:.2em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #007fc7;outline-offset:5px}a:hover{text-decoration-thickness:2px}::selection{background:#c4d9ff;color:#001b3d}.container{width:100%;max-width:1400px;padding-inline:40px;margin-inline:auto}.skip-link{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-200%);padding:10px 20px;background:#fff;color:var(--navy);font-family:var(--sans)}.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--navy);color:#fff}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:100px}.site-logo{display:block;flex:none}.site-logo img{width:180px;height:90px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:36px;font-family:var(--sans);font-size:15px;font-weight:700}.site-nav a{text-decoration:none;white-space:nowrap}.site-nav a:not(.nav-contact){padding-block:14px}.site-nav a:not(.nav-contact):hover,.site-nav a[aria-current=page]:not(.nav-contact){text-decoration:underline;text-decoration-color:#88b6ff;text-decoration-thickness:2px;text-underline-offset:9px}.nav-contact{display:inline-flex;align-items:center;gap:12px;border:1px solid #fff;border-radius:40px;padding:13px 25px}.nav-contact svg{width:24px;height:18px}.nav-contact:hover{background:#fff;color:var(--navy)}.menu-toggle{display:none}
.section-title{font-size:clamp(28px,2.5vw,36px);font-weight:700;line-height:1.35;border-left:4px solid var(--blue);padding-left:22px;margin-bottom:28px}.eyebrow{display:block;font:16px/1.4 var(--sans);color:var(--blue);margin-bottom:4px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:50px;padding:11px 28px;border:1px solid var(--navy);border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-family:var(--sans);font-size:15px;font-weight:700;line-height:1.5;transition:background .15s,color .15s}.button:hover{background:#0d3c73}.button--outline{color:var(--ink);background:#fff;border-color:var(--ink)}.button--outline:hover{color:#fff;background:var(--navy)}.button svg{width:23px;height:19px;flex:none}.button:disabled{cursor:wait;opacity:.65}
.page-hero{position:relative;isolation:isolate;min-height:calc(430px + var(--site-header-height));display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--navy)}.page-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.page-hero::before{content:"";position:absolute;inset:0;background:var(--header-shade),linear-gradient(90deg,rgba(0,17,40,.76),rgba(0,17,40,.26) 58%,rgba(0,17,40,.06));z-index:-1}.page-hero__content{padding-block:46px;position:relative;z-index:1}.page-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.45;font-weight:700;margin-bottom:12px;letter-spacing:.025em}.page-hero p{max-width:620px;font-size:18px;line-height:1.9;margin:18px 0 0}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:14px;list-style:none;padding:0;margin:0}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs ol{display:flex;gap:10px;list-style:none;padding:0;margin:0}.contact-band{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--line);min-height:270px;background:#fff}.contact-band__content{position:relative;padding-block:42px;z-index:1}.contact-band .section-title{margin-bottom:14px}.contact-band p{max-width:700px;margin-bottom:20px}
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#001b3d;color:#fff}.site-footer__inner{display:flex;align-items:center;gap:24px;min-height:126px;padding-block:14px}.site-logo--footer img{width:160px;height:80px}.footer-nav{display:flex;justify-content:center;flex:1;flex-wrap:wrap;gap:9px 22px;font-family:var(--sans);font-size:13px;font-weight:600}.footer-nav a{text-decoration:none}.footer-nav a:hover{text-decoration:underline}.site-footer small{font-family:var(--sans);font-size:12px;white-space:nowrap;text-shadow:0 1px 4px #00152f}
/* Use the approved top-page footer artwork and framing on every page. */
.site-footer::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 484.8834%; transform: translateY(-50%); z-index: -2; background: url('/assets/illustrations/home-footer-city.452db31aec19.webp') center center/cover no-repeat; }
.site-footer::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(rgba(0,20,55,.2),rgba(0,20,55,.43)); }
@media (max-width: 760px) { .site-footer::before { height: 100%; background-image: url('/assets/illustrations/home-footer-city-mobile.54ae52b3508c.webp'); } }
@media(max-width:1100px){.site-nav{gap:22px;font-size:14px}.site-header__inner{gap:24px}.site-logo img{width:155px}.nav-contact{padding:11px 18px}.site-footer__inner{flex-wrap:wrap;gap:8px 20px}.site-footer small{margin-left:auto;padding-bottom:8px}.footer-nav{justify-content:flex-end}}
@media(max-width:900px){.container{width:100%;padding-inline:24px}.site-header__inner{min-height:82px}.site-logo img{width:144px;height:76px}.site-nav{gap:16px;font-size:12px}.nav-contact{padding:10px 14px;gap:8px}.nav-contact svg{width:19px}.page-hero{min-height:calc(370px + var(--site-header-height))}.page-hero h1{font-size:46px}.page-hero p{font-size:16px}.section-title{padding-left:17px}.site-footer__inner{min-height:140px}.site-logo--footer img{width:140px}.footer-nav{max-width:calc(100% - 166px);gap:9px 16px}.site-footer small{width:100%;text-align:right}}
@media(max-width:760px){.site-header__inner{position:relative;min-height:76px}.site-logo img{width:134px;height:72px}.menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid #92a5bd;color:#fff;background:transparent;border-radius:30px;padding:9px 14px;font-family:var(--sans);font-size:12px}.menu-toggle__lines{width:18px;height:14px;display:block;border-top:1px solid;border-bottom:1px solid;position:relative}.menu-toggle__lines::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px solid}.site-nav{display:none;position:absolute;z-index:20;left:-24px;right:-24px;top:100%;padding:16px 24px 24px;background:var(--navy);border-top:1px solid #405571;box-shadow:0 10px 14px #001b3d33;align-items:stretch;font-size:15px;gap:4px}.site-nav.is-open{display:flex;flex-direction:column}.site-nav a{padding:12px!important}.nav-contact{justify-content:center;margin-top:10px}.site-nav a[aria-current=page]:not(.nav-contact){text-underline-offset:5px}.page-hero{min-height:calc(340px + var(--site-header-height))}.page-hero__content{padding-block:32px}.page-hero::before{background:var(--header-shade),linear-gradient(90deg,#001129bf,#00112960)}.page-hero p{font-size:15px;max-width:34em}.page-hero h1{font-size:46px}.site-footer__inner{justify-content:center;gap:12px}.site-logo--footer img{width:130px;height:65px}.footer-nav{max-width:100%;flex-basis:100%;justify-content:center;gap:8px 18px;font-size:12px}.site-footer small{text-align:center;padding-bottom:12px}.section-title{font-size:28px}.contact-band__content{padding-block:30px}}
@media(max-width:600px){.page-hero h1{font-size:clamp(29px,8.7vw,46px);letter-spacing:0}.section-title{font-size:26px}}
@media(max-width:420px){.container{width:100%;padding-inline:18px}.page-hero h1{font-size:clamp(29px,8.7vw,46px)}.section-title{font-size:26px}.page-hero p{font-size:14px}.breadcrumbs{font-size:12px}.button{padding:11px 22px;font-size:14px}.site-nav{left:-18px;right:-18px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.about-hero.page-hero::before{display:none}

/* Shared transparent, fixed navigation. */
:root { --site-header-height: 100px; --header-shade: linear-gradient(180deg, rgb(0 19 46 / 62%) 0, rgb(0 19 46 / 0%) calc(var(--site-header-height) + 70px)); }
.site-header { position: fixed; inset: 0 0 auto; z-index: 80; background: rgb(0 21 48 / 16%); border-bottom: 1px solid rgb(205 227 255 / 18%); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .2s, box-shadow .2s; }
.site-header.is-scrolled, .site-header.is-menu-open, .site-header.has-shop-menu { background: rgb(0 24 54 / 84%); box-shadow: 0 3px 24px rgb(0 16 38 / 12%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.site-header a, .shop-menu__toggle { text-shadow: 0 1px 6px rgb(0 15 40 / 40%); }
.site-header :focus-visible { outline-color: #9ad5ff; }
.shop-menu { position: relative; }
.shop-menu__toggle { display: flex; align-items: center; gap: 8px; padding-block: 14px; list-style: none; white-space: nowrap; cursor: pointer; }
.shop-menu__toggle::-webkit-details-marker { display: none; }
.shop-menu__toggle::marker { content: ""; }
.shop-menu__chevron { width: 12px; height: 8px; flex: none; color: #b6d9ff; transition: transform .15s; }
.shop-menu[open] .shop-menu__chevron { transform: rotate(180deg); }
.shop-menu__toggle:hover { color: #cce8ff; }
.shop-menu__panel { position: absolute; top: calc(100% + 12px); left: 50%; width: 356px; max-height: calc(100vh - var(--site-header-height) - 16px); max-height: calc(100dvh - var(--site-header-height) - 16px); padding: 16px; overflow-y: auto; overscroll-behavior: contain; transform: translateX(-50%); border: 1px solid rgb(152 194 234 / 35%); border-radius: 12px; background: linear-gradient(145deg, rgb(6 36 72 / 98%), rgb(1 21 48 / 98%)); box-shadow: 0 16px 44px rgb(0 12 35 / 28%); scrollbar-width: thin; scrollbar-color: #527294 transparent; }
.shop-menu__eyebrow { padding-inline: 8px; margin: 0 0 8px; font: 11px/1.5 var(--sans); letter-spacing: .17em; color: #a5ccec; }
.shop-menu__list { list-style: none; padding: 0; margin: 0; }
.shop-menu__list li + li { border-top: 1px solid rgb(156 194 235 / 16%); }
.site-nav .shop-menu__link { display: flex; align-items: center; gap: 12px; padding: 12px 8px; border-radius: 6px; white-space: normal; line-height: 1.45; }
.site-nav .shop-menu__link:hover { background: rgb(118 185 255 / 13%); text-decoration: none; }
.shop-menu__link img { width: 56px; height: auto; flex: none; border-radius: 4px; }
.shop-menu__copy { display: grid; gap: 4px; min-width: 0; }
.shop-menu__name { font: 600 15px/1.4 var(--sans); }
.shop-menu__description { font: 400 11px/1.5 var(--sans); color: #b5cce3; }
.shop-menu__arrow { margin-left: auto; padding-left: 4px; color: #9cd5ff; font-size: 19px; font-weight: 400; }
.shop-menu__link:hover .shop-menu__name { text-decoration: underline; text-underline-offset: .25em; }
@media (max-width: 900px) { :root { --site-header-height: 82px; } }
@media (max-width: 760px) {
  :root { --site-header-height: 76px; }
  .site-nav { left: 0; right: 0; padding: 14px 18px 20px; max-height: calc(100vh - var(--site-header-height)); max-height: calc(100dvh - var(--site-header-height)); overflow-y: auto; overscroll-behavior: contain; background: rgb(0 24 54 / 96%); border-top-color: rgb(176 207 244 / 20%); }
  .shop-menu__toggle { justify-content: space-between; min-height: 48px; padding: 12px; }
  .shop-menu__panel { position: static; width: auto; max-height: none; padding: 10px; margin: 4px 12px 12px; overflow: visible; overscroll-behavior: auto; transform: none; border-color: rgb(152 194 234 / 24%); border-radius: 8px; background: rgb(118 185 255 / 6%); box-shadow: none; }
  .shop-menu__eyebrow { margin: 3px 0 6px; font-size: 10px; }
  .site-nav .shop-menu__link { gap: 10px; padding: 10px 8px !important; }
  .shop-menu__link img { width: 48px; }
  .shop-menu__name { font-size: 14px; }
  .shop-menu__description { font-size: 10px; }
  .menu-toggle[aria-expanded="true"] .menu-toggle__lines { border-color: transparent; }
  .menu-toggle[aria-expanded="true"] .menu-toggle__lines::before, .menu-toggle[aria-expanded="true"] .menu-toggle__lines::after { content: ""; position: absolute; inset: 5px 0 auto; border-top: 1px solid currentColor; transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"] .menu-toggle__lines::after { transform: rotate(-45deg); }
}
@media (max-width: 360px) { .shop-menu__link img { display: none; } }


.page-hero { padding-top: var(--site-header-height); }
body:not(.page-index) main [id] { scroll-margin-top: calc(var(--site-header-height) + 20px); }