@media (min-width: 801px) {
  .site-header .desktop-nav.desktop-nav--dropdown { align-items: center; gap: 2px; margin: 0 auto; font-size: 13px; }
  .desktop-nav__group { position: relative; }
  .desktop-nav__trigger, .desktop-nav__direct { appearance: none; display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 999px; background: transparent; color: inherit; cursor: pointer; font: 700 12px var(--sans, "Noto Sans JP", sans-serif); letter-spacing: .02em; padding: 10px 11px; transition: background .18s ease, color .18s ease; }
  .desktop-nav__trigger:hover, .desktop-nav__group.is-open .desktop-nav__trigger, .desktop-nav__direct:hover, .desktop-nav__direct.is-current { background: #fff0e7; color: var(--orange, #f46b22); }
  .desktop-nav__trigger:focus-visible, .desktop-nav__item:focus-visible { outline: 3px solid rgba(244, 107, 34, .42); outline-offset: 3px; }
  .desktop-nav__trigger i { width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; }
  .desktop-nav__group.is-open .desktop-nav__trigger i { transform: translateY(2px) rotate(225deg); }
  .desktop-nav__panel { position: absolute; z-index: 40; top: calc(100% + 13px); left: 50%; width: min(320px, calc(100vw - 36px)); max-height: calc(100vh - 108px); overflow: auto; padding: 8px; border: 1.5px solid #27324a; border-radius: 18px; background: rgba(255, 253, 250, .98); box-shadow: 7px 8px 0 #27324a, 0 18px 35px rgba(39, 50, 74, .13); opacity: 0; pointer-events: none; transform: translate(-50%, -7px); transition: opacity .18s ease, transform .18s ease; visibility: hidden; }
  .desktop-nav__group.is-open .desktop-nav__panel { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); visibility: visible; }
  .desktop-nav__panel::before { position: absolute; top: -7px; left: 50%; width: 12px; height: 12px; border-top: 1.5px solid #27324a; border-left: 1.5px solid #27324a; background: #fffdfa; content: ""; transform: translateX(-50%) rotate(45deg); }
  .desktop-nav__item { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 12px; color: #27324a; padding: 11px 12px; transition: background .18s ease, color .18s ease, transform .18s ease; }
  .desktop-nav.desktop-nav--dropdown .desktop-nav__item::after { display: none; }
  .content-hub-header .desktop-nav--dropdown .desktop-nav__item:last-child { color: #27324a; font-weight: inherit; }
  .desktop-nav__item:hover, .desktop-nav__item.is-current { background: #fff0e7; color: var(--orange, #f46b22); transform: translateX(2px); }
  .desktop-nav__item-copy { display: grid; gap: 1px; min-width: 0; }
  .desktop-nav__item small { color: var(--orange, #f46b22); font-size: 8px; font-weight: 800; letter-spacing: .13em; line-height: 1.15; }
  .desktop-nav__item strong { font-size: 13px; letter-spacing: .01em; line-height: 1.35; }
  .desktop-nav__item em { color: #657083; font-size: 10px; font-style: normal; line-height: 1.45; }
  .desktop-nav__item b { font-size: 15px; font-weight: 500; }
}

@media (min-width: 801px) and (max-width: 1160px) {
  .site-header .desktop-nav.desktop-nav--dropdown { gap: 0; }
  .desktop-nav__trigger { padding-inline: 8px; font-size: 11px; }
}