@charset "utf-8";
/* CSS Document */

/***** 全画面を覆う背景 *****/
.splash {
  position: fixed; /*固定表示*/
  z-index: 1100; /*最前面へ*/
  top: 0;
  left: 0;
  width: 100vw; /*画面幅*/
  height: 100vh; /*画面の高さ*/
  background: rgba(236,241,241,1); /*好きな色*/
  animation: fadeOut 1s forwards; /*フェードアウト*/
  animation-delay: 1.8s; /*円のアニメーション＋遅延時間*/
}

/*フェードアウトアニメーション*/
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

/***** 広がる円 *****/
.circle {
  position: absolute; /*固定表示*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; /*中央配置*/
   width: 420px;
    height: 420px;
	 border-radius: 50%;
  background: rgba(255,255,255,1); /*ページ全体の背景色*/
  animation: circle-open 1.6s ease-in forwards;
  animation-delay: 0.4s; /*任意の遅延時間*/
	transform: translate3d(0,0,0);
}

.splash svg{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
  filter: blur(0px);
	width: 340px;
	height: 176px;
	margin: 0 auto;
	z-index: 1;
}

/*円が拡大するアニメーション*/
@keyframes circle-open {
  0% {
    width: 420px;
    height: 420px;
    border-radius: 50%;
  }
  24%,
  50% {
    /*少し拡大して止まる*/
     width: 420px;
    height: 420px;
    border-radius: 50%;
  }
  92% {
    /*ぎりぎりまで正円*/
    width: 99vw;
    height: 100vw;
    border-radius: 50%;
  }
  100% {
    /*全画面*/
    width: 100vw;
    height: 100vw;
    border-radius: 0;
  }
}
/****
.fadeIn{
	position: fixed; 
  z-index: 1020; 
  bottom: -100%;
  left: 0;
  width: 100vw; 
  height: 100vh;
  background: rgba(236,241,241,1); 
	transition: .4s all ease-in;
  animation-delay: 0s; 
	overflow: hidden;
	opacity: 0;
}
.fadeIn.active{
  bottom: 0;
  left: 0;
	opacity: 1;
}
**/
/***************************************************
 * Generated by SVG Artista on 4/7/2023, 1:07:39 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.12s both;animation:animate-svg-fill-1 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.12s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.16999999999999998s both;animation:animate-svg-fill-2 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.16999999999999998s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.22s both;animation:animate-svg-fill-3 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.22s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.27s both;animation:animate-svg-fill-4 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.27s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.32s both;animation:animate-svg-fill-5 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.32s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.37s both;animation:animate-svg-fill-6 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.37s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.42000000000000004s both;animation:animate-svg-fill-7 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.42000000000000004s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-8{-webkit-animation:animate-svg-fill-8 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.47000000000000003s both;animation:animate-svg-fill-8 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.47000000000000003s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-9{-webkit-animation:animate-svg-fill-9 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.52s both;animation:animate-svg-fill-9 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.52s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-10{-webkit-animation:animate-svg-fill-10 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.5700000000000001s both;animation:animate-svg-fill-10 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.5700000000000001s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-11{-webkit-animation:animate-svg-fill-11 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.62s both;animation:animate-svg-fill-11 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.62s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-12{-webkit-animation:animate-svg-fill-12 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.67s both;animation:animate-svg-fill-12 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.67s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-13{-webkit-animation:animate-svg-fill-13 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.7200000000000001s both;animation:animate-svg-fill-13 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.7200000000000001s both}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-14{-webkit-animation:animate-svg-fill-14 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.77s both;animation:animate-svg-fill-14 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.77s both}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-15{-webkit-animation:animate-svg-fill-15 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.8200000000000001s both;animation:animate-svg-fill-15 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.8200000000000001s both}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-16{-webkit-animation:animate-svg-fill-16 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.87s both;animation:animate-svg-fill-16 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.87s both}@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-17{-webkit-animation:animate-svg-fill-17 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.92s both;animation:animate-svg-fill-17 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.92s both}@-webkit-keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-18{-webkit-animation:animate-svg-fill-18 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.9700000000000001s both;animation:animate-svg-fill-18 0.12s cubic-bezier(0.47,0,0.745,0.715) 0.9700000000000001s both}@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-19{-webkit-animation:animate-svg-fill-19 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.02s both;animation:animate-svg-fill-19 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.02s both}@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-20{-webkit-animation:animate-svg-fill-20 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.07s both;animation:animate-svg-fill-20 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.07s both}@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-21{-webkit-animation:animate-svg-fill-21 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.12s both;animation:animate-svg-fill-21 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.12s both}@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-22{-webkit-animation:animate-svg-fill-22 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.17s both;animation:animate-svg-fill-22 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.17s both}@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-23{-webkit-animation:animate-svg-fill-23 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.2200000000000002s both;animation:animate-svg-fill-23 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.2200000000000002s both}@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-24{-webkit-animation:animate-svg-fill-24 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.27s both;animation:animate-svg-fill-24 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.27s both}@-webkit-keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-25{-webkit-animation:animate-svg-fill-25 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.3200000000000003s both;animation:animate-svg-fill-25 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.3200000000000003s both}@-webkit-keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-26{-webkit-animation:animate-svg-fill-26 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.37s both;animation:animate-svg-fill-26 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.37s both}@-webkit-keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(2,126,157)}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(2,126,157)}}.svg-elem-27{-webkit-animation:animate-svg-fill-27 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.42s both;animation:animate-svg-fill-27 0.12s cubic-bezier(0.47,0,0.745,0.715) 1.42s both}


@media screen and (max-width : 768px){
.circle {
  position: absolute; /*固定表示*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; /*中央配置*/
  width: 280px;
  height: 280px; /*ページ全体の背景色*/
  animation: circle-openSP;
