@charset "utf-8";
/* ===================== reset ==== */
html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td, article, footer, header, nav, section, figure, address {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-style: normal;
}
html {
  font-family: "Kosugi Maru", 'メイリオ', Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  font-feature-settings: "palt";
}
.body.referralcp {
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: 400;
}
.referralcp ol, .referralcp ul {
  list-style: none;
}
.referralcp a {
  text-decoration: none;
  color: inherit;
}
.referralcp img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
@-webkit-keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes arrow {
  0% {
    transform: translateY(-.4em);
  }
  70%, 100% {
    transform: translateY(0);
  }
}
@keyframes arrow {
  0% {
    transform: translateY(-.4em);
  }
  70%, 100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes shine {
  0% {
    transform: translateX(0)
  }
  50%, 100% {
    transform: translateX(250%);
  }
}
@keyframes shine {
  0% {
    transform: translateX(0)
  }
  50%, 100% {
    transform: translateX(250%);
  }
}
@keyframes now {
  0%,100% {
      transform: scale(1);
  }
   50% {
            transform: scale(1.15);
  }
   
}
.referralcp .scrollAnime.animeFuwa {
    opacity: 0;
    transform: translateY(3em);
    transition: opacity 1s , transform 1s;
    transition-delay: .2s;
}
.referralcp .scrollAnime.animeFuwa.scroll--start {
    opacity: 1;
    transform: translateY(0);
}