:root {
	--vh: 100vh;
	--lateralMargin: 3.47vw; /*50px*/
	--lateralMarginValue: 3.47; /*50*/
	--columnGap: 1.736vw; /*25px*/
	--columnGapValue: 1.736; /*25*/
	--black: #000;
	--white: #fff;
	--grey: #676767;
	--softGrey: #C5BEC1;
	--softGrey_2: #4D4D4D;
	--softGrey_3: #b9b4b6;
	--softGrey_4: #DDD5D9;
	--darkGrey: #7B7779;
	--softPink: #F6EDF1;
	--softPink_2: #FAF4F7;
	--topMargin: 10.55vw; /*152px*/
	--topMarginValue: 10.55; /*152*/

	--headerHeight: 5vw; /*72px*/
	--headerHeightValue: 5; /*72*/
}


@media screen and (max-width: 1440px) {
	:root {
		--lateralMargin: 50px;
		--lateralMarginValue: 50;
		--columnGap: 25px;
		--columnGapValue: 25;
		--topMargin: 152px;
		--topMarginValue: 152;
		--headerHeight: 72px;
		--headerHeightValue: 72;
	}
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 740px) {
	:root {
		--lateralMargin: 3.846vw; /*15px*/
		--lateralMarginValue: 3.846; /*15*/
		--columnGap: 3.846vw; /*15px*/
		--columnGapValue: 3.846; /*15*/
		--topMargin: 28.461vw; /*111px*/
		--topMarginValue: 28.461; /*111*/
		--headerHeight: 15.38vw; /*60px*/
		--headerHeightValue: 15.38; /*60*/
	}
}

@media only screen and (max-width: 550px) {
}