/***************************************************
 * Generated by SVG Artista on 5/22/2020, 4:55:11 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
#comp1 .cls-1, #comp1 .cls-7 {
  fill: #fff;
}
#comp1 .cls-2 {
  fill: #3691cb;
}
#comp1 .cls-3 {
  fill: #0a80c1;
}
#comp1 .cls-4 {
  fill: #55a1d2;
}
#comp1 .cls-5 {
  fill: #d1d1d1;
}
#comp1 .cls-6 {
  fill: #db4b00;
}
#comp1 .cls-7 {
  stroke: #000;
  stroke-linejoin: round;
  stroke-width: 3.04px;
}
#comp1 .cls-8 {
  fill: #ffd100;
}
#comp1 .cls-9 {
  fill: #df0012;
}
@keyframes animate01-svg-stroke-1 {
  0% {
    stroke-dasharray: 677.2970581055px;
    stroke-dashoffset: 677.2970581055px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-1 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp1 .kousku-anim01-1 {
  animation: animate01-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-1 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s both;
}
@keyframes animate01-svg-stroke-2 {
  0% {
    stroke-dasharray: 285.7117614746px;
    stroke-dashoffset: 285.7117614746px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
#comp1 .kousku-anim01-2 {
  animation: animate01-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-2 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s both;
}
@keyframes animate01-svg-stroke-3 {
  0% {
    stroke-dasharray: 265.1646118164px;
    stroke-dashoffset: 265.1646118164px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
#comp1 .kousku-anim01-3 {
  animation: animate01-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-3 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s both;
}
@keyframes animate01-svg-stroke-4 {
  0% {
    stroke-dasharray: 259.0233764648px;
    stroke-dashoffset: 259.0233764648px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(10, 128, 193);
  }
}
#comp1 .kousku-anim01-4 {
  animation: animate01-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-4 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.3s both;
}
@keyframes animate01-svg-stroke-5 {
  0% {
    stroke-dasharray: 110.2604522705px;
    stroke-dashoffset: 110.2604522705px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(85, 161, 210);
  }
}
#comp1 .kousku-anim01-5 {
  animation: animate01-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-5 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.4s both;
}
@keyframes animate01-svg-stroke-6 {
  0% {
    stroke-dasharray: 110.295249939px;
    stroke-dashoffset: 110.295249939px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(85, 161, 210);
  }
}
#comp1 .kousku-anim01-6 {
  animation: animate01-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-6 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.5s both;
}
@keyframes animate01-svg-stroke-7 {
  0% {
    stroke-dasharray: 93.6676330566px;
    stroke-dashoffset: 93.6676330566px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(209, 209, 209);
  }
}
#comp1 .kousku-anim01-7 {
  animation: animate01-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-7 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.6s both;
}
@keyframes animate01-svg-stroke-8 {
  0% {
    stroke-dasharray: 79.0565629605px;
    stroke-dashoffset: 79.0565629605px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp1 .kousku-anim01-8 {
  animation: animate01-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-8 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.7s both;
}
@keyframes animate01-svg-stroke-9 {
  0% {
    stroke-dasharray: 205.0232086182px;
    stroke-dashoffset: 205.0232086182px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(219, 75, 0);
  }
}
#comp1 .kousku-anim01-9 {
  animation: animate01-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-9 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.8s both;
}
@keyframes animate01-svg-stroke-10 {
  0% {
    stroke-dasharray: 29.8884613979px;
    stroke-dashoffset: 29.8884613979px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp1 .kousku-anim01-10 {
  animation: animate01-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-10 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.9s both;
}
@keyframes animate01-svg-stroke-11 {
  0% {
    stroke-dasharray: 29.8884613979px;
    stroke-dashoffset: 29.8884613979px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp1 .kousku-anim01-11 {
  animation: animate01-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-11 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s both;
}
@keyframes animate01-svg-stroke-12 {
  0% {
    stroke-dasharray: 53.3775759051px;
    stroke-dashoffset: 53.3775759051px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-12 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp1 .kousku-anim01-12 {
  animation: animate01-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-12 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.1s both;
}
@keyframes animate01-svg-stroke-13 {
  0% {
    stroke-dasharray: 53.3775759051px;
    stroke-dashoffset: 53.3775759051px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-13 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp1 .kousku-anim01-13 {
  animation: animate01-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-13 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.2s both;
}
@keyframes animate01-svg-stroke-14 {
  0% {
    stroke-dasharray: 29.8884613979px;
    stroke-dashoffset: 29.8884613979px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp1 .kousku-anim01-14 {
  animation: animate01-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-14 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.3s both;
}
@keyframes animate01-svg-stroke-15 {
  0% {
    stroke-dasharray: 29.8884613979px;
    stroke-dashoffset: 29.8884613979px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp1 .kousku-anim01-15 {
  animation: animate01-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-15 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.4s both;
}
@keyframes animate01-svg-stroke-16 {
  0% {
    stroke-dasharray: 132.0254211426px;
    stroke-dashoffset: 132.0254211426px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp1 .kousku-anim01-16 {
  animation: animate01-svg-stroke-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-16 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.5s both;
}
@keyframes animate01-svg-stroke-17 {
  0% {
    stroke-dasharray: 89.9530944824px;
    stroke-dashoffset: 89.9530944824px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp1 .kousku-anim01-17 {
  animation: animate01-svg-stroke-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-17 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.6s both;
}
@keyframes animate01-svg-stroke-18 {
  0% {
    stroke-dasharray: 44.3326416016px;
    stroke-dashoffset: 44.3326416016px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(223, 0, 18);
  }
}
#comp1 .kousku-anim01-18 {
  animation: animate01-svg-stroke-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-18 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.7s both;
}
@keyframes animate01-svg-stroke-19 {
  0% {
    stroke-dasharray: 42.776473999px;
    stroke-dashoffset: 42.776473999px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp1 .kousku-anim01-19 {
  animation: animate01-svg-stroke-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-19 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.8s both;
}
@keyframes animate01-svg-stroke-20 {
  0% {
    stroke-dasharray: 46.298664093px;
    stroke-dashoffset: 46.298664093px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp1 .kousku-anim01-20 {
  animation: animate01-svg-stroke-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-20 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.9s both;
}
@keyframes animate01-svg-stroke-21 {
  0% {
    stroke-dasharray: 41.6548309326px;
    stroke-dashoffset: 41.6548309326px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate01-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(223, 0, 18);
  }
}
#comp1 .kousku-anim01-21 {
  animation: animate01-svg-stroke-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate01-svg-fill-21 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2s both;
}

#comp2 .cls-1 {
  fill: none;
}
#comp2 .cls-2 {
  fill: #2b4199;
}
#comp2 .cls-3 {
  clip-path: url(#clip-path);
}
#comp2 .cls-4 {
  fill: #6c6c6c;
}
#comp2 .cls-5 {
  fill: #f5f5f5;
}
#comp2 .cls-6 {
  fill: #3691cb;
}
#comp2 .cls-7 {
  fill: #0a80c1;
}
#comp2 .cls-8 {
  fill: #d1d1d1;
}
#comp2 .cls-9 {
  fill: #fff;
}
#comp2 .cls-10 {
  fill: #dedede;
  stroke: #ffd100;
  stroke-miterlimit: 10;
  stroke-width: 2.52px;
}
#comp2 .cls-11 {
  fill: #ffd100;
}
@keyframes animate02-svg-stroke-1 {
  0% {
    stroke-dasharray: 959.4642333984px;
    stroke-dashoffset: 959.4642333984px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#comp2 .kousku-anim02-1 {
  animation: animate02-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-1 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s both;
}
@keyframes animate02-svg-stroke-2 {
  0% {
    stroke-dasharray: 847.0402832031px;
    stroke-dashoffset: 847.0402832031px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-2 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(43, 65, 153);
  }
}
#comp2 .kousku-anim02-2 {
  animation: animate02-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-2 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s both;
}
@keyframes animate02-svg-stroke-3 {
  0% {
    stroke-dasharray: 147.7206726074px;
    stroke-dashoffset: 147.7206726074px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(108, 108, 108);
  }
}
#comp2 .kousku-anim02-3 {
  animation: animate02-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-3 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s both;
}
@keyframes animate02-svg-stroke-4 {
  0% {
    stroke-dasharray: 137.1240234375px;
    stroke-dashoffset: 137.1240234375px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(108, 108, 108);
  }
}
#comp2 .kousku-anim02-4 {
  animation: animate02-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-4 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.3s both;
}
@keyframes animate02-svg-stroke-5 {
  0% {
    stroke-dasharray: 127.8944244385px;
    stroke-dashoffset: 127.8944244385px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(108, 108, 108);
  }
}
#comp2 .kousku-anim02-5 {
  animation: animate02-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-5 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.4s both;
}
@keyframes animate02-svg-stroke-6 {
  0% {
    stroke-dasharray: 119.6492996216px;
    stroke-dashoffset: 119.6492996216px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(108, 108, 108);
  }
}
#comp2 .kousku-anim02-6 {
  animation: animate02-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-6 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.5s both;
}
@keyframes animate02-svg-stroke-7 {
  0% {
    stroke-dasharray: 743.7004394531px;
    stroke-dashoffset: 743.7004394531px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(245, 245, 245);
  }
}
#comp2 .kousku-anim02-7 {
  animation: animate02-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-7 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.6s both;
}
@keyframes animate02-svg-stroke-8 {
  0% {
    stroke-dasharray: 401.4118652344px;
    stroke-dashoffset: 401.4118652344px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
#comp2 .kousku-anim02-8 {
  animation: animate02-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-8 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.7s both;
}
@keyframes animate02-svg-stroke-9 {
  0% {
    stroke-dasharray: 304.9612426758px;
    stroke-dashoffset: 304.9612426758px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
#comp2 .kousku-anim02-9 {
  animation: animate02-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-9 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.8s both;
}
@keyframes animate02-svg-stroke-10 {
  0% {
    stroke-dasharray: 417.5971069336px;
    stroke-dashoffset: 417.5971069336px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(10, 128, 193);
  }
}
#comp2 .kousku-anim02-10 {
  animation: animate02-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-10 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.9s both;
}
@keyframes animate02-svg-stroke-11 {
  0% {
    stroke-dasharray: 663.7305908203px;
    stroke-dashoffset: 663.7305908203px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(108, 108, 108);
  }
}
#comp2 .kousku-anim02-11 {
  animation: animate02-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-11 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s both;
}
@keyframes animate02-svg-stroke-12 {
  0% {
    stroke-dasharray: 161.8110656738px;
    stroke-dashoffset: 161.8110656738px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-12 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(209, 209, 209);
  }
}
#comp2 .kousku-anim02-12 {
  animation: animate02-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-12 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.1s both;
}
@keyframes animate02-svg-stroke-13 {
  0% {
    stroke-dasharray: 142.3526000977px;
    stroke-dashoffset: 142.3526000977px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-13 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp2 .kousku-anim02-13 {
  animation: animate02-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-13 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.2s both;
}
@keyframes animate02-svg-stroke-14 {
  0% {
    stroke-dasharray: 138.4084472656px;
    stroke-dashoffset: 138.4084472656px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp2 .kousku-anim02-14 {
  animation: animate02-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-14 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.3s both;
}
@keyframes animate02-svg-stroke-15 {
  0% {
    stroke-dasharray: 128.9661254883px;
    stroke-dashoffset: 128.9661254883px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp2 .kousku-anim02-15 {
  animation: animate02-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-15 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.4s both;
}
@keyframes animate02-svg-stroke-16 {
  0% {
    stroke-dasharray: 120.6723709106px;
    stroke-dashoffset: 120.6723709106px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp2 .kousku-anim02-16 {
  animation: animate02-svg-stroke-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-16 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.5s both;
}
@keyframes animate02-svg-stroke-17 {
  0% {
    stroke-dasharray: 113.2464294434px;
    stroke-dashoffset: 113.2464294434px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(0, 0, 0);
  }
}
#comp2 .kousku-anim02-17 {
  animation: animate02-svg-stroke-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-17 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.6s both;
}
@keyframes animate02-svg-stroke-18 {
  0% {
    stroke-dasharray: 110.4989776611px;
    stroke-dashoffset: 110.4989776611px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(222, 222, 222);
  }
}
#comp2 .kousku-anim02-18 {
  animation: animate02-svg-stroke-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-18 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.7s both;
}
@keyframes animate02-svg-stroke-19 {
  0% {
    stroke-dasharray: 105.1544723511px;
    stroke-dashoffset: 105.1544723511px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(222, 222, 222);
  }
}
#comp2 .kousku-anim02-19 {
  animation: animate02-svg-stroke-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-19 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.8s both;
}
@keyframes animate02-svg-stroke-20 {
  0% {
    stroke-dasharray: 100.4465408325px;
    stroke-dashoffset: 100.4465408325px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(222, 222, 222);
  }
}
#comp2 .kousku-anim02-20 {
  animation: animate02-svg-stroke-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-20 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.9s both;
}
@keyframes animate02-svg-stroke-21 {
  0% {
    stroke-dasharray: 95.9725952148px;
    stroke-dashoffset: 95.9725952148px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(222, 222, 222);
  }
}
#comp2 .kousku-anim02-21 {
  animation: animate02-svg-stroke-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-21 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2s both;
}
@keyframes animate02-svg-stroke-22 {
  0% {
    stroke-dasharray: 115.3838577271px;
    stroke-dashoffset: 115.3838577271px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-22 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-22 {
  animation: animate02-svg-stroke-22 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-22 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.1s both;
}
@keyframes animate02-svg-stroke-23 {
  0% {
    stroke-dasharray: 108.800491333px;
    stroke-dashoffset: 108.800491333px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-23 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-23 {
  animation: animate02-svg-stroke-23 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-23 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.2s both;
}
@keyframes animate02-svg-stroke-24 {
  0% {
    stroke-dasharray: 102.9015655518px;
    stroke-dashoffset: 102.9015655518px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-24 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-24 {
  animation: animate02-svg-stroke-24 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-24 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.3s both;
}
@keyframes animate02-svg-stroke-25 {
  0% {
    stroke-dasharray: 97.5643844604px;
    stroke-dashoffset: 97.5643844604px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-25 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-25 {
  animation: animate02-svg-stroke-25 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-25 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.4s both;
}
@keyframes animate02-svg-stroke-26 {
  0% {
    stroke-dasharray: 243.408416748px;
    stroke-dashoffset: 243.408416748px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-26 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-26 {
  animation: animate02-svg-stroke-26 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-26 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.5s both;
}
@keyframes animate02-svg-stroke-27 {
  0% {
    stroke-dasharray: 55.250202179px;
    stroke-dashoffset: 55.250202179px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-27 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-27 {
  animation: animate02-svg-stroke-27 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-27 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.6s both;
}
@keyframes animate02-svg-stroke-28 {
  0% {
    stroke-dasharray: 55.231464386px;
    stroke-dashoffset: 55.231464386px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-28 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-28 {
  animation: animate02-svg-stroke-28 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-28 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.7s both;
}
@keyframes animate02-svg-stroke-29 {
  0% {
    stroke-dasharray: 55.2590637207px;
    stroke-dashoffset: 55.2590637207px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-29 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-29 {
  animation: animate02-svg-stroke-29 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-29 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.8s both;
}
@keyframes animate02-svg-stroke-30 {
  0% {
    stroke-dasharray: 55.2163963318px;
    stroke-dashoffset: 55.2163963318px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-30 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-30 {
  animation: animate02-svg-stroke-30 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-30 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.9s both;
}
@keyframes animate02-svg-stroke-31 {
  0% {
    stroke-dasharray: 55.224609375px;
    stroke-dashoffset: 55.224609375px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-31 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-31 {
  animation: animate02-svg-stroke-31 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-31 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 3s both;
}
@keyframes animate02-svg-stroke-32 {
  0% {
    stroke-dasharray: 66.7671508789px;
    stroke-dashoffset: 66.7671508789px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-32 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-32 {
  animation: animate02-svg-stroke-32 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-32 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 3.1s both;
}
@keyframes animate02-svg-stroke-33 {
  0% {
    stroke-dasharray: 61.7933692932px;
    stroke-dashoffset: 61.7933692932px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-33 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-33 {
  animation: animate02-svg-stroke-33 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-33 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 3.2s both;
}
@keyframes animate02-svg-stroke-34 {
  0% {
    stroke-dasharray: 59.0681152344px;
    stroke-dashoffset: 59.0681152344px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate02-svg-fill-34 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp2 .kousku-anim02-34 {
  animation: animate02-svg-stroke-34 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate02-svg-fill-34 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 3.3s both;
}

#comp3 .cls-1, #comp3 .cls-8 {
  fill: none;
}
#comp3 .cls-3 {
  fill: #fff;
}
#comp3 .cls-4 {
  clip-path: url(#clip-path-2);
}
#comp3 .cls-5 {
  fill: #3691cb;
}
#comp3 .cls-6 {
  fill: #0a80c1;
}
#comp3 .cls-7 {
  fill: #55a1d2;
}
#comp3 .cls-8 {
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.68px;
}
#comp3 .cls-9 {
  fill: #db4b00;
}
#comp3 .cls-10, #comp3 .cls-11 {
  fill: #ffd100;
}
#comp3 .cls-11 {
  font-family: YuMin-Medium-83pv-RKSJ-H, YuMincho;
  font-size: 9px;
  letter-spacing: 0.06em;
  stroke: #ffd100;
  stroke-miterlimit: 10;
  stroke-width: 0.22px;
}
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dasharray: 1560.5799560547px;
    stroke-dashoffset: 1560.5799560547px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dasharray: 1560.5799560547px;
    stroke-dashoffset: 1560.5799560547px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#comp3 .kousku-anim03-1 {
  -webkit-animation: animate-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s both;
  animation: animate-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s both;
}
@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dasharray: 957.6221923828px;
    stroke-dashoffset: 957.6221923828px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dasharray: 957.6221923828px;
    stroke-dashoffset: 957.6221923828px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#comp3 .kousku-anim03-2 {
  -webkit-animation: animate-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-2 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s both;
  animation: animate-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-2 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s both;
}
@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dasharray: 341.2268981934px;
    stroke-dashoffset: 341.2268981934px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dasharray: 341.2268981934px;
    stroke-dashoffset: 341.2268981934px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-3 {
  -webkit-animation: animate-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-3 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s both;
  animation: animate-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-3 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s both;
}
@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dasharray: 341.2082519531px;
    stroke-dashoffset: 341.2082519531px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dasharray: 341.2082519531px;
    stroke-dashoffset: 341.2082519531px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-4 {
  -webkit-animation: animate-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-4 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.3s both;
  animation: animate-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-4 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.3s both;
}
@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dasharray: 921.7387084961px;
    stroke-dashoffset: 921.7387084961px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dasharray: 921.7387084961px;
    stroke-dashoffset: 921.7387084961px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-5 {
  -webkit-animation: animate-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-5 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.4s both;
  animation: animate-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-5 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.4s both;
}
@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dasharray: 388.4213867188px;
    stroke-dashoffset: 388.4213867188px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dasharray: 388.4213867188px;
    stroke-dashoffset: 388.4213867188px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
#comp3 .kousku-anim03-6 {
  -webkit-animation: animate-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-6 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.5s both;
  animation: animate-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-6 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.5s both;
}
@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dasharray: 360.4612426758px;
    stroke-dashoffset: 360.4612426758px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dasharray: 360.4612426758px;
    stroke-dashoffset: 360.4612426758px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(54, 145, 203);
  }
}
#comp3 .kousku-anim03-7 {
  -webkit-animation: animate-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-7 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.6s both;
  animation: animate-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-7 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.6s both;
}
@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dasharray: 352.0711364746px;
    stroke-dashoffset: 352.0711364746px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dasharray: 352.0711364746px;
    stroke-dashoffset: 352.0711364746px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(10, 128, 193);
  }
}
@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(10, 128, 193);
  }
}
#comp3 .kousku-anim03-8 {
  -webkit-animation: animate-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-8 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.7s both;
  animation: animate-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-8 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.7s both;
}
@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dasharray: 142.9427032471px;
    stroke-dashoffset: 142.9427032471px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dasharray: 142.9427032471px;
    stroke-dashoffset: 142.9427032471px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(85, 161, 210);
  }
}
@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(85, 161, 210);
  }
}
#comp3 .kousku-anim03-9 {
  -webkit-animation: animate-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-9 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.8s both;
  animation: animate-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-9 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.8s both;
}
@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dasharray: 142.9546813965px;
    stroke-dashoffset: 142.9546813965px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dasharray: 142.9546813965px;
    stroke-dashoffset: 142.9546813965px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(85, 161, 210);
  }
}
@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(85, 161, 210);
  }
}
#comp3 .kousku-anim03-10 {
  -webkit-animation: animate-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-10 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.9s both;
  animation: animate-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-10 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.9s both;
}
@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dasharray: 296.4614562988px;
    stroke-dashoffset: 296.4614562988px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dasharray: 296.4614562988px;
    stroke-dashoffset: 296.4614562988px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-11 {
  -webkit-animation: animate-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-11 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s both;
  animation: animate-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-11 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1s both;
}
@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dasharray: 10.1084079742px;
    stroke-dashoffset: 10.1084079742px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dasharray: 10.1084079742px;
    stroke-dashoffset: 10.1084079742px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#comp3 .kousku-anim03-12 {
  -webkit-animation: animate-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-12 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.1s both;
  animation: animate-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-12 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.1s both;
}
@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dasharray: 10.1086130142px;
    stroke-dashoffset: 10.1086130142px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dasharray: 10.1086130142px;
    stroke-dashoffset: 10.1086130142px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#comp3 .kousku-anim03-13 {
  -webkit-animation: animate-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-13 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.2s both;
  animation: animate-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-13 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.2s both;
}
@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dasharray: 19.7185825662px;
    stroke-dashoffset: 19.7185825662px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dasharray: 19.7185825662px;
    stroke-dashoffset: 19.7185825662px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-14 {
  -webkit-animation: animate-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-14 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.3s both;
  animation: animate-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-14 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.3s both;
}
@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dasharray: 19.7185825662px;
    stroke-dashoffset: 19.7185825662px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dasharray: 19.7185825662px;
    stroke-dashoffset: 19.7185825662px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-15 {
  -webkit-animation: animate-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-15 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.4s both;
  animation: animate-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-15 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.4s both;
}
@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dasharray: 144.9052886963px;
    stroke-dashoffset: 144.9052886963px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dasharray: 144.9052886963px;
    stroke-dashoffset: 144.9052886963px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-16 {
  -webkit-animation: animate-svg-stroke-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-16 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.5s both;
  animation: animate-svg-stroke-16 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-16 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.5s both;
}
@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dasharray: 19.7185825662px;
    stroke-dashoffset: 19.7185825662px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dasharray: 19.7185825662px;
    stroke-dashoffset: 19.7185825662px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-17 {
  -webkit-animation: animate-svg-stroke-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-17 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.6s both;
  animation: animate-svg-stroke-17 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-17 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.6s both;
}
@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dasharray: 26.8185819634px;
    stroke-dashoffset: 26.8185819634px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dasharray: 26.8185819634px;
    stroke-dashoffset: 26.8185819634px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(219, 75, 0);
  }
}
@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(219, 75, 0);
  }
}
#comp3 .kousku-anim03-18 {
  -webkit-animation: animate-svg-stroke-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-18 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.7s both;
  animation: animate-svg-stroke-18 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-18 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.7s both;
}
@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dasharray: 269.8430786133px;
    stroke-dashoffset: 269.8430786133px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dasharray: 269.8430786133px;
    stroke-dashoffset: 269.8430786133px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp3 .kousku-anim03-19 {
  -webkit-animation: animate-svg-stroke-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-19 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.8s both;
  animation: animate-svg-stroke-19 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-19 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.8s both;
}
@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dasharray: 269.8887329102px;
    stroke-dashoffset: 269.8887329102px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dasharray: 269.8887329102px;
    stroke-dashoffset: 269.8887329102px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 209, 0);
  }
}
#comp3 .kousku-anim03-20 {
  -webkit-animation: animate-svg-stroke-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-20 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.9s both;
  animation: animate-svg-stroke-20 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-20 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 1.9s both;
}
@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dasharray: 547.6987304688px;
    stroke-dashoffset: 547.6987304688px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dasharray: 547.6987304688px;
    stroke-dashoffset: 547.6987304688px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-21 {
  -webkit-animation: animate-svg-stroke-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-21 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2s both;
  animation: animate-svg-stroke-21 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-21 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2s both;
}
@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dasharray: 547.6851196289px;
    stroke-dashoffset: 547.6851196289px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dasharray: 547.6851196289px;
    stroke-dashoffset: 547.6851196289px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }
  100% {
    fill: rgb(255, 255, 255);
  }
}
#comp3 .kousku-anim03-22 {
  -webkit-animation: animate-svg-stroke-22 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-22 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.1s both;
  animation: animate-svg-stroke-22 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-22 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) 2.1s both;
}