/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --breakpoint-mobile: 36em; /* 576px / 16px = 36(em) */
  --breakpoint-tablet: 79.5em; /* 1272px / 16px = 79.5em */
  --color-gray-5: #222222;
  --color-gray-10: #353535;
  --color-gray-20: #474747;
  --color-gray-30: #626262;
  --color-gray-40: #757575;
  --color-gray-50: #9e9e9e;
  --color-gray-60: #c2c2c2;
  --color-gray-70: #e0e0e0;
  --color-gray-80: #f4f4f4;
  --color-gray-90: #fbfbfb;
  --color-gray-100: #ffffff;
  --color-red-5: #66000e;
  --color-red-10: #99001d;
  --color-red-20: #c20b2a;
  --color-red-30: #eb1d35;
  --color-red-40: #ff4d58;
  --color-red-50: #ff737c;
  --color-red-60: #ff999f;
  --color-red-70: #ffbfc3;
  --color-red-80: #ffdbe1;
  --color-red-90: #fff0f3;
  --color-green-5: #0f3d08;
  --color-green-10: #195e0d;
  --color-green-20: #218011;
  --color-green-30: #2aa315;
  --color-green-40: #55b545;
  --color-green-50: #7fc673;
  --color-green-60: #a9d9a1;
  --color-green-70: #c2e5bc;
  --color-green-80: #daf2d6;
  --color-green-90: #eefaec;
  --color-blue-5: #0b4062;
  --color-blue-10: #0b5686;
  --color-blue-20: #0966a2;
  --color-blue-30: #0171c1;
  --color-blue-40: #3191d5;
  --color-blue-50: #48abdd;
  --color-blue-60: #79c0e3;
  --color-blue-70: #acdcf3;
  --color-blue-80: #c4e8fa;
  --color-blue-90: #ebf9ff;
  --color-yellow-5: #413a06;
  --color-yellow-10: #5b5106;
  --color-yellow-20: #88790a;
  --color-yellow-30: #b6a20d;
  --color-yellow-40: #ddc61b;
  --color-yellow-50: #efd61f;
  --color-yellow-60: #f4e469;
  --color-yellow-70: #f8ed9b;
  --color-yellow-80: #fbf6cd;
  --color-yellow-90: #fdfae6;
  --color-orange-5: #402500;
  --color-orange-10: #583300;
  --color-orange-20: #884e00;
  --color-orange-30: #b46800;
  --color-orange-40: #e48401;
  --color-orange-50: #ff9300;
  --color-orange-60: #ffa933;
  --color-orange-70: #ffd8a5;
  --color-orange-80: #ffe9cc;
  --color-orange-90: #fff4e6;
  --color-emerald-5: #023333;
  --color-emerald-10: #004343;
  --color-emerald-20: #006666;
  --color-emerald-30: #288787;
  --color-emerald-40: #56a8a8;
  --color-emerald-50: #77b6b6;
  --color-emerald-60: #96c9c9;
  --color-emerald-70: #c0dcdc;
  --color-emerald-80: #dfefef;
  --color-emerald-90: #eef7f7;
  --color-brand-5: #023333;
  --color-brand-10: #004343;
  --color-brand-20: #006666;
  --color-brand-30: #288787;
  --color-brand-40: #56a8a8;
  --color-brand-50: #77b6b6;
  --color-brand-60: #96c9c9;
  --color-brand-70: #c0dcdc;
  --color-brand-80: #dfefef;
  --color-brand-90: #eef7f7;
  --color-brand-brand: #004343;
  --color-text-default: #222222;
  --color-text-subtle: #626262;
  --color-text-inverse: #ffffff;
  --color-text-link: #0171c1;
  --color-text-brand: #004343;
  --color-text-disabled: #9e9e9e;
  --color-background-default: #ffffff;
  --color-background-subtle: #e0e0e0;
  --color-background-subtler: #f4f4f4;
  --color-background-brand: #dfefef;
  --color-background-brand-subtler: #eef7f7;
  --color-border-default: #9e9e9e;
  --color-border-subtle: #e0e0e0;
  --color-border-subtler: #f4f4f4;
  --color-border-inverse: #fbfbfb;
  --color-border-brand: #96c9c9;
  --color-function-primary: #ff9300;
  --color-function-attention: #c20b2a;
  --color-function-success: #2aa315;
  --color-function-kininaru: #ff4d58;
  --color-function-tsukatta: #3191d5;
  --color-button-normal-enabled: #006666;
  --color-button-normal-hovered: #004343;
  --color-button-normal-focused: #023333;
  --color-button-cta-enabled: #ff9300;
  --color-button-cta-hovered: #e48401;
  --color-button-cta-focused: #b46800;
  --color-button-attention-hovered: #fff0f3;
  --color-button-attention-focused: #ffdbe1;
  --color-button-attention-line: #c20b2a;
  --color-button-attention-disabled: #ffbfc3;
  --color-button-outlined-hovered: #eef7f7;
  --color-button-outlined-focused: #c0dcdc;
  --color-button-outlined-line: #006666;
  --color-button-outlined-disabled: #c0dcdc;
  --color-button-text-hovered: #eef7f7;
  --color-general-color-dark-apple: #c20b2a;
  --color-general-color-apple: #ff4d58;
  --color-general-color-subtle-apple: #ffdbe1;
  --color-general-color-subtler-apple: #fff0f3;
  --color-general-color-dark-sky-blue: #0966a2;
  --color-general-color-sky-blue: #3191d5;
  --color-general-color-subtle-sky-blue: #c4e8fa;
  --color-general-color-subtler-sky-blue: #ebf9ff;
  --color-general-color-dark-banana: #b6a20d;
  --color-general-color-banana: #efd61f;
  --color-general-color-subtle-banana: #f8ed9b;
  --color-general-color-subtler-banana: #fdfae6;
  --color-general-color-dark-wakakusa: #218011;
  --color-general-color-wakakusa: #55b545;
  --color-general-color-subtle-wakakusa: #c2e5bc;
  --color-general-color-subtler-wakakusa: #eefaec;
  --color-primary-5: #402500;
  --color-primary-10: #583300;
  --color-primary-20: #884e00;
  --color-primary-30: #b46800;
  --color-primary-40: #e48401;
  --color-primary-50: #ff9300;
  --color-primary-60: #ffa933;
  --color-primary-70: #ffd8a5;
  --color-primary-80: #ffe9cc;
  --color-primary-90: #fff4e6;
  --color-neutral-5: #222222;
  --color-neutral-10: #353535;
  --color-neutral-20: #474747;
  --color-neutral-30: #626262;
  --color-neutral-40: #757575;
  --color-neutral-50: #9e9e9e;
  --color-neutral-60: #c2c2c2;
  --color-neutral-70: #e0e0e0;
  --color-neutral-80: #f4f4f4;
  --color-neutral-90: #fbfbfb;
  --color-neutral-100: #ffffff;
  --color-success-5: #0f3d08;
  --color-success-10: #195e0d;
  --color-success-20: #218011;
  --color-success-30: #2aa315;
  --color-success-40: #55b545;
  --color-success-50: #7fc673;
  --color-success-60: #a9d9a1;
  --color-success-70: #c2e5bc;
  --color-success-80: #daf2d6;
  --color-success-90: #eefaec;
  --color-attention-5: #66000e;
  --color-attention-10: #99001d;
  --color-attention-20: #c20b2a;
  --color-attention-30: #eb1d35;
  --color-attention-40: #ff4d58;
  --color-attention-50: #ff737c;
  --color-attention-60: #ff999f;
  --color-attention-70: #ffbfc3;
  --color-attention-80: #ffdbe1;
  --color-attention-90: #fff0f3;
  --color-accent-5: #0b4062;
  --color-accent-10: #0b5686;
  --color-accent-20: #0966a2;
  --color-accent-30: #0171c1;
  --color-accent-40: #3191d5;
  --color-accent-50: #48abdd;
  --color-accent-60: #79c0e3;
  --color-accent-70: #acdcf3;
  --color-accent-80: #c4e8fa;
  --color-accent-90: #ebf9ff;
  --color-accent2-5: #413a06;
  --color-accent2-10: #5b5106;
  --color-accent2-20: #88790a;
  --color-accent2-30: #b6a20d;
  --color-accent2-40: #ddc61b;
  --color-accent2-50: #efd61f;
  --color-accent2-60: #f4e469;
  --color-accent2-70: #f8ed9b;
  --color-accent2-80: #fbf6cd;
  --color-accent2-90: #fdfae6;
  --elevation-2: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  --elevation-4: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  --elevation-8: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  --elevation-12: 0px 16px 30px 0px rgba(0, 0, 0, 0.15);
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem; /* ブラウザのデフォルトで2px。 */
  --border-radius-md: 0.25rem; /* ブラウザのデフォルトで4px。 */
  --border-radius-lg: 0.75rem; /* ブラウザのデフォルトで12px。 */
  --border-radius-infinity: 624.9375rem; /* 大きな値を指定する。iOS 15以下をサポートしない場合は、代わりに'calc(Infinity * 1px)'を使ってもよい。 */
  --border-width-none: 0;
  --border-width-sm: 0.5px;
  --border-width-md: 1px;
  --border-width-lg: 2px;
  --icon-size-sm: 0.875rem; /* ブラウザのデフォルトで14px。 */
  --icon-size-md: 1rem; /* ブラウザのデフォルトで16px。 */
  --icon-size-lg: 1.125rem; /* ブラウザのデフォルトで18px。 */
  --icon-size-xl: 1.75rem; /* ブラウザのデフォルトで28px。 */
  --spacing-none: 0;
  --spacing-xxxs: 0.125rem; /* ブラウザのデフォルトで2px。 */
  --spacing-xxs: 0.25rem; /* ブラウザのデフォルトで4px。 */
  --spacing-xs: 0.5rem; /* ブラウザのデフォルトで8px。 */
  --spacing-sm: 0.75rem; /* ブラウザのデフォルトで12px。 */
  --spacing-md: 1rem; /* ブラウザのデフォルトで16px。 */
  --spacing-lg: 1.5rem; /* ブラウザのデフォルトで24px。 */
  --spacing-xl: 2rem; /* ブラウザのデフォルトで32px。 */
  --spacing-xxl: 4rem; /* ブラウザのデフォルトで64px。 */
  --spacing-xxxl: 5rem; /* ブラウザのデフォルトで80px。 */
  --font-family-default: "Hiragino Kaku Gothic ProN";
  --font-weight-normal: 300;
  --font-weight-bold: 600;
  --font-size-10: 0.75rem; /* ブラウザのデフォルトで12px。 */
  --font-size-20: 0.875rem; /* ブラウザのデフォルトで14px。 */
  --font-size-30: 1rem; /* ブラウザのデフォルトで16px。 */
  --font-size-40: 1.25rem; /* ブラウザのデフォルトで20px。 */
  --font-size-50: 1.5rem; /* ブラウザのデフォルトで24px。 */
  --font-size-60: 1.75rem; /* ブラウザのデフォルトで28px。 */
  --font-size-70: 2.125rem; /* ブラウザのデフォルトで34px。 */
  --font-size-80: 2.5rem; /* ブラウザのデフォルトで40px。 */
  --font-size-90: 3rem; /* ブラウザのデフォルトで48px。 */
  --line-height-10: 1.67; /* Figmaでの値は20px。20 / 12(font-size-10) */
  --line-height-20: 1.71; /* Figmaでの値は24px。24 / 14(font-size-20) */
  --line-height-30: 1.75; /* Figmaでの値は28。28 / 16(font-size-30) */
  --line-height-40: 1.6; /* Figmaでの値は32。32 / 20(font-size-40) */
  --line-height-50: 1.67; /* Figmaでの値は40。40 / 24(font-size-50) */
  --line-height-60: 1.57; /* Figmaでの値は44。44 / 28(font-size-60) */
  --line-height-70: 1.52; /* Figmaでの値は52。52 / 34(font-size-70) */
  --line-height-80: 1.5; /* Figmaでの値は60。60 / 40(font-size-80) */
  --line-height-90: 1.5; /* Figmaでの値は72。72 / 48(font-size-90) */
  --line-height-none: 1; /* line-heightなし（100%） */
  --letter-spacing-10: 0.03em;
  --letter-spacing-20: 0.03em;
  --letter-spacing-30: 0.03em;
  --letter-spacing-40: 0.03em;
  --letter-spacing-50: 0.025em;
  --letter-spacing-60: 0.02em;
  --letter-spacing-70: 0.02em;
  --letter-spacing-80: 0.015em;
  --letter-spacing-90: 0.015em;
  --typography-title-lg-font-family: "Hiragino Kaku Gothic ProN";
  --typography-title-lg-font-weight: 600;
  --typography-title-lg-font-size: 3rem;
  --typography-title-lg-line-height: 1.5;
  --typography-title-lg-letter-spacing: 0.015em;
  --typography-title-md-font-family: "Hiragino Kaku Gothic ProN";
  --typography-title-md-font-weight: 600;
  --typography-title-md-font-size: 2.5rem;
  --typography-title-md-line-height: 1.5;
  --typography-title-md-letter-spacing: 0.015em;
  --typography-heading-xl-font-family: "Hiragino Kaku Gothic ProN";
  --typography-heading-xl-font-weight: 600;
  --typography-heading-xl-font-size: 2.125rem;
  --typography-heading-xl-line-height: 1.52;
  --typography-heading-xl-letter-spacing: 0.02em;
  --typography-heading-lg-font-family: "Hiragino Kaku Gothic ProN";
  --typography-heading-lg-font-weight: 600;
  --typography-heading-lg-font-size: 1.75rem;
  --typography-heading-lg-line-height: 1.57;
  --typography-heading-lg-letter-spacing: 0.02em;
  --typography-heading-md-font-family: "Hiragino Kaku Gothic ProN";
  --typography-heading-md-font-weight: 600;
  --typography-heading-md-font-size: 1.5rem;
  --typography-heading-md-line-height: 1.67;
  --typography-heading-md-letter-spacing: 0.025em;
  --typography-heading-sm-font-family: "Hiragino Kaku Gothic ProN";
  --typography-heading-sm-font-weight: 600;
  --typography-heading-sm-font-size: 1.25rem;
  --typography-heading-sm-line-height: 1.6;
  --typography-heading-sm-letter-spacing: 0.03em;
  --typography-heading-xs-font-family: "Hiragino Kaku Gothic ProN";
  --typography-heading-xs-font-weight: 600;
  --typography-heading-xs-font-size: 1rem;
  --typography-heading-xs-line-height: 1.75;
  --typography-heading-xs-letter-spacing: 0.03em;
  --typography-body-lg-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-lg-font-weight: 300;
  --typography-body-lg-font-size: 1.25rem;
  --typography-body-lg-line-height: 1.6;
  --typography-body-lg-letter-spacing: 0.03em;
  --typography-body-lg-margin-bottom: 1.25rem;
  --typography-body-lg-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-lg-bold-font-weight: 600;
  --typography-body-lg-bold-font-size: 1.25rem;
  --typography-body-lg-bold-line-height: 1.6;
  --typography-body-lg-bold-letter-spacing: 0.03em;
  --typography-body-lg-bold-margin-bottom: 1.25rem;
  --typography-body-md-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-md-font-weight: 300;
  --typography-body-md-font-size: 1rem;
  --typography-body-md-line-height: 1.75;
  --typography-body-md-letter-spacing: 0.03em;
  --typography-body-md-margin-bottom: 1rem;
  --typography-body-md-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-md-bold-font-weight: 600;
  --typography-body-md-bold-font-size: 1rem;
  --typography-body-md-bold-line-height: 1.75;
  --typography-body-md-bold-letter-spacing: 0.03em;
  --typography-body-md-bold-margin-bottom: 1rem;
  --typography-body-sm-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-sm-font-weight: 300;
  --typography-body-sm-font-size: 0.875rem;
  --typography-body-sm-line-height: 1.71;
  --typography-body-sm-letter-spacing: 0.03em;
  --typography-body-sm-margin-bottom: 0.875rem;
  --typography-body-sm-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-sm-bold-font-weight: 600;
  --typography-body-sm-bold-font-size: 0.875rem;
  --typography-body-sm-bold-line-height: 1.71;
  --typography-body-sm-bold-letter-spacing: 0.03em;
  --typography-body-sm-bold-margin-bottom: 0.875rem;
  --typography-body-xs-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-xs-font-weight: 300;
  --typography-body-xs-font-size: 0.75rem;
  --typography-body-xs-line-height: 1.67;
  --typography-body-xs-letter-spacing: 0.03em;
  --typography-body-xs-margin-bottom: 0.75rem;
  --typography-body-xs-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-body-xs-bold-font-weight: 600;
  --typography-body-xs-bold-font-size: 0.75rem;
  --typography-body-xs-bold-line-height: 1.67;
  --typography-body-xs-bold-letter-spacing: 0.03em;
  --typography-body-xs-bold-margin-bottom: 0.75rem;
  --typography-label-md-font-family: "Hiragino Kaku Gothic ProN";
  --typography-label-md-font-weight: 300;
  --typography-label-md-font-size: 1rem;
  --typography-label-md-line-height: 1;
  --typography-label-md-letter-spacing: 0.03em;
  --typography-label-md-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-label-md-bold-font-weight: 600;
  --typography-label-md-bold-font-size: 1rem;
  --typography-label-md-bold-line-height: 1;
  --typography-label-md-bold-letter-spacing: 0.03em;
  --typography-label-sm-font-family: "Hiragino Kaku Gothic ProN";
  --typography-label-sm-font-weight: 300;
  --typography-label-sm-font-size: 0.875rem;
  --typography-label-sm-line-height: 1;
  --typography-label-sm-letter-spacing: 0.03em;
  --typography-label-sm-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-label-sm-bold-font-weight: 600;
  --typography-label-sm-bold-font-size: 0.875rem;
  --typography-label-sm-bold-line-height: 1;
  --typography-label-sm-bold-letter-spacing: 0.03em;
  --typography-label-xs-font-family: "Hiragino Kaku Gothic ProN";
  --typography-label-xs-font-weight: 300;
  --typography-label-xs-font-size: 0.75rem;
  --typography-label-xs-line-height: 1;
  --typography-label-xs-letter-spacing: 0.03em;
  --typography-label-xs-bold-font-family: "Hiragino Kaku Gothic ProN";
  --typography-label-xs-bold-font-weight: 600;
  --typography-label-xs-bold-font-size: 0.75rem;
  --typography-label-xs-bold-line-height: 1;
  --typography-label-xs-bold-letter-spacing: 0.03em;
}