/* ノンアルコール区画: 2 列表示のとき、右列「ソフトドリンク」の見出しが左列より下がるのを解消する
   （左右どちらの列にも menu-section が付いているため .menu-section + .menu-section の上余白が効いてしまう） */
@media (min-width: 769px) {
  #non-alcohol .menu-cols > .menu-section + .menu-section { margin-top: 0; }
}

/* シェリー区画: 左列「Gin ジン」の見出しの上余白を、右列「Beer ビール」の見出しと同じにそろえる */
#sherry .menu-cols > .menu-section > .menu-list + .h3 { margin-top: clamp(3rem, 6vw, 5rem); }

/* ページ上部のカテゴリボタンから「ノンアルコール」へ飛んだとき、固定ヘッダーに隠れないようにする */
.page-services #non-alcohol { scroll-margin-top: 100px; }