@charset "UTF-8";

.lp_wrap .drs_review :is(.graph1, .graph2) {
  position: absolute;
  top: 39%;
  left: 4.667%;
  width: 90.667%;
  aspect-ratio: 1 / 1;
}
.lp_wrap .drs_review :is(.graph1, .graph2) svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.lp_wrap .drs_review .graph1 svg circle {
  fill: transparent;
  stroke: #ffffff;
  stroke-width: 48;
  stroke-dasharray: 1970 1970;
  stroke-dashoffset: 1970;
  transition: 1.6s 0.2s;
}
.lp_wrap .drs_review.move .graph1 svg circle {
  stroke-dashoffset: 0;
}
.lp_wrap .drs_review .graph2 svg circle {
  fill: transparent;
  stroke: #41c24b;
  stroke-width: 50;
  stroke-dasharray: 16 8;
  stroke-dashoffset: 0;
}
.lp_wrap .drs_review .head {
  position: absolute;
  top: 22%;
  left: 24.8%;
  width: 50.4%;
  transition: 0.6s;
}
.lp_wrap .drs_review.move .head {
  top: 6%;
}
.lp_wrap .drs_review .exp {
  position: absolute;
  top: 32%;
  left: 22.467%;
  width: 55.067%;
  transition: 0.6s;
}
.lp_wrap .drs_review.move .exp {
  top: 52%;
}
.lp_wrap .drs_review .athlete li {
  position: absolute;
  opacity: 0;
}
.lp_wrap .drs_review .athlete li:nth-child(1) {
  top: 10.4%;
  left: 45.6%;
  width: 16.667%;
  transition: 0.6s 0.6s;
  transform: translateY(20%);
}
.lp_wrap .drs_review .athlete li:nth-child(2) {
  top: 19.3%;
  left: 21.4%;
  width: 33.2%;
  transition: 0.6s 0.8s;
  transform: translateX(-20%);
}
.lp_wrap .drs_review .athlete li:nth-child(3) {
  top: 22.4%;
  left: 52.6%;
  width: 37.067%;
  transition: 0.6s 1s;
  transform: translateX(20%);
}
.lp_wrap .drs_review .athlete li:nth-child(4) {
  top: 31.4%;
  left: 36.3%;
  width: 17.333%;
  transition: 0.6s 1.2s;
  transform: translateX(20%);
}
.lp_wrap .drs_review.move .athlete li {
  opacity: 1;
  transform: translateX(0%) translateY(0%);
}