:root {
    --primary-blue: #003F91;
    --lightblue: #0097E0;
    --medium-blue: #006EBB;
    --skyblue: #CCEAF9;
    --white: #ffffff;
    --black: #333;
    --orange: #EF8900;
    --blue-gradient: linear-gradient(90deg, var(--lightblue) 55.08%, var(--primary-blue) 156.88%);
    --blue-gradient-bottom: linear-gradient(to right, #003F91, #006EBB, #0097E0);
    --blue-lightblue-gradient: linear-gradient(90deg, #003F91 24%, #006EBB 78%, #0097E0 100%);

    /* Typography */
    --font-archivo: "Archivo", sans-serif;
    --font-archivo-black: "Archivo Black", sans-serif;
    --font-overpass: "Overpass", sans-serif;
    --font-noto-serif-jp: "Noto Serif JP", serif;
    --font-noto-sans-jp: "Noto Sans JP", sans-serif;
    --font-ropa-sans-regular: "Ropa Sans", sans-serif;
    --font-zen-old-mincho: "Zen Old Mincho", serif;

    --font-din-2014: "din-2014", sans-serif;

    /* Font Size */
    --font-size-pc-p: 1.125rem; /* 18px */
    --font-size-sp-p: 1rem; /* 13px */
    --font-size-p-small: 0.875rem; /* 14px */
    --font-size-ttl-jp-sp-p: 0.875rem; /* 12px */
    --font-size-p-large: 1.5rem; /* 24px */
    --font-size-p-x-large: 1.75rem; /* 28px */
    --font-size-p-xx-large: 2rem; /* 32px */
    --font-size-p-xxx-large: 2.25rem; /* 36px */
    --font-size-p-xxxx-large: 2.5rem; /* 40px */
    --font-size-p-xxxxx-large: 2.75rem; /* 44px */

    @media screen and (max-width: 1024px) {
        --font-size-pc-p: 1rem; /* 14px */
    }
}