/* ******************************
 *
 * RESPONSIVE MIXIN
 *
 * ****************************** */
/* ******************************
 *
 * FONT SETTINGS
 *
 * ****************************** */
@font-face {
  font-family: "tsukuhou";
  src: url("../font/Tsukuhou-35Point-Gothic.ttf") format("truetype");
}
/* ******************************
 *
 * FONT SETTINGS
 *
 * ****************************** */
@-webkit-keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loopCl {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes loopClRv {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media screen and (min-width: 320px) {
  .pageHead__inner {
    padding: 18rem 2.5% 0;
  }
}
@media screen and (min-width: 600px) {
  .pageHead__inner {
    padding: 18rem 5% 0;
  }
}
.pageHead__en {
  font-family: var(--font-unique);
  color: var(--color-accent);
  line-height: 1;
}
@media screen and (min-width: 320px) {
  .pageHead__en {
    font-size: 8rem;
  }
}
@media screen and (min-width: 600px) {
  .pageHead__en {
    font-size: 18rem;
  }
}
.pageHead__ja {
  font-weight: 400;
  margin: 8px 0 24px;
}
@media screen and (min-width: 320px) {
  .pageHead__ja {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 600px) {
  .pageHead__ja {
    font-size: 2rem;
  }
}/*# sourceMappingURL=page.css.map */