/* ═══════════════════════════════════════════════════
   Design Tokens — aligned with Works page
   ═══════════════════════════════════════════════════ */
.hkg-aux {
  --bg:         #FAFAF8;
  --bg-soft:    #fafafa;
  --gold:       #B8860B;
  --purple:     #4A2C6A;
  --ink:        #1A1A1A;
  --ink-light:  #4A4A4A;
  --ink-muted:  #888;
  --line:       #E8E5DE;
}

.hkg-aux * { margin: 0; padding: 0; box-sizing: border-box; }
.hkg-aux { scroll-behavior: smooth; font-size: 16px; }

.hkg-aux {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.9;
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ═══════════════════════════════════════════════════
   INTRO
   ═══════════════════════════════════════════════════ */
.hkg-aux .policy-intro {
  background: var(--bg);
  padding: 144px 24px 96px;
  text-align: center;
}
.hkg-aux .policy-intro__inner { max-width: 880px; margin: 0 auto; }

.hkg-aux .policy-intro__eyebrow {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--gold);
  margin: 0 0 16px;
}
.hkg-aux .policy-intro__title {
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: var(--ink);
  margin: 0 0 12px;
}
.hkg-aux .policy-intro__title em {
  font-style: italic;
  font-weight: 400;
  color: var(--purple);
}
.hkg-aux .policy-intro__subtitle {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.18em;
  color: var(--ink-muted);
  margin: 0 0 28px;
}
.hkg-aux .policy-intro__divider {
  width: 60px;
  height: 1px;
  background: var(--gold);
  border: none;
  margin: 0 auto 40px;
  display: block;
}
.hkg-aux .policy-intro__lead {
  font-family: 'Noto Serif JP', serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 2.1;
  color: var(--ink-light);
  letter-spacing: 0.04em;
  margin: 0;
  text-align: left;
}

/* ═══════════════════════════════════════════════════
   POLICY BODY
   ═══════════════════════════════════════════════════ */
.hkg-aux .policy-.hkg-aux {
  background: var(--bg);
  padding: 0 24px 144px;
}
.hkg-aux .policy-body__inner { max-width: 720px; margin: 0 auto; }

.hkg-aux .policy-article {
  padding: 56px 0;
  border-bottom: 1px solid var(--line);
}
.hkg-aux .policy-article:last-child { border-bottom: none; }

.hkg-aux .policy-article__header {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-bottom: 16px;
}
.hkg-aux .policy-article__num {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--gold);
  flex-shrink: 0;
  min-width: 32px;
}
.hkg-aux .policy-article__title {
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 19px;
  color: var(--ink);
  letter-spacing: 0.04em;
  line-height: 1.5;
}
.hkg-aux .policy-article__rule {
  width: 60px;
  height: 1px;
  background: var(--gold);
  border: none;
  margin: 0 0 24px 52px;
  display: block;
}
.hkg-aux .policy-article__body {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--ink-light);
  line-height: 2.1;
  letter-spacing: 0.04em;
  padding-left: 52px;
}
.hkg-aux .policy-article__body p + p { margin-top: 14px; }

.hkg-aux .policy-link {
  color: var(--purple);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1px;
  transition: border-color 0.4s, color 0.4s;
}
.hkg-aux .policy-link:hover {
  border-color: var(--gold);
  color: var(--gold);
}

/* ═══════════════════════════════════════════════════
   CONTACT BLOCK
   ═══════════════════════════════════════════════════ */
.hkg-aux .policy-contact {
  margin-top: 32px;
  margin-left: 52px;
  padding: 32px clamp(24px, 4vw, 40px);
  background: var(--bg-soft);
  border-left: 1px solid var(--gold);
}
.hkg-aux .policy-contact__label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 14px;
}
.hkg-aux .policy-contact__name {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 15px;
  color: var(--ink);
  letter-spacing: 0.04em;
  margin: 0 0 16px;
}
.hkg-aux .policy-contact__link {
  display: inline-block;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--gold);
  padding-bottom: 4px;
  transition: color 0.4s, border-bottom-color 0.4s;
}
.hkg-aux .policy-contact__link:hover {
  color: var(--purple);
  border-bottom-color: var(--purple);
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .hkg-aux .policy-intro { padding: 96px 24px 64px; }
  .hkg-aux .policy-intro__title { font-size: 28px; }
}
@media (max-width: 767px) {
  .hkg-aux .policy-intro { padding: 64px 24px 48px; }
  .hkg-aux .policy-intro__title { font-size: 24px; }
  .hkg-aux .policy-intro__subtitle { font-size: 13px; }
  .hkg-aux .policy-intro__lead { font-size: 14px; line-height: 2; }
  .hkg-aux .policy-.hkg-aux { padding-bottom: 96px; }
  .hkg-aux .policy-article { padding: 40px 0; }
  .hkg-aux .policy-article__header {
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
  }
  .hkg-aux .policy-article__num { min-width: auto; }
  .hkg-aux .policy-article__title { font-size: 17px; }
  .hkg-aux .policy-article__rule { margin-left: 0; }
  .hkg-aux .policy-article__body { font-size: 13.5px; line-height: 2; padding-left: 0; }
  .hkg-aux .policy-contact { margin-left: 0; padding: 24px; }
  .hkg-aux .policy-contact__name { font-size: 14px; }
}

