:root {
    --font-size-S: 14px;
    --font-size-M: 18px;
    --font-size-L: 22px;
    
    --primary-color: #df212c;
    --light-gray-color: #cccccc;
    --light-gray-background-color: #eeeeee;
    --dark-gray-color: #333333;

    --px-O: 20px;
    --px-L: 12px;
    --px-M: 8px;
    --px-S: 4px;
    --px-SS: 2px;
}

h2 {
    font-size: var(--font-size-L);
    font-weight: bold;
}

body {
    font-family: 'Verdana','Hiragino Sans','Meiryo',sans-serif;
    color:#222222;
}

button {
    background-color: #ffffff;
    border: solid 1px #000000; 
    text-align: center;
    color: #000000;
    margin: 0px;
}

a {
    color: #005FFF;
    text-decoration: none;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button
{
    display: none;
}

@keyframes fade-in-key-frame {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}