/* font-size */

.text-4xl {  
  font-size: var(--fs-4xl);
  @media (max-width: 834px) {
    font-size: var(--fs-4xl-sp);
  }
  rt {
    font-size: 25%;
  }
}

.text-3xl {  
  font-size: var(--fs-3xl);
  @media (max-width: 834px) {
    font-size: var(--fs-3xl-sp);
  }
  rt {
    font-size: 30%;
  }
}

.text-2xl {  
  font-size: var(--fs-2xl);
  @media (max-width: 834px) {
    font-size: var(--fs-2xl-sp);
  }
  rt {
    font-size: 35%;
  }
}

.text-xl {  
  font-size: var(--fs-xl);
  @media (max-width: 834px) {
    font-size: var(--fs-xl-sp);
  }
  rt {
    font-size: 40%;
  }
}

.text-lg {  
  font-size: var(--fs-lg);
  @media (max-width: 834px) {
    font-size: var(--fs-lg-sp);
  }
  rt {
    font-size: 45%;
  }
}

.text-md {  
  font-size: var(--fs-md);
  @media (max-width: 834px) {
    font-size: var(--fs-md-sp);
  }
}

.text-sm {  
  font-size: var(--fs-sm);
  @media (max-width: 834px) {
    font-size: var(--fs-sm-sp);
  }
}

.text-xs {  
  font-size: var(--fs-xs);
  @media (max-width: 834px) {
    font-size: var(--fs-xs-sp);
  }
}

.text-2xs {  
  font-size: var(--fs-2xs);
  @media (max-width: 834px) {
    font-size: var(--fs-2xs-sp);
  }
}