@charset "UTF-8";
/* Figma Styles of your File */
:root {
  /* Colors */
  /* Fonts */
  /* Effects */
}

/* Figma Color Variables of your File */
:root,
[data-button-mode=base] {
  /* base */
  --linear-top: var(--primary-500);
  --linear-bottom: var(--primary-700);
  --text: #ffffff;
  --border: rgba(255, 168, 168, 0);
}

[data-button-mode=secondary] {
  /* secondary */
  --linear-top: #606060;
  --linear-bottom: #000000;
  --text: #ffffff;
  --border: #808080;
}

:root {
  /* primary */
  --primary-50: #FFE1E5;
  --primary-100: #FEC7D0;
  --primary-200: #FFA8BB;
  --primary-300: #FD536F;
  --primary-400: #E40A2E;
  --primary-500: #DE0239;
  --primary-600: #BB022A;
  --primary-700: #810016;
  --primary-800: #79011B;
  --primary-900: #510A19;
  --primary-950: #44000B;
  /* neutral */
  --neutral-50: #E7E7E7;
  --neutral-100: #C3C3C3;
  --neutral-200: #8C8C8C;
  --neutral-300: #838383;
  --neutral-400: #7A7A7A;
  --neutral-500: #676767;
  --neutral-600: #404040;
  --neutral-700: #303030;
  --neutral-800: #282828;
  --neutral-900: #1E1E1E;
  --neutral-950: #121212;
  /* 共用 */
  --block-padding-x: 16px;
  --nav-gap-x: 24px;
  --button-padding-x: 24px;
  --block-point-title: 56px;
  --shared-block-title: 34px;
  --shared-block-subtitle: 28px;
  --shared-block-focus-text-base: 16px;
  --shared-block-text-base: 16px;
  --shared-block-gap-y: 48px;
  --shared-block-content-line-height: 1.5;
  --page-title: 40px;
  --page-subtitle: 16px;
  --card-title: 20px;
}
@media (min-width: 768px) {
  :root {
    --block-padding-x: 32px;
    --nav-gap-x: 40px;
    --button-padding-x: 30px;
    --block-point-title: 72px;
    --shared-block-title: 48px;
    --shared-block-subtitle: 36px;
    --shared-block-text-base: 18px;
    --shared-block-focus-text-base: 18px;
    --shared-block-text-base: 16px;
    --shared-block-gap-y: 48px;
    --page-title: 70px;
    --page-subtitle: 18px;
    --card-title: 20px;
  }
}
@media (min-width: 1600px) {
  :root {
    --block-padding-x: 0;
    --nav-gap-x: 80px;
    --button-padding-x: 50px;
    --block-point-title: 80px;
    --shared-block-title: 56px;
    --shared-block-subtitle: 44px;
    --shared-block-focus-text-base: 22px;
    --shared-block-text-base: 18px;
    --shared-block-gap-y: 70px;
    --page-title: 92px;
    --page-subtitle: 22px;
    --card-title: 24px;
  }
}

:root {
  /* mode-1 */
  --text-base: #ffffff;
  --text-secondary: var(--neutral-300);
  --text-point: var(--primary-500);
}

:root {
  --index-biglayout-content: 18px;
}
@media (min-width: 1400px) {
  :root {
    --index-biglayout-content: 22px;
  }
}