@charset "UTF-8";

.lp_wrap .bb4_2 {
  width: 100%;
  max-width:750px;
}
.lp_wrap .bb4_2 .head li {
  position: absolute;
  left: 7.8%;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .bb4_2 .head li:nth-of-type(1) {
  top: 29.5%;
  width: 21.6%;
  transition: 0.8s;
}
.lp_wrap .bb4_2 .head li:nth-of-type(2) {
  top: 42.5%;
  width: 40.5333%;
  transition: 0.8s 0.3s;
}
.lp_wrap .bb4_2 .head li:nth-of-type(3) {
  top: 55.7%;
  width: 42.5333%;
  transition: 0.8s 0.6s;
}
.lp_wrap .bb4_2 .head li:nth-of-type(4) {
  top: 68.7%;
  width: 59.4666%;
  transition: 0.8s 0.9s;
}
.lp_wrap .bb4_2 .head li.trigger.move,
.lp_wrap .bb4_2 .head li.trigger.move ~li {
  clip-path: inset(0);
}