:root {
	--color-white: #ffffff;
	--color-black: #333333;
	--color-gray: #C6C6C6;
	--color-red: #ff4d2d;
	--color-yellow: #D8CDA2;

	--bgc-main: #E8E6DE;
	--bgc-a: #DBD9D0;
	--bgc-b: #A79C90;
	--bgc-c: #666666;
	--bgc-d: #555555;
	--bgc-f-a: #333333;
	--bgc-f-b: #000000;
	--bgc-f-c: #000000;

	--header-height: 152px;

	--section-wave: url("../images/bg_wave.svg");

	--wrapper-max: 1508px;

	--grid-gap: 0;
	--grid-columns: 16;
	--grid_width: calc((min(100%, var(--wrapper-max)) - var(--grid-gap) * (var(--grid-columns) - 1)) / var(--grid-columns));

	--font-serif: "dnp-shuei-nmincho-std", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
	--font-sans: "dnp-shuei-nmincho-std", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
	--font-catchy: "dnp-shuei-nmincho-std", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
	--font-dnp-mincho: "dnp-shuei-nmincho-std", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
	--font-dnp-gothic: dnp-shuei-gothic-gin-std, sans-serif;
	--font-new-spirit: new-spirit-condensed, serif;

	--transition: 0.3s ease;

	--parallax-stack-top: 0;
}