@charset "utf-8";
/* CSS Document */

/*=======================================================================================
	CSS変数
=======================================================================================*/

:root {
	--blue: #0099DC;
	--yellow: #FFCB00;
	--green: #00B0A5;
	--gray: #707070;
	--bg: #F5FBFF;
	--bg_gray: #F7F7F7;

	--gutter45: 45px;
	--gutter50: 50px;
	--gutter60: 60px;
	--gutter75: 75px;
	--gutter100: 100px;
	--gutter120: 120px;
	--gutter150: 150px;
	--gutter160: 160px;
	--gutter200: 200px;

	--fs15: 1.5rem;
	--fs18: 1.8rem;
	--fs21: 2.1rem;
	--fs24: 2.4rem;
	--fs28: 2.8rem;
	--fs30: 3.0rem;
	--fs32: 3.2rem;
	--fs42: 4.2rem;
	--fs45: 4.5rem;
	--fs47: 4.7rem;
	--fs60: 6.0rem;
}
@media (max-width: 780px) {
	:root {
		--gutter45: 30px;
		--gutter50: 40px;
		--gutter60: 50px;
		--gutter75: 60px;
		--gutter100: 80px;
		--gutter120: 100px;
		--gutter150: 120px;
		--gutter160: 130px;
		--gutter200: 180px;

		--fs28: 2.6rem;
		--fs30: 2.8rem;
		--fs32: 3.0rem;
		--fs42: 3.8rem;
		--fs45: 4.0rem;
		--fs47: 4.2rem;
		--fs60: 5.0rem;
	}
}
@media (max-width: 480px) {
	:root {
		--gutter45: 25px;
		--gutter50: 30px;
		--gutter60: 40px;
		--gutter75: 55px;
		--gutter100: 70px;
		--gutter120: 80px;
		--gutter150: 100px;
		--gutter160: 110px;
		--gutter200: 150px;

		--fs15: 1.4rem;
		--fs18: 1.6rem;
		--fs21: 1.8rem;
		--fs24: 1.9rem;
		--fs28: 2.0rem;
		--fs30: 2.4rem;
		--fs32: 2.6rem;
		--fs42: 3.0rem;
		--fs45: 3.2rem;
		--fs47: 3.4rem;
		--fs60: 4.0rem;
	}
}


/*=======================================================================================*/