:root {
	/* color gold */
	--color_gold: #B39354;
	--color_gold_90: #BB9E65;
	--color_gold_80: #C2A976;
	--color_gold_70: #CAB387;
	--color_gold_60: #D1BE98;
	--color_gold_50: #D9C9AA;
	--color_gold_40: #E1D4BB;
	--color_gold_30: #E8DFCC;
	--color_gold_20: #F0E9DD;
	--color_gold_10: #F7F4EE;

	/* color navy */
	--color_navy: #00003E;
	--color_navy_90: #1A1A51;
	--color_navy_80: #333365;
	--color_navy_70: #4D4D78;
	--color_navy_60: #66668B;
	--color_navy_50: #80809F;
	--color_navy_40: #9999B2;
	--color_navy_30: #B3B3C5;
	--color_navy_20: #CCCCD8;
	--color_navy_10: #E6E6EC;

	/* color gray */
	--color_gray: #9FA0A0;
	--color_gray_90: #A9AAAA;
	--color_gray_80: #B2B3B3;
	--color_gray_70: #BCBDBD;
	--color_gray_60: #C5C6C6;
	--color_gray_50: #CFD0D0;
	--color_gray_40: #D9D9D9;
	--color_gray_30: #E2E3E3;
	--color_gray_20: #ECECEC;
	--color_gray_10: #F5F6F6;

	/* color blue */
	--color_blue: #20AEE5;
	--color_blue_90: #36B6E8;
	--color_blue_80: #4DBEEA;
	--color_blue_70: #63C6ED;
	--color_blue_60: #79CEEF;
	--color_blue_50: #90D7F2;
	--color_blue_40: #A6DFF5;
	--color_blue_30: #BCE7F7;
	--color_blue_20: #D2EFFA;
	--color_blue_10: #E9F7FC;

	/* color green */
	--color_green: #3EB370;
	--color_green_90: #51BB7E;
	--color_green_80: #65C28D;
	--color_green_70: #78CA9B;
	--color_green_60: #8BD1A9;
	--color_green_50: #9FD9B8;
	--color_green_40: #B2E1C6;
	--color_green_30: #C5E8D4;
	--color_green_20: #D8F0E2;
	--color_green_10: #ECF7F1;

	/* color pink */
	--color_pink: #EB6D8E;
	--color_pink_90: #ED7C99;
	--color_pink_80: #EF8AA5;
	--color_pink_70: #F199B0;
	--color_pink_60: #F3A7BB;
	--color_pink_50: #F5B6C7;
	--color_pink_40: #F7C5D2;
	--color_pink_30: #F9D3DD;
	--color_pink_20: #FBE2E8;
	--color_pink_10: #FDF0F4;

	/* color orange */
	--color_orange: #F37053;
	--color_orange_90: #F47E64;
	--color_orange_80: #F58D75;
	--color_orange_70: #F79B87;
	--color_orange_60: #F8A998;
	--color_orange_50: #F9B8A9;
	--color_orange_40: #FAC6BA;
	--color_orange_30: #FBD4CB;
	--color_orange_20: #FDE2DD;
	--color_orange_10: #FEF1EE;

	/* color red / white */
	--color_red: #E83820;
	--color_white: #FFFFFF;

	/* font family */
	--font_gothic: "Noto Sans JP", sans-serif;
	--font_en: "Montserrat", sans-serif;
	--font_num: "Poppins", sans-serif;

	/* font size */
	--font_size_xs: 12px;
	--font_size_sm: 14px;
	--font_size_bs: 16px;
	--font_size_md: 20px;
	--font_size_lg: 24px;
	--font_size_xl: 32px;
	--font_size_xxl: 40px;

	/* line height */
	--line_height_base: 1.8;

	/* background image */
	--bg_sub: url("../images/sub_bk.png");

	/* content width */
	--content_width: 94%;
	--content_max_width: 1320px;

	/* header */
	--header_height: 80px;

	/* section space */
	--section_space: 100px;

	/* shadow */
	--shadow_base: 0 4px 24px color-mix(in srgb, var(--color_navy) 8%, transparent);
}

@media (max-width: 768px) {
	:root {
		/* font size */
		--font_size_md: 18px;
		--font_size_lg: 22px;
		--font_size_xl: 26px;
		--font_size_xxl: 32px;

		/* section space */
		--section_space: 60px;
	}
}