:root {

	/* ブロック */
	--color01-bg: #F8F8F8; /* 背景色 */
	--color01-text: #000; /* 文字色 */
	--color01-border: #009b8e; /* 線色 */
	--color01-head-bg: #F8F8F8; /* 見出し-背景色 */
	--color01-head-text: #000; /* 見出し-文字色 */
	--color01-head-border: #009b8e; /* 見出し-線色 */
  --color01-gradation: none;

	--color02-bg: #FFF; /* 背景色 */
	--color02-text: #000; /* 文字色 */
	--color02-border: #009b8e; /* 線色 */
	--color02-head-bg: #FFF; /* 見出し-背景色 */
	--color02-head-text: #000; /* 見出し-文字色 */
	--color02-head-border: #009b8e; /* 見出し-線色 */
  --color02-gradation: none;

	/* 情報ボックス */
	--box-def-bg: #FFF; /* 背景色 */
	--box-def-text: #000; /* 文字色 */
	--box-def-border: #989898; /* 線色 */
	--box-info-bg: #f2f2f2; /* 背景色 */
	--box-info-text: #000; /* 文字色 */
	--box-info-border: #009b8e; /* 線色 */
	--box-head-bg: #009b8e; /* 見出し-背景色 */
	--box-head-text: #FFF; /* 見出し-強調色 */
	--box-head-border: #009b8e; /* 見出し-線色 */

	/* 注釈 */
	--note-def-bg: #989898; /* 背景色 */
	--note-def-text: #FFF; /* 文字色 */
	--note-def-border: #989898; /* 線色 */
	--note-head-bg: #009b8e; /* 見出し-背景色 */
	--note-head-text: #FFF; /* 見出し-強調色 */
	--note-head-border: #009b8e; /* 見出し-線色 */

	/* ボタン */
	--em-def-bg: #32afa6; /* 背景色 */
	--em-def-text: #FFFFFF; /* 文字色 */
	--em-def-border: #32afa6; /* 線色 */
  --em-def-gradation: none;
	--em-primary-bg: #32afa6; /* 強調色 */
	--em-primary-text: #FFFFFF; /* 文字色 */
	--em-primary-border: #32afa6; /* 線色 */
  --em-primary-gradation: none;

	/* 注意 */
	--alert-def-bg: #DE001A; /* 背景色 */
	--alert-def-text: #FFFFFF; /* 文字色 */
	--alert-def-border: #DE001A; /* 線色 */

	/* メインビジュアル */
	--main-bg: #F8F8F8; /* 背景色 */
	--main-text: #070707; /* 文字色 */
	--main-border: #030202; /* 文字色 */
	--main-em-bg: #32afa6; /* 背景色 */
	--main-em-text: #FFFFFF; /* 強調色 */
	--main-em-border: #32afa6; /* 線色 */
	--main-gradation: none; /* グラデーション */

	/* ヘッダー */
	--header-bg: #009b8e;
	--header-text: #FFFFFF;
	--header-light-text: #FFFFFF;
	--header-dark-text: #22201F;
	--header-border: #57998d;
  --header-gradation: none;

	/* メニュー */
	--menu-bg: #009b8e;
	--menu-text: #FFFFFF;
	--menu-border: #57998d;
	--menu-primary-text: #57998d;

	/* フッター */
	--footer-bg: #e6e6e6;
	--footer-text: #000000;
	--footer-border: #ffffff;

}
:root {
	--accentColor: #50b7ae;
	--shadowColor: rgba(51, 51, 51, 0.20);

	--baseColor: #ffffff;
	--base-txt-headColor: #333;
	--base-txt-bodyColor: #333;
	--base-accentColor: #50b7ae;

	--mainColor: #50b7ae;

	--accentColor: #50b7ae;

	--shadowColor: rgba(51, 51, 51, 0.20);

	--btn-defColor: #32afa6;
	--btn-def-borderColor: #32afa6;
	--btn-def-txt-headColor: #fff;
	--btn-def-txt-bodyColor: #fff;
	--btn-def-txt-linkColor: #fff;
	--btn-def-accentColor: #fff;
	--btn-def-darkColor: #32afa6;

	--btn-primaryColor: #118ACB;
	--btn-primary-borderColor: #118ACB;
	--btn-primary-txt-headColor: #fff;
	--btn-primary-txt-bodyColor: #fff;
	--btn-primary-txt-linkColor: #fff;
	--btn-primary-accentColor: #fff;
	--btn-primary-darkColor: #0a5279;

	--bg-defColor: #ffffff;

	--bg-col-head2Color: #dcf0ee;
	--bg-col-head2-txt-headColor: #333;
	--bg-col-head2-txt-bodyColor: #333;
	--bg-col-head2-accentColor: #333;

	--bg-col-body2Color: #f0f0f0;
	--bg-col-body2-txt-headColor: #333;
	--bg-col-body2-txt-bodyColor: #333;
	--bg-col-body2-accentColor: #333;

	--bg-headerColor: #ffffff;
	--bg-header-txt-headColor: #333;
	--bg-header-txt-bodyColor: #333;
	--bg-header-txt-linkColor: #0033cc;
	--bg-header-accentColor: #50b7ae;

	--bg-heroColor: #50b7ae;
	--bg-hero-txt-headColor: #fff;
	--bg-hero-txt-bodyColor: #fff;
	--bg-hero-accentColor: #fff;

	--bg-gmenuColor: #50b7ae;
	--bg-gmenu-txt-headColor: #fff;
	--bg-gmenu-txt-bodyColor: #fff;
	--bg-gmenu-txt-linkColor: #0033cc;
	--bg-gmenu-accentColor: #fff;

	--bg-2B2F34Color: #2B2F34;
	--bg-2B2F34-txt-headColor: #fff;
	--bg-2B2F34-txt-bodyColor: #fff;
	--bg-2B2F34-txt-linkColor: #fff;
	--bg-2B2F34-accentColor: #50b7ae;

}