@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho+B1&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 "Tenor Sans", sans-serif;	/*斜体基本,太さ：バリアブル*/
	/*コンテンツ幅*/
	--content-width: 92%;
	/*共通色*/
	--color-base: #3e3f3f;
	--color-bg: #f9f9f7;
	--color-border: #e4e1df;
	--color-corporate: #5bc4bf;
	--color-purple: #7f8cba;
	/*共通色：科目*/
	--color-general: #65d4c9;
	--color-bg-general: #65d4c9;
	--color-light-general: #e8f8f7;
	--color-child: #74cb9c;
	--color-bg-child: #7fcda6;
	--color-light-child: #eaf7f0;
	--color-surgery: #7692d1;
	--color-bg-surgery: #7aa9c8;
	--color-light-surgery: #e6f5fb;
	--color-laser: #f2b230;
	--color-bg-laser: #f2b259;
	--color-light-laser: #faf7e4;
	--color-foot: #ae89cf;
	--color-bg-foot: #ac9ac3;
	--color-light-foot: #f2f0fb;
	--color-beauty: #fa9ebf;
	--color-bg-beauty: #faa3a6;
	--color-light-beauty: #fef4f1;
	/*隙間：最大=**px×0.082vw*/
	--gap-200: min(200px,16vw);
	--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);
	--gap-30: min(30px,3vw);
	/*フォントサイズ：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;
	--fs-20: 2.0rem;
	/*フォントサイズ：21pxから見出し用：最大=**rem×0.85vw*/
	--fs-23: min(2.3rem,2.0vw);
	--fs-25: min(2.5rem,2.1vw);
	--fs-28: min(2.8rem,2.4vw);
	--fs-30: min(3.0rem,2.6vw);
	--fs-35: min(3.5rem,3.0vw);
	--fs-40: min(4.0rem,3.4vw);
	--fs-45: min(4.5rem,3.8vw);
	--fs-50: min(5.0rem,4.3vw);
	--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);
	--fs-20: calc(20 * 0.09rem);
	/*フォントサイズ：21pxから見出し用*/
	--fs-23: calc(25 * 0.095vw);	/*小さくなりすぎるので28にまとめる*/
	--fs-25: calc(28 * 0.095vw);	/*小さくなりすぎるので28にまとめる*/
	--fs-28: calc(28 * 0.095vw);	/*小さくなりすぎるので28にまとめる*/
	--fs-30: calc(30 * 0.095vw);	
	--fs-35: calc(35 * 0.095vw);
	--fs-40: calc(40 * 0.095vw);
	--fs-45: calc(45 * 0.095vw);
	--fs-50: calc(50 * 0.095vw);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	/*コンテンツ幅*/
	--content-width: 90%;
	/*隙間*/
	--gap-200: calc(200 * 0.075vw + 3.0vw);
	--gap-170: calc(170 * 0.075vw + 3.0vw);
	--gap-150: calc(150 * 0.075vw + 3.0vw);
	--gap-120: calc(120 * 0.075vw + 3.0vw);
	--gap-100: calc(100 * 0.075vw + 3.0vw);
	--gap-90: calc(90 * 0.075vw + 3.0vw);
	--gap-80: calc(80 * 0.075vw + 3.0vw);
	--gap-70: calc(70 * 0.075vw + 3.0vw);
	--gap-60: calc(60 * 0.075vw + 3.0vw);
	--gap-50: calc(50 * 0.075vw + 3.0vw);
	--gap-40: calc(40 * 0.075vw + 3.0vw);
	--gap-30: calc(30 * 0.075vw + 3.0vw);
	/*フォントサイズ：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);
	--fs-20: calc(20 * 0.09rem);
	/*フォントサイズ：21pxから見出し用*/
	--fs-23: calc(23 * 0.045rem + 0.94rem);
	--fs-25: calc(25 * 0.045rem + 0.94rem);
	--fs-28: calc(28 * 0.045rem + 0.94rem);
	--fs-30: calc(30 * 0.045rem + 0.94rem);
	--fs-35: calc(35 * 0.045rem + 0.94rem);
	--fs-40: calc(40 * 0.045rem + 0.94rem);
	--fs-45: calc(45 * 0.045rem + 0.94rem);
	--fs-50: calc(50 * 0.045rem + 0.94rem);
}
}