:root {
	/* 
	 *「--color-xxx」の変数を使用するときは、--bg等に定義して使用してください。
	 * cssに直接「--color-xxx」の宣言を使用しないでください
	 */
	--color-1: #1564C4;
	--color-2: #99D1FF;
	--color-3: #FFF6FD;
	--color-4: #1C263E;
	--color-5: #E8F5FF;
	--color-6: #00000000;
	--color-7: #FFFFFF;
	--color-8: #AAAAAA;
	--color-9: #2A578F;
	--color-10: #FFE4EB;
	--color-11: #23335F;
	--color-12: #426289;
	--color-13: #F4F8FB;
	--color-14: #FAF5F9;
	--color-15: #2F3F63;
	--color-16: #F9FFFF;
	--color-17: #C1CEDF;
	--color-18: #FD5454;
	--color-19: #8CA8C0;
	
	--color-20: #F3EFEF;
	--color-21: #EDEDED;
	--color-22: #1564C440;
	--color-23: #FFFFFF30;
	--color-24: #00000030;
	--color-25: #3e7eb5;
	--color-26: #1a9f3c;
	--color-27: #e8f5fe;
	--color-28: #E35300;

	/* background-color */
	--bg_site_primary: var(--color-1);
	--txt_site_primary: var(--color-3);

	--bg_site_secondary: var(--color-2);
	--txt_site_secondary: var(--color-4);


	--bg_site_light: var(--color-13);
	--txt_site_light: var(--color-4);
	
	--bg_site_dark: var(--color-4);
	--txt_site_dark: var(--color-13);
	--txt_inasuki: var(--color-28);
	
	
	
	--bg-news-btn: var(--color-1);
	--bg-topticker: var(--color-1);
	--bg-info-arrow: var(--color-1);
	--bg-sub-banner: var(--color-1);
	--bg-contact-btn: var(--color-1);
	--bg-top-toppage: var(--color-1);
	--bg-premium-btn: var(--color-1);
	--bg-footer-area: var(--color-1);

	--bg-banner-arrow: var(--color-1);
	--bg-recruit-area: var(--color-1);
	--bg-header-contact: var(--color-1);
	--bg-sub-content-base: var(--color-1);
	--bg-course-btn-layout: var(--color-1);
	--bg-sp-menu-sub-header: var(--color-1);
	--bg-offcanvas-header-area: var(--color-1);
	--bg-gelande-btn: var(--color-2);
	--bg-gelande-table-title: var(--color-2);

	--bg-condition-start: var(--color-2);
	--bg-to-toppage-hover: var(--color-2);
	--bg-news-title-suffix: var(--color-2);
	--bg-premium-snow-start: var(--color-2);
	--bg-footer-end: var(--color-3);
	--bg-condition-end: var(--color-3);
	--bg-banner-area-end: var(--color-3);
	--bg-top-menu-area: var(--color-4);
	--bg-footer-banner-area: var(--color-4);
	--bg-calendar-btn-before: var(--color-4);
	--bg-header-language-button: var(--color-4);
	--bg-gelande-end: var(--color-5);
	--bg-footer-start: var(--color-5);
	--bg-banner-area-start: var(--color-5);
	--bg-table-cell: var(--color-6);
	--bg-pc-header: var(--color-7);
	--bg-sub-start: var(--color-7);
	--bg-toggle-btn: var(--color-7);
	--bg-gelande-start: var(--color-7);
	--bg-sp-logo-header: var(--color-7);
	--bg-btn-info-detail: var(--color-7);
	--bg-header-sub-menu: var(--color-7);
	--bg-btn-contact-detail: var(--color-7);
	--bg-header-language-area: var(--color-7);
	--bg-footer-subtitle-after: var(--color-7);
	--bg-layer: var(--color-8);
	--bg-common-btn-shadow: var(--color-8);
	--bg-sub-banner-shadow: var(--color-8);
	--bg-info-arrow-disabled: var(--color-8);
	--bg-gelande-btn-shadow: var(--color-9);
	--bg-premium-snow: var(--color-7);
	--bg-premium-snow-end: var(--color-10);
	--bg-dropdown: var(--color-11);
	--bg-shadow-pc-header: var(--color-12);
	--bg-shadow-sp-header: var(--color-12);
	--bg-info-arrow-shadow: var(--color-12);
	--bg-sub-end: var(--color-14);
	--bg-sub-content-main: var(--color-16);
	--bg-shadow-btn-info-detail: var(--color-17);
	--bg-shadow-btn-contact-detail: var(--color-17);
	--bg-form-required: var(--color-18);
	--bg-glass: var(--color-22);

	--bg-gelande-level-high: var(--color-4);
	--bg-gelande-level-middle: var(--color-18);
	--bg-gelande-level-low: var(--color-26);

	--bg-table-title:var(--color-27);

	/* border */
	--border-information: var(--color-1);
	--border-header-lang: var(--color-1);
	--border-btn-info-detail: var(--color-1);
	--border-btn-contact-detail: var(--color-1);
	--border-header-sub-menu: var(--color-2);
	--border-banner-arrow: var(--color-7);
	--border-form-control: var(--color-19);
	
	--border-contents-outline: var(--color-20);
	--border-contents-shadow: var(--color-21);
	--border-glass: var(--color-23);
	--border-thin: var(--color-21);
	--border-table: var(--color-8);

	/* text */
	--txt-info-detail: var(--color-1);
	--txt-contact-heading: var(--color-1);
	--txt-btn-info-detail: var(--color-1);
	--txt-btn-contact-detail: var(--color-1);
	--txt-heading-information: var(--color-1);
	--txt-breadcrumb-separate: var(--color-2);
	--txt-news: var(--color-4);
	--txt-body: var(--color-4);
	--txt-header: var(--color-4);
	--txt-banner: var(--color-4);
	--txt-premium: var(--color-4);
	--txt-condition: var(--color-4);
	--txt-information: var(--color-4);
	--txt-link-opacity: var(--color-4);
	--txt-phone-link: var(--color-7);
	--txt-to-toppage: var(--color-7);
	--txt-course-btn-layout: var(--color-7);
	--txt-page-number-style: var(--color-8);
	--txt-news-title: var(--color-9);
	--txt-page-title: var(--color-15);
	--txt-contents-title: var(--color-1);
	--txt-gelande-title: var(--color-1);
	--txt-gelande-level: var(--color-7);
	--txt-restaurant-title:var(--color-1);

	--shadow-glass: var(--color-24);
	--text-shadow-primary: var(--color-25);

}