@charset "UTF-8";

:root {
	--breakpoint-sp:640px;

	--color01: #E5E6EA;
	--color02: #363640;

	--text-color: #666666;
	--border-color: #868686;
	--label-hover-color: #E2EDD7;
	--label-checked-color: #E2EDD7;

	--1em: 1rem;

	--content-width: calc(var(--space) + 1080px);
}


/* ----------------------------------------------------------------------------------------------------
* レスポンシブ対応
---------------------------------------------------------------------------------------------------- */
/* 640px未満：スマホ
---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:639px) { 
	:root {
		--space: 20px;
	}
}
/* 768px以上：PC・タブレット
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width:640px) {
	:root {
		--space: 40px;
	}
}