:root {
  --w_tab: 1000px;
  --w_sp: 800px;
  /*ヘッダーの高さ*/
  --header_hight: 80px;
  /*MAXワイド*/
  --max_width: 1000px;
  --sp_width: calc(100% - 8%);
  /*フォント小*/
  --t_sml: 14px;
  /*フォント小SP*/
  --t_sml2: 12px;

  /*color*/
  --off_white: #f9f9fb;
  --white: #fff;
  --black: #151515;
  --JBAblue: #0062b0;
  --blue1: #1e90ff;
  --blue2: #00afcc;
  --blue3: #009ccc;

  --gray1: #f3f5f7;
  --gray2: #dddddd;
  --gray3: #cbcbcb;
  --gray4: #8a8a8a;
  --gray5: #373737;

  --pink: #ffd8df;
  --red: #d94b4b;
  --orange: #ff8c00;

  /*border*/
  --border: #d8d8d8;

  /*form用*/
  --input_text: #fff;
  --input_radio: #dddddd;
  --input_selectbox: #fff;
  --input_checkbox: #dddddd;
}