/* ヘッダー「サービス」のプルダウン(動物病院向け / ペット関連企業向け) */
.site-header .desktop-nav .nav-dropdown { position: relative; display: inline-flex; align-items: center; align-self: stretch; }
.site-header .desktop-nav .nav-dropdown > a { display: inline-flex; align-items: center; gap: 6px; }
.site-header .desktop-nav .nav-dropdown > a::after {
  content: ""; width: 6px; height: 6px; margin-top: -3px;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg); transition: transform .2s;
}
.site-header .desktop-nav .nav-dropdown:hover > a::after,
.site-header .desktop-nav .nav-dropdown:focus-within > a::after { transform: rotate(225deg); margin-top: 3px; }
.site-header .desktop-nav .nav-dropdown__menu {
  position: absolute; top: 100%; left: 50%; z-index: 60;
  display: none; flex-direction: column; min-width: 232px; padding: 8px;
  background: #fff; border: 1px solid #e1e8ea; border-radius: 8px;
  box-shadow: 0 14px 36px rgba(17, 40, 55, .16);
  transform: translateX(-50%);
}
.site-header .desktop-nav .nav-dropdown:hover .nav-dropdown__menu,
.site-header .desktop-nav .nav-dropdown:focus-within .nav-dropdown__menu { display: flex; }
.site-header .desktop-nav .nav-dropdown__menu a,
.site-header .desktop-nav .nav-dropdown__menu a:last-child {
  display: block; padding: 12px 14px; border-radius: 6px; opacity: 1;
  color: #242424; font-size: 15px; font-weight: 600; letter-spacing: .04em; white-space: nowrap;
}
.site-header .desktop-nav .nav-dropdown__menu a:hover { background: #eef7f5; color: var(--ref-teal, #178a84); opacity: 1; }
.site-header .desktop-nav .nav-dropdown__menu a[aria-current="page"] { color: var(--ref-teal, #178a84); background: #f4faf9; }

/* モバイルメニュー内のサブ項目 */
.mobile-menu a.mobile-menu__sub { padding-left: 1.4em; font-size: .92em; opacity: .85; }
.mobile-menu a.mobile-menu__sub::before { content: "└ "; opacity: .5; }