@charset "UTF-8";

.lp_wrap .oc_c1 .photo {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .oc_c1 .photo.trigger.move {
  opacity: 1;
}
.lp_wrap .oc_c1 .dots {
  position: absolute;
  top: -6.1%;
  left: 49.734%;
  width: 0.533%;
}
.lp_wrap .oc_c1 .head {
  position: absolute;
  top: 25.6%;
  left: 15.334%;
  width: 69.333%;
  transition: 0.6s 0.3s;
  opacity: 0;
  transform: translateY(-10%);
}
.lp_wrap .oc_c1 .photo.trigger.move ~ .head {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .clinic01 .item {
  position: absolute;
  top: 6.3%;
  right: 0%;
  width: 66.8%;
  transition: 0.8s;
  transform: translateX(101%);
}
.lp_wrap .clinic01 .item.trigger.move {
  transform: translateX(0);
}
.lp_wrap .clinic01 .check {
  position: absolute;
  top: 30.7%;
  left: 9.33%;
  width: 9.333%;
  transition: 0.6s;
  opacity: 0;
  transform: translateY(40%);
}
.lp_wrap .clinic01 .check.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .clinic01 .head02 li {
  position: absolute;
  overflow: hidden;
}
.lp_wrap .clinic01 .head02 li:nth-child(1) {
  top: 42.6%;
  left: 14.8%;
  width: 30.533%;
}
.lp_wrap .clinic01 .head02 li:nth-child(2) {
  top: 44.4%;
  left: 25%;
  width: 29.867%;
}
.lp_wrap .clinic01 .head02 li:nth-child(3) {
  top: 45.75%;
  left: 9.7%;
  width: 36.667%;
}
.lp_wrap .clinic01 .head02 li.trigger img,
.lp_wrap .clinic01 .head02 li.trigger ~ li img{
  transform: translateY(101%);
}
.lp_wrap .clinic01 .head02 li:nth-child(1) img {
  transition: 0.6s;
}
.lp_wrap .clinic01 .head02 li:nth-child(2) img {
  transition: 0.6s 0.3s;
}
.lp_wrap .clinic01 .head02 li:nth-child(3) img {
  transition: 0.6s 0.6s;
}
.lp_wrap .clinic01 .head02 li.trigger.move img,
.lp_wrap .clinic01 .head02 li.trigger.move ~ li img {
  transform: translateY(0);
}
.lp_wrap .clinic01 .point1 li,
.lp_wrap .clinic01 .point2 li,
.lp_wrap .clinic01 .point3 li,
.lp_wrap .clinic01 .point4 li,
.lp_wrap .clinic01 .point5 li {
  position: absolute;
  transition: 0.6s;
  opacity: 0;
  transform: translateY(30%);
}
.lp_wrap .clinic01 .point1 li:nth-child(1) {
  top: 67.1%;
  left: 8%;
  width: 36.533%;
}
.lp_wrap .clinic01 .point1 li:nth-child(2) {
  top: 67.1%;
  left: 63.3%;
  width: 18.267%;
}
.lp_wrap .clinic01 .point2 li:nth-child(1) {
  top: 71.8%;
  left: 12.1%;
  width: 28.4%;
}
.lp_wrap .clinic01 .point2 li:nth-child(2) {
  top: 73.8%;
  left: 58.6%;
  width: 30.267%;
}
.lp_wrap .clinic01 .point3 li:nth-child(1) {
  top: 76.6%;
  left: 20.3%;
  width: 11.867%;
}
.lp_wrap .clinic01 .point3 li:nth-child(2) {
  top: 76.65%;
  left: 68.2%;
  width: 11.6%;
}
.lp_wrap .clinic01 .point4 li:nth-child(1) {
  top: 83.7%;
  left: 15.7%;
  width: 20.933%;
}
.lp_wrap .clinic01 .point4 li:nth-child(2) {
  top: 83.7%;
  left: 62.6%;
  width: 20.933%;
}
.lp_wrap .clinic01 .point5 li:nth-child(1) {
  top: 86.8%;
  left: 21%;
  width: 11.867%;
}
.lp_wrap .clinic01 .point5 li:nth-child(2) {
  top: 87.1%;
  left: 59.2%;
  width: 27.6%;
}
.lp_wrap .clinic01 .point1 li.trigger.move,
.lp_wrap .clinic01 .point1 li.trigger.move ~ li,
.lp_wrap .clinic01 .point2 li.trigger.move,
.lp_wrap .clinic01 .point2 li.trigger.move ~ li,
.lp_wrap .clinic01 .point3 li.trigger.move,
.lp_wrap .clinic01 .point3 li.trigger.move ~ li,
.lp_wrap .clinic01 .point4 li.trigger.move,
.lp_wrap .clinic01 .point4 li.trigger.move ~ li,
.lp_wrap .clinic01 .point5 li.trigger.move,
.lp_wrap .clinic01 .point5 li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .clinic01 .catch {
  position: absolute;
  top: 97.48%;
  left: 6.9%;
  width: 61.467%;
  overflow: hidden;
}
.lp_wrap .clinic01 .catch.trigger img {
  transition: 0.6s;
  transform: translateY(101%);
}
.lp_wrap .clinic01 .catch.trigger.move img {
  transform: translateY(0);
}