/* CSS Document */

/*　SVG枠　*/
.logo-wrapper {
  position: fixed;
  height: 569px;
  width: 416px;
  top: calc(40% - 569px/2);
  left: calc(50% - 416px/2);
  box-sizing: border-box;
  /*	z-index: 100;*/
}
/***************************************************
 * Generated by SVG Artista on 11/10/2021, 9:29:04 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

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

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

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

  100% {
    fill: rgb(240, 131, 0);
  }
}

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

  100% {
    fill: rgb(240, 131, 0);
  }
}

.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: 500.4037170410156px;
    stroke-dasharray: 500.4037170410156px;
  }

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

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

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

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

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

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

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

.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: 259.05792236328125px;
    stroke-dasharray: 259.05792236328125px;
  }

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

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

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

@-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);
  }
}

.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: 297.2071838378906px;
    stroke-dasharray: 297.2071838378906px;
  }

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

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

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

@-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);
  }
}

.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: 239.12367248535156px;
    stroke-dasharray: 239.12367248535156px;
  }

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

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

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

@-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);
  }
}

.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: 378.39312744140625px;
    stroke-dasharray: 378.39312744140625px;
  }

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

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

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

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

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

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

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

.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: 404.3780212402344px;
    stroke-dasharray: 404.3780212402344px;
  }

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

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

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

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

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

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

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

.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: 117.05748748779297px;
    stroke-dasharray: 117.05748748779297px;
  }

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

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

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

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

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

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

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

.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: 142.43203735351562px;
    stroke-dasharray: 142.43203735351562px;
  }

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

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

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

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

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

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

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

.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: 258.929443359375px;
    stroke-dasharray: 258.929443359375px;
  }

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

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

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

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

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

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

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

.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: 297.2210693359375px;
    stroke-dasharray: 297.2210693359375px;
  }

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

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

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

@-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);
  }
}

.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: 239.12213134765625px;
    stroke-dasharray: 239.12213134765625px;
  }

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

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

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

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

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

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

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

.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: 397.28399658203125px;
    stroke-dasharray: 397.28399658203125px;
  }

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

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

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

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

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

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

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

.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: 345.919921875px;
    stroke-dasharray: 345.919921875px;
  }

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

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

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

@-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);
  }
}

.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: 191.5886688232422px;
    stroke-dasharray: 191.5886688232422px;
  }

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

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

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

@-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);
  }
}

.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: 223.2945556640625px;
    stroke-dasharray: 223.2945556640625px;
  }

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

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

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

@-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);
  }
}

.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;
}
@media all and (max-width: 480px) {
  /*背景画像を擬似要素で固定*/
  .logo-wrapper {

  height: 410.5263px;
  width: 300px;
  top: calc(40% - 410.5263px/2);
  left: calc(50% - 300px/2);

  }
}