.Font-B-32 {
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  font-weight: 800;
  line-height: 150%;
}

.Font-SB-24 {
  font-size: clamp(2rem, 6vw, 2.4rem);
  font-weight: 600;;
  line-height: 140%;
}

.Font-SB-22 {
  font-size: clamp(1.8rem, 4vw, 2.2rem);
  font-weight: 600;
  line-height: 140%;
}

.Font-B-20 {
  font-size: clamp(1.6rem, 4vw, 2rem);
  font-weight: 800;;
  line-height: 150%;
}

.Font-M-20 {
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 500;
  line-height: 150%;
}

.Font-R-20 {
  font-size: clamp(1.6rem, 3.5vw, 2rem);
  font-weight: 400;
  line-height: 150%;
}

.Font-B-18 {
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  font-weight: 800;
  line-height: 150%;
}

.Font-SB-18 {
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  font-weight: 600;
  line-height: 158%;
}

.Font-M-18 {
  font-size: clamp(1.6rem, 3vw, 1.8rem);
  font-weight: 500;
  line-height: 158%;
}

.Font-R-18 {
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  font-weight: 400;
  line-height: 158%;
}

.Font-SB-16 {
  font-size: clamp(1.4rem, 4vw, 1.6rem);
  font-weight: 600;
  line-height: 150%;
}

.Font-M-13 {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 150%;
}


/* color */
.gray-900 {
  color: var(--gray-900);
}  

.gray-700 {
  color: var(--gray-700);
}

.gray-600 {
  color: var(--gray-600);
}

.gray-500 {
  color: var(--gray-500);
}

.gray-400 {
  color: var(--gray-400);
}

.gray-200 {
  color: var(--gray-200);
}

.blue-500 {
  color: var(--blue-500);
}