@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Jost&family=Zen+Old+Mincho&display=swap');

:root {
	/*フォント*/
	--ff-got: "Hiragino Kaku Gothic ProN","Hiragino Sans","游ゴシック","Yu Gothic",Meiryo,sans-serif;
	/* font-style, font-variant, font-weight, font-size/line-height, font-family */
	--font-min: normal normal 400 100%/1.8 "Zen Old Mincho", serif;	/*太さ：400のみ*/
	--font-en: normal normal 400 100%/1 "Jost", sans-serif;	/*斜体不可,太さ：400のみ*/
	/*コンテンツ幅*/
	--content-width: 94%;
	/*共通色*/
	--color-base: #3c3c3c;
	--color-border: #efefe1;
	--color-red: #bd563c;
	--color-navy: #2d4170;
	--color-green: #67a768;
	--color-cream: #fcfcf2;
	--color-general: #4fdbe7;
	--color-d_general: #2ec0e7;		/*濃い色：deep_*****/
	--color-child: #e8be5a;
	--color-d_child: #e0a45a;
	--color-beauty: #f3a8a8;
	--color-d_beauty: #ec8080;
	--color-nutritional: #e78244;		/*栄養指導*/
	--color-exercise: #36bc93;		/*運動療法*/
	--color-director: #2ec0e7;		/*ブログ・お知らせ*/
	--color-dr: #c5957d;
	--color-nurse: #ec8080;
	--color-staff: #e0a45a;
	--color-rd: #e78244;
	--color-important: #67a768;
	/*隙間：最大=**px×0.082vw*/
	--gap-170: min(170px,14vw);
	--gap-150: min(150px,12vw);
	--gap-120: min(120px,10vw);
	--gap-100: min(100px,8vw);
	--gap-90: min(90px,8vw);
	--gap-80: min(80px,7vw);
	--gap-70: min(70px,6vw);
	--gap-60: min(60px,5vw);
	--gap-50: min(50px,4vw);
	--gap-40: min(40px,4vw);
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: 1.2rem;
	--fs-13: 1.3rem;
	--fs-14: 1.4rem;
	--fs-15: 1.5rem;
	--fs-16: 1.6rem;
	--fs-17: 1.7rem;
	--fs-18: 1.8rem;
	--fs-19: 1.9rem;
	/*フォントサイズ：20pxから見出し用：最大=**rem×0.85vw*/
	--fs-20: min(2.0rem,1.8vw);
	--fs-22: min(2.2rem,1.9vw);
	--fs-24: min(2.4rem,2.0vw);
	--fs-26: min(2.6rem,2.2vw);
	--fs-28: min(2.8rem,2.4vw);
	--fs-30: min(3.0rem,2.6vw);
	--fs-32: min(3.2rem,2.7vw);
	--fs-34: min(3.4rem,2.9vw);
	--fs-36: min(3.6rem,3.1vw);
	--fs-38: min(3.8rem,3.2vw);
	--fs-40: min(4.0rem,3.4vw);
	--fs-48: min(4.8rem,4.1vw);
	--fs-50: min(5.0rem,4.3vw);
	--fs-56: min(5.6rem,4.8vw);
	--fs-62: min(6.2rem,5.3vw);
	--fs-72: min(7.2rem,6.1vw);
	--fs-base: var(--fs-16);	/*サイト内基準*/
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
:root {
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: calc(12 * 0.102rem);
	--fs-13: calc(13 * 0.102rem);
	--fs-14: calc(14 * 0.102rem);
	--fs-15: calc(15 * 0.102rem);
	/*--fs-16：変えない*/
	--fs-17: calc(17 * 0.09rem);
	--fs-18: calc(18 * 0.09rem);
	--fs-19: calc(19 * 0.09rem);
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(22 * 0.095vw);	/*小さくなりすぎるので22にまとめる*/
	--fs-22: calc(24 * 0.095vw);	/*小さくなりすぎるので24にまとめる*/
	--fs-24: calc(26 * 0.095vw);	/*小さくなりすぎるので26にまとめる*/
	--fs-26: calc(26 * 0.095vw);
	--fs-28: calc(28 * 0.095vw);
	--fs-30: calc(30 * 0.095vw);
	--fs-32: calc(32 * 0.095vw);
	--fs-34: calc(34 * 0.095vw);
	--fs-36: calc(36 * 0.095vw);
	--fs-38: calc(38 * 0.095vw);
	--fs-40: calc(40 * 0.095vw);
	--fs-48: calc(48 * 0.095vw);
	--fs-50: calc(50 * 0.095vw);
	--fs-56: calc(56 * 0.095vw);
	--fs-62: calc(62 * 0.095vw);
	--fs-72: calc(72 * 0.095vw);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	/*コンテンツ幅*/
	--content-width: 90%;
	/*隙間*/
	--gap-170: 18vw;
	--gap-150: 14vw;
	--gap-120: 13vw;
	--gap-100: 12vw;
	--gap-90: 11vw;
	--gap-80: 10vw;
	--gap-70: 9vw;
	--gap-60: 8vw;
	--gap-50: 7vw;
	--gap-40: 6vw;
	/*フォントサイズ：19pxまで文章用*/
	--fs-12: calc(12 * 0.102rem);
	--fs-13: calc(13 * 0.102rem);
	--fs-14: calc(14 * 0.102rem);
	--fs-15: calc(15 * 0.102rem);
	/*--fs-16：変えない*/
	--fs-17: calc(17 * 0.09rem);
	--fs-18: calc(18 * 0.09rem);
	--fs-19: calc(19 * 0.09rem);
	/*フォントサイズ：20pxから見出し用*/
	--fs-20: calc(20 * 0.045rem + 0.94rem);
	--fs-22: calc(22 * 0.045rem + 0.94rem);
	--fs-24: calc(24 * 0.045rem + 0.94rem);
	--fs-26: calc(26 * 0.045rem + 0.94rem);
	--fs-28: calc(28 * 0.045rem + 0.94rem);
	--fs-30: calc(30 * 0.045rem + 0.94rem);
	--fs-32: calc(32 * 0.045rem + 0.94rem);
	--fs-34: calc(34 * 0.045rem + 0.94rem);
	--fs-36: calc(36 * 0.045rem + 0.94rem);
	--fs-38: calc(38 * 0.045rem + 0.94rem);
	--fs-40: calc(40 * 0.045rem + 0.94rem);
	--fs-48: calc(48 * 0.045rem + 0.94rem);
	--fs-50: calc(50 * 0.045rem + 0.94rem);
	--fs-56: calc(56 * 0.045rem + 0.94rem);
	--fs-62: calc(62 * 0.045rem + 0.94rem);
	--fs-72: calc(72 * 0.045rem + 0.94rem);
}
}