@charset "utf-8";

:root {
    --main-color: #ffffff; /* メインカラー */
    --header-color-bg: #fff; /* ヘッダーの背景色 */
    --header-tel-color-bg: #333; /* ヘッダーの電話番号の背景色 */
    --header-tel-color-number: var(--header-tel-color-bg); /* ヘッダーの電話番号の色 */
    --header-tel-color-text: var(--header-color-bg); /* ヘッダーの電話番号の"お電話はこちら"の文字色 */
    --header-tel-color-icon: var(--header-tel-color-bg); /* ヘッダーPCサイズとSPサイズの間に表示される電話番号のアイコン色 */
    --background-left-bg: url(../image/bg_left.jpg) no-repeat center center / cover; /* 背景の左の背景 */
    --background-right-bg: url(../image/bg_right.jpg) no-repeat center center / cover; /* 背景の右の背景 */
    --background-left-bg-company: #fff; /* 会社概要背景の右の背景 */
    --background-right-bg-company: var(--background-left-bg-company); /* 会社概要背景の右の背景 */
    --background-left-bg-privacy: var(--background-left-bg-company); /*プライバシーポリシー背景の右の背景 */
    --background-right-bg-privacy: var(--background-left-bg-company); /*プライバシーポリシー背景の右の背景 */
    --footer-bg: #333; /* フッターの背景色 */
    --footer-text-color: #fefefe; /* フッターの文字色 */
    --footer-text-color-hover: #fff; /* フッターの文字ホバー時の色 */
    --form-bg: url(../image/bg_form.jpg) no-repeat center center / cover; /* フォームの背景色 */
    --youtube-color-bg: #fcf4ed; /* ユーチューブの背景色 */
    --shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* 影の色 */
    --company-container-bg: #fff; /* 会社概要ページの背景色 */
    --table-title-border-color: var(--company-container-bg); /* 会社概要ページのテーブルのタイトルセルの枠線色 */
    --table-title-bg: var(--main-color); /* 会社概要ページのテーブルのタイトルセルの背景色 */
    --table-title-text-color: var(--company-container-bg); /* 会社概要ページのテーブルのタイトルセルの文字色 */
    --table-data-border-color: #333; /* 会社概要ページのテーブルのデータセルの枠線色 */
    --table-data-bg: var(--company-container-bg); /* 会社概要ページのテーブルのデータセルの背景色 */
    --table-data-text-color: var(--table-data-border-color); /* 会社概要ページのテーブルのデータセルの文字色 */
    --privacy-container-bg: #fff; /* プライバシーポリシーページの背景色 */
}