main {
  position: relative;
}
main .back-img {
  width: 70px;
  position: absolute;
  z-index: -2;
  opacity: 0.3;
}
main .back-img01 {
  width: clamp(35px, 9.3vw, 110px);
  top: 10%;
  left: 49%;
  transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
  main .back-img01 {
    top: 15%;
  }
}
main .back-img02 {
  top: 10%;
  width: clamp(55px, 14.6vw, 140px);
  left: 6%;
}
@media screen and (min-width: 769px) {
  main .back-img02 {
    top: 16%;
  }
}
main .back-img03 {
  width: clamp(45px, 12vw, 110px);
  top: 12%;
  left: 6%;
}
@media screen and (min-width: 769px) {
  main .back-img03 {
    top: 19%;
  }
}
main .back-img04 {
  top: 13%;
  right: 5%;
  width: clamp(60px, 16vw, 140px);
  transform: rotate(30deg);
}
@media screen and (min-width: 769px) {
  main .back-img04 {
    top: 20%;
  }
}
main .back-img25 {
  top: 18.7%;
  left: 10%;
  width: clamp(55px, 14.6vw, 130px);
}
@media screen and (min-width: 769px) {
  main .back-img25 {
    top: 28%;
    left: 9%;
  }
}
main .back-img05 {
  top: 20.5%;
  left: 8%;
  width: clamp(45px, 12vw, 110px);
}
@media screen and (min-width: 769px) {
  main .back-img05 {
    top: 33%;
  }
}
main .back-img06 {
  top: 21%;
  right: 6%;
  width: clamp(55px, 14.6vw, 140px);
}
@media screen and (min-width: 769px) {
  main .back-img06 {
    top: 35%;
    right: 10%;
  }
}
main .back-img07 {
  top: 24%;
  left: 10%;
  width: clamp(50px, 13.3vw, 120px);
  transform: scale(-1, 1) rotate(30deg);
}
@media screen and (min-width: 769px) {
  main .back-img07 {
    top: 36%;
    left: 13%;
  }
}
main .back-img08 {
  top: 27%;
  right: 10%;
  width: clamp(50px, 13.3vw, 120px);
  transform: rotate(-13deg);
}
@media screen and (min-width: 769px) {
  main .back-img08 {
    top: 43%;
  }
}
main .back-img09 {
  top: 28%;
  left: 10%;
  width: clamp(40px, 10.6vw, 100px);
}
@media screen and (min-width: 769px) {
  main .back-img09 {
    top: 45%;
  }
}
main .back-img10 {
  top: 32%;
  right: 5%;
  width: clamp(45px, 12vw, 110px);
  transform: rotate(25deg);
}
@media screen and (min-width: 769px) {
  main .back-img10 {
    top: 52%;
  }
}
main .back-img11 {
  top: 36%;
  left: 9%;
  width: clamp(40px, 10.6vw, 100px);
}
@media screen and (min-width: 769px) {
  main .back-img11 {
    top: 56%;
  }
}
main .back-img12 {
  top: 37%;
  right: 5%;
  width: clamp(20px, 5.3vw, 60px);
  transform: rotate(20deg);
}
@media screen and (min-width: 769px) {
  main .back-img12 {
    top: 57%;
    right: 9%;
  }
}
main .back-img13 {
  top: 38.5%;
  left: 5%;
  width: clamp(35px, 9.3vw, 90px);
  transform: scale(-1, 1);
}
@media screen and (min-width: 769px) {
  main .back-img13 {
    top: 58%;
    left: 10%;
  }
}
main .back-img14 {
  top: 38.5%;
  right: 5%;
  width: clamp(27px, 7.2vw, 74px);
}
@media screen and (min-width: 769px) {
  main .back-img14 {
    top: 59%;
    right: 10%;
  }
}
main .back-img15 {
  top: 41%;
  right: 13%;
  width: clamp(70px, 18.6vw, 180px);
  transform: scale(-1, 1) rotate(7deg);
}
@media screen and (min-width: 769px) {
  main .back-img15 {
    top: 61%;
    right: 16%;
  }
}
main .back-img16 {
  top: 43%;
  left: 5%;
  width: clamp(33px, 8.8vw, 86px);
}
@media screen and (min-width: 769px) {
  main .back-img16 {
    top: 63%;
    left: 10%;
  }
}
main .back-img17 {
  top: 45%;
  right: 5%;
  width: clamp(45px, 12vw, 140px);
}
@media screen and (min-width: 769px) {
  main .back-img17 {
    top: 68%;
    right: 15%;
  }
}
main .back-img18 {
  top: 49%;
  left: 7%;
  width: clamp(35px, 9.3vw, 90px);
  transform: rotate(10deg);
}
@media screen and (min-width: 769px) {
  main .back-img18 {
    top: 73%;
    left: 10%;
  }
}
main .back-img19 {
  top: 49%;
  right: 8%;
  width: clamp(55px, 14.6vw, 130px);
}
@media screen and (min-width: 769px) {
  main .back-img19 {
    top: 73%;
    right: 14%;
  }
}
main .back-img20 {
  top: 53%;
  left: 5%;
  width: clamp(40px, 10.6vw, 100px);
}
@media screen and (min-width: 769px) {
  main .back-img20 {
    top: 81%;
    left: 12%;
  }
}
main .back-img21 {
  top: 53%;
  right: 7%;
  width: clamp(30px, 8vw, 80px);
}
@media screen and (min-width: 769px) {
  main .back-img21 {
    top: 80%;
    right: 14%;
  }
}
main .back-img22 {
  top: 56%;
  right: 10%;
  width: clamp(35px, 9.33vw, 90px);
  transform: rotate(-20deg);
}
@media screen and (min-width: 769px) {
  main .back-img22 {
    top: 85%;
    right: 14%;
  }
}
main .back-img23 {
  top: 57%;
  left: 4%;
  width: clamp(35px, 9.33vw, 90px);
  transform: rotate(-20deg);
}
@media screen and (min-width: 769px) {
  main .back-img23 {
    top: 86%;
    left: 14%;
  }
}
main .back-img24 {
  top: 64%;
  left: 12%;
  width: clamp(40px, 10.6vw, 100px);
}
@media screen and (min-width: 769px) {
  main .back-img24 {
    top: 99%;
  }
}
main .back-img26 {
  top: 67%;
  left: 23%;
  width: clamp(45px, 12vw, 110px);
  transform: scale(-1, 1);
}
@media screen and (min-width: 769px) {
  main .back-img26 {
    top: 99%;
  }
}
main .back-img27 {
  top: 67%;
  right: 15%;
  width: clamp(30px, 8vw, 80px);
}
@media screen and (min-width: 769px) {
  main .back-img27 {
    top: 99%;
  }
}
main .back-img28 {
  top: 68%;
  right: 36%;
  width: clamp(25px, 6.6vw, 70px);
  transform: rotate(-30deg);
}
@media screen and (min-width: 769px) {
  main .back-img28 {
    top: 99%;
  }
}
main .back-img29 {
  top: 70%;
  right: 16%;
  width: clamp(35px, 9.33vw, 90px);
}
@media screen and (min-width: 769px) {
  main .back-img29 {
    top: 99%;
  }
}
main .back-img30 {
  top: 75%;
  left: 5%;
  width: clamp(60px, 16vw, 140px);
}
@media screen and (min-width: 769px) {
  main .back-img30 {
    top: 99%;
  }
}
main .back-img31 {
  top: 77%;
  left: 7%;
  width: clamp(35px, 9.33vw, 90px);
}
@media screen and (min-width: 769px) {
  main .back-img31 {
    top: 99%;
  }
}
main .back-img32 {
  top: 78%;
  right: 5%;
  width: clamp(50px, 13.3vw, 120px);
  transform: rotate(40deg);
}
@media screen and (min-width: 769px) {
  main .back-img32 {
    top: 99%;
  }
}
main .back-img33 {
  top: 82%;
  left: 8%;
  width: clamp(60px, 16vw, 140px);
}
@media screen and (min-width: 769px) {
  main .back-img33 {
    top: 99%;
  }
}
main .back-img34 {
  top: 87%;
  left: 4%;
  width: clamp(50px, 13.3vw, 120px);
}
@media screen and (min-width: 769px) {
  main .back-img34 {
    top: 99%;
  }
}
main .back-img35 {
  top: 87.5%;
  right: 5%;
  width: clamp(50px, 13.3vw, 120px);
}
@media screen and (min-width: 769px) {
  main .back-img35 {
    top: 99%;
  }
}
main .back-img36 {
  top: 91%;
  left: 10%;
  width: clamp(60px, 16vw, 140px);
  transform: scale(-1, 1) rotate(30deg);
}
@media screen and (min-width: 769px) {
  main .back-img36 {
    top: 99%;
  }
}
main .back-img37 {
  top: 97%;
  right: 5%;
  width: clamp(45px, 12vw, 110px);
  transform: rotate(30deg);
}
@media screen and (min-width: 769px) {
  main .back-img37 {
    top: 99%;
  }
}

