@charset "UTF-8";

:root {
  --font-family: 'BIZ UDPGothic', 'Yu Gothic', 'メイリオ', 'Hiragino Sans', 'Hiragino kaku Gothic pro';

  --Gray-1: #F7F7F7;
  /*Body背景*/
  --Gray-3: #EEE;
  --Gray-4: #E5E5E5;
  --Gray-6: #CCC;
  /*btn boder*/
  --Gray-7: #666;
  /*btn font color */
  
  --White: #FFF;
  --Blue: #1364C3;
  --Blue-1:#0093EE;
  --Blue-2: #0F67FF;
  --Blue-3:rgba(0, 147, 238, 0.20);
  --Blue-4: #094890;
  --Black: #121212;
  --Alert: #EC0000;
  --Alert-light: #FFE5E5;
  --Success: #369D25;
  --Success_light: #E2F6DF;
  --Navy-1: #2C405A;
  --Navy-2: #1c293b;
  --Navy-3:#3c485d;
  --Orange-light:#fef2d7;
  --Orange-2:#FF8600;
  --Warning: #B07400;
  --Level-2: #F2E700;
  --Navy-1: #2C405A;
  --Level-2: #F2E700;
  --Level-3: #FF2800;
  --Level-4: #A0A;
  --Level-5: #0C000C;

  --font-size: 14px;
  /* 8px */
  --font-size-1: 0.57rem;
  /* 10px */
  --font-size-2: 0.71rem;
  /* 12px */
  --font-size-3: 0.85rem;
  /* 14px */
  --font-size-4: 1rem;
  /* 16px */
  --font-size-5: 1.15rem;
  /* 18px */
  --font-size-6: 1.29rem;
  /* 20px */
  --font-size-7: 1.42rem;
  /* 22px */
  --font-size-8: 1.57rem;
  /* 24px */
  --font-size-9: 1.71rem;
  /* 26px */
  --font-size-10: 1.85rem;
  /* 28px */
  --font-size-11: 2rem;
  /* 30px */
  --font-size-12: 2.14rem;
  /* 32px */
  --font-size-13: 2.29rem;
 
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  
  --bs-breadcrumb-divider: '>';

}