@charset "UTF-8";
p.ani {
  opacity: 0;
  transform: translate(0, 0.6em);
}
p.ani.animation {
  animation: fadeup 0.4s 0.4s ease-out forwards;
}

@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translate(0, 0.6em);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes marker-ani01 {
  0% {
    background-size: 0 40%; /* マーカーの横幅 / 縦幅 */
  }
  100% {
    background-size: 100% 40%;
  }
}
span.morkerani.ani {
  padding-bottom: 0.25em;
  background-image: linear-gradient(90deg, #FFFF00, #FFFF00); /* マーカーの色を指定 */
  background-repeat: no-repeat;
  background-position: left bottom 25%; /* マーカーの発生位置を左下に設定 */
  background-size: 0 40%; /* マーカーの横幅 / 縦幅 */
}
span.morkerani.animation {
  animation: marker-ani01 1.4s 0.8s ease forwards;
}

div.illust-yonden03.ani,
div.illust-yonden02.ani,
div.illust-yonden01.ani,
div.illust-kozoo03.ani,
div.illust-kozoo02.ani,
div.illust-kozoo01.ani {
  transform-origin: center center;
  transform: translate(0, 0) scale(0);
}
div.illust-yonden03.animation,
div.illust-yonden02.animation,
div.illust-yonden01.animation,
div.illust-kozoo03.animation,
div.illust-kozoo02.animation,
div.illust-kozoo01.animation {
  animation: scale-illust-scaleA 0.4s ease-out forwards;
}

@keyframes scale-illust-scaleA {
  0% {
    transform-origin: center center;
    transform: translate(0, 0) scale(0);
  }
  80% {
    opacity: 1;
    transform-origin: center center;
    transform: translate(0, 0) scale(1.2);
  }
  100% {
    opacity: 1;
    transform-origin: center center;
    transform: translate(0, 0) scale(1);
  }
}
div.setsuyaku-box03 p.txt span.kozoo.ani {
  opacity: 0;
  transform: translate(100%, 0);
}
div.setsuyaku-box03 p.txt span.kozoo.ani.animation {
  animation: slide-in-illust 0.8s 0.2s ease-out forwards;
}
@media screen and (min-width: 768px) {
  div.setsuyaku-box03 p.txt span.kozoo.ani.animation {
    animation: slide-in-illust 1.2s 0.2s ease-out forwards;
  }
}

@keyframes slide-in-illust {
  0% {
    opacity: 0;
    transform-origin: right center;
    transform: translate(100%, 0);
  }
  100% {
    opacity: 1;
    transform-origin: right center;
    transform: translate(0, 0);
  }
}/*# sourceMappingURL=animation.css.map */