@charset "UTF-8";
/*
======================
 Type-B
======================
*/

/*
::::::::::::::::::::
 プロパティ
::::::::::::::::::::
*/
:root {

	/****
	 * 共通
	 */

	/* 文字色・背景色 */
	--base-color: #696969;
	--base-background-color: #fff;
	--base-reverse-color: #fff;
	--font-size: 16px;

	/* ヘッダ */
	--header-background-color: #173D77;  /*ヘッダーの色 */
	--header-color: #fff;
	--header-image-color: #000;
	--front-image-phrase-color: #fff;
	--front-image-shadow-color: #000;

	/*フッタ */
	--footer-background-color: var(--base-background-color);
	--footer-color: #385495;

	/* トップボタン */
	--to-top-background-color: #173D77;
	--to-top-color: var(--base-reverse-color);
	--to-top-border-radius: 0%; /* 角を丸める */
	--to-top-opacity: 1; /* 1.0未満で透明になる */
	
	/****
	 * 埋め込みページ・お知らせ一覧
	 */

	/* 一覧表 */
	--information-list-background-color: #0c3356;
	--information-list-color: #fff;

	/* ボタン on:マウス */
	--information-list-btn-background-color: #0c3256;
	--information-list-btn-border-color: #fff;
	--information-list-btn-color: #fff;
	--information-list-btn-on-background-color: #0036a2;
	--information-list-btn-on-border-color: #fff;
	--information-list-btn-on-color: #fff;

	/* カテゴリーマーク */
	--information-list-mark-background-color: #286ef9;
	--information-list-mark-color: #fff;
	--information-list-mark-size: 50%; /* 大きさを決める */
	--information-list-mark-border-radius: 8px; /* 角を丸める */
	--information-list-mark-opacity: 1; /* 1.0未満で透明になる */
	
	/****
	 * お問合せ
	 */

	/* フォームの文字色・線色・背景色 */
	--inquiry-list-background-color: #f5f5f5;
	--inquiry-list-border-color: #ccc;
	--inquiry-list-color: #000;

	/* ポリシーの枠色・文字色 */
	--inquiry-policy-sentence-border-color: #000;
	--inquiry-policy-sentence-color: #696969;

	/* ボタン on:マウス */
	--inquiry-policy-btn-background-color: #0c3256;
	--inquiry-policy-btn-border-color: #fff;
	--inquiry-policy-btn-color: #fff;
	--inquiry-policy-btn-on-background-color: #0036a2;
	--inquiry-policy-btn-on-border-color: #fff;
	--inquiry-policy-btn-on-color: #fff;

	/* 入力ボックスの線色・丸み */
	--inquiry-input-border-color: #ccc;
	--inquiry-input-border-radius: 5px;


/*
	
	--front-inquiry-h3-background-color: var(--base-background-color); 
	--front-inquiry-h3-color: var(--base-reverse-color); 
	--front-inquiry-table-background-color: #f5f5f5;
	--front-inquiry-th-background-color: #ccc;
	--front-inquiry-th-color: var(--base-reverse-color);
	--front-inquiry-th-span-color: #f00;
	--front-inquiry-telfax-background-color: var(--front-inquiry-h3-background-color);
	--front-inquiry-telfax-color: var(--front-inquiry-h3-color);








	/* 個人情報保護ポリシー */
	--front-policy-background-color: #fff;
	--front-policy-border-color: var(--base-color);
	--front-policy-color: var(--base-color);
	
	/* 送信ボタン */
	--btn-inquiry-background-color: #eee8aa;
	--btn-inquiry-hover-background-color: var(--base-background-color);
	--btn-inquiry-checked-background-color: var(--base-background-color);
	--btn-inquiry-color: var(--base-reverse-color);

	/* 送信完了 */
	--mail-complete-background-color: var(--base-background-color);
	--mail-complete-color: #fff;
	
	/* パンくず */
	--pan-background-color: #f8f8f8;
	--pan-color: #696969;
	
	/* スマホメニュ */
	--sp-menu-background-color: #8fbc8f;
	--sp-menu-color: #fff;




	--blog-main-category-color: var(--base-reverse-color);
	--blog-main-border-top-color: var(--base-background-color);
	--blog-side-border-color: var(--base-background-color);
	--blog-side-title-color: var(--base-reverse-color);
	--blog-side-title-background-color: var(--base-background-color);
	--blog-side-searchsubmit-color: var(--base-background-color);











	/* FRONT-サービス */
	--service-color: var(--base-color);
	--service-background-color: #ccc;
	--service-border-top-color: var(--base-background-color);
	--service-title-color: var(--service-color);
	--service-note-color: var(--service-color);
	--service-detail-color: var(--service-color);
	--service-link-detail-color: var(--base-reverse-color);
	--service-link-detail-background-color: var(--base-background-color);
	--service-link-detail-left-color: var(--service-link-detail-color);
	--service-link-detail-left-background-color: var(--service-link-detail-background-color);
	--service-link-detail-right-color: var(--service-link-detail-color);
	--service-link-detail-right-background-color: var(--service-link-detail-background-color);

	/* FRONT-企業概要/問い合わせ */
	--table-th-color: #fff;
	--table-th-background-color: #8fbc8f;
	--table-border-color: #ccc;

	/* FRONT-お知らせ(上記BACK-ブログから取得して統一するので、基本的には変更する必要はない) */
	--info-main-btn-background-color: var(--base-background-color);
	--info-main-btn-color: var(--base-reverse-color);
	--info-main-border-top-color: var(--blog-main-border-top-color);
	--info-main-category-background-color: var(--blog-main-category-background-color);
	--info-main-category-color: var(--blog-main-category-color);

	/* BACK-サービスのご紹介 */
	--back-image-h2-color: #fff;
	--back-image-h2-font-size: 400%;
	--back-image-h2-top: 55px;
	--back-image-h2-shadow-color: #000;

	/* サービス一覧 */
	--front-service-h3-background-color: var(--base-background-color);
	--front-service-h3-color: var(--base-reverse-color);
	--front-service-link-color: #00f;
	--front-service-link-hover-color: #ff0;
*/
}