@charset "utf-8";

:root {

	/* 色設定 */
	--text-color: #475569;
	--accent: #4ec1be;
	--main-bg-design: #fafafb url() scroll;
	--sub-bg-color: #e2e8f0;
	/* ---------- PC用TOP画 ---------- */
	--header-bg-design:
		url(skin-tegasite/top.jpg) center center / cover no-repeat;
}


/* =========================================
スマホ用TOP画
========================================= */
@media (max-width: 768px) {

	:root {

		--header-bg-design:
			url(skin-tegasite/top-m.jpg) center center / cover no-repeat;
	}

}

/*
	text-color = メインの文字色です。
	accent = アクセントカラーです。

	main-bg-design = ページ全体の背景色です。画像指定、グラデーション指定、単色指定などが可能です。
		■画像を全体に敷き詰める
		#ffffff url(フォルダ名/ファイル名) scroll;

		■なめらかなグラデーション
		linear-gradient(160deg, var(--os1) 20%, var(--os2) 80%) fixed;
		
		■パキッとしたツートンカラー
		linear-gradient(160deg, var(--os1) 49.9%, var(--os2) 50%) fixed;
		
		■単色カラー
		#ffffff などのカラーコードだけを入れると単色になります。

	sub-bg-color = text-colorが暗い色なら#fffなど（白系）を、明るい色なら#333など（黒系）がオススメ。
	header-bg-design = サイトのヘッダーの背景設定です。画像指定、グラデーション指定、単色指定などが可能です。
*/