@keyframes clippath01 {
  0% {
    -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
    opacity: 0;
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
            clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    opacity: 0.5;
  }
  100% {
    -webkit-clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    opacity: 1;
  }
}
@keyframes clippath02 {
  0% {
    -webkit-clip-path: polygon(0 100%, 0 0, 0 100%, 0 100%);
            clip-path: polygon(0 100%, 0 0, 0 100%, 0 100%);
    opacity: 0;
  }
  50% {
    -webkit-clip-path: polygon(100% 100%, 0 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 100%, 0 0, 0 100%, 100% 100%);
    opacity: 0.5;
  }
  100% {
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    opacity: 1;
  }
}
@keyframes clippath03 {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    opacity: 0;
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    opacity: 1;
  }
}
/*---------------------------------------- TOP ----------------------------------------*/
div.top-cm-txtbox h3.cm-txt02,
div.top-cm-txtbox p.cm-txt01,
section.sec-way div.way-area02 p.way-txt01,
section.sec-way div.way-area02 p.cm-txt01 {
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
}
div.top-cm-txtbox h3.cm-txt02.ani.animation,
div.top-cm-txtbox p.cm-txt01.ani.animation,
section.sec-way div.way-area02 p.way-txt01.ani.animation,
section.sec-way div.way-area02 p.cm-txt01.ani.animation {
  animation: clippath01 1s 0s cubic-bezier(0.57, 0.34, 0.39, 0.71) forwards;
}

section.sec-way div.way-area02 div.way-img01,
section.sec-business div.business-area01 div.business-img,
section.sec-group div.group-box01 div.group-img {
  -webkit-clip-path: polygon(0 100%, 0 0, 0 100%, 0 100%);
          clip-path: polygon(0 100%, 0 0, 0 100%, 0 100%);
}
section.sec-way div.way-area02 div.way-img01.ani.animation,
section.sec-business div.business-area01 div.business-img.ani.animation,
section.sec-group div.group-box01 div.group-img.ani.animation {
  animation: clippath03 1.2s 0s cubic-bezier(0.57, 0.34, 0.39, 0.71) forwards;
}/*# sourceMappingURL=animation.css.map */