@charset "UTF-8";
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 185%; /* 29.6px */
  letter-spacing: 0.04px;
  color: #000;
  text-align: justify;
  animation: fadeIn 1.5s ease 0s 1 normal;
  background-color: #f5f6fb;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
}

.en {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 143.04px */
}

header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
}
header .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

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

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

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}/*# sourceMappingURL=common.css.map */