#next-button-container {
  /* 画面の右下に固定 */
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999; /* 他の要素より上に表示 */

  /* アニメーション準備 */
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
  pointer-events: none;
}

/* スクロール最下部で付与されるクラス */
#next-button-container.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.next-btn {
  /* サイズを大きく（元の2倍程度に調整） */
  padding: 20px 30px; 
  font-size: 1.2rem;
  font-weight: bold;

  /* 色の設定 */
  background-color: yellow;
  color: black;
  border: 2px solid #000;
  border-radius: 10px; /* 角を少し丸くするとボタンらしくなります */
  cursor: pointer;
  
  /* ホバー時の演出（お好みで） */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}