@charset "UTF-8";

.lp_wrap .oc_c2 {
  margin-top: -1px;
}
.lp_wrap .oc_c2 .photo {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 0.8s;
  opacity: 0;
}
.lp_wrap .oc_c2 .photo.trigger.move {
  opacity: 1;
}
.lp_wrap .oc_c2 .head {
  position: absolute;
  top: 24.1%;
  left: 16.267%;
  width: 78.4%;
  transition: 0.6s 0.3s;
  opacity: 0;
  transform: translateY(-10%);
}
.lp_wrap .oc_c2 .photo.trigger.move ~ .head {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .clinic02 .catch01 {
  position: absolute;
  top: 6.24%;
  left: 7.6%;
  width: 60.533%;
  overflow: hidden;
}
.lp_wrap .clinic02 .catch01.trigger img {
  transition: 0.6s;
  transform: translateY(101%);
}
.lp_wrap .clinic02 .catch01.trigger.move img {
  transform: translateY(0);
}
.lp_wrap .clinic02 .catch02 li {
  position: absolute;
  overflow: hidden;
}
.lp_wrap .clinic02 .catch02 li:nth-child(1) {
  top: 33.8%;
  left: 14.5%;
  width: 62.933%;
}
.lp_wrap .clinic02 .catch02 li:nth-child(2) {
  top: 36.15%;
  left: 6%;
  width: 48.667%;
}
.lp_wrap .clinic02 .catch02 li.trigger img,
.lp_wrap .clinic02 .catch02 li.trigger ~ li img{
  transform: translateY(101%);
}
.lp_wrap .clinic02 .catch02 li:nth-child(1) img {
  transition: 0.6s;
}
.lp_wrap .clinic02 .catch02 li:nth-child(2) img {
  transition: 0.6s 0.4s;
}
.lp_wrap .clinic02 .catch02 li.trigger.move img,
.lp_wrap .clinic02 .catch02 li.trigger.move ~ li img {
  transform: translateY(0);
}
.lp_wrap .clinic02 .fk {
  position: absolute;
  top: 45.92%;
  left: 67.1%;
  width: 28.933%;
  transition: 0.6s;
  transform: scale(0);
  opacity: 0;
  transform-origin: bottom left;
}
.lp_wrap .clinic02 .fk.trigger.move {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .clinic02 .point1 li,
.lp_wrap .clinic02 .point2 li,
.lp_wrap .clinic02 .point3 li,
.lp_wrap .clinic02 .point4 li,
.lp_wrap .clinic02 .point5 li,
.lp_wrap .clinic02 .point6 li {
  position: absolute;
  transition: 0.6s;
  opacity: 0;
  transform: translateY(30%);
}
.lp_wrap .clinic02 .point1 li:nth-child(1) {
  top: 70.98%;
  left: 21.1%;
  width: 11.867%;
}
.lp_wrap .clinic02 .point1 li:nth-child(2) {
  top: 71.03%;
  left: 67.6%;
  width: 11.867%;
}
.lp_wrap .clinic02 .point2 li:nth-child(1) {
  top: 75.1%;
  left: 14.9%;
  width: 24.267%;
}
.lp_wrap .clinic02 .point2 li:nth-child(2) {
  top: 74.7%;
  left: 55.7%;
  width: 36.267%;
}
.lp_wrap .clinic02 .point3 li:nth-child(1) {
  top: 79.33%;
  left: 11.1%;
  width: 31.733%;
}
.lp_wrap .clinic02 .point3 li:nth-child(2) {
  top: 79.88%;
  left: 65.2%;
  width: 17.333%;
}
.lp_wrap .clinic02 .point4 li:nth-child(1) {
  top: 84.3%;
  left: 20%;
  width: 11.867%;
}
.lp_wrap .clinic02 .point4 li:nth-child(2) {
  top: 84.3%;
  left: 67.6%;
  width: 12.133%;
}
.lp_wrap .clinic02 .point5 li:nth-child(1) {
  top: 89.3%;
  left: 14.1%;
  width: 26%;
}
.lp_wrap .clinic02 .point5 li:nth-child(2) {
  top: 89.13%;
  left: 56.4%;
  width: 34.667%;
}
.lp_wrap .clinic02 .point6 li:nth-child(1) {
  top: 95.85%;
  left: 8%;
  width: 34.66666%;
}
.lp_wrap .clinic02 .point6 li:nth-child(2) {
  top: 95.7%;
  left: 59.5%;
  width: 28.53333%;
}
.lp_wrap .clinic02 .point1 li.trigger.move,
.lp_wrap .clinic02 .point1 li.trigger.move ~ li,
.lp_wrap .clinic02 .point2 li.trigger.move,
.lp_wrap .clinic02 .point2 li.trigger.move ~ li,
.lp_wrap .clinic02 .point3 li.trigger.move,
.lp_wrap .clinic02 .point3 li.trigger.move ~ li,
.lp_wrap .clinic02 .point4 li.trigger.move,
.lp_wrap .clinic02 .point4 li.trigger.move ~ li,
.lp_wrap .clinic02 .point5 li.trigger.move,
.lp_wrap .clinic02 .point5 li.trigger.move ~ li,
.lp_wrap .clinic02 .point6 li.trigger.move,
.lp_wrap .clinic02 .point6 li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}