/* ═══════════════════════════════════════════════════
   ANIMATION
   ═══════════════════════════════════════════════════ */
.hkg-aux .fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.hkg-aux .fade-in.visible { opacity: 1; transform: translateY(0); }

/* Match the existing English About / homepage header sizes. Keep all other font families. */
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-wm,.hkg-aux .hkg-aux .enh-header .enh-brand-name,.hkg-aux .hkg-aux .fr-head .fr-brand,.hkg-aux .hkg-aux .en-head .en-brand,.hkg-aux .hkg-aux .hkg-rb .rb-topbar .rb-topbar__wm{font-size:clamp(19px,2vw,25px)!important}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-wm-sub,.hkg-aux .hkg-aux .enh-header .enh-brand-sub,.hkg-aux .hkg-aux .fr-head .fr-brand small,.hkg-aux .hkg-aux .en-head .en-brand small,.hkg-aux .hkg-aux .hkg-rb .rb-topbar .rb-topbar__sub{font-size:clamp(8.5px,.85vw,10px)!important}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-gnav>a,.hkg-aux .hkg-aux .enh-header .enh-link,.hkg-aux .hkg-aux .fr-head .fr-nav>a,.hkg-aux .hkg-aux .en-head .en-nav>a{font-size:13.5px!important}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-cta,.hkg-aux .hkg-aux .enh-header .enh-cta{font-size:13.5px!important}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-drawer>a:not(.hk-btn),.hkg-aux .hkg-aux .enh-drawer .enh-drawer-link{font-size:15.5px!important}
/* Language codes use the requested Gothic / sans-serif face; existing size and spacing are retained. */
.hkg-aux .hkg-aux .hkg-header-languages,
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hkg-header-languages{display:inline-flex!important;align-items:center;gap:16px;flex-shrink:0;white-space:nowrap;line-height:1!important}
.hkg-aux .hkg-aux .hkg-header-languages>a,
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hkg-header-languages>a{display:inline-flex!important;align-items:center;position:static!important;transform:none!important;font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans","Yu Gothic",sans-serif!important;font-size:11px!important;font-weight:400!important;font-style:normal!important;letter-spacing:.14em!important;line-height:1!important;text-decoration:none!important;border:0!important;padding:4px 0!important;margin:0!important;min-height:24px;color:#6f6f6f}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-drawer>.hkg-header-languages{margin-top:22px}
.hkg-aux .hkg-aux .hkg-header-languages>a:hover{color:#4a2c6a}
.hkg-aux .hkg-aux .hkg-header-languages>a:focus-visible{outline:2px solid #4a2c6a;outline-offset:4px}
@media(max-width:1024px){
 .hkg-aux .hkg-aux .enh-header .enh-right>.hkg-header-languages{position:absolute;left:16px;top:34%;transform:translateY(-50%);z-index:2}
}
@media(max-width:600px){
 .hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-wm,.hkg-aux .hkg-aux .enh-header .enh-brand-name,.hkg-aux .hkg-aux .fr-head .fr-brand,.hkg-aux .hkg-aux .en-head .en-brand,.hkg-aux .hkg-aux .hkg-rb .rb-topbar .rb-topbar__wm{font-size:clamp(15px,4.6vw,18px)!important}
 .hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-wm-sub,.hkg-aux .hkg-aux .enh-header .enh-brand-sub,.hkg-aux .hkg-aux .fr-head .fr-brand small,.hkg-aux .hkg-aux .en-head .en-brand small,.hkg-aux .hkg-aux .hkg-rb .rb-topbar .rb-topbar__sub{font-size:8.5px!important}
 .hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-cta,.hkg-aux .hkg-aux .enh-header .enh-cta{font-size:12px!important}
}

@media(max-width:1120px){.hkg-aux #hkg-top .hk-hd .hk-hd-in>.hkg-header-languages{display:none!important}}
@media(max-width:1180px){.hkg-aux :is(#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-in>.hkg-header-languages{display:none!important}}

/* 2026-09-27: distinguish language tools and use an underlined contact CTA. */
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-in>.hkg-header-languages,.hkg-aux .hkg-aux .enh-header .enh-right>.hkg-header-languages,.hkg-aux .hkg-aux .fr-head .fr-nav>.hkg-header-languages,.hkg-aux .hkg-aux .en-head .en-nav>.hkg-header-languages{border-left:1px solid #d8d3df;padding-left:16px!important;gap:12px}
@media(max-width:1024px){.hkg-aux .hkg-aux .enh-header .enh-right>.hkg-header-languages{border-left:0;padding-left:0!important}}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-cta,.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-drawer>a[data-hkg-cta="drawer-contact"],.hkg-aux .hkg-aux .enh-header .enh-cta,.hkg-aux .hkg-aux .enh-drawer .enh-drawer-cta,.hkg-aux .hkg-aux .fr-head .fr-nav>a[href*="/contact/"],.hkg-aux .hkg-aux .en-head .en-nav>a[href*="/contact/"]{
 display:inline-flex!important;align-items:center;justify-content:center;
 width:max-content!important;min-width:0!important;min-height:40px!important;height:auto!important;padding:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background-color:transparent!important;background-image:linear-gradient(#2E1F5E,#2E1F5E)!important;
 background-position:0 calc(50% + 12px)!important;background-size:100% 1px!important;background-repeat:no-repeat!important;
 color:#1a1a1a!important;line-height:1.4!important;text-decoration:none!important;transition:color .22s ease!important;
}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-cta:hover,.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-drawer>a[data-hkg-cta="drawer-contact"]:hover,.hkg-aux .hkg-aux .enh-header .enh-cta:hover,.hkg-aux .hkg-aux .enh-drawer .enh-drawer-cta:hover,.hkg-aux .hkg-aux .fr-head .fr-nav>a[href*="/contact/"]:hover,.hkg-aux .hkg-aux .en-head .en-nav>a[href*="/contact/"]:hover,.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-cta:focus-visible,.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-drawer>a[data-hkg-cta="drawer-contact"]:focus-visible,.hkg-aux .hkg-aux .enh-header .enh-cta:focus-visible,.hkg-aux .hkg-aux .enh-drawer .enh-drawer-cta:focus-visible,.hkg-aux .hkg-aux .fr-head .fr-nav>a[href*="/contact/"]:focus-visible,.hkg-aux .hkg-aux .en-head .en-nav>a[href*="/contact/"]:focus-visible{color:#2E1F5E!important}
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-hd-cta:focus-visible,.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-drawer>a[data-hkg-cta="drawer-contact"]:focus-visible,.hkg-aux .hkg-aux .enh-header .enh-cta:focus-visible,.hkg-aux .hkg-aux .enh-drawer .enh-drawer-cta:focus-visible,.hkg-aux .hkg-aux .fr-head .fr-nav>a[href*="/contact/"]:focus-visible,.hkg-aux .hkg-aux .en-head .en-nav>a[href*="/contact/"]:focus-visible{outline:2px solid #2E1F5E;outline-offset:5px}

/* GASTRONOMIE（副題）は、正式なロゴに合わせてゴシック体（サンセリフ）。言語コードと同じ書体。2026-10-01 Founder指摘 */
.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-hd .hk-wm-sub,.hkg-aux :is(#hkg-top,#hkg-ab,#hkg-pd,#hkg-wd,#hkg-cc) .hk-ft .hk-wm-sub,.hkg-aux .hkg-aux .enh-header .enh-brand-sub,.hkg-aux .hkg-aux .fr-head .fr-brand small,.hkg-aux .hkg-aux .en-head .en-brand small,.hkg-aux .hkg-aux .hkg-rb .rb-topbar .rb-topbar__sub{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans","Yu Gothic",sans-serif!important;font-weight:400!important}

.hkg-aux blockquote,.hkg-aux #hkg-pd blockquote,.hkg-aux #hkg-pd blockquote *{font-family:var(--f-go);font-size:15px;font-weight:400;color:var(--ink);line-height:1.9}