@charset "UTF-8";

.lp_wrap .select2 {
  position: sticky;
  top: 0%;
}
.lp_wrap .select .item {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
}
.lp_wrap .select .item.trigger {
  transition: 2s;
  clip-path: circle(50% at 0% 0%);
  opacity: 0;
}
.lp_wrap .select .item.trigger.move {
  clip-path: circle(150% at 0% 0%);
  opacity: 1;
}
.lp_wrap .select .head {
  position: absolute;
  top: 3.7%;
  left: 0.4%;
  width: 97.733%;
}
.lp_wrap .select .catch {
  position: absolute;
  top: 60.35%;
  left: 9.1%;
  width: 82.933%;
}
.lp_wrap .select .catch.trigger {
  transition: 0.6s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .select .catch.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .select .step li {
  position: absolute;
  opacity: 0;
  transform: translateY(10%);
}
.lp_wrap .select .step li:nth-child(1) {
  top: 0.25%;
  right: 0.25%;
  width: 93.333%;
  transition: 0.8s;
}
.lp_wrap .select .step li:nth-child(2) {
  top: 12.31%;
  left: 0%;
  width: 83.867%;
  transition: 0.8s 0.3s;
}
.lp_wrap .select .step li:nth-child(3) {
  top: 36.3%;
  right: 0%;
  width: 80%;
  transition: 0.8s 0.6s;
}
.lp_wrap .select .step li:nth-child(4) {
  top: 49.55%;
  left: 0%;
  width: 80.133%;
  transition: 0.8s 0.9s;
}
.lp_wrap .select .step li:nth-child(5) {
  top: 68.27%;
  right: 0%;
  width: 78.933%;
  transition: 0.8s 1.2s;
}
.lp_wrap .select .step li.trigger.move,
.lp_wrap .select .step li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}