@charset "UTF-8";

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

.lp_wrap .bb1_4 .bb1_en1 {
  position: absolute;
  top: 15%;
  left: 10%;
  width: 24%;
  max-width: 180px;
  transition: 0.5s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .bb1_4 .bb1_en1.trigger.move {
  opacity: 1;
  transform: scale(1);
}

.lp_wrap .bb1_4 .bb1_en2 {
  position: absolute;
  top: 15%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 24%;
  max-width: 180px;
  transition: 0.5s 0.5s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .bb1_4 .bb1_en2.trigger.move {
  opacity: 1;
  transform: scale(1);
}

.lp_wrap .bb1_4 .bb1_en3 {
  position: absolute;
  top: 15%;
  left: 66%;
  width: 24%;
  max-width: 180px;
  transition: 0.5s 1s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .bb1_4 .bb1_en3.trigger.move {
  opacity: 1;
  transform: scale(1);
}

.lp_wrap .bb1_4 .bb1_package {
  position: absolute;
  top: 28%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 40%;
  max-width: 300px;
  transition: 1s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .bb1_4 .bb1_package.trigger.move {
  opacity: 1;
  transform: translateY(0);
}