/* variables.css */

:root {
  /* 空き */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-10: 80px;
  --space-15: 120px;

  /* 色 */
  --color-white: #fff;
  --color-gray: #c7c7c7;
  --color-lightgray:#f5f7f7;
  --color-orange:#e18b51; 
  --color-black: #1a1b1e;
  --color-text: #1a1b1e; 


  /* フォント */

  --font-base:
    "Noto Sans JP",
    "Roboto",
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif;

  --font-en: "Roboto", sans-serif;

  /* フォント太さ */
  --fw-regular: 400;
  --fw-bold: 700;


  /* レイアウト */
  --content-width: 1440px;
}