@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;
  --text-primary: #242422;
  --color-primary: #233d4c;
  --color-primary-rgb: 35, 61, 76;
  --color-primary-hover: #3d6983;
  --color-primary-box-shadow: 0 4px 6px rgba(35, 61, 76, 0.2);
  --color-primary-box-shadow-hover: 0 4px 6px rgba(35, 61, 76, 0.1);

  --color-sub: #CF6358;
  --color-sub-rgb: 207, 99, 88;
  --color-sub-hover: #D14E25;
  --color-sub-box-shadow: 0 4px 6px rgba(207, 99, 88, 0.3);
  --color-sub-box-shadow-hover: 0 4px 6px rgba(207, 99, 88, 0.1);

  --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: #e6f0f9;
  --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: #F3F4F6;
  --bg-color02: #EFF3F6;
  --bg-color03: #F7F5EE;
  --bg-color02_1: #DFE7ED;
  --bg-color02_2: #beceda;
  --bg-color02_3: #9db6c8;
  --box-shadow: 0 4px 6px rgba(21, 37, 46, 0.2);
  /*--box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);*/
  --bd-color-grey: #e5e7eb;

  --global-nav-bg: #233d4c;
  --transition: 0.2s ease-out;
}