@charset "utf-8";

@keyframes halo {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }

  animation: halo 4s linear infinite;
}

.box3Box_List span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffe623;
  position: absolute;
  z-index: 9;
}

.box3Box_List span:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
  border-radius: 50%;
  background: rgb(255 230 35 / 75%);
  z-index: 3;
  opacity: 0;
  transform-origin: center;
  animation: halo 1.5s 0.9s infinite ease-out;
}

/* .box3Box_List:nth-child(1) {
  top: 3.2%;
}

.box3Box_List:nth-child(2) {
  top: 3.5%;
} */
/*
.box3Box_List:nth-child(1) span {
  left: 67.62%;
  bottom: 85%;
}

.box3Box_List:nth-child(2) span:nth-child(1) {
  left: 23.6%;
  bottom: 61.9%;
}

.box3Box_List:nth-child(2) span:nth-child(2) {
  left: 34%;
  bottom: 56.9%;
}

.box3Box_List:nth-child(3) span {
  left: 47.2%;
  bottom: 60.1%;
}

.box3Box_List:nth-child(4) span {
  left: 64.4%;
  bottom: 52%;
}

.box3Box_List:nth-child(5) span:nth-child(1) {
  left: 30.3%;
  bottom: 51%;
}

.box3Box_List:nth-child(5) span:nth-child(2) {
  left: 33%;
  bottom: 52.5%;
}

.box3Box_List:nth-child(6) span {
  left: 54.7%;
  bottom: 64.5%;
}

.box3Box_List:nth-child(7) span {
  left: 36.8%;
  bottom: 51.8%;
  transform: scale(2);
}

.box3Box_List:nth-child(8) span {
  left: 44.8%;
  bottom: 55%;
}

.box3Box_List:nth-child(9) span {
  left: 35.5%;
  bottom: 50.5%;
}

.box3Box_List:nth-child(10) {
  top: 3.5%;
}

.box3Box_List:nth-child(10) span {
  left: 35.2%;
  bottom: 45%;
}

.box3Box_List:nth-child(11) span {
  left: 41.5%;
  bottom: 65.5%;
}

.box3Box_List:nth-child(12) span {
  left: 58%;
  bottom: 56.5%;
}

.box3Box_List:nth-child(13) span {
  left: 22.5%;
  bottom: 63.5%;
}

.box3Box_List:nth-child(14) span {
  left: 50.8%;
  bottom: 75.4%;
}

.box3Box_List:nth-child(15) span {
  left: 31.1%;
  bottom: 46%;
}

.box3Box_List:nth-child(16) span {
  left: 37.5%;
  bottom: 30%;
} */
