/* ==========================================================================
   全画面共通：謎の横スクロールバー発生を完全に防ぐリセット
   ========================================================================== */

   /* ==========================================================================
   全画面共通：リセット（フッター最下部固定 ＆ 縦スクロールバー強制仕様）
   ========================================================================== */
html {
  height: 100%; /* 画面の高さを100%に固定 */
}


body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%; /* 最低でも画面全体の高さを確保 */
  background-color: #f1f5f9; /* ベース背景を薄グレーに固定 */
  overflow-x: hidden; /* 横方向のはみ出しを強制カット */
  font-family: arial, sans-serif;
  overflow-y: scroll;

/* 【ここを追加】フッターを下部に固定するためのFlexbox設定 */
  display: flex;
  flex-direction: column;
}