section.sec03 ul li.ani,
section.sec03 h2.ani,
section.sec02 div.sec02-cont-wrap p.sec02-txt04.ani,
p.sec02-present01.ani,
section.sec02 div.sec02-cont-wrap p.sec02-txt03.ani,
p.sec02-txt02.ani,
section.sec02 div.sec02-cont-wrap div.inner01-box02 ul li.ani,
section.sec02 div.sec02-cont-wrap div.inner01-box01 p.ani,
section.sec02 div.sec02-cont-wrap div.inner01-box01 div.ani,
section.sec02 div.sec02-cont-wrap h4.sec02-event-copy03.ani,
section.sec02 div.sec02-cont-wrap h4.sec02-event-copy02.ani,
section.sec02 div.sec02-cont-wrap h4.sec02-event-copy01.ani,
section.sec02 div.sec02-cont-wrap h3.sec02-subtitle.ani,
section.sec02 h2.ani,
section.sec02 ul.talent-flex.ani,
section.sec02 div.sec02-txt05-flex.ani,
section.sec01 div.survey-wrap.ani,
section.sec01 p.txt03.ani,
section.sec01 p.txt02.ani,
section.sec01 ul.btn-list li.ani {
  opacity: 0;
}

section.sec03 ul li.ani.animation,
section.sec03 h2.ani.animation,
section.sec02 div.sec02-cont-wrap p.sec02-txt04.ani.animation,
p.sec02-present01.ani.animation,
section.sec02 div.sec02-cont-wrap p.sec02-txt03.ani.animation,
p.sec02-txt02.ani.animation,
section.sec02 div.sec02-cont-wrap div.inner01-box02 ul li.ani.animation,
section.sec02 div.sec02-cont-wrap div.inner01-box01 p.ani.animation,
section.sec02 div.sec02-cont-wrap div.inner01-box01 div.ani.animation,
section.sec02 div.sec02-cont-wrap h4.sec02-event-copy03.ani.animation,
section.sec02 div.sec02-cont-wrap h4.sec02-event-copy02.ani.animation,
section.sec02 div.sec02-cont-wrap h4.sec02-event-copy01.ani.animation,
section.sec02 div.sec02-cont-wrap h3.sec02-subtitle.ani.animation,
section.sec02 h2.ani.animation,
section.sec02 ul.talent-flex.ani.animation,
section.sec02 div.sec02-txt05-flex.ani.animation,
section.sec01 div.survey-wrap.ani.animation,
section.sec01 p.txt03.ani.animation,
section.sec01 p.txt02.ani.animation,
section.sec01 ul.btn-list li.ani.animation {
  -webkit-animation: fadein 0.6s 0.2s ease-out forwards;
          animation: fadein 0.6s 0.2s ease-out forwards;
}

section.sec02 ul.sec02-present-list li.ani {
  opacity: 0;
}

section.sec02 ul.sec02-present-list li.ani.animation {
  -webkit-animation: fadein 0.6s 0.2s ease-out forwards;
          animation: fadein 0.6s 0.2s ease-out forwards;
}

@media screen and (min-width: 768px) {
  section.sec02 ul.sec02-present-list li:nth-of-type(1).ani.animation {
    -webkit-animation: fadein 0.6s 0.2s ease-out forwards;
            animation: fadein 0.6s 0.2s ease-out forwards;
  }
}

@media screen and (min-width: 768px) {
  section.sec02 ul.sec02-present-list li:nth-of-type(2).ani.animation {
    -webkit-animation: fadein 0.6s 0.4s ease-out forwards;
            animation: fadein 0.6s 0.4s ease-out forwards;
  }
}

@media screen and (min-width: 768px) {
  section.sec02 ul.sec02-present-list li:nth-of-type(3).ani.animation {
    -webkit-animation: fadein 0.6s 0.6s ease-out forwards;
            animation: fadein 0.6s 0.6s ease-out forwards;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 12%);
            transform: translate(0, 12%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 12%);
            transform: translate(0, 12%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

section.sec03 ul li.animation::after {
  opacity: 0;
  -webkit-animation: arrow-y-ani 0.6s 0.6s ease-out forwards;
          animation: arrow-y-ani 0.6s 0.6s ease-out forwards;
}

@-webkit-keyframes arrow-y-ani {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -80%);
            transform: translate(0, -80%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes arrow-y-ani {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -80%);
            transform: translate(0, -80%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

div.sec01-bg-img, div.sec01-bg-img03, div.sec01-bg-img06 {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-animation: sec01-bg-sp 1s 1.2s ease-in-out forwards;
          animation: sec01-bg-sp 1s 1.2s ease-in-out forwards;
  opacity: 0;
}

@media screen and (min-width: 768px) {
  div.sec01-bg-img, div.sec01-bg-img03, div.sec01-bg-img06 {
    opacity: 1;
    -webkit-animation: sec01-bg 1s 0.6s ease-in-out forwards;
            animation: sec01-bg 1s 0.6s ease-in-out forwards;
  }
}

div.sec01-bg-img02, div.sec01-bg-img04, div.sec01-bg-img05 {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-animation: sec01-bg-sp 1s 1.4s ease-in forwards;
          animation: sec01-bg-sp 1s 1.4s ease-in forwards;
  opacity: 0;
}

@media screen and (min-width: 768px) {
  div.sec01-bg-img02, div.sec01-bg-img04, div.sec01-bg-img05 {
    opacity: 1;
    -webkit-animation: sec01-bg 1s 0.8s ease-in forwards;
            animation: sec01-bg 1s 0.8s ease-in forwards;
  }
}

@-webkit-keyframes sec01-bg-sp {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  65% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
  80% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  90% {
    -webkit-transform: translate(0, -1%);
            transform: translate(0, -1%);
  }
  95% {
    -webkit-transform: translate(0, 0.4%);
            transform: translate(0, 0.4%);
  }
  97% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  98% {
    -webkit-transform: translate(0, 0.2%);
            transform: translate(0, 0.2%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
  }
}

@keyframes sec01-bg-sp {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  65% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
  80% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  90% {
    -webkit-transform: translate(0, -1%);
            transform: translate(0, -1%);
  }
  95% {
    -webkit-transform: translate(0, 0.4%);
            transform: translate(0, 0.4%);
  }
  97% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  98% {
    -webkit-transform: translate(0, 0.2%);
            transform: translate(0, 0.2%);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
  }
}

@-webkit-keyframes sec01-bg {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  50% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  65% {
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
  }
  80% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
  90% {
    -webkit-transform: translate(0, -6%);
            transform: translate(0, -6%);
  }
  95% {
    -webkit-transform: translate(0, -5.4%);
            transform: translate(0, -5.4%);
  }
  97% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
  98% {
    -webkit-transform: translate(0, -5.2%);
            transform: translate(0, -5.2%);
  }
  100% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
}

@keyframes sec01-bg {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  50% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
  }
  65% {
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
  }
  80% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
  90% {
    -webkit-transform: translate(0, -6%);
            transform: translate(0, -6%);
  }
  95% {
    -webkit-transform: translate(0, -5.4%);
            transform: translate(0, -5.4%);
  }
  97% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
  98% {
    -webkit-transform: translate(0, -5.2%);
            transform: translate(0, -5.2%);
  }
  100% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
  }
}
/*# sourceMappingURL=animation.css.map */