@charset "UTF-8";

.lp_wrap .synergy .head li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .synergy .head li:nth-child(1) {
  top: 5.65%;
  left: 8.4%;
  width: 84.4%;
  transition: 0.6s;
}
.lp_wrap .synergy .head li:nth-child(2) {
  top: 27.4%;
  left: 19%;
  width: 62.133%;
  transition: 0.6s 0.4s;
}
.lp_wrap .synergy .head li.trigger.move,
.lp_wrap .synergy .head li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .synergy .icon li {
  position: absolute;
  top: 32.3%;
  width: 43.733%;
  transition: 0.6s;
}
.lp_wrap .synergy .icon li:nth-child(1) {
  left: 5.2%;
  transform: translateX(-120%);
}
.lp_wrap .synergy .icon li:nth-child(2) {
  left: 50.9%;
  transform: translateX(120%);
}
.lp_wrap .synergy .icon li.trigger.move,
.lp_wrap .synergy .icon li.trigger.move ~ li {
  transform: translateX(0);
}
.lp_wrap .synergy .kakeru {
  position: absolute;
  top: 42.05%;
  left: 46.1%;
  width: 7.6%;
}
.lp_wrap .synergy .catch01 li {
  position: absolute;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .synergy .catch01 li:nth-child(1) {
  top: 61.02%;
  left: 10.95%;
  width: 27.067%;
  transition: 0.6s;
}
.lp_wrap .synergy .catch01 li:nth-child(2) {
  top: 60.9%;
  left: 46.9%;
  width: 35.867%;
  transition: 0.8s 0.4s;
}
.lp_wrap .synergy .catch01 li.trigger.move,
.lp_wrap .synergy .catch01 li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .synergy .slider_wrap {
  position: absolute;
  top: 69.06%;
  left: 0%;
  width: 100%;
}
.lp_wrap .synergy .slider_wrap img {
  width: 94.723%;
  margin: auto;
}
.lp_wrap .synergy .catch02 {
  position: absolute;
  top: 93.03%;
  left: 56%;
  width: 20.267%;
  overflow: hidden;
}
.lp_wrap .synergy .catch02.trigger img {
  transition: 0.6s;
  transform: translateY(101%);
}
.lp_wrap .synergy .catch02.trigger.move img {
  transform: translateY(0);
}