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