@charset "utf-8";



/*--------------------------------------------------------------------------

   Mv

---------------------------------------------------------------------------*/

#mv{
  position: relative;
}
#mv .sub01 {
    width: 14vw;
    position: absolute;
    top: 4vw;
    left: 32.1vw;
}
#mv .sub02 {
    width: 18vw;
    position: absolute;
    top: 3.4vw;
    right: 34.2vw;
}
#mv h2 {
    text-align: center;
    width: 45%;
    position: absolute;
    top: 32%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
@media all and (-ms-high-contrast: none){
#mv .sub01 {
    width: 14vw;
    position: absolute;
    top: 1.2vw;
    left: 32.1vw;
    opacity: 0;
	-webkit-animation: delay01 2.4s ease 1s both;
	        animation: delay01 2.4s ease 1s both;
}   
#mv h2 {
    text-align: center;
    width: 65%;
    position: absolute;
    top: 32%;
    left: 50%;
    opacity: 0;
	-webkit-animation: delay01 2.4s ease 3.6s both;
	        animation: delay01 2.4s ease 3.6s both;
}
#mv h2 svg{
    width: 100%;
}
}

@media screen and (max-width: 768px){
#mv .sub01 {
    width: 32vw;
    position: absolute;
    top: 7vw;
    left: 13.1vw;
}
#mv .sub02 {
    width: 38vw;
    position: absolute;
    top: 6.6vw;
    right: 15.2vw;
}
#mv h2 {
    text-align: center;
    width: 88%;
    position: absolute;
    top: 22%;
    left: 52%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
}

.jello-horizontal {
    opacity: 0;
	-webkit-animation: jello-horizontal 0.9s ease 2.2s both;
	        animation: jello-horizontal 0.9s ease 2.2s both;
}


