/* ページ下部ボールエリア */
.section-has-ball {
  height: 290px;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

@media screen and (min-width: 1050px) {
  .section-has-ball {
    position: relative;
    margin-top: -255px;
  }
}
@media screen and (max-width: 1049px) {
  .section-has-ball {
    position: absolute;
    width: 100%;
    margin-top: -400px;
  }
}
@media screen and (max-width: 769px) {
  .section-has-ball {
    margin-top: -290px;
    height: 180px;
  }
}

.page-bottom-ball {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 880px;
  height: 100vh;
  z-index: -1;
}
@media screen and (min-width: 1050px) {
  .page-bottom-ball {
    max-width: 1200px;
  }
}

.page-bottom-ball__item {
  position: absolute;
  bottom: 0;
}

.page-bottom-ball__fast {
  z-index: 3;
}

.page-bottom-ball__normal {
  z-index: 2;
}

.page-bottom-ball__slow {
  z-index: 1;
}


#page-bottom-ball__item-01 {
  width: 13px;
  height: 13px;
  bottom: 159px;
  left: 13.9%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-01 {
    width: 25px;
    height: 25px;
    bottom: 185px;
    left: auto;
    right: 25.9%;
  }
}
#page-bottom-ball__item-02 {
  width: 39px;
  height: 39px;
  bottom: 122px;
  right: 24.9%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-02 {
    width: 94px;
    height: 94px;
    bottom: -44px;
    right: auto;
    left: 11%;
  }
}
#page-bottom-ball__item-03 {
  /* width: 22px;
  height: 22px;
  bottom: 73px;
  right: 10.3%; */
  display: none;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-03 {
    display: block;
    width: 45px;
    height: 45px;
    bottom: 154px;
    right: 4.2%;
  }
}
#page-bottom-ball__item-04 {
  width: 33px;
  height: 33px;
  bottom: 88px;
  left: 24.5%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-04 {
    width: 80px;
    height: 80px;
    bottom: 131px;
    left: 27.2%;
  }
}

#page-bottom-ball__item-05 {
  width: 23px;
  height: 23px;
  bottom: 16px;
  left: 25.9%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-05 {
    width: 39px;
    height: 39px;
    bottom: 102px;
    left: 7.2%;
  }
}
#page-bottom-ball__item-06 {
  width: 34px;
  height: 34px;
  bottom: 128px;
  right: -1.7%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-06 {
    display: none;
  }
}
#page-bottom-ball__item-07 {
  width: 95px;
  height: 95px;
  bottom: -37px;
  right: -4.5%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-07 {
    width: 191px;
    height: 190px;
    bottom: -73px;
    right: -2.8%;
  }
}
#page-bottom-ball__item-08 {
  display: block;
  width: 20px;
  height: 20px;
  bottom: 152px;
  right: 43.2%;
}
#page-bottom-ball__item-08_pc {
  display: none;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-08 {
    display: none;
  }
  #page-bottom-ball__item-08_pc {
    display: block;
    width: 63px;
    height: 63px;
    bottom: 245px;
    right: 12.4%;
  }
}
#page-bottom-ball__item-09 {
  display: block;
  width: 51px;
  height: 51px;
  bottom: 42px;
  right: 35.3%;
}
#page-bottom-ball__item-09_pc {
  display: none;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-09 {
    display: none;
  }
  #page-bottom-ball__item-09_pc {
    display: block;
    width: 126px;
    height: 125px;
    bottom: 39px;
    right: 37.7%;
  }
}
#page-bottom-ball__item-10 {
  /* display: none; */
  width: 23px;
  height: 23px;
  bottom: 73px;
  right: 10.4%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-10 {
    /* display: inline-block; */
    width: 35px;
    height: 35px;
    bottom: 239px;
    left: 15.1%;
  }
}
#page-bottom-ball__item-11 {
  width: 92px;
  height: 92px;
  bottom: 40px;
  left: -9.7%;
}
@media screen and (min-width: 1050px) {
  #page-bottom-ball__item-11 {
    width: 110px;
    height: 110px;
    bottom: 206px;
    left: -2.8%;
  }
}