@charset "UTF-8";

.lp_wrap .bb2_3_1 {
  width: 100%;
  max-width:750px;
}

.lp_wrap .bb2_3_1 .bb2_d_t li{
  position: absolute;
  top: 14.2%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 73.6%;
  opacity: 0;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(1) {
  transition: 0.5s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(2) {
  transition: 0.5s 0.2s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(3) {
  transition: 0.5s 0.4s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(4) {
  transition: 0.5s 0.6s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(5) {
  transition: 0.5s 0.8s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(6) {
  transition: 0.5s 1s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(7) {
  transition: 0.5s 1.2s;
}
.lp_wrap .bb2_3_1 .bb2_d_t li:nth-of-type(8) {
  transition: 0.5s 1.4s;
}
.lp_wrap .bb2_3_1.trigger.move ul li {
    opacity: 1;
}

.lp_wrap .bb2_3_1 .bb2_en1 {
  position: absolute;
  top: 72.5%;
  left: 4.7%;
  width: 29.3334%;
  max-width: 220px;
  opacity: 0;
}
.lp_wrap .bb2_3_1 .bb2_en1.trigger.move {
  opacity: 1;
  animation: gorori1 1s linear forwards;
}
@keyframes gorori1{
  0% {
    transform:rotateZ(360deg);
    left: 100%;
  }
  100% {
    transform:rotateZ(0);
    left: 4.7%;
  }
}

.lp_wrap .bb2_3_1 .bb2_en2 {
  position: absolute;
  top: 72.5%;
  left: 35.3%;
  width: 29.3334%;
  max-width: 220px;
  opacity: 0;
}
.lp_wrap .bb2_3_1 .bb2_en2.trigger.move {
  opacity: 1;
  animation: gorori2 1s linear forwards;
}
@keyframes gorori2{
  0% {
    transform:rotateZ(360deg);
    left: 100%;
  }
  100% {
    transform:rotateZ(0);
    left: 35.3%;
  }
}

.lp_wrap .bb2_3_1 .bb2_en3 {
  position: absolute;
  top: 72.5%;
  left: 66%;
  width: 29.3334%;
  max-width: 220px;
  opacity: 0;
}
.lp_wrap .bb2_3_1 .bb2_en3.trigger.move {
  opacity: 1;
  animation: gorori 1s linear forwards;
}

@keyframes gorori{
  0% {
    transform:rotateZ(360deg);
    left: 100%;
  }
  100% {
    transform:rotateZ(0);
    left: 66%;
  }
}