.inbox {
  max-width: 87.5rem;
  margin-inline: auto;
  position: relative;
  display: block;
}

/* responsive */
/*@include mq() { }*/
.js-particle_box_rl,
.js-particle_box_lr,
.js-particle_box_bt,
.js-particle_box_bt_s {
  -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
}

.js-particle_box_rl,
.js-particle_box_lr {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

.large_text_left {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
}
.parallax {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
}

.wrapper {
  opacity: 0;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.wrapper.fadein {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.is-fade-in {
  -webkit-animation-name: fade-in-up-sm;
          animation-name: fade-in-up-sm;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes fade-in-up-sm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-in-up-sm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.u-fade-up {
  opacity: 0;
  -webkit-transform: translate(0, 5rem);
          transform: translate(0, 5rem);
  will-change: transform;
}
.u-fade-up.c-page-home__senmonsei-train-text {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.load_complete .u-fade-up.ani {
  -webkit-animation: fade-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fade-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.u-delay-none {
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
}

.u-fade-in {
  opacity: 0;
  -webkit-transition: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  will-change: transform;
}
.load_complete .u-fade-in.ani {
  opacity: 1;
}

.u-slide-in {
  position: relative;
}
.u-slide-in::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 101%;
  background: #ffffff;
  display: block;
  top: -0.5%;
  right: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  z-index: 50;
}
.u-slide-in > * {
  opacity: 0;
}
.load_complete .u-slide-in.ani::before {
  -webkit-animation: slide-animation 1.2s 0.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
          animation: slide-animation 1.2s 0.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}
.load_complete .u-slide-in.ani > * {
  -webkit-animation: fade-in-animation 0.6s 0.8s cubic-bezier(0.8, 0, 0.2, 1) forwards;
          animation: fade-in-animation 0.6s 0.8s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}
.load_complete .u-slide-in.reverse.ani::before {
  -webkit-animation: slide-animation-reverse 1.5s 0.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
          animation: slide-animation-reverse 1.5s 0.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}

.load_complete .u-slide-in::before {
  -webkit-animation: slide-animation 1s 0s cubic-bezier(0.8, 0, 0.2, 1) forwards;
          animation: slide-animation 1s 0s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}
.load_complete .u-slide-in > * {
  -webkit-animation: fade-in-animation 0.2s 0.5s cubic-bezier(0.8, 0, 0.2, 1) forwards;
          animation: fade-in-animation 0.2s 0.5s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}

@-webkit-keyframes slide-animation {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes slide-animation {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes slide-animation-reverse {
  0% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes slide-animation-reverse {
  0% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.u-left-up {
  opacity: 0;
  -webkit-transform: translate(5rem, 0);
          transform: translate(5rem, 0);
  will-change: transform;
}
.u-left-up.c-page-home__first-text {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.load_complete .u-left-up.ani {
  -webkit-animation: left-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: left-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.u-right-up {
  opacity: 0;
  -webkit-transform: translate(-5rem, 0);
          transform: translate(-5rem, 0);
  will-change: transform;
}
.load_complete .u-right-up.ani {
  -webkit-animation: right-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: right-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.u-zoom-in {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  will-change: transform;
}
.load_complete .u-zoom-in.ani {
  -webkit-animation: zoom-in-animation 2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: zoom-in-animation 2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.load_complete .u-zoom-in:nth-child(1) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.load_complete .u-zoom-in:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.load_complete .u-zoom-in:nth-child(3) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.load_complete .u-zoom-in:nth-child(4) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.load_complete .u-zoom-in:nth-child(5) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.load_complete .u-zoom-in:nth-child(6) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.load_complete .u-zoom-in:nth-child(7) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.load_complete .u-zoom-in:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.load_complete .u-zoom-in:nth-child(9) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.load_complete .u-zoom-in:nth-child(10) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.u-zoom-in-list > * {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  will-change: transform;
}
.load_complete .u-zoom-in-list > * {
  -webkit-animation: zoom-in-animation 2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: zoom-in-animation 2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.load_complete .u-zoom-in-list > *:nth-child(1) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.load_complete .u-zoom-in-list > *:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.load_complete .u-zoom-in-list > *:nth-child(3) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.load_complete .u-zoom-in-list > *:nth-child(4) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.load_complete .u-zoom-in-list > *:nth-child(5) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.load_complete .u-zoom-in-list > *:nth-child(6) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.load_complete .u-zoom-in-list > *:nth-child(7) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.load_complete .u-zoom-in-list > *:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.load_complete .u-zoom-in-list > *:nth-child(9) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.load_complete .u-zoom-in-list > *:nth-child(10) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.u-list-up > * {
  opacity: 0;
  will-change: transform;
  -webkit-transform: translate(0, 5rem);
          transform: translate(0, 5rem);
}
.load_complete .u-list-up.ani > * {
  -webkit-animation: fade-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fade-up-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.load_complete .u-list-up.ani > *:nth-child(1) {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}
.load_complete .u-list-up.ani > *:nth-child(2) {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.load_complete .u-list-up.ani > *:nth-child(3) {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.load_complete .u-list-up.ani > *:nth-child(4) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.load_complete .u-list-up.ani > *:nth-child(5) {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.load_complete .u-list-up.ani > *:nth-child(6) {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}
.load_complete .u-list-up.ani > *:nth-child(7) {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
.load_complete .u-list-up.ani > *:nth-child(8) {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
.load_complete .u-list-up.ani > *:nth-child(9) {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}
.load_complete .u-list-up.ani > *:nth-child(10) {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
}

.u-cycle-list-zoom > * {
  opacity: 0;
  will-change: transform;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.load_complete .u-cycle-list-zoom.ani > * {
  -webkit-animation: zoom-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: zoom-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(1) {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(2) {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(3) {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(4) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(5) {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(6) {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(7) {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(8) {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(9) {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}
.load_complete .u-cycle-list-zoom.ani > *:nth-child(10) {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
}

.u-list-in > * {
  opacity: 0;
}
.load_complete .u-list-in.ani > * {
  -webkit-animation: fade-in-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fade-in-animation 1.2s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.load_complete .u-list-in.ani > *:nth-child(1) {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}
.load_complete .u-list-in.ani > *:nth-child(2) {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.load_complete .u-list-in.ani > *:nth-child(3) {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.load_complete .u-list-in.ani > *:nth-child(4) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.load_complete .u-list-in.ani > *:nth-child(5) {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.load_complete .u-list-in.ani > *:nth-child(6) {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}
.load_complete .u-list-in.ani > *:nth-child(7) {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
.load_complete .u-list-in.ani > *:nth-child(8) {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
.load_complete .u-list-in.ani > *:nth-child(9) {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}
.load_complete .u-list-in.ani > *:nth-child(10) {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important;
}

.u-left-list-up > * {
  opacity: 0;
  will-change: transform;
  -webkit-transform: translate(34%, 0);
          transform: translate(34%, 0);
}
.load_complete .u-left-list-up.ani > * {
  -webkit-animation: left-list-up-animation 1.2s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: left-list-up-animation 1.2s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.load_complete .u-left-list-up.ani > *:nth-child(1) {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(2) {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(3) {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(4) {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(5) {
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(6) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(7) {
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(8) {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(9) {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
.load_complete .u-left-list-up.ani > *:nth-child(10) {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}

.u-right-list-up > * {
  opacity: 0;
  will-change: transform;
  -webkit-transform: translate(-34%, 0);
          transform: translate(-34%, 0);
}
.load_complete .u-right-list-up.ani > * {
  -webkit-animation: right-list-up-animation 1.2s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: right-list-up-animation 1.2s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.load_complete .u-right-list-up.ani > *:nth-child(1) {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(2) {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(3) {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(4) {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(5) {
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(6) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(7) {
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(8) {
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(9) {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
.load_complete .u-right-list-up.ani > *:nth-child(10) {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}

@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 5rem);
            transform: translate(0, 5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fade-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 5rem);
            transform: translate(0, 5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes zoom-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes left-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(5rem, 0);
            transform: translate(5rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes left-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(5rem, 0);
            transform: translate(5rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes right-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5rem, 0);
            transform: translate(-5rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes right-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(-5rem, 0);
            transform: translate(-5rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes left-list-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(34%, 0);
            transform: translate(34%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes left-list-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(34%, 0);
            transform: translate(34%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes right-list-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(-34%, 0);
            transform: translate(-34%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes right-list-up-animation {
  0% {
    opacity: 0;
    -webkit-transform: translate(-34%, 0);
            transform: translate(-34%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.u-home-job-ani .u-home-job-box > *,
.u-home-job-ani .u-home-job-kv > *,
.u-home-job-ani .u-home-job-text > * {
  opacity: 0;
  will-change: transform;
}
.u-home-job-ani .u-home-job-box > *:nth-child(1),
.u-home-job-ani .u-home-job-text > *:nth-child(1) {
  -webkit-animation-delay: 1.05s !important;
          animation-delay: 1.05s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(2),
.u-home-job-ani .u-home-job-text > *:nth-child(2) {
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(3),
.u-home-job-ani .u-home-job-text > *:nth-child(3) {
  -webkit-animation-delay: 1.55s !important;
          animation-delay: 1.55s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(4),
.u-home-job-ani .u-home-job-text > *:nth-child(4) {
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(5),
.u-home-job-ani .u-home-job-text > *:nth-child(5) {
  -webkit-animation-delay: 2.05s !important;
          animation-delay: 2.05s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(6),
.u-home-job-ani .u-home-job-text > *:nth-child(6) {
  -webkit-animation-delay: 2.3s !important;
          animation-delay: 2.3s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(7),
.u-home-job-ani .u-home-job-text > *:nth-child(7) {
  -webkit-animation-delay: 2.55s !important;
          animation-delay: 2.55s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(8),
.u-home-job-ani .u-home-job-text > *:nth-child(8) {
  -webkit-animation-delay: 2.8s !important;
          animation-delay: 2.8s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(9),
.u-home-job-ani .u-home-job-text > *:nth-child(9) {
  -webkit-animation-delay: 3.05s !important;
          animation-delay: 3.05s !important;
}
.u-home-job-ani .u-home-job-box > *:nth-child(10),
.u-home-job-ani .u-home-job-text > *:nth-child(10) {
  -webkit-animation-delay: 3.3s !important;
          animation-delay: 3.3s !important;
}
.u-home-job-ani .u-home-job-text > *:nth-child(2) {
  -webkit-animation-delay: 1.35s !important;
          animation-delay: 1.35s !important;
}
.load_complete .u-home-job-ani.ani .u-home-job-box > *,
.load_complete .u-home-job-ani.ani .u-home-job-text > * {
  -webkit-animation: left-up-animation 0.6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: left-up-animation 0.6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.load_complete .u-home-job-ani.ani .u-home-job-kv > * {
  -webkit-animation: fade-up-animation 0.5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fade-up-animation 0.5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.c-page-about__head {
  overflow: hidden;
}

.c-page-n-motion__about__pict {
  background: #F7F7F7;
}

.c-page-about__head-pict span,
.c-page-n-motion__about__pict span {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  will-change: transform;
}
.c-page-about__head-pict.ani span:not(.diagram04),
.c-page-n-motion__about__pict.ani span:not(.diagram04) {
  -webkit-animation: zoom-in-animation 1.2s 0.8s ease-in-out forwards;
          animation: zoom-in-animation 1.2s 0.8s ease-in-out forwards;
}
.c-page-about__head-pict.ani span.diagram04,
.c-page-n-motion__about__pict.ani span.diagram04 {
  -webkit-animation: zoom-out-animation 1s 4.5s ease-in-out forwards;
          animation: zoom-out-animation 1s 4.5s ease-in-out forwards;
}
.c-page-about__head-pict.ani span:nth-child(1),
.c-page-n-motion__about__pict.ani span:nth-child(1) {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.c-page-about__head-pict.ani span:nth-child(2),
.c-page-n-motion__about__pict.ani span:nth-child(2) {
  -webkit-animation-delay: 2.2s !important;
          animation-delay: 2.2s !important;
}
.c-page-about__head-pict.ani span:nth-child(3),
.c-page-n-motion__about__pict.ani span:nth-child(3) {
  -webkit-animation-delay: 3.2s !important;
          animation-delay: 3.2s !important;
}

@-webkit-keyframes zoom-in-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom-in-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoom-out-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom-out-animation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}