/*フェードインアニメ*/
/*左から右にフェードイン*/
.left-to-right {
  opacity: 0.0;
  transform: translateX(-20px);
  transition: all 1s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}
/*下から上にフェードイン*/
.down-to-top {
  opacity: 0.0;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}

/*フェードインアニメ*/
/*左から右にフェードイン*/
.left-to-right-sp {
  opacity: 0.0;
  transform: translateX(-20px);
  transition: all 1s;
}
.left-to-right-sp.scrollin {
  opacity: 1;
  transform: translate(0);
}
/*下から上にフェードイン*/
.down-to-top-sp {
  opacity: 0.0;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top-sp.scrollin {
  opacity: 1;
  transform: translateY(0);
}