@charset "UTF-8";
/*--------------------------
 CSSアニメーション
--------------------------*/
#mq_chanel2604 .svg-handwriting path {
  fill: none;
  stroke: #c1455a;
  stroke-width: 4;
  stroke-dasharray: 100;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 1s linear;
}

@keyframes drawFill {
  to {
    opacity: 1;
  }
}

#mq_chanel2604 .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 .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}

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


/*fadein*/
#mq_chanel2604 .fadein {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all .5s ease-in 0s;
  -ms-transition: all .5s ease-in 0s;
  -moz-transition: all .5s ease-in 0s;
  transition: all .5s ease-in 0s;
}

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