: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--dark: #294577;

	/* アクセント */
	--c-act01: #FF951B; /* オレンジ */
	--c-act01--dark: #DC7C10;
	--c-act02: #83BAF1; /* 水色 */
	--c-act02--dark: #4AA0F5;
	--c-act03: #FFF7B8; /* 黄色 */
	--c-act03--dark: #F4D94F;

	--c-blue: #CCE4EB; /* 色を記述：使用場所を記述 */
	--c-blue--light: #EFF5FB; /* 色を記述：使用場所を記述 */
	--c-blue--dark: #A9BCCF; /* 色を記述：使用場所を記述 */

	--c-green: #75D541; /* 色を記述：使用場所を記述 */
	--c-green--light: #E1F2E0; /* 色を記述：使用場所を記述 */
	--c-green--dark: #3E8C13; /* 色を記述：使用場所を記述 */


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

	/* 灰色 */
	--c-gray: #ddd;
	--c-gray--dark: #ccc;
	--c-gray--darkest: #bbb;
	--c-gray--light: #EBEBEB;

	/* 注釈 */
	--c-required: #D95440;

	/* グラデーション */
	--c-gradient: linear-gradient(
		135deg,
		rgb(74, 234, 220) 0%,
		rgb(151, 120, 209) 20%,
		rgb(207, 42, 186) 40%,
		rgb(238, 44, 130) 60%,
		rgb(251, 105, 98) 80%,
		rgb(254, 248, 76) 100%
	); /* 色を記述：使用場所を記述 */

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

	/*===============================
	* ***余白
	**=================================*/
	/* 599-1440 */
	--g-sec--xl: calc(var(--g-sec-base) * 10);
	--g-sec--lg: clamp(4rem, 1.5rem + 6.67vw, 7.5rem);
	--g-sec--md: clamp(2.5rem, 0.714rem + 4.76vw, 5rem);
	--g-sec--sm: clamp(1.75rem, 0.5rem + 3.33vw, 3.5rem);
	--g-sec--xs: clamp(1.25rem, 0.36rem + 2.38vw, 2.5rem);

	/*===============================
	* ***装飾
	**=================================*/
	--ff-m: "BIZ UDMincho", "Noto Serif JP", "Hiragino Mincho ProN", serif;
	--ff-g: "Zen Kaku Gothic New", var(--swl-font_family);
	--ff-n: "Noto Sans JP", serif;

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

	/* 行間 */
	--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: 3px;
	--bd-w--sm: 2px;
	--bd-w--xs: 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 1px 4px 0px #00000040;
	--shdw--blur: 0px 4px 6px;
	--shdw--ani: 0px 0px 0px;

	/* 共通画像 */
	--bgi: url(/wp-content/uploads/bgi.png);

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