:root {
    /* Colors */
    --colorBlack: #202020;
    --color-TextGray: #a1a1a1;
    --color-BorderGray: #a1a1a1;
    --colorSkyBlue: #599CC2;
    --colorWhite: #FDFDFD;
    --color-bgGray: #F5F5F5;
    --colorRed: #C92323;

    /* FontFamilies */
    --familyNotoSans: "Noto Sans JP", sans-serif;
    /* Regular400+700 */
    --familyRoboto: "Roboto", "Noto Sans JP", sans-serif;

    /* スライダー */
    --scroll-gap: 33px;

    /* Mediaquery */
    /* @media screen and (max-width: 430px) */
    /* @media screen and (max-width: 767px) */
    
    /* Font Size clamp: https: //min-max-calculator.9elements.com/ */
    --fontMax14Min12: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
    --fontMax16Min14: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
    --fontMax18Min14: clamp(0.875rem, 0.787rem + 0.376vw, 1.125rem);
    --fontMax18Min16: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);
    --fontMax24Min18: clamp(1.125rem, 0.993rem + 0.563vw, 1.5rem);
    --fontMax32Min24: clamp(1.5rem, 1.324rem + 0.751vw, 2rem);

    --fontMax52Min28: clamp(1.75rem, 1.222rem + 2.254vw, 3.25rem);
    --fontMax62Min32: clamp(2rem, 1.318rem + 3.41vw, 3.875rem);
    --fontMax72Min38: clamp(2.375rem, 1.627rem + 3.192vw, 4.5rem);

    --8px: 0.5rem;
    --12px: 0.75rem;
    --14px: 0.875rem;
    --15px: 0.9375rem;
    --16px: 1rem;
    --17px: 1.0625rem;
    --18px: 1.125rem;
    --19px: 1.1875rem;
    --20px: 1.25rem;
    --21px: 1.3125rem;
    --24px: 1.5rem;

    --30px: 1.875rem;
    --32px: 2rem;
    --50px: 3.125rem;
    --52px: 3.25rem;
    --62px: 3.875rem;
}