:root {
  /* Colors */
  --colorBlack: #333;
  --colorWhite: #fff;
  --colorGreen: #047F4A;
  --colorMenuGreen: #5ea853;
  --colorSocioakGreen: #33A02C;
  --colorHoverGreen: #ECF1E8;
  --colorBrown: #3C1F15;
  --colorOrange: #F7931E;
  --colorYellow: #FFFB19;
  /* 共通背景 */
  --bgSkyBlue: #E1ECF5;
  /* ボタン */
  --menuBrown: #7D4D16;
  --bgBrown: #472715;

  /* Families */
  /* Use the most common English font and Japanese Font as the base */
  --familyNotoSans: "Noto Sans JP", sans-serif;
  --familyZenMaruGothic: "Zen Maru Gothic", sans-serif;
  --familyNunito: "Nunito", sans-serif;
  --familyMarcellus: "Marcellus", serif;

  /* Font Size clamp: https: //min-max-calculator.9elements.com/ */
  --fontMax14Min12: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
  --fontMax16Min14: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  --fontMax18Min16: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
}