@charset "UTF-8";
/* CSS Document */
.equlmode {
  position: relative;
  width: 100%;
}
.equlmode .cont01, .equlmode .cont02 {
  position: relative;
}
.equlmode .cont01 .cont01_01 {
  position: absolute;
  top: 2%;
  left: 0;
  right: 0;
  margin: auto;
  width: 60%;
  transition: 1s;
  z-index: 1;
}
.equlmode .cont01 .cont01_01.trigger {
  clip-path: inset(0% 0% 100% 0%);
  opacity: 0;
}
.equlmode .cont01 .cont01_01.trigger.move {
  clip-path: inset(0%);
  opacity: 1;
}
.equlmode .cont01 .cont01_02 {
  position: absolute;
  top: 20%;
  left: 7%;
  margin: auto;
  width: 41%;
  height: auto;
  transition: 0.5s;
}
.equlmode .cont01 .cont01_02 video {
  border-radius: 20px 20px 20px 20px;
}
.equlmode .cont01 .cont01_02.trigger {
  opacity: 0;
  transform: translateX(-8%);
}
.equlmode .cont01 .cont01_02.trigger.move {
  opacity: 1;
  transform: translateY(0%);
}
.equlmode .cont01 .cont01_03 {
  position: absolute;
  top: 20%;
  right: 7%;
  margin: auto;
  width: 41%;
  height: auto;
  transition: 0.5s 0.4s;
}
.equlmode .cont01 .cont01_03 video {
  border-radius: 20px 20px 20px 20px;
}
.equlmode .cont01 .cont01_03.trigger {
  opacity: 0;
  transform: translateX(8%);
}
.equlmode .cont01 .cont01_03.trigger.move {
  opacity: 1;
  transform: translateX(0%);
}
.equlmode .cont01 .cont01_04 {
  position: absolute;
  top: 55%;
  right: 0;
  left: 0;
  margin: auto;
  width: 86%;
  height: auto;
  transition: 0.5s;
  z-index: 1;
}
.equlmode .cont01 .cont01_04 video {
  border-radius: 20px 20px 20px 20px;
}
.equlmode .cont01 .cont01_04.trigger {
  opacity: 0;
}
.equlmode .cont01 .cont01_04.trigger.move {
  opacity: 1;
}
.equlmode .cont01 .cont01_05 {
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  margin: auto;
  width: 86%;
  z-index: 2;
}

.equlmode .cont01 .cont01_05 li {
  position: absolute;
  width: 29%;
  opacity: 0;
  transform: translateY(-15%);
}
.equlmode .cont01 .cont01_05 li:nth-of-type(1) {
  left: 5%;
  transition: 0.8s;
}
.equlmode .cont01 .cont01_05 li:nth-of-type(2) {
  left: 35.5%;
  transition: 0.8s 0.25s;
}
.equlmode .cont01 .cont01_05 li:nth-of-type(3) {
  left: 66%;
  transition: 0.8s 0.5s;
}
.equlmode .cont01 .cont01_05 li.trigger.move, .equlmode .cont01 .cont01_05 li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}

.equlmode .cont01 .cont01_05_02 {
  position: absolute;
  top: 66%;
  left: 0;
  right: 0;
  margin: auto;
  width: 86%;
  z-index: 2;
}

.equlmode .cont01 .cont01_05_02 li {
  position: absolute;
  width: 29%;
  opacity: 0;
  transform: translateY(-15%);
}
.equlmode .cont01 .cont01_05_02 li:nth-of-type(1) {
  left: 5%;
  transition: 0.8s;
}
.equlmode .cont01 .cont01_05_02 li:nth-of-type(2) {
  left: 35.5%;
  transition: 0.8s 0.25s;
}
.equlmode .cont01 .cont01_05_02 li:nth-of-type(3) {
  left: 66%;
  transition: 0.8s 0.5s;
}
.equlmode .cont01 .cont01_05_02 li.trigger.move, .equlmode .cont01 .cont01_05_02 li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.equlmode .cont01 .cont01_06 {
  position: absolute;
  bottom: 9%;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  transition: .6s;
  z-index: 1;
}
.equlmode .cont01 .cont01_06.trigger {
  transform: translateY(-10%);
  opacity: 0;
}
.equlmode .cont01 .cont01_06.trigger.move {
  opacity: 1;
  transform: translateY(0);
}