:root {
    --color-main: rgb(234, 234, 244);
    --color-bg: rgb(240, 240, 235);
    --color-font: rgb(100, 100, 100);
    --color-red: rgb(237, 121, 135, 0.5);
    --color-red2: rgb(237, 121, 135);
    --color-blue: rgb(82, 165, 220, 0.5);
    --color-green: rgb(103, 190, 141, 0.5);
}

body,
h1,
h2,
h3,
h4,
h5,
p,
button {
    margin: 0;
    padding: 0;
    color: var(--color-font);
}

a {
    color: var(--color-font);
    text-decoration: none;
}

a:visited a:hover {
    color: var(--color-font);
}

ul {
    margin: 0;
    list-style: none;
}

span {
    display: inline-block;
}

/* ZEN丸ゴシック */

.zen-maru-gothic-light {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.zen-maru-gothic-regular {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.zen-maru-gothic-medium {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.zen-maru-gothic-bold {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.zen-maru-gothic-black {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 900;
    font-style: normal;
}