@charset "UTF-8";

/* ----------------------------------
  変数定義 lite
---------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&display=swap');

:root {
  /* font-size */
  --font-size-3xl: 32px;
  --font-size-2xl: 24px;
  --font-size-xl: 20px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xs: 12px;
  --font-size-2xs: 10px;

  /* font-weight */
  --font-weight-bold: 600;
  --font-weight-normal: normal;

  /* line-height */
  --line-l: 1.75;
  --line-m: 1.5;
  --line-s: 1.4;
  --line-xs: 1.2;
  --line-none: 1;

  /* font-family */
  --font-en: "Akshar", sans-serif;

  /* transition */
  --trans: 0.3s ease;

  /* color lite */
  --color-main900: #003D1C;
  --color-main800: #005C29;
  --color-main700: #007A37;
  --color-main600: #009945;
  --color-main500: #33AD6A;
  --color-main400: #66C28F;
  --color-main300: #99D6B5;
  --color-main200: #CCEBDA;
  --color-main100: #E6F5EC;
  --color-main50: #f4fef8;

  --color-black900: #131313;
  --color-black800: #333;
  --color-black700: #515151;
  --color-black600: #646464;
  --color-black500: #8b8b8b;
  --color-black400: #acacac;
  --color-black300: #d1d1d1;
  --color-black200: #e3e3e3;
  --color-black100: #eeeeee;
  --color-black50: #f7f7f7;

  --color-white: #fff;
  --color-blue: #0088ff;
  --color-red: #e60012;
  --color-yellow: #ffeb39;
  --color-black: #313236;
  --color-gray: #696b76;
  --color-gray02: #f0f3f4;
  --color-gray03: #c6c6c7;

  --color-main: var(--color-main600);
  --color-main-hover: var(--color-main700);
  --color-main-hover-secondary: var(--color-main100);
}