@charset "UTF-8";

/* resources */
.ani.active .img-box img {
  transform: scale(1);
}

/* service */
.service .sec1 .p1.ani.active span {
  animation-delay: 0.1s;
}
.service .sec1 .lists li:nth-child(2).ani.active a {
  animation-delay: 0.2s;
}
.service .sec1 .lists li:nth-child(3).ani.active a {
  animation-delay: 0.3s;
}
.service .sec1 .lists li:nth-child(4).ani.active a {
  animation-delay: 0.3s;
}
.service .sec1 .lists li:nth-child(5).ani.active a {
  animation-delay: 0.3s;
}
.service .sec1 .lists li a .img-box {
  transform: scale(1.1);
  transition: transform 0.75s ease;
}
.service .sec1 .lists li.ani.active a .img-box {
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  .service .sec1 .p1.ani.active span {
    animation-delay: 0s;
  }
  .service .sec1 .lists li.ani.active a {
    animation-delay: 0s !important;
  }
}

/* service sub */
.page-style1 .title2.ani.active span {
  animation-delay: 0.1s;
}
.service.sub .left p.ani.active span {
  animation-delay: 0.2s;
}
.service.sub .left .l-lists.ani.active ul {
  animation-delay: 0.2s;
}
.service.sub .r-lists li > * {
  opacity: 1;
}
.service.sub .r-lists li.ani.active > * {
  animation: none;
}
.service.sub .r-lists.ani.active li:nth-child(2) {
  animation-delay: 0.1s;
}
.service.sub .r-lists.ani.active li:nth-child(3) {
  animation-delay: 0.2s;
}
.service.sub .r-lists.ani.active li:nth-child(4) {
  animation-delay: 0.3s;
}
.service-sub-03-page .service.sub .r-img-box.ani.active span {
  animation-delay: 0.1s;
}
.service.sub .r-lists2.ani.active .wrap {
  animation-delay: 0.1s;
}
.service.sub .r-table-lists.ani.active > li {
  animation-delay: 0.1s;
}
.service.sub .r-table-lists .color1 span {
  opacity: 1;
}
.service.sub .r-table-lists ol {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .page-style1 .title2.ani.active span {
    animation-delay: 0s;
  }
  .service.sub .left p.ani.active span {
    animation-delay: 0s;
  }
  .service.sub .left .l-lists.ani.active ul {
    animation-delay: 0s;
  }
  .service.sub .r-lists > * {
    opacity: 1;
  }
  .service.sub .r-lists.ani.active > * {
    animation: none;
  }
  .service.sub .r-lists li > * {
    opacity: 0;
  }
  .service.sub .r-lists li.ani.active > * {
    opacity: 1;
    display: block;
    animation: posY-3vw-up 1s cubic-bezier(0.19, 1, 0.22, 1) both;
  }
  .service.sub .r-lists li:nth-child(2).ani.active > * {
    animation-delay: 0s;
  }
  .service.sub .r-lists li:nth-child(3).ani.active > * {
    animation-delay: 0s;
  }
  .service.sub .r-lists li:nth-child(4).ani.active > * {
    animation-delay: 0s;
  }
  .service-sub-03-page .service.sub .r-img-box.ani.active span {
    animation-delay: 0s;
  }
  .service.sub .r-lists2.ani.active .wrap {
    animation-delay: 0s;
  }
  .service.sub .r-table-lists.ani.active > li {
    animation-delay: 0s;
  }
  .service.sub .r-table-lists .color1 span {
    opacity: 0;
  }
  .service.sub .r-table-lists ol {
    opacity: 0;
  }
}

/* main */
.main .home01 .wrap.step1.on .text-box .left p.m-ani span {
  animation-delay: 0.1s;
}
.main .home01 .wrap.step1.on .text-box .right.m-ani .scroll {
  animation-delay: 0.05s;
}

.home02 .wrap.step2.active .text.t-top span:nth-child(1) {
  transition-delay: 0.4s;
}
.home02 .wrap.step2.active .text.t-top span:nth-child(2) {
  transition-delay: 0.5s;
}
.home02 .wrap.step2.active .text.t-top span:nth-child(3) {
  transition-delay: 0.6s;
}
.home02 .wrap.step2.active .text.t-top span:nth-child(4) {
  transition-delay: 0.7s;
}
.home02 .wrap.step2.active .text.t-bottom span:nth-child(1) {
  transition-delay: 0.7s;
}
.home02 .wrap.step2.active .text.t-bottom span:nth-child(2) {
  transition-delay: 0.6s;
}
.home02 .wrap.step2.active .text.t-bottom span:nth-child(3) {
  transition-delay: 0.5s;
}
.home02 .wrap.step2.active .text.t-bottom span:nth-child(4) {
  transition-delay: 0.4s;
}
.home02 .wrap.step2.active .base.step1 .line {
  transition-delay: 0.7s;
}
.home02 .wrap.step2.active .base.step2 .line {
  transition-delay: 0.6s;
}
.home02 .wrap.step2.active .base.step3 .line {
  transition-delay: 0.5s;
}
.home02 .wrap.step2.active .circle-box .base.step1 .wrap {
  transition-delay: 0.7s;
  transform: rotate(-50.5deg);
}
.home02 .wrap.step2.active .circle-box .base.step2 .wrap {
  transition-delay: 0.6s;
  transform: rotate(-92deg);
}
.home02 .wrap.step2.active .circle-box .base.step3 .wrap {
  transition-delay: 0.5s;
  transform: rotate(-121.6deg);
}
.home02 .wrap.step2.active .circle-box .base.step4 .wrap {
  transition-delay: 0.4s;
  transform: rotate(180deg);
}
.mo .m-home02 .graph-box.ani.active .text span {
  opacity: 1;
}
.mo .m-home02 .graph-box.ani.active .text.t-top span:nth-child(2) {
  transition-delay: 0.55s;
}
.mo .m-home02 .graph-box.ani.active .text.t-top span:nth-child(3) {
  transition-delay: 0.6s;
}
.mo .m-home02 .graph-box.ani.active .text.t-top span:nth-child(4) {
  transition-delay: 0.65s;
}
.mo .m-home02 .graph-box.ani.active .text.t-bottom span:nth-child(1) {
  transition-delay: 0.65s;
}
.mo .m-home02 .graph-box.ani.active .text.t-bottom span:nth-child(2) {
  transition-delay: 0.6s;
}
.mo .m-home02 .graph-box.ani.active .text.t-bottom span:nth-child(3) {
  transition-delay: 0.55s;
}
.mo .m-home02 .graph-box.ani.active .base .line {
  opacity: 1;
}
.mo .m-home02 .graph-box.ani.active .base.step3 .line {
  transition-delay: 0.55s;
}
.mo .m-home02 .graph-box.ani.active .base.step2 .line {
  transition-delay: 0.6s;
}
.mo .m-home02 .graph-box.ani.active .base.step1 .line {
  transition-delay: 0.65s;
}
.mo .m-home02 .graph-box.ani.active .base.step1 .wrap {
  transform: rotate(-50.5deg);
  transition-delay: 0.65s;
}
.mo .m-home02 .graph-box.ani.active .base.step2 .wrap {
  transform: rotate(-92deg);
  transition-delay: 0.6s;
}
.mo .m-home02 .graph-box.ani.active .base.step3 .wrap {
  transform: rotate(-121deg);
  transition-delay: 0.55s;
}
.mo .m-home02 .graph-box.ani.active .base.step4 .wrap {
  transform: rotate(180deg);
}