@charset "UTF-8";

.lp_wrap .bb4_5 {
  width: 100%;
  max-width:750px;
}
.lp_wrap .bb4_5 .slider_wrap {
  overflow: hidden;
}
.lp_wrap .bb4_5 .slider_wrap {
  position: absolute;
  top: 66%;
  left: 0%;
  width: 360%;
  overflow: hidden;
}
.lp_wrap .bb4_5 .bb4_basebread{
  position: absolute;
  top: 30%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.3334%;
  max-width: 640px;
  transition: 1s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .bb4_5 .bb4_basebread.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .bb4_5 .bb4_cover {
  position: absolute;
  top: 59.2%;
  left: 47.2%;
  width: 45.8666%;
}
.lp_wrap .bb4_5 .bbp li {
  position: absolute;
  bottom: -1%;
  width: 13.6%;
  opacity: 0;
  transform: translateY(100%);
}
.lp_wrap .bb4_5 .bbp li:nth-of-type(1) {
  left: 3%;
  transition: 0.8s;
}
.lp_wrap .bb4_5 .bbp li:nth-of-type(2) {
  left: 19.2%;
  transition: 0.8s 0.1s;
}
.lp_wrap .bb4_5 .bbp li:nth-of-type(3) {
  left: 35.7%;
  transition: 0.8s 0.2s;
}
.lp_wrap .bb4_5 .bbp li:nth-of-type(4) {
  left: 52%;
  transition: 0.8s 0.3s;
}
.lp_wrap .bb4_5 .bbp li:nth-of-type(5) {
  left: 68%;
  transition: 0.8s 0.4s;
}
.lp_wrap .bb4_5 .bbp li:nth-of-type(6) {
  left: 83.5%;
  transition: 0.8s 0.5s;
}
.lp_wrap .bb4_5 .bbp li.trigger.move,
.lp_wrap .bb4_5 .bbp li.trigger.move ~li {
  opacity: 1;
  transform: translateY(0);
}