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

	/*===============================
	* ***背景色と文字色は分けない
	**=================================*/
	/* メイン */
	--c-main: #CFAF70;
	--c-main--light: #F5F0E1;

	/* アクセント */
	--c-brown: #3C362A; /* 色を記述：使用場所を記述 */
	--c-brown--dark: #2F2D2A; /* 使用場所を記述 */
	--c-brown--light: #4C4A45; /* 使用場所を記述 */

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

	/* 灰色 */
	--c-gray: #9a9a9a;
	--c-gray--dark: #707070;
	--c-gray--light: #f3f3f3;

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

	/* 背景色 */
	--c-bgc: #22201E;

	/* グラデーション */
	--c-gradient--text: linear-gradient(91.95deg, #CFAF70 0.12%, #B78830 99.88%); /* 色を記述：使用場所を記述 */
	--c-gradient--btn: linear-gradient(95.14deg, #B78230 0%, #E4BC6D 50%, #B78830 100%); /* 色を記述：使用場所を記述 */

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

	/*===============================
	* ヘッダー
	* =================================*/
	--header-vertical-gap: 1.25rem;
	--header-side-gap: clamp(1.25rem, 0.357rem + 2.38vw, 2.5rem);
	--logo-size: clamp(1.25rem, 0.357rem + 2.38vw, 2.5rem);
	--icon-size: 5rem;

	--hdr-icon-home: url(/wp-content/uploads/home-icon.png);
	--hdr-icon-schedule: url(/wp-content/uploads/schedule-icon.png);
	--hdr-icon-twitter: url(/wp-content/uploads/twitter-icon.png);
	--hdr-icon-therapist: url(/wp-content/uploads/therapist-icon.png);
	--hdr-icon-price: url(/wp-content/uploads/price-icon.png);
	--hdr-icon-access: url(/wp-content/uploads/access-icon.png);
	--hdr-icon-line: url(/wp-content/uploads/menu-line-icon.png);

	--hdr-icon-home-hover: url(/wp-content/uploads/home-hover-icon.png);
	--hdr-icon-schedule-hover: url(/wp-content/uploads/schedule-hover-icon.png);
	--hdr-icon-twitter-hover: url(/wp-content/uploads/twitter-hover-icon.png);
	--hdr-icon-therapist-hover: url(/wp-content/uploads/therapist-hover-icon.png);
	--hdr-icon-price-hover: url(/wp-content/uploads/price-hover-icon.png);
	--hdr-icon-access-hover: url(/wp-content/uploads/access-hover-icon.png);
	--hdr-icon-line-hover: url(/wp-content/uploads/menu-line-hover-icon.png);

	/*===============================
	* ***余白
	**=================================*/
	/* 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(4rem, 5.33vw + 2.7rem, 7.5rem);
	--g-sec--md: clamp(4rem, 1.52vw + 3.63rem, 5rem);
	--g-sec--sm: clamp(1.5rem, 0.076rem + 3.8vw, 3.5rem);
	--g-sec--xs: clamp(1.75rem, 1.14vw + 1.47rem, 2.5rem);

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

	/* 太さ */
	--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.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 1px 4px 0px #00000040;
	--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;
}