@charset "UTF-8";
/* stylelint-disable max-line-length */
/* stylelint-enable max-line-length */
/* ------------------------------
　　CSS変数
------------------------------ */
:root {
  /* カラー */
  --color-primary: #f49902;
  --color-primary-hover: #f48002;
  --color-primary-light: #fffaf2;
  --color-primary-bg: #fffaf2;
  --color-primary-bg-hover: #fff1dd;
  --color-secondary: #ff808f;
  --color-secondary-hover: #ff6c7d;
  --color-tertiary: #6B6460;
  --color-highlight: #ffe13b;
  --color-highlight-light: #fffb8b;
  --color-white: #fff;
  --color-black: #000;
  --color-gray10: #f7fafc;
  --color-gray20: #edf2f7;
  --color-gray30: #e2e8f0;
  --color-gray40: #cbd5e0;
  --color-gray50: #a0aec0;
  --color-gray60: #718096;
  --color-gray70: #4a5568;
  --color-gray80: #2d3748;
  --color-gray90: #1a202c;
  --color-gray100: #000;
  --color-form-bg: #f7fafc;
  --color-form-border: #ddd;
  --color-link: #0061d1;
  --color-required: #c92d2d;
  --color-error: #c92d2d;
  --color-text: #222;
  --color-text-side: #777;
  --color-text-inverse: #fff;
  --color-text-primary: #f49902;
  --color-text-secondary: #ff808f;
  --color-text-point: #676767;
  --box-shadow-focus: 0 0 0 0.25rem rgba(19, 122, 243, 0.4);
  --box-shadow-error: 0 0 0 0.25rem rgba(201, 45, 45, 0.4);
  /* ガター */
  --gutter-sm: 1rem;
  --gutter-md: 2rem;
  /* 余白ユニット */
  --unit-space-sm: 2rem;
  --unit-space-md: 3rem;
  --unit-space-lg: 4rem;
  /* 罫線ユニット余白 */
  --separator-sm: 2rem;
  --separator-md: 3rem;
  --separator-lg: 4rem;
}