:root {
	/*===============================
	* ***背景色と文字色は分けない
	**=================================*/
	/* メイン */
	--c-main: rgba(230, 164, 50, 1);

	/* アクセント */
	--c-navy: #142259; /* ヘッダー:グロナビ */
	--c-navy--dark: #3C5485; /* TOP:悩み：リストの枠線 */

	--c-blue: rgba(192, 221, 255, 1); /* ヘッダー */
	--c-blue--light: #9BAAF3; /* TOP:悩み：リストの影 */
	--c-blue--lightest: rgba(249, 255, 255, 1); /* 合格・実績紹介 */
	--c-blue--dark: #4D9CE2; /* TOP:cta */

	--c-yellow: rgba(255, 237, 172, 1); /* TOPのNEWS */

	--c-green: #61CE7E; /* お問合せのLINE */

	--c-syougakusei: #ECFAFA; /* TOPのNEWS */
	--c-chu1: #FBF9E6; /* TOPのNEWS */
	--c-chu2: #F0F6DA; /* TOPのNEWS */
	--c-chu3: #FFF2DC; /* TOPのNEWS */
	--c-koukousei: #F6E7E7; /* TOPのNEWS */

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

	/* 灰色 */
	--c-gray: rgba(217, 217, 217, 1);
	--c-gray--dark: rgba(155, 155, 155, 1);
	--c-gray--light: #f3f3f3;

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

	/* グラデーション */
	--c-gradient: linear-gradient(180deg, #F7E389 0%, #D662B0 100%); /* 桃色：TOPのNEWS */

	/*===============================
	* ***最大幅
	**=================================*/
	--container_size: 1224px;
	--container_pad: 1rem;
	--width-sm: 960px;

	/*===============================
	* ***余白
	**=================================*/
	/* 599-1440 */
	--g-sec-base: clamp(0.75rem, 0.572rem + 0.48vw, 1rem);
	--g-sec--xl: calc(var(--g-sec-base) * 10);
	--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: 3.5rem;
	--g-sec--xs: clamp(1.75rem, 1.214rem + 1.43vw, 2.5rem);

	/*===============================
	* ***装飾
	**=================================*/
	/* フォントファミリー */
	--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-xl: 2;
	--lh-lg: 1.75;
	--lh-md: 1.6;
	--lh-sm: 1.4;
	--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 4px 4px 0px rgba(0, 0, 0, 0.25);
	--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;

	/*===============================
	* ヘッダー
	* =================================*/
	--header-vertical-gap: 1.5rem;
	--header-side-gap: 1.5rem;
	--logo-size: 5.5rem;
	--scroll-position: 6rem;
}
@media screen and (max-width: 1023px) {
	:root {
		--header-vertical-gap: 1.125rem;
		--header-side-gap: 1.125rem;
		--logo-size: 43px;
	}
}