:root {
  /* color 
    ------------------------------------------------------------------------*/
  --colorBase: #545454;
  --colorDarkRed: #9f3324;
  --colorGray: #f1f1f1;
  --colorLightGray: #fbfbfb;
  --colorRed: #f00;
  /* font-size clamp : https://min-max-calculator.9elements.com/ 
    ------------------------------------------------------------------------*/
  --fontSize14: clamp(.875rem, .821rem + .23vw, 1rem);
  --fontSize16:clamp(1rem, .946rem + .23vw, 1.125rem);
  --fontSize18: clamp(1rem, .946rem + .23vw, 1.125rem);
  --fontSize20: clamp(1rem, .892rem + .46vw, 1.25rem);
  --fontSize22: clamp(1.125rem, 1.017rem + .46vw, 1.375rem);
  --fontSize26: clamp(1.25rem, 1.088rem + .69vw, 1.625rem);
  --fontSize36: clamp(1.5rem, 1.177rem + 1.38vw, 2.25rem);
  /* font-family 
    ------------------------------------------------------------------------*/
  --fontZenKakuGothicNew: "Zen Kaku Gothic New", sans-serif;
}