.wrap-sn {
    display: flex;
    gap: 10px;
}

.div-sn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

    .div-sn > p {
        margin: 0px;
        text-align: center;
    }

.sn-note {
    font-weight: bold;
    font-size: 2rem;
}

.sn-word {
    font-size: 1rem;
    font-weight: normal;
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.checkbox-item {
    flex: 0 0 calc(33.33% - 10px);
    text-align: center;
}

    .checkbox-item > input {
        width: 24px;
        height: 24px;
    }

.green {
    color: green;
}

.border-green {
    border: solid 2px green;
    word-break: break-all;
}

.red {
    color: red;
}

.border-red {
    border: solid 2px red;
    word-break: break-all;
}

.black {
    color: black;
}

.border-black {
    border: solid 2px black;
    word-break: break-all;
}