@charset "utf-8";

:root {


    /* PRIMITIVE */
    --primary5: #ecf2fe;
    --primary10: #d8e5fd;
    --primary20: #b1cefb;
    --primary30: #86aff9;
    --primary40: #4c87f6;
    --primary50: #256ef4;
    --primary60: #0b50d0;
    --primary70: #083891;
    --primary80: #052561;
    --primary90: #03163a;
    --primary95: #020f27;
    --secondary5: #eef2f7;
    --secondary10: #d6e0eb;
    --secondary20: #bacbde;
    --secondary30: #90b0d5;
    --secondary40: #6b96c7;
    --secondary50: #346fb2;
    --secondary60: #1c589c;
    --secondary70: #063a74;
    --secondary80: #052b57;
    --secondary90: #031f3f;
    --secondary95: #02162c;
    --gray0: #ffffff;
    --gray5: #f4f5f6;
    --gray10: #e6e8ea;
    --gray20: #cdd1d5;
    --gray30: #b1b8be;
    --gray40: #8a949e;
    --gray50: #6d7882;
    --gray60: #58616a;
    --gray70: #464c53;
    --gray80: #33363d;
    --gray90: #1e2124;
    --gray95: #131416;
    --gray100: #000000;
    --danger5: #fdefec;
    --danger10: #fcdfd9;
    --danger20: #f7afa1;
    --danger30: #f48771;
    --danger40: #f05f42;
    --danger50: #de3412;
    --danger60: #bd2c0f;
    --danger70: #8a240f;
    --danger80: #5c180a;
    --danger90: #390d05;
    --danger95: #260903;
    --information5: #e7f4fe;
    --information10: #d3ebfd;
    --information20: #9ed2fa;
    --information30: #5fb5f7;
    --information40: #2098f3;
    --information50: #0b78cb;
    --information60: #096ab3;
    --information70: #085691;
    --information80: #053961;
    --information90: #03253f;
    --information95: #021a2c;
    --warning5: #fff3db;
    --warning10: #ffe0a3;
    --warning20: #ffc95c;
    --warning30: #ffb114;
    --warning40: #c78500;
    --warning50: #9e6a00;
    --warning60: #8a5c00;
    --warning70: #614100;
    --warning80: #422c00;
    --warning90: #2e1f00;
    --warning95: #241800;
    --success5: #eaf6ec;
    --success10: #d8eedd;
    --success20: #a9dab4;
    --success30: #7ec88e;
    --success40: #3fa654;
    --success50: #228738;
    --success60: #267337;
    --success70: #285d33;
    --success80: #1f4727;
    --success90: #122b18;
    --success95: #0e2012;
    --point5: #fbeff0;
    --point10: #f5d6d9;
    --point20: #ebadb2;
    --point30: #e0858c;
    --point40: #d65c66;
    --point50: #d63d4a;
    --point60: #ab2b36;
    --point70: #7a1f26;
    --point80: #521419;
    --point90: #310c0f;
    --point95: #21080a;
    --graphic10: #e5ecf9;
    --graphic30: #98acc5;
    --graphic50: #61758f;
    --graphic70: #39506c;
    --graphic90: #223a58;
    --alpha-black100: #000000;
    --alpha-black75: #000000bf;
    --alpha-black50: #00000080;
    --alpha-black25: #00000040;
    --alpha-black10: #0000001a;
    --alpha-black0: #00000000;
    --alpha-white100: #ffffff;
    --alpha-white75: #ffffffbf;
    --alpha-white50: #ffffff80;
    --alpha-white25: #ffffff40;
    --alpha-white10: #ffffff1a;
    --alpha-white0: #ffffff00;
    --alpha-shadow1: #0000000d;
    --alpha-shadow2: #00000014;
    --alpha-shadow3: #0000001f;
    --bg-dim: var(--alpha-black75);

    --number0: 0rem;
    --number1: 0.1rem;
    --number2: 0.2rem;
    --number3: 0.4rem;
    --number4: 0.6rem;
    --number5: 0.8rem;
    --number6: 1rem;
    --number7: 1.2rem;
    --number8: 1.6rem;
    --number9: 2rem;
    --number10: 2.4rem;
    --number11: 2.8rem;
    --number12: 3.2rem;
    --number13: 3.6rem;
    --number14: 4rem;
    --number15: 4.4rem;
    --number16: 4.8rem;
    --number17: 5.6rem;
    --number18: 6.4rem;
    --number19: 7.2rem;
    --number20: 8rem;
    --number21: 9.6rem;
    --numbermax: 100rem;

    /* RESPONSIVE-PC */
    --pc-fz-heading-lg: 3.2rem;
    --pc-fz-heading-md: 2.4rem;
    --pc-fz-heading-sm: 1.9rem;
    --pc-fz-heading-xs: 1.7rem;

    /* RESPONSIVE-MOBILE */
    --mob-fz-heading-lg: 2.4rem;
    --mob-fz-heading-md: 2.2rem;
    --mob-fz-heading-sm: 1.8rem;
    --mob-fz-heading-xs: 1.6rem;

    /* SEMANTIC */
    --gap1: 0.2rem;
    --gap2: 0.4rem;
    --gap3: 0.8rem;
    --gap4: 1.2rem;
    --gap5: 1.6rem;
    --gap6: 2rem;
    --gap7: 2.4rem;
    --gap8: 3.2rem;
    --gap9: 4rem;
    --gap10: 4.8rem;
    --gap11: 6.4rem;
    --gap12: 8rem;

    --padding1: 0.2rem;
    --padding2: 0.4rem;
    --padding3: 0.8rem;
    --padding4: 1rem;
    --padding5: 1.2rem;
    --padding6: 1.6rem;
    --padding7: 2rem;
    --padding8: 2.4rem;
    --padding9: 3.2rem;
    --padding10: 4rem;

    --height1: 0.8rem;
    --height2: 1.6rem;
    --height3: 2rem;
    --height4: 2.4rem;
    --height5: 3.2rem;
    --height6: 4rem;
    --height7: 4.8rem;
    --height8: 5.6rem;
    --height9: 6.4rem;
    --height10: 7.2rem;
    --height11: 8rem;

    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xlg: 12px;
    --radius-max: 100px;

    --transition-base: 0.4s ease-in-out;
    --contents-padding-x: 24px;
    --box-shadow-outline-inset: inset 0 0 0 0.2rem var(--primary50);
    --zoom-sm: 0.9;
    --zoom-md: 1;
    --zoom-lg: 1.1;
    --zoom-xlg: 1.3;
    --zoom-xxlg: 1.5;
    --icon-xs: var(--height2);
    --icon-sm: var(--height3);
    --icon-md: var(--height4);
    --icon-lg: var(--height5);
    --icon-xlg: var(--height6);
}

@media (max-width: 767px) {
    :root {
        --contents-padding-x: 16px;
    }
}