:root {
    /* color */
    --colorBlack       : #333333;
    --colorLightGray   : #d9d9d9;
    --colorThinGray    : #f0f0f0;
    --colorYellow      : #e9d642;
    --colorLightYellow : #faf5d2;

    /* Font Family */
    --fontInter        : "Inter", sans-serif;
    --fontNotoSansJP   : "Noto Sans JP", sans-serif;
    --fontRoboto       : "Roboto", sans-serif;

    /* font size */
	--fontSize15 : clamp(0.813rem, 0.746rem + 0.28vw, 0.938rem); /* min13px max15px */
	--fontSize16 : clamp(0.875rem, 0.809rem + 0.28vw, 1rem); /* min14px max16px */
	--fontSize18 : clamp(0.938rem, 0.838rem + 0.43vw, 1.125rem); /* min15px max18px */
	--fontSize20 : clamp(1.063rem, 0.963rem + 0.43vw, 1.25rem); /* min17px max20px */
	--fontSize24 : clamp(1.125rem, 0.926rem + 0.85vw, 1.5rem); /* min18px max24px */
	--fontSize28 : clamp(1.25rem, 0.984rem + 1.13vw, 1.75rem); /* min20px max28px */
	--fontSize32 : clamp(1.5rem, 1.234rem + 1.13vw, 2rem); /* min24px max32px */
	--fontSize48 : clamp(1.875rem, 1.277rem + 2.55vw, 3rem); /* min30px max48px */
	--fontSize62 : clamp(2.25rem, 1.386rem + 3.69vw, 3.875rem); /* min36px max64px */
}