/* ヘッダーの SERVICE 展開メニュー（PC はカーソルを載せると開く／スマホはハンバーガーの中に常時表示）。2026-09-21 開発サイトに組み込み */
.svc-nav-has-sub { position: relative; }
.svc-nav-sub { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 16px; display: none; z-index: 200; }
.svc-nav-has-sub:hover .svc-nav-sub, .svc-nav-has-sub:focus-within .svc-nav-sub { display: block; }
.svc-nav-sub ul { list-style: none; margin: 0; padding: 10px 0; min-width: 280px; background: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.svc-nav-sub li a { display: block; padding: 10px 24px; color: #111 !important; font-family: "Noto Sans JP", sans-serif; font-size: 14px; font-weight: 700; line-height: 1.4; white-space: nowrap; text-decoration: none; }
.svc-nav-sub li a small { display: block; font-family: "Josefin Sans", sans-serif; font-size: var(--font-size-min, 14px); font-weight: 700; letter-spacing: .06em; color: #c10000; margin-bottom: 2px; } /* 2026-09-24: 11px→14px・600→700。赤は差し色として戻す（本人決定） */
.svc-nav-sub li a:hover, .svc-nav-sub li a:focus { background: #fff7f7; color: #c10000 !important; }
.svc-drawer-sub { list-style: none; margin: 14px 0 0; padding: 0 0 0 16px; border-left: 2px solid rgba(255,255,255,.35); }
/* スマホのタップ領域を広げるため a を display:block・上下12pxの余白にする。そのぶん li+li の間隔は詰めて、ドロワー全体の高さが増えすぎないようにする（2026-09-21 指摘17） */
.svc-drawer-sub li + li { margin-top: 0; }
.svc-drawer-sub a { display: block; padding: 12px 0; color: #fff; font-family: "Noto Sans JP", sans-serif; font-size: 14px; text-decoration: none; }