@charset "UTF-8";
/*--------------------------
 CSSアニメーション
--------------------------*/
#mq_chanel .fadeup {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 20px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 20px);
  transform-style: preserve-3d;
  -webkit-transition: all 1s linear 0s;
  -ms-transition: all 1s linear 0s;
  -moz-transition: all 1s linear 0s;
  transition: all 1s linear 0s;
}

#mq_chanel .fadeup.is-active {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}


/*fadein*/
#mq_chanel .fadein {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
  -ms-transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
  -moz-transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
  transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
}

#mq_chanel .fadein.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=1);
  opacity: 1;
}

/*--------------------------
keyframe
--------------------------*/
@-webkit-keyframes slideAnim {
  0% {
    right: 100%
  }
  65% {
    right: 100%
  }
  100% {
    right: -100%
  }
}

@keyframes slideAnim {
  0% {
    right: 100%
  }
  65% {
    right: 100%
  }
  100% {
    right: -100%
  }
}


/* scroll */
@keyframes scroll {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  85% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-20px, 0);
    transform: translate(0, 0);
  }
}


#mq_chanel .mv_lead span {
  transition: all .5s ease;
  opacity: 0;
  display: inline-block;
  transform: translateY(10px);
}

#mq_chanel .mv_lead.is-show span {
  opacity: 1;
  transform: translateY(0);
}

#mq_chanel .mv_lead span:first-child {
  transition-delay: .50s;
}
#mq_chanel .mv_lead span:nth-child(2) {
  transition-delay: .55s;
}
#mq_chanel .mv_lead span:nth-child(3) {
  transition-delay: .60s;
}
#mq_chanel .mv_lead span:nth-child(4) {
  transition-delay: .65s;
}
#mq_chanel .mv_lead span:nth-child(5) {
  transition-delay: .70s;
}
#mq_chanel .mv_lead span:nth-child(6) {
  transition-delay: .75s;
}
#mq_chanel .mv_lead span:nth-child(7) {
  transition-delay: .80s;
}
#mq_chanel .mv_lead span:nth-child(8) {
  transition-delay: .85s;
}
#mq_chanel .mv_lead span:nth-child(9) {
  transition-delay: .90s;
}
#mq_chanel .mv_lead span:nth-child(10) {
  transition-delay: .95s;
}
#mq_chanel .mv_lead span:nth-child(11) {
  transition-delay: 1.00s;
}
#mq_chanel .mv_lead span:nth-child(12) {
  transition-delay: 1.05s;
}
#mq_chanel .mv_lead span:nth-child(13) {
  transition-delay: 1.15s;
}
#mq_chanel .mv_lead span:nth-child(14) {
  transition-delay: 1.20s;
}
#mq_chanel .mv_lead span:nth-child(15) {
  transition-delay: 1.25s;
}
#mq_chanel .mv_lead span:nth-child(16) {
  transition-delay: 1.30s;
}
#mq_chanel .mv_lead span:nth-child(17) {
  transition-delay: 1.35s;
}
#mq_chanel .mv_lead span:nth-child(18) {
  transition-delay: 1.40s;
}
#mq_chanel .mv_lead span:nth-child(19) {
  transition-delay: 1.45s;
}
#mq_chanel .mv_lead span:nth-child(20) {
  transition-delay: 1.50s;
}
#mq_chanel .mv_lead span:nth-child(21) {
  transition-delay: 1.55s;
}
#mq_chanel .mv_lead span:nth-child(22) {
  transition-delay: 1.60s;
}
#mq_chanel .mv_lead span:nth-child(23) {
  transition-delay: 1.65s;
}
#mq_chanel .mv_lead span:nth-child(24) {
  transition-delay: 1.70s;
}
#mq_chanel .mv_lead span:nth-child(25) {
  transition-delay: 1.75s;
}
#mq_chanel .mv_lead span:nth-child(26) {
  transition-delay: 1.80s;
}
#mq_chanel .mv_lead span:nth-child(27) {
  transition-delay: 1.85s;
}
#mq_chanel .mv_lead span:nth-child(28) {
  transition-delay: 1.90s;
}
#mq_chanel .mv_lead span:nth-child(29) {
  transition-delay: 1.95s;
}
#mq_chanel .mv_lead span:nth-child(30) {
  transition-delay: 2.0s;
}
#mq_chanel .mv_lead span:nth-child(31) {
  transition-delay: 2.05s;
}
#mq_chanel .mv_lead span:nth-child(32) {
  transition-delay: 2.1s;
}