:root {
	/*
	* Min-Max-Value Interpolation
	* 599～600px
	*
	* メディアクエリ：SWELL
	* @media (min-width: 600px)
	* @media (max-width: 959px)
	* @media (min-width: 960px)
	*/

	/*===============================
	* ***背景色と文字色は分けない
	**=================================*/
	/* メイン */
	--c-main: var(--color_main);
	--c-main--light: rgba(107, 172, 225, 0.05);

	/* アクセント */
	--c-act01: #6BACE1; /*  */
	--c-act02: ; /*  */

	/* 黒・白 */
	--c-dark: #333;
	--c-light: #fff;

	/* 灰色 */
	--c-gray: #ddd;
	--c-gray--dark: #707070;
	--c-gray--light: rgba(221, 221, 221, 0.3);

	/* グラデーション */
	--c-gradient: linear-gradient(109deg, #5f75e8 0%, #4b4be0 41%, #8d2cd5 100%);
	--bg-img: url(https://.png);

	/*===============================
	* ***最大幅
	**=================================*/
	--width-sm: 800px;

	/*===============================
	* ***余白
	**=================================*/
	/* 599-1440 */
	--g-sec-base: 1rem;
	--g-sec--xl: clamp(5.75rem, 2.723rem + 8.09vw, 10rem);
	--g-sec--lg: clamp(5.75rem, 4.504rem + 3.33vw, 7.5rem);
	--g-sec--md: clamp(2.75rem, 1.147rem + 4.28vw, 5rem);
	--g-sec--sm: clamp(2.25rem, 1.36rem + 2.38vw, 3.5rem);
	--g-sec--xs: clamp(1.75rem, 1.216rem + 1.43vw, 2.5rem);

/* 	--g-base: 1rem;
	--g-40: calc(var(--g-base) * 2.5);
	--g-36: calc(var(--g-base) * 2.25);
	--g-32: calc(var(--g-base) * 2);
	--g-28: calc(var(--g-base) * 1.75);
	--g-24: calc(var(--g-base) * 1.5);
	--g-20: calc(var(--g-base) * 1.25);
	--g-16: calc(var(--g-base) * 1);
	--g-12: calc(var(--g-base) * 0.75);
	--g-8: calc(var(--g-base) * 0.5);
	--g-4: calc(var(--g-base) * 0.25);
 */
	/*===============================
	* フォントサイズ
	* =================================*/
/* 	--fz-base: 1rem;
	--fz-72: calc(var(--fz-base) * 4.5);
	--fz-64: calc(var(--fz-base) * 4);
	--fz-60: calc(var(--fz-base) * 3.75);
	--fz-56: calc(var(--fz-base) * 3.5);
	--fz-52: calc(var(--fz-base) * 3.25);
	--fz-48: calc(var(--fz-base) * 3);
	--fz-40: calc(var(--fz-base) * 2.5);
	--fz-36: calc(var(--fz-base) * 2.25);
	--fz-32: calc(var(--fz-base) * 2);
	--fz-28: calc(var(--fz-base) * 1.75);
	--fz-24: calc(var(--fz-base) * 1.5);
	--fz-20: calc(var(--fz-base) * 1.25);
	--fz-18: calc(var(--fz-base) * 1.125);
	--fz-16: calc(var(--fz-base) * 1);
	--fz-14: calc(var(--fz-base) * 0.875);
	--fz-12: calc(var(--fz-base) * 0.75);
	--fz-10: calc(var(--fz-base) * 0.625); */

	/*===============================
	* ***装飾
	**=================================*/
	/* フォントファミリー */
	--ff-m: "Noto Serif JP", "Hiragino Mincho ProN", serif;
	/* --ff-m: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif; */
	/* --ff-g: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
	--ff-g: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic,
		"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	/* --ff-maru: ; */

	/* 太さ */
	--fw-xs: 300; /* Light */
	--fw-sm: 400; /* Normal */
	--fw-md: 500; /* Medium */
	--fw-lg: 700; /* Bold */
	--fw-xl: 900; /* Extra Bold */

	/* 行間 */
	--lh-xxl: 2.5;
	--lh-xl: 2;
	--lh-lg: 1.75;
	--lh-md: 1.6;
	--lh-sm: 1.5;
	--lh-xs: 1;

	/*===============================
	* 装飾
	* =================================*/
	/* ボーダー */
	--bd-w--lg: 4px;
	--bd-w--md: 2px;
	--bd-w--sm: 1px;

	/* 角丸 */
	--bd-r--xl: 1.25rem;
	--bd-r--lg: 1rem;
	--bd-r--md: 0.75rem;
	--bd-r--sm: 0.5rem;
	--bd-r--xs: 0.25rem;

	/* 影　色は個別に指定 */
	--shdw: 0px 0px 4px;
	--shdw--blur: 0px 4px 6px;
	--shdw--ani: 0px 0px 0px;

	/*===============================
	* アニメーション速度
	* =================================*/
	--ani-t--late: 0.5s;
	--ani-t--normal: 0.3s;
	--ani-t--fast: 0.1s;
}