@charset "UTF-8";

.lp_wrap .hydra_az .inner {
  height: min(8540px, 1138.7dvw);
  height: min(8540px, 1138.7vw);
}
.lp_wrap .hydra_az .inner.area::before {
  background: url("../image/hydra-az-bg.jpg") 50% center/cover no-repeat;
}
.lp_wrap .hydra_az .deco1 {
  position: absolute;
  top: 22.1%;
  left: 69.6%;
  width: 36.133%;
  z-index: 1;
  animation: 1.6s deco1 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .deco1 img {
  animation: 1.2s deco2 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .cover1 {
  position: absolute;
  top: 22.18%;
  left: 0%;
  width: 100%;
  z-index: 1;
}
.lp_wrap .hydra_az .movie1 {
  position: absolute;
  top: 23.18%;
  left: 8.667%;
  width: 82.667%;
  z-index: 1;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .hydra_az .cycle1 {
  position: absolute;
  top: 22.83%;
  left: 4.934%;
  width: 90.133%;
  z-index: 1;
  animation: 30s cycle1 linear infinite;
}
.lp_wrap .hydra_az .cover2 {
  position: absolute;
  top: 22.72%;
  left: 19%;
  width: 67.6%;
  z-index: 1;
}
.lp_wrap .hydra_az .az_oil li {
  position: absolute;
  z-index: 1;
}
.lp_wrap .hydra_az .az_oil li:nth-child(1) {
  top: 34.57%;
  left: 24.1%;
  width: 11.2%;
  animation: 1.2s deco3 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .az_oil li:nth-child(2) {
  top: 34.78%;
  left: 49.7%;
  width: 11.2%;
  animation: 1.2s deco3 -0.9s ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .az_oil li:nth-child(3) {
  top: 34.63%;
  left: 80.6%;
  width: 11.2%;
  animation: 1.2s deco3 -0.2s ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .az_oil li:nth-child(4) {
  top: 34.5%;
  left: 6.2%;
  width: 15.467%;
  animation: 1.2s deco3 -1s ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .az_oil li:nth-child(5) {
  top: 35.5%;
  left: 38.9%;
  width: 14.933%;
  animation: 1.2s deco3 -0.5s ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .az_oil li:nth-child(6) {
  top: 35.05%;
  left: 63.8%;
  width: 15.467%;
  animation: 1.6s deco3 ease-in-out alternate infinite;
}
@keyframes deco3 {
  0% {
    transform: translateY(-16%);
  }
  100% {
    transform: translateY(16%);
  }
}
.lp_wrap .hydra_az .fk {
  position: absolute;
  top: 36.18%;
  left: 5.2%;
  width: 35.467%;
  z-index: 1;
}
.lp_wrap .hydra_az .deco2 li {
  position: absolute;
  z-index: 1;
}
.lp_wrap .hydra_az .deco2 li:nth-child(1) {
  top: 42.45%;
  left: 3.8%;
  width: 26.4%;
  animation: 1.6s deco1 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .deco2 li:nth-child(2) {
  top: 43.5%;
  left: 67.7%;
  width: 44.933%;
  animation: 1.6s deco1 -0.9s ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .deco2 li img {
  animation: 1.2s deco2 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .cover3 {
  position: absolute;
  top: 42.9%;
  left: 0%;
  width: 100%;
  z-index: 1;
}
.lp_wrap .hydra_az .movie2 {
  position: absolute;
  top: 43.96%;
  left: 8.667%;
  width: 82.667%;
  z-index: 1;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .hydra_az .cycle2 {
  position: absolute;
  top: 43.62%;
  left: 4.8%;
  width: 90.4%;
  z-index: 1;
  animation: 30s cycle1 linear infinite;
}
.lp_wrap .hydra_az .cover4 {
  position: absolute;
  top: 43.44%;
  left: 25.8%;
  width: 60.8%;
  z-index: 1;
}
.lp_wrap .hydra_az .photo {
  position: absolute;
  top: 56.47%;
  right: 0;
  width: 75.333%;
  z-index: 1;
}
.lp_wrap .hydra_az .deco3 {
  position: absolute;
  top: 61.9%;
  left: -12%;
  width: 33.333%;
  z-index: 1;
  animation: 1.6s deco1 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .deco3 img {
  animation: 1.2s deco2 ease-in-out alternate infinite;
}
.lp_wrap .hydra_az .let li {
  position: absolute;
  z-index: 1;
}
.lp_wrap .hydra_az .let li:nth-child(1) {
  top: 58.28%;
  left: 26.4%;
  width: 10%;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .hydra_az .let li:nth-child(2) {
  top: 58.48%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.1s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(3) {
  top: 58.99%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.2s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(4) {
  top: 59.52%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.3s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(5) {
  top: 60.02%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(6) {
  top: 60.55%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.5s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(7) {
  top: 61.06%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.6s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(8) {
  top: 61.57%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.7s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(9) {
  top: 62.09%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.8s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(10) {
  top: 62.6%;
  left: 28.9%;
  width: 5.333%;
  transition: 0.6s 0.9s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(11) {
  top: 58.28%;
  left: 16.6%;
  width: 10%;
  transition: 0.6s 0.4s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .hydra_az .let li:nth-child(12) {
  top: 58.47%;
  left: 19.1%;
  width: 5.2%;
  transition: 0.6s 0.5s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(13) {
  top: 59.04%;
  left: 19.1%;
  width: 5.2%;
  transition: 0.6s 0.6s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(14) {
  top: 59.52%;
  left: 19.1%;
  width: 5.2%;
  transition: 0.6s 0.7s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(15) {
  top: 60.02%;
  left: 19.1%;
  width: 5.2%;
  transition: 0.6s 0.8s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(16) {
  top: 60.53%;
  left: 19.1%;
  width: 5.2%;
  transition: 0.6s 0.9s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(17) {
  top: 61.05%;
  left: 19.1%;
  width: 5.2%;
  transition: 0.6s 1s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(18) {
  top: 58.28%;
  left: 6.8%;
  width: 10%;
  transition: 0.6s 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .hydra_az .let li:nth-child(19) {
  top: 58.47%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 0.9s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(20) {
  top: 58.99%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 1s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(21) {
  top: 59.51%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 1.1s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(22) {
  top: 60.02%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 1.2s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(23) {
  top: 60.54%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 1.3s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(24) {
  top: 61.06%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 1.4s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li:nth-child(25) {
  top: 61.58%;
  left: 8.8%;
  width: 5.467%;
  transition: 0.6s 1.5s;
  opacity: 0;
}
.lp_wrap .hydra_az .let li.trigger.move,
.lp_wrap .hydra_az .let li.trigger.move ~ li {
  opacity: 1;
  clip-path: inset(0);
}
.lp_wrap .hydra_az .plant li {
  position: absolute;
  width: 50%;
  z-index: 1;
  opacity: 1;
}
.lp_wrap .hydra_az .plant li:nth-child(1) {
  top: 68.17%;
  left: 0;
  transition: 1s;
}
.lp_wrap .hydra_az .plant li:nth-child(2) {
  top: 68.17%;
  right: 0;
  transition: 1s 0.4s;
}
.lp_wrap .hydra_az .plant li:nth-child(3) {
  top: 74.54%;
  left: 0;
  transition: 1s 0.8s;
}
.lp_wrap .hydra_az .plant li:nth-child(4) {
  top: 74.54%;
  right: 0;
  transition: 1s 1.2s;
}
.lp_wrap .hydra_az .plant li.trigger.move,
.lp_wrap .hydra_az .plant li.trigger.move ~ li {
  opacity: 0;
}
.lp_wrap .hydra_az .pipette {
  position: absolute;
  top: 66.01%;
  right: 0;
  width: 32.933%;
  z-index: 1;
}
.lp_wrap .hydra_az .catch li {
  position: absolute;
  z-index: 1;
}
.lp_wrap .hydra_az .catch li:nth-child(1) {
  top: 85.14%;
  left: 80.3%;
  width: 10%;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .hydra_az .catch li:nth-child(2) {
  top: 85.36%;
  left: 82.3%;
  width: 6.667%;
  transition: 0.6s 0.1s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(3) {
  top: 85.96%;
  left: 82.3%;
  width: 6.667%;
  transition: 0.6s 0.2s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(4) {
  top: 86.56%;
  left: 82.3%;
  width: 6.667%;
  transition: 0.6s 0.3s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(5) {
  top: 87.13%;
  left: 82.3%;
  width: 6.667%;
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(6) {
  top: 87.76%;
  left: 82.3%;
  width: 6.667%;
  transition: 0.6s 0.5s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(7) {
  top: 85.14%;
  left: 70.5%;
  width: 10%;
  transition: 0.6s 0.4s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .hydra_az .catch li:nth-child(8) {
  top: 85.35%;
  left: 72.3%;
  width: 6.667%;
  transition: 0.6s 0.5s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(9) {
  top: 85.97%;
  left: 72.3%;
  width: 6.667%;
  transition: 0.6s 0.6s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(10) {
  top: 86.54%;
  left: 72.3%;
  width: 6.667%;
  transition: 0.6s 0.7s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(11) {
  top: 87.18%;
  left: 72.3%;
  width: 6.667%;
  transition: 0.6s 0.8s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(12) {
  top: 85.14%;
  left: 60.7%;
  width: 10%;
  transition: 0.6s 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .hydra_az .catch li:nth-child(13) {
  top: 85.32%;
  left: 62.8%;
  width: 6%;
  transition: 0.6s 0.9s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(14) {
  top: 85.94%;
  left: 62.8%;
  width: 6%;
  transition: 0.6s 1s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li:nth-child(15) {
  top: 86.54%;
  left: 62.8%;
  width: 6%;
  transition: 0.6s 1.1s;
  opacity: 0;
}
.lp_wrap .hydra_az .catch li.trigger.move,
.lp_wrap .hydra_az .catch li.trigger.move ~ li {
  opacity: 1;
  clip-path: inset(0);
}