@keyframes jello-horizontal {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
      opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes delay01 {
  0% {
    opacity: 0;
  }
  100% {
      opacity: 1;
  }
}


/***************************************************
 * Generated by SVG Artista on 12/14/2019, 1:47:24 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both;animation:animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both;animation:animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;animation:animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both;animation:animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both;animation:animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.3s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both;animation:animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s both}



/***************************************************
 * Generated by SVG Artista on 12/17/2019, 11:04:12 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(62,186,188)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(62,186,188)}}.main-1{-webkit-animation:animate-svg-fill-1 1.8s ease-in-out 3s both;animation:animate-svg-fill-1 1.8s ease-in-out 3s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(62,186,188)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(62,186,188)}}.main-2{-webkit-animation:animate-svg-fill-2 1.8s ease-in-out 3.2s both;animation:animate-svg-fill-2 1.8s ease-in-out 3.2s 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)}}.main-3{-webkit-animation:animate-svg-fill-3 1.8s ease-in-out 3.4s both;animation:animate-svg-fill-3 1.8s ease-in-out 3.4s 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)}}.main-4{-webkit-animation:animate-svg-fill-4 1.8s ease-in-out 3.6s both;animation:animate-svg-fill-4 1.8s ease-in-out 3.6s 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)}}.main-5{-webkit-animation:animate-svg-fill-5 1.8s ease-in-out 3.8s both;animation:animate-svg-fill-5 1.8s ease-in-out 3.8s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-6{-webkit-animation:animate-svg-fill-6 1.8s ease-in-out 4s both;animation:animate-svg-fill-6 1.8s ease-in-out 4s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-7{-webkit-animation:animate-svg-fill-7 1.8s ease-in-out 4.2s both;animation:animate-svg-fill-7 1.8s ease-in-out 4.2s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-8{-webkit-animation:animate-svg-fill-8 1.8s ease-in-out 4.4s both;animation:animate-svg-fill-8 1.8s ease-in-out 4.4s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-9{-webkit-animation:animate-svg-fill-9 1.8s ease-in-out 4.6s both;animation:animate-svg-fill-9 1.8s ease-in-out 4.6s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-10{-webkit-animation:animate-svg-fill-10 1.8s ease-in-out 4.8s both;animation:animate-svg-fill-10 1.8s ease-in-out 4.8s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-11{-webkit-animation:animate-svg-fill-11 1.8s ease-in-out 5s both;animation:animate-svg-fill-11 1.8s ease-in-out 5s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-12{-webkit-animation:animate-svg-fill-12 1.8s ease-in-out 5.2s both;animation:animate-svg-fill-12 1.8s ease-in-out 5.2s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-13{-webkit-animation:animate-svg-fill-13 1.8s ease-in-out 5.4s both;animation:animate-svg-fill-13 1.8s ease-in-out 5.4s both}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-14{-webkit-animation:animate-svg-fill-14 1.8s ease-in-out 5.6s both;animation:animate-svg-fill-14 1.8s ease-in-out 5.6s both}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(45,41,38)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(45,41,38)}}.main-15{-webkit-animation:animate-svg-fill-15 1.8s ease-in-out 5.800000000000001s both;animation:animate-svg-fill-15 1.8s ease-in-out 5.800000000000001s 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)}}.main-16{-webkit-animation:animate-svg-fill-16 1.8s ease-in-out 6s both;animation:animate-svg-fill-16 1.8s ease-in-out 6s 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)}}.main-17{-webkit-animation:animate-svg-fill-17 1.8s ease-in-out 6.2s both;animation:animate-svg-fill-17 1.8s ease-in-out 6.2s 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)}}.main-18{-webkit-animation:animate-svg-fill-18 1.8s ease-in-out 6.4s both;animation:animate-svg-fill-18 1.8s ease-in-out 6.4s both}@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-19{-webkit-animation:animate-svg-fill-19 1.8s ease-in-out 6.6s both;animation:animate-svg-fill-19 1.8s ease-in-out 6.6s both}@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-20{-webkit-animation:animate-svg-fill-20 1.8s ease-in-out 6.800000000000001s both;animation:animate-svg-fill-20 1.8s ease-in-out 6.800000000000001s both}@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-21{-webkit-animation:animate-svg-fill-21 1.8s ease-in-out 7s both;animation:animate-svg-fill-21 1.8s ease-in-out 7s both}@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-22{-webkit-animation:animate-svg-fill-22 1.8s ease-in-out 7.2s both;animation:animate-svg-fill-22 1.8s ease-in-out 7.2s both}@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-23{-webkit-animation:animate-svg-fill-23 1.8s ease-in-out 7.4s both;animation:animate-svg-fill-23 1.8s ease-in-out 7.4s both}@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-24{-webkit-animation:animate-svg-fill-24 1.8s ease-in-out 7.6000000000000005s both;animation:animate-svg-fill-24 1.8s ease-in-out 7.6000000000000005s both}@-webkit-keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-25{-webkit-animation:animate-svg-fill-25 1.8s ease-in-out 7.800000000000001s both;animation:animate-svg-fill-25 1.8s ease-in-out 7.800000000000001s both}@-webkit-keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-26{-webkit-animation:animate-svg-fill-26 1.8s ease-in-out 8s both;animation:animate-svg-fill-26 1.8s ease-in-out 8s both}@-webkit-keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-27{-webkit-animation:animate-svg-fill-27 1.8s ease-in-out 8.2s both;animation:animate-svg-fill-27 1.8s ease-in-out 8.2s both}@-webkit-keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-28{-webkit-animation:animate-svg-fill-28 1.8s ease-in-out 8.4s both;animation:animate-svg-fill-28 1.8s ease-in-out 8.4s both}@-webkit-keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-29{-webkit-animation:animate-svg-fill-29 1.8s ease-in-out 8.600000000000001s both;animation:animate-svg-fill-29 1.8s ease-in-out 8.600000000000001s both}@-webkit-keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(0,0,0)}}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(0,0,0)}}.main-30{-webkit-animation:animate-svg-fill-30 1.8s ease-in-out 8.8s both;animation:animate-svg-fill-30 1.8s ease-in-out 8.8s both}


/* -------------------------------- 

fuwafuwa

 -------------------------------- */


.fuwafuwa {
  -webkit-animation: buruburu 3.0s ease-in-out alternate;
  animation: buruburu 3.0s infinite ease-in-out alternate;
}
.delay02 { animation-delay: 0.2s;}
.delay04 { animation-delay: 0.4s;}
.delay1 { animation-delay: 1.0s;}
.delay12 { animation-delay: 1.2s;}
.delay14 { animation-delay: 1.4s;}

@-webkit-keyframes buruburu {
  0% {
    -webkit-transform: translate(0, 0);
  }

  4% {
    -webkit-transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, -15px);
  }

  54% {
    -webkit-transform: translate(0, -15px);
  }

  100% {
    -webkit-transform: translate(0, 0);
  }
}