@charset "UTF-8";
:root {
  --animate-duration: 0.3s;
  --animate-easing: ease;
  --animate-opacity: 0.6;
  --color-red: #f44336;
  --color-pink: #e91e63;
  --color-purple: #9c27b0;
  --color-deep-purple: #673ab7;
  --color-indigo: #3f51b5;
  --color-blue: #2196f3;
  --color-light-blue: #03a9f4;
  --color-cyan: #00bcd4;
  --color-teal: #009688;
  --color-green: #4caf50;
  --color-light-green: #8bc34a;
  --color-lime: #cddc39;
  --color-yellow: #ffeb3b;
  --color-amber: #ffc107;
  --color-orange: #ff9800;
  --color-deep-orange: #ff5722;
  --color-brown: #795548;
  --color-grey: #9e9e9e;
  --color-blue-grey: #607d8b;
  --color-light-grey: #f2f2f2;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-primary: var(--color-project-red);
  --color-secondary: var(--color-grey);
  --color-textlink: var(--color-primary);
  --color-border: #dbdbdb;
  --color-project-black: #333740;
  --color-project-blue: #0e3078;
  --color-project-link: #3071f2;
  --content-max: 80rem;
  --content-primary: 60.5rem;
  --content-secondary: 45rem;
  --device-max: 1920px;
  --device-x-large: 1500px;
  --device-large: 1024px;
  --device-medium: 768px;
  --device-small: 736px;
  --header-height: 3.5rem;
  --header-height-small: 3.4375rem;
  --font-size-large: 125%;
  --font-size: 112.5%;
  --font-size-medium: 100%;
  --font-size-small: 100%;
  --font-size-max-px: 18;
  --font-size-base-px: 16;
  --font-size-min-px: 14;
  --line-height: 1.75;
  --line-height-medium: 1.75;
  --line-height-small: 1.75;
  --font-comfo: "Comfortaa", sans-serif;
  --spacing-base: 1.75rem;
  --spacing-break: 0.75rem;
  --spacing-half: calc(var(--spacing-base) * 0.5 + var(--spacing-break));
  --spacing-one: calc(var(--spacing-base) + var(--spacing-break));
  --spacing-one-half: calc(var(--spacing-base) * 1.5 + var(--spacing-break));
  --spacing-two: calc(var(--spacing-base) * 2 + var(--spacing-break));
  --spacing-two-half: calc(var(--spacing-base) * 2.5 + var(--spacing-break));
  --spacing-three: calc(var(--spacing-base) * 3 + var(--spacing-break));
  --icon-arrow-upper: "";
  --icon-arrow-upper-thin: "";
  --icon-arrow-right: "";
  --icon-arrow-right-thin: "";
  --icon-arrow-under: "";
  --icon-arrow-under-thin: "";
  --icon-arrow-left: "";
  --icon-arrow-left-thin: "";
  --icon-popup: "";
  --icon-close: "";
  --icon-sns-facebook: "";
  --icon-sns-twitter: "";
  --icon-sns-instagram: "";
  --margin-gutter: 2.5rem;
  --margin-gutter-small: 1rem;
  --margin-side: 2.5rem;
  --margin-side-small: 20px;
}