@charset "UTF-8";
/* Variable
----------------------------------------------------------------- */
:root {
  --font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --font-family-form: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --color-primary: #546E78;
  --color-primary-rgb: 84, 110, 120;
  --color-primary-border-rgb: 206, 223, 230;
  --color-primary-contrast: #698996; /*コントラストはボタンの文字色などに使用する*/
  --color-primary-contrast-rgb: 255, 255, 255;

  --color-green: #109E90;
  --color-green-rgb: 16, 158, 144;
  --color-green-border-rgb: 200, 235, 231;
  --color-orange: #F48C37;
  --color-orange-rgb: 244, 140, 55;
  --color-orange-border-rgb: 251, 226, 204;
  --color-red: #F66969;
  --color-red-rgb: 246, 105, 105;
  --color-red-border-rgb: 249, 220, 220;
  --color-blue: #4194C9;
  --color-blue-rgb: 65, 148, 201;
  --color-blue-border-rgb: 207, 226, 238;
  --color-purple: #7D6DD3;
  --color-purple-rgb: 125, 109, 211;
  --color-purple-border-rgb: 229, 225, 248;
  --color-brown: #B56635;
  --color-brown-rgb: 181, 102, 53;
  --color-brown-border-rgb: 235, 214, 202;

  --bg-color01: #f5f5f5;
  --bg-color02: #EFF3F6;
  --bg-color02_1: #DFE7ED;
  --bg-color02_2: #beceda;
  --bg-color02_3: #9db6c8;
  --box-shadow: 0px 1px 6px rgba(0,0,0,.1);
}