:root {
  --bs-body-font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-line-height: 1.7;
  --bs-body-color: #202020;

  --bs-link-color: #3eb134; /* リンク色 */
  --bs-link-hover-color: #2f8b27; /* リンク hover */
  --bs-heading-color: #111; /* 見出し色 */
  --bs-heading-font-weight: 700;
  --theme-color: #3eb134;
  --theme-color-light: #c8e0af;
  --theme-sub-color: #006600;
  --theme-deep-color: #052602;
  --theme-color-grey: #ecf7eb;
  --theme-light-grey: #f2f2f2;
  --sub-theme-color: #fd7e14;
  --sub-theme-deep-color: #d33a03;
  --sub-theme-light-color: #f29f05;
  --sub-theme-light-grey: #fde2cb;
  --bs-body-color: #202020;
  --bs-link-color: #3eb134;
  --bs-link-hover-color: #2f8b27;
  --noto-font-weight-bold: 700;
  --noto-font-weight-semibold: 600;
  --noto-font-weight-medium: 500;
  --noto-font-weight-regular: 400;
  --noto-font-weight-light: 200;
  --container-max: 1350px;
  --prose-max: 950px;

  /* Body */
  --md-body-large-font-size: 16px;
  --md-body-large-line-height: 24px;
  --md-body-large-weight: 400;
  --md-body-medium-font-size: 14px;
  --md-body-medium-line-height: 20px;
  --md-body-medium-weight: 400;
  --md-body-small-font-size: 12px;
  --md-body-small-line-height: 16px;
  --md-body-small-weight: 400;

  /* Headline */
  --md-headline-large-font-size: 32px;
  --md-headline-large-line-height: 40px;
  --md-headline-large-weight: 400;
  --md-headline-medium-font-size: 28px;
  --md-headline-medium-line-height: 36px;
  --md-headline-medium-weight: 400;
  --md-headline-small-font-size: 24px;
  --md-headline-small-line-height: 32px;
  --md-headline-small-weight: 400;

  /* Display */
  --md-display-large-font-size: 57px;
  --md-display-large-line-height: 64px;
  --md-display-large-weight: 400;
  --md-display-medium-font-size: 45px;
  --md-display-medium-line-height: 52px;
  --md-display-medium-weight: 400;
  --md-display-small-font-size: 36px;
  --md-display-small-line-height: 44px;
  --md-display-small-weight: 400;

  /* Title */
  --md-title-large-font-size: 22px;
  --md-title-large-line-height: 28px;
  --md-title-large-weight: 500;
  --md-title-medium-font-size: 16px;
  --md-title-medium-line-height: 24px;
  --md-title-medium-weight: 500;
  --md-title-small-font-size: 14px;
  --md-title-small-line-height: 20px;
  --md-title-small-weight: 500;

  /* Label */
  --md-label-large-font-size: 14px;
  --md-label-large-line-height: 20px;
  --md-label-large-weight: 500;
  --md-label-medium-font-size: 12px;
  --md-label-medium-line-height: 16px;
  --md-label-medium-weight: 500;
  --md-label-small-font-size: 11px;
  --md-label-small-line-height: 16px;
  --md-label-small-weight: 500;

  --bs-body-font-size: 1rem; /* 16px */
  --bs-body-line-height: calc(
    var(--md-body-large-line-height) / var(--md-body-large-font-size)
  );
}