/* =================================
   紙芝居風スクロール（.fixed）の修正
   ================================= */

/* 各固定セクション（位置や中のコンテンツは元のデザインのままキープ） */
.fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  box-sizing: border-box;
  z-index: 1;

  /* 中のコンテンツが中央などに綺麗に配置されるようにするための設定 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  /* 重要：背景色（白）はここでは指定せず、疑似要素側に持たせます */
  background-color: transparent;
}

/* 疑似要素を使って「白い背景」だけを強制的に画面いっぱいに引き延ばす */
.fixed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /* 画面の中心を基準にする */

  /* 画面（ビューポート）の幅・高さに強制的に合わせる */
  width: 100vw;
  height: 100vh;

  background-color: #ffffff;
  /* 白い背景 */
  /* box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05); */
  /* うっすら影 */
  z-index: -1;
  /* 中身のコンテンツよりも後ろに配置する */
  pointer-events: none;
  /* マウス操作を邪魔しないようにする */
}

/* セクションごとの重なり順（z-index）の指定 */
.company-menu .menu-item--01 {
  z-index: 10;
}

.company-menu .menu-item--02 {
  z-index: 20;
}

.company-menu .menu-item--03 {
  z-index: 30;
}

.company-menu .menu-item--04 {
  z-index: 40;
}