:root {
  --apple: #23ac38;
  --bitter-lemon: #cfdb00;
  --black: #000000;
  --dove-gray: #707070;
  --fun-green: #008239;
  --fuscous-gray: #525252;
  --gallery: #f0f0f0;
  --java: #13b5bf;
  --red: #ff0000;
  --silver: #bfbfbf;
  --white: #ffffff;

  --font-size-l: 22px;
  --font-size-m: 19px;
  --font-size-s: 17px;
  --font-size-xl: 30px;
  --font-size-xs: 16px;
  --font-size-xxs: 12px;
  --font-size-xxxs: 11px;

  --font-family-yu_gothic: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif;
  --font-family-yugothic-bold: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif;
  --font-family-yugothic-medium: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", sans-serif;
}

/* Noto Sans JP のフォント幅広がりによるレイアウト崩れを防ぐための調整 */
body * {
  word-break: break-all;
  overflow-wrap: break-word;
}

body [class*="text-"],
body [class*="yugothic-"] {
  letter-spacing: -0.02em !important;
  max-width: 100%;
}

.yugothic-medium-black-19px {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.yugothic-bold-black-19px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-apple-19px {
  color: var(--apple);
  font-family: var(--font-family-yugothic-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.yugothic-medium-silver-19px {
  color: var(--silver);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.yugothic-medium-white-11px {
  color: var(--white);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

.yugothic-medium-black-12px {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.yugothic-medium-white-19px {
  color: var(--white);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.yugothic-medium-black-16px {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.yugothic-bold-fun-green-21px {
  color: var(--fun-green);
  font-family: var(--font-family-yugothic-bold);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-fun-green-49px {
  color: var(--fun-green);
  font-family: var(--font-family-yugothic-bold);
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.yugothic-medium-fuscous-gray-22px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.yugothic-bold-white-36px {
  color: var(--white);
  font-family: var(--font-family-yugothic-bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-black-30px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.yugothic-medium-java-17px {
  color: var(--java);
  font-family: var(--font-family-yugothic-medium);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.yugothic-medium-black-13px {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.yugothic-bold-black-48px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-black-16px-2 {
  color: var(--black);
  font-family: var(--font-family-yu_gothic);
  font-size: var(--font-size-xs);
}

.yugothic-bold-black-26px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-black-24px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-fun-green-26px {
  color: var(--fun-green);
  font-family: var(--font-family-yugothic-bold);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-black-40px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-white-44px {
  color: var(--white);
  font-family: var(--font-family-yugothic-bold);
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-black-44px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-fun-green-30px {
  color: var(--fun-green);
  font-family: var(--font-family-yugothic-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.yugothic-medium-black-22px {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.yugothic-bold-black-39px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 39px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-medium-black-24px {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}

.yugothic-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-yugothic-bold);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-red-29px {
  color: var(--red);
  font-family: var(--font-family-yugothic-bold);
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-silver-76px {
  color: var(--silver);
  font-family: var(--font-family-yugothic-bold);
  font-size: 76px;
  font-style: normal;
  font-weight: 700;
}

.yugothic-bold-silver-77px {
  color: var(--silver);
  font-family: var(--font-family-yugothic-bold);
  font-size: 77px;
  font-style: normal;
  font-weight: 700;
}