/* 画面外にいる状態 */
.fadein {
  opacity : 0;
  transform : translate(-50px, 0);
  transition : all 500ms;
}
.fadein2 {
  opacity : 0.1;
  transform : translate(0, 50px);
  transition : all 500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
.fadein2.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}