/* font-size */

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

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

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

.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);
  }
}

/* font-familiy */

.text-bold {
    font-weight: var(--fw-bold);
}