*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
p {
  font-weight: normal;
}

img {
  /* max-width: 100%; */
  width: 100%;
  height: auto;
  display: block;
}

video {
  width: 100%;
}

ul,nav,li{
  list-style: none;
}

a {
  text-decoration: none;
}
/* ここまでリセット */

/* js */
.fadein {
  opacity: 0;
  transform : translate(0px, 50px);
  transition : all 600ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0px);
}

.fadein2 {
  opacity: 0;
  transform : translate(0px, 0px);
  transition : all 1200ms;
  width: 100%;
  margin: 0 auto;
}

.fadein2.scrollin{
  opacity: 1;
  transform: translate(0, 0px);
  width: 100%;
}
/* js */