animation-name: circle-openSP2;
	animation-duration: 1.8s;
animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
  animation-delay: 0.2s; /*任意の遅延時間*/
}
.splash svg{
	width: 272px;
	height: 140.8px;
}

}
@keyframes circle-openSP {
  0% {
    width: 280px;
    height: 280px;
    border-radius: 50%;
  }
  24%,
  50% {
    /*少し拡大して止まる*/
    width: 280px;
    height: 280px;
    border-radius: 50%;
  }
  50% {
    /*少し拡大して止まる*/
    border-radius: 50%;
  }
  100% {
	transform: scale(5);
    border-radius: 50%;
  }
}
@media screen and (max-width : 500px){
.circle {
  position: absolute; /*固定表示*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; /*中央配置*/
  width: 272px;
  height: 272px;
	transform-origin: 50% 50%;
  animation-name: circle-openSP2;
	animation-duration: 2s;
animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.splash svg{
	width: 204px;
	height: 105.6px;
}	
}
@keyframes circle-openSP2 {
  0% {
    width: 272px;
    height: 272px;
    border-radius: 50%;
  }
  24%,
  50% {
    /*少し拡大して止まる*/
    border-radius: 50%;
  }
  100% {
	transform: scale(5);
    border-radius: 50%;
  }
}


/***************************************************
SVGアニメ
 **************************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-fill-3 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

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

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

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

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

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

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

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

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

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

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-fill-5 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

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

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

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

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

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-fill-6 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

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

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

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

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

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-fill-7 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

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

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

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

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

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-fill-8 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

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

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

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

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

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-fill-9 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

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

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

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

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

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-fill-10 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

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

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

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

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

.svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-fill-11 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

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

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

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

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

.svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-fill-12 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

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

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

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

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

.svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-fill-13 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

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

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

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

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

.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s both;
          animation: animate-svg-fill-14 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s both;
}

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

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

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

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

.svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s both;
          animation: animate-svg-fill-15 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3000000000000003s both;
}

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

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

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

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

.svg-elem-16 {
  -webkit-animation: animate-svg-fill-16 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-fill-16 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

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

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

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

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

.svg-elem-17 {
  -webkit-animation: animate-svg-fill-17 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
          animation: animate-svg-fill-17 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

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

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

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

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

.svg-elem-18 {
  -webkit-animation: animate-svg-fill-18 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
          animation: animate-svg-fill-18 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
}

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}