/*
 * 追加設問（MAG_UNEI-14630）対応：contact 固有の上書きCSS。
 * contact/css/style.css の `.container { display:flex; flex-wrap:wrap }`（PC時）が
 * agent_2507 フォームの縦積みレイアウトを横折り返しに崩し、
 * 設問の高さが正しく積まれずスクロールできない問題を解消する。
 *
 * agent_2507 の form.css（.container 無指定=block / SP時のみ flex-column）に合わせ、
 * .horizonal .container を縦積みへ戻す。詳細度 0-2-0 で style.css の .container(0-1-0) に勝つ。
 * 読み込み順は style.css → form.css → この override.css（最後）であること。
 */
.horizonal .container {
  display: block;
  flex-wrap: nowrap;
  width: 760px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .horizonal .container {
    display: flex;
    flex-direction: column;
    max-width: none;
    min-width: initial;
    width: 90%;
  }
}

/* STEP4 のみ縦フレックス（agent_2507 の .flex-column 相当を contact でも維持） */
.horizonal .container.flex-column {
  display: flex;
  flex-direction: column;
}

/*
 * 【スクロール不可の根本対処】
 * contact の <body> には従来設計の名残で class="sec1 horizonal" が付いている。
 * agent_2507 の form.css が `.horizonal { overflow:hidden; max-width:1200px; margin:0 auto }`
 * を定義しているため、この指定が <body> 自体にも適用され、
 *   - overflow:hidden  → ページ全体が縦スクロールできない
 *   - max-width:1200px → body 幅が中央寄せで固定される
 * という副作用が出る。定期非常勤を選んで #sec1 が伸びても下の設問までスクロールできない
 * 原因はこの body への overflow:hidden。
 *
 * フォーム本体の横スライド骨格は内側の <div class="horizonal sec1"> が担うため、
 * <body> 側の .horizonal は overflow/max-width/margin を打ち消して通常のページ挙動に戻す。
 * この override は追加設問対象ページ（index.html / hpcr.html）でのみ読み込まれる。
 */
body.horizonal {
  overflow: visible;
  max-width: none;
  margin: 0;
}

/*
 * 曜日／時間モーダル表示中は背景スクロールを固定する。
 * day-of-week-modal.js が <body> に .dow-modal-open を付与し、
 * agent_2507/css/form.css の .dow-modal-open { overflow: hidden } で
 * 背景スクロールを止める想定だが、上の body.horizonal { overflow: visible }
 * の方が詳細度が高く打ち消してしまう。
 * body.horizonal.dow-modal-open（クラス2個）で詳細度を上げて overflow:hidden を復活させる。
 */
body.horizonal.dow-modal-open {
  overflow: hidden;
}