:root {


  --eg-color-primary: #6AB2A4;
  --eg-color-primary-dark: #558E83;
  --eg-color-primary-vivid: #75C4B4;

  --eg-color-primary-deep: #3F796E;

  --eg-color-primary-deeper: #2F5B52;

  --eg-color-primary-text: #3A9A85;

  --eg-color-primary-wash: rgba(106, 178, 164, .10);
  --eg-color-primary-wash-strong: rgba(106, 178, 164, .18);


  --eg-color-bg: #FFFFFF;
  --eg-color-bg-tint: #F1F6F8;
  --eg-color-bg-footer: #F5F5F5;
  --eg-color-white: #FFFFFF;


  --eg-surface-canvas: var(--eg-color-bg, #FFFFFF);
  --eg-surface-cool: var(--eg-color-bg-tint, #F1F6F8);
  --eg-surface-raised: var(--eg-color-white, #FFFFFF);
  --eg-surface-strong: var(--eg-color-primary-deep, #3F796E);
  --eg-surface-footer: var(--eg-color-bg-footer, #F5F5F5);
  --eg-color-input: var(--eg-color-white, #FFFFFF);

  --eg-surface-warm: var(--eg-surface-cool);


  --eg-color-ink: #333333;
  --eg-color-heading: #444444;
  --eg-color-muted: #666666;
  --eg-color-line: #E5E5E5;
  --eg-color-border: rgba(0, 0, 0, .2);


  --eg-radius-sm: 4px;
  --eg-radius: 6px;
  --eg-radius-lg: 10px;


  --eg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px -4px rgba(0, 0, 0, .07);
  --eg-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 10px 28px -14px rgba(0, 0, 0, .11);


  --eg-wrap: 1140px;
  --eg-wrap-pad: 15px;


  --eg-font-base: Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --eg-size-text: 16px;
  --eg-line-height: 1.7;


  --eg-space-xs: 8px;
  --eg-space-sm: 12px;
  --eg-space-md: 24px;
  --eg-space-lg: 38px;
  --eg-space-xl: 64px;
  --eg-space-2xl: 96px;


  --eg-motion-dur: .8s;
  --eg-motion-y: 26px;
}