/*---------------------------------

アニメーション発火クラス

---------------------------------*/

/* 線引き */
.anim--tb[data-emergence]::after {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.anim--tb[data-emergence=visible]::after {
  -webkit-animation-name: tbAnim;
  animation-name: tbAnim;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* 1つの場合 */
.anim--tb:only-of-type[data-emergence=visible]::after {
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
/* 2つの場合 */
.anim--tb:first-of-type:nth-last-of-type(2)[data-emergence=visible]::after,
.anim--tb:first-of-type:nth-last-of-type(2)[data-emergence=visible] ~ .anim--tb[data-emergence=visible]::after {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}
.anim--tb:nth-of-type(2)[data-emergence=visible]::after {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
/* 3つの場合 */
.anim--tb:first-of-type:nth-last-of-type(3)[data-emergence=visible]::after,
.anim--tb:first-of-type:nth-last-of-type(3)[data-emergence=visible] ~ .anim--tb[data-emergence=visible]::after {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}
.anim--tb:nth-of-type(3)[data-emergence=visible]::after {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}


/* ズーム */
.anim--zoomin[data-emergence] {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin[data-emergence=visible] {
  -webkit-animation-name: zoomin;
  animation-name: zoomin;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-bef[data-emergence]::before {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-bef[data-emergence=visible]::before {
  -webkit-animation-name: zoomin;
  animation-name: zoomin;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-aft[data-emergence]::after {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-aft[data-emergence=visible]::after {
  -webkit-animation-name: zoomin;
  animation-name: zoomin;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-h-50v-50[data-emergence] {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-h-50v-50[data-emergence=visible] {
  -webkit-animation-name: zoomin--h-50v-50;
  animation-name: zoomin--h-50v-50;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-h-50v-50-bef[data-emergence]::before {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-h-50v-50-bef[data-emergence=visible]::before {
  -webkit-animation-name: zoomin--h-50v-50;
  animation-name: zoomin--h-50v-50;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-h-50v-50-aft[data-emergence]::after {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-h-50v-50-aft[data-emergence=visible]::after {
  -webkit-animation-name: zoomin--h-50v-50;
  animation-name: zoomin--h-50v-50;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-h50v-50[data-emergence] {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-h50v-50[data-emergence=visible] {
  -webkit-animation-name: zoomin--h50v-50;
  animation-name: zoomin--h50v-50;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-h50v-50-bef[data-emergence]::before {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-h50v-50-bef[data-emergence=visible]::before {
  -webkit-animation-name: zoomin--h50v-50;
  animation-name: zoomin--h50v-50;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.anim--zoomin-h50v-50-aft[data-emergence]::after {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.anim--zoomin-h50v-50-aft[data-emergence=visible]::after {
  -webkit-animation-name: zoomin--h50v-50;
  animation-name: zoomin--h50v-50;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
          animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}


/* スライドイン */
.anim--slidein[data-emergence] {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.anim--slidein[data-emergence=visible] {
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--slidein-bef[data-emergence]::before {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.anim--slidein-bef[data-emergence=visible]::before {
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--slidein-aft[data-emergence]::after {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.anim--slidein-aft[data-emergence=visible]::after {
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--slidein--center-x[data-emergence] {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.anim--slidein--center-x[data-emergence=visible] {
  -webkit-animation-name: slidein--center-x;
  animation-name: slidein--center-x;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--slidein--center-x-bef[data-emergence]::before {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.anim--slidein--center-x-bef[data-emergence=visible]::before {
  -webkit-animation-name: slidein--center-x;
  animation-name: slidein--center-x;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--slidein--center-x-aft[data-emergence]::after {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
.anim--slidein--center-x-aft[data-emergence=visible]::after {
  -webkit-animation-name: slidein--center-x;
  animation-name: slidein--center-x;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* フィードイン */
.anim--feedin[data-emergence] {
  opacity: 0;
}
.anim--feedin[data-emergence=visible] {
  -webkit-animation-name: feedin;
  animation-name: feedin;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--feedin-bef[data-emergence]::before {
  opacity: 0;
}
.anim--feedin-bef[data-emergence=visible]::before {
  -webkit-animation-name: feedin;
  animation-name: feedin;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.anim--feedin-aft[data-emergence]::after {
  opacity: 0;
}
.anim--feedin-aft[data-emergence=visible]::after {
  -webkit-animation-name: feedin;
  animation-name: feedin;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


/*---------------------------------

アニメーション定義

---------------------------------*/

/* 線引き */
@-webkit-keyframes tbAnim {
  0% {
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
  }
  100% {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translateX(0) scaleX(1);
  }
}
@keyframes tbAnim {
  0% {
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
  }
  100% {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translateX(0) scaleX(1);
  }
}

/* ズーム */
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomin {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomin--h-50v-50 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes zoomin--h-50v-50 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes zoomin--h50v-50 {
  0% {
    -webkit-transform: translate(50%, -50%) scale(0);
            transform: translate(50%, -50%) scale(0);
  }
  100% {
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1);
  }
}
@keyframes zoomin--h50v-50 {
  0% {
    -webkit-transform: translate(50%, -50%) scale(0);
            transform: translate(50%, -50%) scale(0);
  }
  100% {
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1);
  }
}


/* スライドイン */
@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slidein {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slidein--center-x {
  0% {
    -webkit-transform: translateX(-50%) translateY(30px);
            transform: translateX(-50%) translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}
@keyframes slidein--center-x {
  0% {
    -webkit-transform: translateX(-50%) translateY(30px);
            transform: translateX(-50%) translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}

/* フィードイン */
@-webkit-keyframes feedin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes feedin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/*---------------------------------

アニメーション遅延

---------------------------------*/
.anim-delay--04[data-emergence=visible] {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.anim-delay--04-bef[data-emergence=visible]::before {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.anim-delay--04-aft[data-emergence=visible]::after {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.anim-delay--05[data-emergence=visible] {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.anim-delay--05-bef[data-emergence=visible]::before {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.anim-delay--05-aft[data-emergence=visible]::after {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.anim-delay--06[data-emergence=visible] {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.anim-delay--06-bef[data-emergence=visible]::before {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.anim-delay--06-aft[data-emergence=visible]::after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
.anim-delay--08[data-emergence=visible] {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.anim-delay--08-bef[data-emergence=visible]::before {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.anim-delay--08-aft[data-emergence=visible]::after {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.anim-delay--10[data-emergence=visible] {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}
.anim-delay--10-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}
.anim-delay--10-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}
.anim-delay--12[data-emergence=visible] {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.anim-delay--12-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.anim-delay--12-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.anim-delay--16[data-emergence=visible] {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.anim-delay--16-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.anim-delay--16-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.anim-delay--18[data-emergence=visible] {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.anim-delay--18-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.anim-delay--18-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.anim-delay--24[data-emergence=visible] {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.anim-delay--24-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.anim-delay--24-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.anim-delay--32[data-emergence=visible] {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
.anim-delay--32-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
.anim-delay--32-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
.anim-delay--40[data-emergence=visible] {
  -webkit-animation-delay: 4.0s;
  animation-delay: 4.0s;
}
.anim-delay--40-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 4.0s;
  animation-delay: 4.0s;
}
.anim-delay--40-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 4.0s;
  animation-delay: 4.0s;
}
.anim-delay--48[data-emergence=visible] {
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
}
.anim-delay--48-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
}
.anim-delay--48-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
}
.anim-delay--56[data-emergence=visible] {
  -webkit-animation-delay: 4.8s;
  animation-delay: 5.6s;
}
.anim-delay--56-bef[data-emergence=visible]::before {
  -webkit-animation-delay: 4.8s;
  animation-delay: 5.6s;
}
.anim-delay--56-aft[data-emergence=visible]::after {
  -webkit-animation-delay: 4.8s;
  animation-delay: 5.6s;
}

@media (min-width: 769px) {
  /* PC */
  .anim-delay--04-pc[data-emergence=visible] {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .anim-delay--04-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .anim-delay--04-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .anim-delay--05-pc[data-emergence=visible] {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .anim-delay--05-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .anim-delay--05-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .anim-delay--06-pc[data-emergence=visible] {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .anim-delay--06-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .anim-delay--06-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .anim-delay--08-pc[data-emergence=visible] {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .anim-delay--08-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .anim-delay--08-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .anim-delay--10-pc[data-emergence=visible] {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
  }
  .anim-delay--10-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
  }
  .anim-delay--10-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
  }
  .anim-delay--12-pc[data-emergence=visible] {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .anim-delay--12-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .anim-delay--12-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .anim-delay--16-pc[data-emergence=visible] {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .anim-delay--16-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .anim-delay--16-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .anim-delay--18-pc[data-emergence=visible] {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .anim-delay--18-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .anim-delay--18-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .anim-delay--24-pc[data-emergence=visible] {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .anim-delay--24-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .anim-delay--24-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .anim-delay--32-pc[data-emergence=visible] {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }
  .anim-delay--32-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }
  .anim-delay--32-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }
  .anim-delay--40-pc[data-emergence=visible] {
    -webkit-animation-delay: 4.0s;
    animation-delay: 4.0s;
  }
  .anim-delay--40-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 4.0s;
    animation-delay: 4.0s;
  }
  .anim-delay--40-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 4.0s;
    animation-delay: 4.0s;
  }
  .anim-delay--48-pc[data-emergence=visible] {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .anim-delay--48-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .anim-delay--48-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .anim-delay--56-pc[data-emergence=visible] {
    -webkit-animation-delay: 4.8s;
    animation-delay: 5.6s;
  }
  .anim-delay--56-bef-pc[data-emergence=visible]::before {
    -webkit-animation-delay: 4.8s;
    animation-delay: 5.6s;
  }
  .anim-delay--56-aft-pc[data-emergence=visible]::after {
    -webkit-animation-delay: 4.8s;
    animation-delay: 5.6s;
  }
}
@media (max-width: 768px) {
  /* SP */
  .anim-delay--04-sp[data-emergence=visible] {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .anim-delay--04-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .anim-delay--04-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
  }
  .anim-delay--05-sp[data-emergence=visible] {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .anim-delay--05-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .anim-delay--05-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
  }
  .anim-delay--06-sp[data-emergence=visible] {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .anim-delay--06-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .anim-delay--06-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
  }
  .anim-delay--08-sp[data-emergence=visible] {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .anim-delay--08-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .anim-delay--08-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .anim-delay--10-sp[data-emergence=visible] {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
  }
  .anim-delay--10-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
  }
  .anim-delay--10-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
  }
  .anim-delay--12-sp[data-emergence=visible] {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .anim-delay--12-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .anim-delay--12-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  .anim-delay--16-sp[data-emergence=visible] {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .anim-delay--16-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .anim-delay--16-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .anim-delay--18-sp[data-emergence=visible] {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .anim-delay--18-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .anim-delay--18-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
  }
  .anim-delay--24-sp[data-emergence=visible] {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .anim-delay--24-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .anim-delay--24-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .anim-delay--32-sp[data-emergence=visible] {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }
  .anim-delay--32-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }
  .anim-delay--32-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }
  .anim-delay--40-sp[data-emergence=visible] {
    -webkit-animation-delay: 4.0s;
    animation-delay: 4.0s;
  }
  .anim-delay--40-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 4.0s;
    animation-delay: 4.0s;
  }
  .anim-delay--40-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 4.0s;
    animation-delay: 4.0s;
  }
  .anim-delay--48-sp[data-emergence=visible] {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .anim-delay--48-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .anim-delay--48-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s;
  }
  .anim-delay--56-sp[data-emergence=visible] {
    -webkit-animation-delay: 4.8s;
    animation-delay: 5.6s;
  }
  .anim-delay--56-bef-sp[data-emergence=visible]::before {
    -webkit-animation-delay: 4.8s;
    animation-delay: 5.6s;
  }
  .anim-delay--56-aft-sp[data-emergence=visible]::after {
    -webkit-animation-delay: 4.8s;
    animation-delay: 5.6s;
  }
}


/*---------------------------------

アニメーション期間

---------------------------------*/
.anim--dur--01 {
  -webkit-animation-duration: .1s !important;
  animation-duration: .1s !important;
}
.anim--dur--01-bef::before {
  -webkit-animation-duration: .1s !important;
  animation-duration: .1s !important;
}
.anim--dur--01-aft::after {
  -webkit-animation-duration: .1s !important;
  animation-duration: .1s !important;
}
.anim--dur--02 {
  -webkit-animation-duration: .2s !important;
  animation-duration: .2s !important;
}
.anim--dur--02-bef::before {
  -webkit-animation-duration: .2s !important;
  animation-duration: .2s !important;
}
.anim--dur--02-aft::after {
  -webkit-animation-duration: .2s !important;
  animation-duration: .2s !important;
}
.anim--dur--03 {
  -webkit-animation-duration: .3s !important;
  animation-duration: .3s !important;
}
.anim--dur--03-bef::before {
  -webkit-animation-duration: .3s !important;
  animation-duration: .3s !important;
}
.anim--dur--03-aft::after {
  -webkit-animation-duration: .3s !important;
  animation-duration: .3s !important;
}
.anim--dur--04 {
  -webkit-animation-duration: .4s !important;
  animation-duration: .4s !important;
}
.anim--dur--04-bef::before {
  -webkit-animation-duration: .4s !important;
  animation-duration: .4s !important;
}
.anim--dur--04-aft::after {
  -webkit-animation-duration: .4s !important;
  animation-duration: .4s !important;
}
.anim--dur--05 {
  -webkit-animation-duration: .5s !important;
  animation-duration: .5s !important;
}
.anim--dur--05-bef::before {
  -webkit-animation-duration: .5s !important;
  animation-duration: .5s !important;
}
.anim--dur--05-aft::after {
  -webkit-animation-duration: .5s !important;
  animation-duration: .5s !important;
}
.anim--dur--06 {
  -webkit-animation-duration: .6s !important;
  animation-duration: .6s !important;
}
.anim--dur--06-bef::before {
  -webkit-animation-duration: .6s !important;
  animation-duration: .6s !important;
}
.anim--dur--06-aft::after {
  -webkit-animation-duration: .6s !important;
  animation-duration: .6s !important;
}
.anim--dur--07 {
  -webkit-animation-duration: .7s !important;
  animation-duration: .7s !important;
}
.anim--dur--07-bef::before {
  -webkit-animation-duration: .7s !important;
  animation-duration: .7s !important;
}
.anim--dur--07-aft::after {
  -webkit-animation-duration: .7s !important;
  animation-duration: .7s !important;
}
.anim--dur--08 {
  -webkit-animation-duration: .8s !important;
  animation-duration: .8s !important;
}
.anim--dur--08-bef::before {
  -webkit-animation-duration: .8s !important;
  animation-duration: .8s !important;
}
.anim--dur--08-aft::after {
  -webkit-animation-duration: .8s !important;
  animation-duration: .8s !important;
}