@charset "UTF-8";

  /*   重なる動き   */
.section {
  position: relative;
}

  .section__pin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

    /*   重なる動き   */


  /*   scroll   */
  .container-mouse {
    position: relative;
    width: 100%;
    position: fixed;
    bottom: 0;
    /*    display: flex;
    align-items: center;
    justify-content: center;
    */
    z-index: 500;
  }

  .field{
display: flex;
    align-items: center;
    justify-content: center;
  }

  .mouse {
    width: 27px;
    height: 70px;
    border: 1px solid #ffffff;
    border-radius: 60px;
    position: relative;
  }
  .mouse::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 2s infinite;
    -webkit-animation: wheel 2s infinite;
  }
  
  @keyframes wheel {
    to {
      opacity: 0;
      top: 60px;
    }
  }
  @-webkit-keyframes wheel {
    to {
      opacity: 0;
      top: 60px;
    }
  }

  .field-text{
   text-align:center;
   color:#ffffff;
  }

  /*   scroll   */


 /* フェードイン */

.box{
  opacity: 0;
  transition: all 1s;
}

.box.show {
  opacity: 1;
  }
 /* フェードイン */

 /* フリップイン */

  .flip-in {
    transform: rotateY(90deg);
}



 /* フリップイン */

/* ストレッチイン */
 .stretch-in {
  transform: scaleX(0.5); 
}

/* ストレッチイン */


/*  テキストフェードイン   */
.js-text span {
  display: inline-block;
}

