@charset "UTF-8";
:root {
  /* === color ====================== */
  --color-red: #ff2a2a;
  --color-font: #333;
  --color-gray: #e8e8e8;
  --color-blue: #e9f1fb;
  --color-white: #fff;
  /* === spacing =================== */
  /* viewport sp=375px pc=1400 */
  --space-xxs: 16px;
  --space-xs: 20px;
  --space-s: 30px;
  --space-m: 40px;
  --space-l: 60px;
  --space-xl: 80px;
  /* === font size =================== */
  --title-h1: clamp(1.75rem, 1.602rem + 0.74vw, 2.25rem);
  --title-h2: clamp(1.75rem, 1.602rem + 0.74vw, 2.25rem);
  --title-h3: clamp(1.5rem, 1.426rem + 0.37vw, 1.75rem);
  --text-s: 12px;
  --text-m: 16px;
  --text-l: 18px;
  --footer-title: 15px;
  --footer-list: clamp(0.75rem, 0.713rem + 0.19vw, 0.875rem);
  --button: 24px;
  --copyright: 10px;
  /* === border radius ============== */
  --radius-s: 10px;
  --radius-m: 15px;
  --radius-l: 20px;
}