@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;700;800;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
body,
#intro .kv .btns {
  font-family: "Noto Sans JP", Arial, Helvetica, sans-serif; }

#btn-facebook {
  display: none; }

#btn-facebook {
  display: none; }

#kv .slogan h1 {
  width: 30.46vw; }
  @media screen and (orientation: portrait) {
    #kv .slogan h1 {
      width: 80vw; } }
  #kv .slogan h1 span {
    width: 100%;
    height: 0;
    padding-top: 40.83192%;
    background-image: url("/online/astraltale/assets/images/register/kv-slogan-jp.webp");
    background-size: cover; }

#kv .slogan h2 {
  letter-spacing: 0.2em; }

#invite-prize-1 span {
  background-image: url("/online/astraltale/assets/images/register/invite-prize-1-jp.webp"); }

#invite-prize-1.active span {
  background-image: url("/online/astraltale/assets/images/register/invite-prize-1-jp-active.webp"); }

#invite-prize-2 span {
  background-image: url("/online/astraltale/assets/images/register/invite-prize-2-jp.webp"); }

#invite-prize-2.active span {
  background-image: url("/online/astraltale/assets/images/register/invite-prize-2-jp-active.webp"); }

#invite-prize-3 span {
  background-image: url("/online/astraltale/assets/images/register/invite-prize-3-jp.webp"); }

#invite-prize-3.active span {
  background-image: url("/online/astraltale/assets/images/register/invite-prize-3-jp-active.webp"); }

.milestone-item-1 .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-1-jp.webp"); }

.milestone-item-1.active .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-1-jp-active.webp"); }

.milestone-item-2 .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-2-jp.webp"); }

.milestone-item-2.active .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-2-jp-active.webp"); }

.milestone-item-3 .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-3-jp.webp"); }

.milestone-item-3.active .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-3-jp-active.webp"); }

.milestone-item-4 .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-4-jp.webp"); }

.milestone-item-4.active .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-4-jp-active.webp"); }

.milestone-item-5 .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-5-jp.webp"); }

.milestone-item-5.active .milestone-prize span {
  background-image: url("/online/astraltale/assets/images/register/milestone-5-jp-active.webp"); }