/*  FV背景アニメーション  */
.fv_bg {
  display: inline-block;
  width: 100%;
  height: 100vh;
  -webkit-mask-image: url('../images/top/haikei_pc.svg');
          mask-image: url('../images/top/haikei_pc.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
   -webkit-mask-size: cover;
          mask-size: cover;
  background-color: currentColor;
  -webkit-animation: gaming 10s infinite alternate;
          animation: gaming 10s infinite alternate;
}
@-webkit-keyframes gaming {
  0% {
    color: rgba(255, 255, 255, 1);
  }

  50% {
    color: rgba(255, 255, 255, 0.25);
  }
  100% {
    color: rgba(255, 255, 255, 1);
  }
}
@keyframes gaming {
  0% {
    color: rgba(255, 255, 255, 1);
  }

  50% {
    color: rgba(255, 255, 255, 0.25);
  }
  100% {
    color: rgba(255, 255, 255, 1);
  }
}

.l-rotate-container{
    position:absolute;
  top:100px;
width:100%;
    overflow: hidden;
}


.rotate-box-wrap{
  display: flex;
    justify-content: center;
}


.rotate-box {
 /*
  position:absolute;
  top:100px;
left:30%;
*/
  display: flex;
    justify-content: center;
  width: min(800px, 60%);
  height: min(800px, 60%);
}

.rotate-box-wrap2{
  width:100%;
  display: flex;
    justify-content: end;
    margin-top: -20vh;
}

.rotate-box2 {
  width: min(1200px, 80%);
  height: min(1200px, 80%);
}


.rotate-box3 {
  display: flex;
    justify-content: center;
  width: min(800px, 60%);
  height: min(800px, 60%);
}

.rotate-box4 {
  width: min(1200px, 80%);
  height: min(1200px, 80%);
}


/*  SVGアイコン  */

/*  bill  */
/***************************************************
 * Generated by SVG Artista on 5/2/2025, 3:19:21 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1169.7196044921875px;
    stroke-dasharray: 1169.7196044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1169.7196044921875px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1169.7196044921875px;
    stroke-dasharray: 1169.7196044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1169.7196044921875px;
  }
}

.active .svg-elem1-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1169.7196044921875px;
    stroke-dasharray: 1169.7196044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1169.7196044921875px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 1169.7196044921875px;
    stroke-dasharray: 1169.7196044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1169.7196044921875px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem1-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

/*  human  */
/***************************************************
 * Generated by SVG Artista on 5/2/2025, 3:54:09 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 263.5549011230469px;
    stroke-dasharray: 263.5549011230469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5549011230469px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 263.5549011230469px;
    stroke-dasharray: 263.5549011230469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5549011230469px;
  }
}

.active .svg-elem2-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 263.5647888183594px;
    stroke-dasharray: 263.5647888183594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5647888183594px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 263.5647888183594px;
    stroke-dasharray: 263.5647888183594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5647888183594px;
  }
}

.active .svg-elem2-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 388.6148681640625px;
    stroke-dasharray: 388.6148681640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 388.6148681640625px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 388.6148681640625px;
    stroke-dasharray: 388.6148681640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 388.6148681640625px;
  }
}

.active .svg-elem2-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 263.5549011230469px;
    stroke-dasharray: 263.5549011230469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5549011230469px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 263.5549011230469px;
    stroke-dasharray: 263.5549011230469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5549011230469px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem2-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 263.5647888183594px;
    stroke-dasharray: 263.5647888183594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5647888183594px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 263.5647888183594px;
    stroke-dasharray: 263.5647888183594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 263.5647888183594px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem2-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 388.6148681640625px;
    stroke-dasharray: 388.6148681640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 388.6148681640625px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 388.6148681640625px;
    stroke-dasharray: 388.6148681640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 388.6148681640625px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem2-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

/*     box    */

/***************************************************
 * Generated by SVG Artista on 5/9/2025, 12:21:12 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 290.4354553222656px;
    stroke-dasharray: 290.4354553222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 290.4354553222656px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 290.4354553222656px;
    stroke-dasharray: 290.4354553222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 290.4354553222656px;
  }
}

.active .svg-elem3-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 196.12991333007812px;
    stroke-dasharray: 196.12991333007812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 196.12991333007812px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 196.12991333007812px;
    stroke-dasharray: 196.12991333007812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 196.12991333007812px;
  }
}

.active .svg-elem3-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 206.3115234375px;
    stroke-dasharray: 206.3115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 206.3115234375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 206.3115234375px;
    stroke-dasharray: 206.3115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 206.3115234375px;
  }
}

.active .svg-elem3-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 351.36651611328125px;
    stroke-dasharray: 351.36651611328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 351.36651611328125px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 351.36651611328125px;
    stroke-dasharray: 351.36651611328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 351.36651611328125px;
  }
}

.active .svg-elem3-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 290.4354553222656px;
    stroke-dasharray: 290.4354553222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 290.4354553222656px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 290.4354553222656px;
    stroke-dasharray: 290.4354553222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 290.4354553222656px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem3-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 196.12991333007812px;
    stroke-dasharray: 196.12991333007812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 196.12991333007812px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 196.12991333007812px;
    stroke-dasharray: 196.12991333007812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 196.12991333007812px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem3-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 206.3115234375px;
    stroke-dasharray: 206.3115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 206.3115234375px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 206.3115234375px;
    stroke-dasharray: 206.3115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 206.3115234375px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem3-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 351.36651611328125px;
    stroke-dasharray: 351.36651611328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 351.36651611328125px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 351.36651611328125px;
    stroke-dasharray: 351.36651611328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 351.36651611328125px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem3-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}



/*     hand     */
/***************************************************
 * Generated by SVG Artista on 5/2/2025, 1:06:48 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 235.09495544433594px;
    stroke-dasharray: 235.09495544433594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 235.09495544433594px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 235.09495544433594px;
    stroke-dasharray: 235.09495544433594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 235.09495544433594px;
  }
}

.active .svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 220.35435485839844px;
    stroke-dasharray: 220.35435485839844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 220.35435485839844px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 220.35435485839844px;
    stroke-dasharray: 220.35435485839844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 220.35435485839844px;
  }
}

.active .svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 53.41189956665039px;
    stroke-dasharray: 53.41189956665039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.41189956665039px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 53.41189956665039px;
    stroke-dasharray: 53.41189956665039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.41189956665039px;
  }
}

.active .svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 60.08132553100586px;
    stroke-dasharray: 60.08132553100586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08132553100586px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 60.08132553100586px;
    stroke-dasharray: 60.08132553100586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08132553100586px;
  }
}

.active .svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 60.08346176147461px;
    stroke-dasharray: 60.08346176147461px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08346176147461px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 60.08346176147461px;
    stroke-dasharray: 60.08346176147461px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08346176147461px;
  }
}

.active .svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 48.96763229370117px;
    stroke-dasharray: 48.96763229370117px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.96763229370117px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 48.96763229370117px;
    stroke-dasharray: 48.96763229370117px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.96763229370117px;
  }
}

.active .svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 185.66574096679688px;
    stroke-dasharray: 185.66574096679688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.66574096679688px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 185.66574096679688px;
    stroke-dasharray: 185.66574096679688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.66574096679688px;
  }
}

.active .svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 149.74647521972656px;
    stroke-dasharray: 149.74647521972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 149.74647521972656px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 149.74647521972656px;
    stroke-dasharray: 149.74647521972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 149.74647521972656px;
  }
}

.active .svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 185.63551330566406px;
    stroke-dasharray: 185.63551330566406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.63551330566406px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 185.63551330566406px;
    stroke-dasharray: 185.63551330566406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.63551330566406px;
  }
}

.active .svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 235.09495544433594px;
    stroke-dasharray: 235.09495544433594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 235.09495544433594px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 235.09495544433594px;
    stroke-dasharray: 235.09495544433594px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 235.09495544433594px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 220.35435485839844px;
    stroke-dasharray: 220.35435485839844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 220.35435485839844px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 220.35435485839844px;
    stroke-dasharray: 220.35435485839844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 220.35435485839844px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 53.41189956665039px;
    stroke-dasharray: 53.41189956665039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.41189956665039px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 53.41189956665039px;
    stroke-dasharray: 53.41189956665039px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.41189956665039px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 60.08132553100586px;
    stroke-dasharray: 60.08132553100586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08132553100586px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 60.08132553100586px;
    stroke-dasharray: 60.08132553100586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08132553100586px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 60.08346176147461px;
    stroke-dasharray: 60.08346176147461px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08346176147461px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 60.08346176147461px;
    stroke-dasharray: 60.08346176147461px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 60.08346176147461px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 48.96763229370117px;
    stroke-dasharray: 48.96763229370117px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.96763229370117px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 48.96763229370117px;
    stroke-dasharray: 48.96763229370117px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.96763229370117px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 185.66574096679688px;
    stroke-dasharray: 185.66574096679688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.66574096679688px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 185.66574096679688px;
    stroke-dasharray: 185.66574096679688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.66574096679688px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 149.74647521972656px;
    stroke-dasharray: 149.74647521972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 149.74647521972656px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 149.74647521972656px;
    stroke-dasharray: 149.74647521972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 149.74647521972656px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 185.63551330566406px;
    stroke-dasharray: 185.63551330566406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.63551330566406px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 185.63551330566406px;
    stroke-dasharray: 185.63551330566406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 185.63551330566406px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(51, 51, 51);
  }
}

.active .svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}