@charset "utf-8";

.lp_wrap .voice .head1 {
  position: absolute;
  top: 4.8%;
  left: 20.267%;
  width: 59.467%;
  transition: 0.73s;
  mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%);
  mask-size: 250% 100%;
  mask-position: 100% 0%;
}
.lp_wrap .voice .head1.move {
  mask-position: 0% 0%;
}
.lp_wrap .voice .head2 div,
.lp_wrap .voice .head3 div {
  position: absolute;
  clip-path: inset(0% 0% 100% 0%);
}
.lp_wrap .voice .head2 div:nth-child(1) {
  top: 20%;
  right: 4.2%;
  width: 10.667%;
  transition: 0.6s;
}
.lp_wrap .voice .head2 div:nth-child(2) {
  top: 20%;
  right: 16.8%;
  width: 10.8%;
  transition: 0.6s 0.2s;
}
.lp_wrap .voice .head3 div:nth-child(1) {
  top: 60.4%;
  left: 16.8%;
  width: 10.8%;
  transition: 0.6s;
}
.lp_wrap .voice .head3 div:nth-child(2) {
  top: 60.4%;
  left: 4.2%;
  width: 10.667%;
  transition: 0.6s 0.2s;
}
.lp_wrap .voice .head2 div.move,
.lp_wrap .voice .head2 div.move ~ div,
.lp_wrap .voice .head3 div.move,
.lp_wrap .voice .head3 div.move ~ div {
  clip-path: inset(0%);
}