/* CSS Variables */

:root {

    --primary-bg: #FAFAFA;

    --primary-color: #333333;

    --secondary-color: #008672;

    --btn-login-bg: #EEEEEE;

    --color-gray: #666666;

    --color-gray1: #999999;

    --color-gray2: #AAAAAA;

    --color-white: #fff;

    --gradient1: linear-gradient(90deg, #00A657 0%, #008772 100%);

    --btn-translate-bg: #666666;

    --font-noto-sans: 'Noto Sans JP', sans-serif;

    --font-dancing: "Dancing Script", serif;

    --font-size: 14px;

    --highlight-color1: #008672;



    --level-five: #00B6EB;

    --level-six: #00D9EB;

    --level-seven: #52CB11;

    --level-eight: #A4CB10;

    --level-nine: #EB5100;

    --level-ten: #EBB502;



    --checkbox-border: #CCCCCC;

    --checkbox-bg: #00A657;

}