:root{
  --bg-y: 50%;
/* JSで 0%?100% を入れる */
}
html, body{
  height: 100%;
  margin: 0;
}
body{
  /* 背景（途切れ＝空白が出ないように cover） */
  background-image : url(../img_top/back1.jpg);
  /* パスは適宜 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center var(--bg-y);
  background-attachment: fixed;
  /* 背景はviewport基準に固定（空白が出にくい） */
  color : #ffffff;
}
.page::before{
  /* 文字が見づらい場合だけ使う薄い幕 */
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.25);
  pointer-events: none;
}