/* ============================================================
   RESPONSIVE STYLES — style_1600.css
   Breakpoint: max-width 1600px
   ヘッダーをロゴ上・ナビ下の2段レイアウトに切り替え
   ============================================================ */

@media (max-width: 1600px) {
  .header__nav-list {
    gap: 32px;
  }

  /* ===== SERVICE TOP PAGE ===== */
  /* waku1〜3（catch + desc）をカラム方向に切り替え */
  .p-service-section__waku,
  .p-service-section__waku2,
  .p-service-section__waku3 {
    flex-direction: column;
    gap: 24px;
    margin: 80px 0;
  }
}
