:root{
    /* Color */
    --c-text01 :#000000;
    --c-text02 :#333333;
    --c-text03 :#666666;
    --c-text04 :#999999;

    /* Typography — 1px = 1rem (html font-size: 1px) */
    --f-display : 54rem;
    --f-fontSize01 : 40rem;
    --f-fontSize02 : 32rem;
    --f-fontSize03 : 26rem;
    --f-fontSize04 : 22rem;
    --f-fontSize05 : 20rem;
    --f-body1 : 18rem;
    --f-body2 : 16rem;
    --f-detail : 14rem;

    /* Shadows */
    --s-shadow-neutral01 :0px 4px 10px 0px rgba(0, 0, 0, 0.12);
    --s-shadow-neutral02 :0px 8px 20px 0px rgba(0, 0, 0, 0.12);
    --s-shadow-neutral03 :0px 14px 40px 0px rgba(0, 0, 0, 0.14);
    --s-shadow-blue01 :0px 4px 10px 0px #EBEFF4;
    --s-shadow-blue02 :0px 8px 20px 0px #EBEFF4;
    --s-shadow-blue03 :0px 14px 40px 0px #EBEFF4;

    /* Radius */
    --r-radius01:12px;
    --r-radius02:24px;
    --r-radius03:9999999px;

    /* Layout */
    --site-header-h:104px;

	/*  */
	--brand-primary : #1EC95B;
}



@media screen and (max-width: 991px) {
	:root{
		--f-display : 28rem;
		--f-fontSize01 : 25rem;
		--f-fontSize02 : 22rem;
		--f-fontSize03 : 20rem;
		--f-fontSize04 : 18rem;
		--f-fontSize05 : 16rem;
		--f-body1 : 15rem;
		--f-body2 : 14rem;
		--f-detail : 13rem;

		--site-header-h:70px;
	}
}