/*画面全体の設定*/
body,
html {
  height: 100%;
  margin: 0 auto;
  letter-spacing: 2px;
  font-size: 10px;
}
 
/*固定する背景*/
div {
  box-sizing: border-box;
  color: #FFF;
  font-size: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5%;
}
.parallax-bg {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 50%;
}
/*各背景の画像*/
.img-bg-01 {
  background-image: url('https://world-stage.net/eternal-code/main/back1.jpg');
}
.img-bg-02 {
  background-image: url('https://world-stage.net/eternal-code/main/back2.jpg');
}
.img-bg-03 {
  background-image: url('https://world-stage.net/eternal-code/main/back3.jpg');
}
.img-bg-04 {
  background-image: url('https://world-stage.net/eternal-code/main/back4.jpg');
}
.img-bg-05 {
  background-image: url('https://world-stage.net/eternal-code/main/back5.jpg');
}
 
/*スクロールするコンテンツ*/
.scrollbox1 {
  background-color: #111;
}
.scrollbox2 {
  background-color: #222;
}
.scrollbox3 {
  background-color: #333;
}
.scrollbox4 {
  background-color: #444;
}
.scrollbox5 {
  background-color: #555;
}
.scrollbox6 {
  background-color: #666;
}