/* ============================================================
   RESPONSIVE STYLES — style_1200.css
   Breakpoint: max-width 1200px
   使用ページ: index.html / asbestos.html（ハンバーガーメニュー切り替え）
   ============================================================ */

@media (max-width: 1200px) {
  :root { --header-h: 84px; }

  /* PCナビゲーションを非表示 */
  .header__nav {
    display: none;
  }

  /* ハンバーガーボタンを表示 */
  .nav-toggle {
    display: flex;
  }

  /* 2段レイアウトをリセット → ロゴ左・ハンバーガー右の1段に戻す */
  .header__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-block: 0;
    height: 100%;
    gap: 0;
  }

  .p-breadcrumb .container { padding-inline-start: 100px; }
  .p-news__inner,
  .p-article__container,
  .p-privacy__inner,
  .p-security__inner,
  .p-greeting__inner,
  .p-plan__inner { padding-inline-start: 100px; }
  .p-company__inner { padding-inline: 100px var(--gutter); }

  /* ===== KODOMO CAFETERIA PAGE（こども食堂） ===== */
  .p-kodomo__breadcrumb .container { padding-inline: 100px; }
  .p-kodomo__inner { padding-inline: 100px; }
  .p-kodomo__images { gap: 40px; }
  .p-kodomo__img-item { width: 480px; height: 640px; }

  /* ===== VOLUNTEER PAGE（ボランティア活動） ===== */
  .p-volunteer__breadcrumb .container { padding-inline: 100px; }
  .p-volunteer__inner { padding-inline: 100px; }
  .p-volunteer__body { padding-left: 80px; }
  .p-volunteer__divider { margin-left: 80px; }
  .p-volunteer__images { margin-left: 80px; gap: 50px 50px; }

  /* ===== SERVICE TOP PAGE ===== */
  .p-service-intro__inner { padding-inline: 100px; }
  .p-service-intro__en { font-size: 52px; }
  .p-service-section__inner { padding-inline: 100px; }
  .p-service-section__cat-ja { font-size: 32px; }
  .p-service-hero { height: 600px; }
  .p-service-row { height: auto; min-height: 290px; }
  /* 1アイテムのみの行：余白を詰めて空セルを非表示 */
  .p-service-row--single { min-height: 0; }
  .p-service-row--single .p-service-row__divider { display: none; }
  .p-service-row--single .p-service-item--empty { display: none; }
  .p-service-item { padding: 0 15px; }
  .p-service-item__img { width: 170px; height: 170px; }
}