@charset "UTF-8";

@import url('./assets/css/custom.css');
@import url('./assets/css/bootstrap-icons.css');
@import url('./assets/css/common.css');
@import url('./assets/css/responsive.css');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,600,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

:root {
  /* 基本フォント */
  /*--bs-font-sans-serif: 'Noto Sans JP', "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;*/
	
  --bs-font-sans-serif: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  
  /* カラー関連 */
  --cm-color-fff: #FFFFFF; /* カラー白 */
  --cm-color-000: #000000; /* カラー黒 */
  
  --cm-main-tx-color: #333333; /* 共通テキスト　メイン色　グレー濃1 */
	--cm-hover-tx-color: #666666; /* 共通テキスト　リンクホバー　グレー */
	
  --cm-dark-gray-tx-color: #232323; /* 共通テキスト　サブ色　　グレー濃2 */
  --cm-gray-tx-color: #B2B2B2; /* 共通テキスト　サブ色　　グレー薄1 */
  --cm-sample-tx-color: #787878; /* 共通テキスト　サンプル色　　グレー薄2 */
  --cm-sample-tx-color-ab: #ABABAB; /* 共通テキスト　サンプル色　　グレー薄3 */
	--cm-sample-tx-color-5c: #5C5C5C; /* 検索ボタン用 */
	--cm-sample-tx-color-99: #999999; /* 検索ボタン用ホバー */
	
	--cm-tbl-th-bg-color: #F8F9F8; /* テーブルTH背景色 */
	--cm-tbl-border-color: #454545; /* テーブル用ボーダー */

  --cm-white-bg-color: #FFFFFF; /* 背景白 */
  --cm-ddd-bg-color: #DDDDDD; /* 背景グレー系 */
  --cm-eee-bg-color: #EEEEEE; /* 背景グレー系 */
  --cm-efefef-bg-color: #EFEFEF; /* 背景グレー系 */

  --cm-alert-bg-color: #FCE4E7; /* 背景アラート用 */
  --cm-water-bg-color: #EAF1EE; /* 背景薄水色用 */
  --cm-btn-bg-color: #F9F9F9; /* 共通ボタン背景用 */
	--cm-btn-border-color: #CBCBCB; /* 共通ボタンボーダー色 */
	
	--cm-red-tx-color: #FF0000; /* 赤字 */

  
  --cm-primary-tx-color: #1D784D; /* 共通primaryテキストカラー */
  --cm-info-tx-color: #0099D9; /* 共通infoテキストカラー */
  --cm-warning-tx-color: #F2BC00; /* 共通warningテキストカラー */
  --cm-orange-tx-color: #EB6133; /* 共通orangeテキストカラー */
  --cm-dark-tx-color: #393E48; /* 共通darkテキストカラー */
  --cm-login-tx-color: #2F5F9A; /* 共通ログインリンクテキストカラー */
  
  --cm-common-border-color: #B6B6B6; /* 共通ボーダーカラー */
  --cm-danger-tx-color: #D90D1C;/* 共通　赤字カラー */
  
  --cm-color-pdf: #AD0B00; /* 共通　PDFカラー */
  --cm-color-doc: #2C5895; /* 共通　Wordカラー */
  --cm-color-xls: #217247; /* 共通　Excelカラー */
	
	--cm-navi-color1: #7998C6; /* グロナビ色 */
	--cm-navi-color2: #49B9A7; /* グロナビ色 */
	--cm-navi-color3: #903F22; /* グロナビ色 */
  
	--cm-news-h2-color: #DD5410; /* ニュースカテゴリ色 */
  --cm-news-cate01-color: #EA5A31; /* ニュースカテゴリ色 */
  --cm-news-cate02-color: #2074BB; /* ニュースカテゴリ色 */
  --cm-news-cate03-color: #5EB537; /* ニュースカテゴリ色 */
  --cm-news-cate04-color: #903F22; /* ニュースカテゴリ色 */
	--cm-news-cate05-color: #EA5A31; /* ニュースカテゴリ色 */
  
}