footer {
  position: static;
}
footer .blue {
  position: relative;
}
footer .blue .back-img {
  position: absolute;
  width: 65px;
  top: 20%;
  opacity: 0.3;
}
footer .blue .footer-back-01 {
  top: 48%;
  left: 17%;
  width: clamp(40px, 10vw, 80px);
}
@media screen and (min-width: 769px) {
  footer .blue .footer-back-01 {
    width: clamp(80px, 10.4vw, 130px);
  }
}
footer .blue .footer-back-02 {
  top: 40%;
  right: 14%;
  width: clamp(40px, 10.6vw, 80px);
  transform: rotate(-45deg);
}
@media screen and (min-width: 769px) {
  footer .blue .footer-back-02 {
    width: clamp(80px, 10.4vw, 120px);
  }
}
footer .blue .footer-back-03 {
  top: 75%;
  left: 8%;
  width: clamp(50px, 13.3vw, 100px);
}
@media screen and (min-width: 769px) {
  footer .blue .footer-back-03 {
    width: clamp(100px, 13vw, 150px);
  }
}
footer .blue .footer-back-04 {
  top: 70%;
  right: 7%;
  width: clamp(35px, 9.3vw, 70px);
}
@media screen and (min-width: 769px) {
  footer .blue .footer-back-04 {
    width: clamp(70px, 9.1vw, 90px);
  }
}/*# sourceMappingURL=back.css.map */