html, body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  color: #555;
}

header h1 img {
  width: auto;
  height: 50px;
}

footer #footer-logo img {
  width: auto;
  height: 50px;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

a {
  display: block;
  text-decoration: none;
}

li {
  list-style: none;
}

.fade {
  opacity: 0;
  -webkit-transition: all 600ms;
  transition: all 600ms;
}
.fade.in {
  opacity: 1;
}

.scroll_fade {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: opacity 600ms, -webkit-transform 600ms;
  transition: opacity 600ms, -webkit-transform 600ms;
  transition: opacity 600ms, transform 600ms;
  transition: opacity 600ms, transform 600ms, -webkit-transform 600ms;
}
.scroll_fade.in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.drop_fade {
  opacity: 0;
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}
.drop_fade.in {
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}/*# sourceMappingURL=common.css.map */