@charset "UTF-8";
/** -------------------- 変数定義 -------------------- **/
:root {
  /* カラー定義 */
  --c_wht: #ffffff; /* 白色 */
  --c_black: #000; /* 黒色 */
  --c_text: #000000; /* 基本のテキストカラー：黒 */
  --c_contrast: #ffffff; /* テキストカラーの対照色：白 */
  --c_base: #FF6200; /* ベースカラー：オレンジ */
  --c_base_txt: #ffffff; /* ベースカラーを背景色とした時のテキストカラー：白 */
  --c_sub: #FEDF51; /* サブカラー：黄色 */
  --c_sub_txt: #000000; /* サブカラーを背景色とした時のテキストカラー：黒 */
  --c_acc: #FF6200; /* アクセントカラー：オレンジ */
  --c_acc_txt: #fff; /* アクセントカラーを背景色とした時のテキストカラー：白 */
  --c_hover: #E35700; /* アクセントカラーをhoverした時の色*/
  --c_sub2: #FF6200; /* サブカラー2：オレンジ */
  --c_sub2_txt: #ffffff; /* サブカラーを背景色とした時のテキストカラー：白 */
  --c_bg: #F7F7F7; /* 背景色：薄グレー */
  --c_border: #707070; /* ボーダー色：濃グレー */
  --c_table_border: #DDDDDD; /* 表組用ボーダー色：薄グレー */
  /* フォント定義 */
  --font_ja: "Noto Sans JP", sans-serif;
  --font_title: "Noto Sans JP", sans-serif;
  /* transition定義 */
  --anim: all 0.4s ease-out;
  /*---------- filter定義
  https://codepen.io/sosuke/pen/Pjoqqp ---------- */
  /* #000 → #fff */
  --filter_wht: brightness(0) invert(1);
  /* #000 → テキストカラー */
  --filter_text: brightness(0);
  /* #000 → テキストの対照色 */
  --filter_contrast: brightness(0) invert(1);
  /* #000 → ベースカラー */
  --filter_base: invert(36%) sepia(99%) saturate(1740%) hue-rotate(2deg) brightness(106%) contrast(103%);
  /* #000 → ベースカラー背景時のテキストカラー */
  --filter_base_txt: brightness(0) invert(1);
  /* #000 → サブカラー */
  --filter_sub: invert(78%) sepia(96%) saturate(343%) hue-rotate(342deg) brightness(101%) contrast(99%);
  /* #000 → サブカラー背景時のテキストカラー */
  --filter_sub_txt: brightness(0);
  /* #000 → サブカラー2 */
  --filter_sub2: invert(36%) sepia(99%) saturate(1740%) hue-rotate(2deg) brightness(106%) contrast(103%);
  /* #000 → サブカラー2背景時のテキストカラー */
  --filter_sub2_txt: brightness(0) invert(1);
  /* #000 → アクセントカラー */
  --filter_acc: invert(36%) sepia(99%) saturate(1740%) hue-rotate(2deg) brightness(106%) contrast(103%);
  /* #000 → アクセントカラー背景時のテキストカラー */
  --filter_acc_txt: brightness(0) invert(1);
}