:root { 
  --bali-hai: #8899b8;
  --black: #1A202C;
  --botticelli: #ced8ea;
  --burning-orange: #ff6b35;
  --cloud-burst: #202f4c;
  --mirage: #1a202c;
  --monza: #d71718;
  --mystic: #e2ecf7;
  --mystic-2: #e0ecf7;
  --shark: #23232a;
  --sizzling-sunrise: #ffe100;
  --text600: #ffffff;
 
  --font-size-l: 1.125rem;
  --font-size-m: 1.125rem;
  --font-size-s: 0.9375rem;
  --font-size-xl: 1.25rem;
  --font-size-xxl: 1.375rem;
  --font-size-xxxl: 1.5rem;
  --font-size-xxxxl: 1.75rem;
 
  --font-family-hiragino_kaku_gothic_pro-w3: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-hiragino_kaku_gothic_pro-w6: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-noto_sans_javanese: "Noto Sans Javanese", Helvetica;
  --font-family-outfit: "Outfit", Helvetica;
  --font-family-seitu-medium: "seitu-variable", Helvetica;
  --font-family-seitu-regular: "seitu-variable", Helvetica;
  --font-family-seitu-semibold: "seitu-variable", Helvetica;
}
.font-text-base {
  color: var(--mirage);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.font-text-base-alt {
  color: var(--mirage);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.font-text-lg {
  color: var(--mirage);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.font-accent-base {
  color: var(--burning-orange);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.font-number {
  color: var(--burning-orange);
  font-family: var(--font-family-seitu-medium);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.font-white-base {
  color: var(--text600);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.font-white-lg {
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  color: var(--text600);
}

.font-text-xl {
  color: var(--mirage);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.font-qa-bold {
  color: var(--burning-orange);
  font-family: var(--font-family-outfit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.font-yellow-lg {
  color: var(--sizzling-sunrise);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.font-white-lg-alt {
  color: var(--text600);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.font-white-xl {
  color: var(--text600);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.font-white-xl-base {
  color: var(--text600);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.font-red-xxl {
  color: var(--monza);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}


.font-accent-xxl {
  color: var(--burning-orange);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.font-text-sm {
  color: var(--mirage);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w3);
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
}


.font-heading {
  color: var(--mirage);
  font-family: var(--font-family-hiragino_kaku_gothic_pro-w6);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}