:root{

	/* ベースカラー */
	--const-color-base: rgb(45, 66, 152);
	/* サブカラー１ */
	--const-color-sub1: rgb( 61,  90, 204);
	/* サブカラー２ */
	--const-color-sub2: rgb(204, 188, 122);
	/* サブカラー３ */
	--const-color-sub3: rgb(242, 242, 242);
	/* サブカラー４ */
	--const-color-sub4: rgb(235, 255, 204);
	/* サブカラー５ */
	--const-color-sub5: rgb(204, 214, 255);
	/* サブカラー６ */
	--const-color-sub6: rgb(237, 235, 230);
	/* アクセントカラー：メニューボタン押下、メッセージ */
	--const-color-accent: rgb(73, 148, 117);
	/* ボディ */
	--const-color-body: rgb(253, 253, 253);
	/* ラベル */
	--const-color-label: rgb(244, 240, 232);
	/* メッセージエリア */
	--const-color-msgarea: rgb(255, 255, 255);

    --window          : rgb(255, 255, 255);
    --window-text     : rgb(  0,   0,   0);
    --dark-window-text: rgb(255, 255, 255);
	--border          : var(--const-color-base);
	--field-name      : var(--const-color-sub5);

	--table-header: var(--const-color-sub6);
	--table-body  : var(--window);

	/* 警告文字列 */
	--warning-text: red;

	/* アコーディオントグルカラー */
	--accordion-toggle-color: rgb(51, 80, 194);

    /* ▼ ヘッダ関連定数 */
	--fixed-header: var(--const-color-base);
	--fixed-header-text: var(--dark-window-text);
	--fixed-error-header: red;
	--fixed-error-header-text: white;

	/* ▼ navbar 関連 */
	--offcanvas-backgound-color: rgb(52, 58, 64);
	--kirei-backgound-color: rgb(255, 255, 255);
	
    /* ▼ messageBox 定数 */
    --msgbox-header-background-color: hsl(211, 90%, 93%);
    --msgbox-header-border: hsl(211, 51%, 65%);
    --msgbox-footer-background-color: rgb(237, 237, 237);

    /* ▼メニュー関連定数 */

	--menu-border      : rgb(204, 204, 204);
	--menu-border-light: rgb(239, 239, 239);
	--menu-item1: rgb(61, 90, 204);
	--menu-text1: var(--dark-window-text);
	--menu-item2: rgb(204, 214, 255);
	--menu-text2: var(--window-text);
	--menu-item3: var(--window);
	--menu-text3: var(--window-text);



    /* ▼ボタン関連定数 */

    /* btn-normal */
    --button-border-color1     : var(--const-color-sub1);
    --button-background-color1 : var(--const-color-sub1);
    --button-foreground-color1 : var(--dark-window-text);
    --button-hover-color1      : rgb(81, 110, 224);
    --button-active-color1     : rgb(51, 80, 194);

    /* btn-white */
    --button-border-color2     : var(--const-color-sub1);
    --button-background-color2 : var(--window);
    --button-foreground-color2 : var(--const-color-sub1);
    --button-hover-color2      : rgb(250, 250, 250);
    --button-active-color2     : var(--window);


    /* ▼未定義定数 */
    --navlink-active-color : rgb(61, 204, 147);
    --navlink-delete-color : rgb(234, 234, 234);

	/* 掃育研用 */
	--color-cleaning-institute: rgb(110, 210, 245);
	--light-color-cleaning-institute: rgb(170, 224, 236);
	--button-background-color-cleaning-institute : var(--color-cleaning-institute);
	--button-border-color-cleaning-institute     : var(--color-cleaning-institute);
	--button-foreground-color-cleaning-institute : var(--dark-window-text);
	--button-hover-color-cleaning-institute      : var(--light-color-cleaning-institute);
	--button-active-color-cleaning-institute     : var(--light-color-cleaning-institute);
	/* 掃育研用 申込調整背景色 */
	--adjustment-color-cleaning-institute : rgb(190, 233, 247);
	
	/* 地域本部用 */
	--color-region-office: rgb(156, 214, 122);
	--light-color-region-office: rgb(197, 233, 155);
	--button-background-color-region-office : var(--color-region-office);
	--button-border-color-region-office     : var(--color-region-office);
	--button-foreground-color-region-office : var(--dark-window-text);
	--button-hover-color-region-office      : var(--light-color-region-office);
	--button-active-color-region-office     : var(--light-color-region-office);
	/* 地域本部用 申込調整背景色 */
	--adjustment-color-region-office: rgb(214, 252, 192);
	
	/* 学校用 */
	--table-th-curriculum-color : rgb(255, 234, 224);
	--table-th-apply-color : rgb(255, 244, 224);
	--color-school: rgb(249, 146, 153);
	--light-color-school: rgb(249, 146, 191);
	--button-border-color-school     : var(--color-school);
	--button-background-color-school : var(--color-school);
	--button-foreground-color-school : var(--dark-window-text);
	--button-hover-color-school      : var(--light-color-school);
	--button-active-color-school     : var(--light-color-school);
	/* 学校用 申込調整背景色 */
	--adjustment-color-school: rgb(247, 198, 201);
	
	/* いずれか必須 */
	--either-required-color : rgb(0, 0, 255);
	
	/* 戻るボタン色 */
	--back-color:rgb(179, 179, 179);
	--light-back-color:rgb(199, 197, 197);
	--button-border-color-back     : var(--back-color);
	--button-background-color-back : var(--back-color);
	--button-foreground-color-back : var(--window-text);
	--button-hover-color-back      : var(--light-back-color);
	--button-active-color-back     : var(--light-back-color);

	/* フッター */
	--footer-background-color: rgb(244, 244, 244);
	--copyright-background-color: rgb(217, 217, 217);


}