@charset "UTF-8";

:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red: #FF0000;
  --color-orange: #F87200;
  --color-yellow: #FED700;
  --color-gray: #CCCCCC;
  --color-green: #06C755;
  --color-sns-line: var(--color-green);
  --color-border: var(--color-gray);

  --font-noto-sans-jp: "Noto Sans JP", sans-serif;

  --gutter-x: 1.5rem;
  --gutter-y: 1.5rem;

  --z-modal: 1100;
  --z-navigation: 1000;
  --z-fix-button: 900;

  --ease-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out: cubic-bezier(0.445, 0.05, 0.55, 0.95);

  --loading-delay: 0.2s;
  --animation-duration: 0.56s;
}