@charset "UTF-8";
body {
  animation: fadeIn 1.5s ease 0s 1 normal;
  overflow-x: hidden;
  overflow-y: auto;
}

html,
body,
html:focus-within {
  scroll-behavior: auto !important;
}

.inner-main-contents {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.5px;
  color: #333;
  text-align: justify;
  background-color: #ff4d59;
}

.center-contents {
  font-family: "Shippori Mincho", serif;
}

.hiragino {
  font-family: "Hiragino Kaku Gothic Pro";
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}

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

a:hover {
  opacity: 0.5;
  transition: 0.5s;
}

button:hover {
  opacity: 0.5;
  transition: 0.5s;
}

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

/* スクロール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 */