@charset "UTF-8";

.lp_wrap .doctor .head {
  position: absolute;
  top: 8.2%;
  left: 7.6%;
  width: 77.867%;
}
.lp_wrap .doctor .head.trigger {
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .doctor .head.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .doctor .photo li {
  position: absolute;
  top: 15.4%;
  left: 7.334%;
  width: 85.333%;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .doctor .photo li:nth-child(1) {
  background: #333;
  height: 27.4%;
  transition: 0.6s;
}
.lp_wrap .doctor .photo li:nth-child(2) {
  transition: 0.8s 0.4s;
}
.lp_wrap .doctor .photo li.trigger.move,
.lp_wrap .doctor .photo li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .doctor .tit {
  position: absolute;
  top: 17.4%;
  left: 74.9%;
  width: 21.733%;
}
.lp_wrap .doctor .com li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .doctor .com li:nth-child(1) {
  top: 63%;
  left: 6.1%;
  width: 86.8%;
  transition: 0.6s;
}
.lp_wrap .doctor .com li:nth-child(2) {
  top: 77.7%;
  left: 6.1%;
  width: 86.533%;
  transition: 0.6s 0.4s;
}
.lp_wrap .doctor .com li.trigger.move,
.lp_wrap .doctor .com li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}