.my_checkbox {
    cursor: pointer;
}

.my_checkbox input {
    display: none; /* デフォルトのチェックボックスを非表示 */
}


.my_checkbox .checkbox {
    border-radius: 5px;    /*角丸く*/
    background: #fee;
    border: 2px solid;
    color: #f44;
    width: 30px;
    height: 30px;
}

.my_checkbox .checkbox_check {
    border-right: 4px solid #f79;
    border-bottom: 4px solid #f79;
    width: 10px;
    height: 20px;
    left: 9px;
    opacity: 1;
    position: relative;
    transform: rotate(45deg);
}