@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&family=Noto+Serif+JP&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.6 "Noto Serif JP", serif;		/*太さ：400のみ*/
	--font_eng1: normal normal 400 100%/1 "Inter", sans-serif, sans-serif;	/*斜体不可,太さ：400のみ*/
	--content_width: 94%;
	/*共通色*/
	--color_base: #333333;
	--color_brown: #95867f;
	--color_turquoise: #65d4c9;
	--color_pink: #d89ba8;
	--color_violet: #a4adce;
	--color_green: #67ba9a;
	--color_bg1: #f4f3f2;
	/*隙間*/
	--gap_170: 170px;
	--gap_150: 150px;
	--gap_120: 120px;
	--gap_100: 100px;
	--gap_90: 90px;
	--gap_80: 80px;
	--gap_70: 70px;
	--gap_60: 60px;
	--gap_50: 50px;
	--gap_40: 40px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
:root {
	/*隙間*/
	--gap_170: 14%;
	--gap_150: 12%;
	--gap_120: 10%;
	--gap_100: 8%;
	--gap_90: 8%;
	--gap_80: 7%;
	--gap_70: 6%;
	--gap_60: 5%;
	--gap_50: 4%;
	--gap_40: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	/*コンテンツ幅*/
	--content_width: 90%;
	/*隙間*/
	--gap_170: 18%;
	--gap_150: 14%;
	--gap_120: 13%;
	--gap_100: 12%;
	--gap_90: 11%;
	--gap_80: 10%;
	--gap_70: 9%;
	--gap_60: 8%;
	--gap_50: 7%;
	--gap_40: 6%;
	/*角丸*/
	--radius20: 4vw;
	--radius40: 6vw;
}
}