/* スクロールCSS */
  .fade-in,.fade-ins,.fade-inup,.fade-inc,.fade-in1-1,.fade-in_start{
    transition-duration: 500ms;
    transition-property: opacity, transform;
  }

.fade-in-up {
    opacity: 0;
  transform: translate(0, 100px);
}

.fade-in-down {
  transform: translate(0, -1000px);
}

.fade-in-left {
  transform: translate(-110%, 0);
}

.fade-in-right {
  transform: translate(110%, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);

}

@media screen and (max-width: 650px) {
  


  .fade-in-up {
      opacity: 0;
    transform: translate(0, 100px)!important;
  }

  .fade-in-down {
    transform: translate(0, -1000px)!important;
  }

  .fade-in-left {
    transform: translate(-110%, 0)!important;
  }

  .fade-in-right {
    transform: translate(110%, 0)!important;
  }

  .scroll-in {
    opacity: 1!important;
    transform: translate(0, 0)!important;
  }
    .scroll-inc {
      opacity: 1!important;
      transform: translate(-50%)!important;
    }
}