.res_title {
    font-size: large;
    margin: 10px 0;
}

.res_comment_box {
    border: 2px solid #98c1d9;
    border-radius: 6px;
    box-shadow: 5px 5px 1px #98c1d9;
    padding: 16px;
    margin: 10px 20px 10px 10px;
}

.res_comment {
    display: inline;
    border-bottom: 2px dotted rgba(152, 193, 217, 0.8);
    line-height: 180%;
    padding: 1px;
}

.review_box {
    margin: 20px 10px;
}

.review_g {
    border:2px dashed #ffffff;
    background-color:#F3F7F5;
    box-shadow:0 0 0 6px #F3F7F5;
    padding: 16px;
    margin: 20px 10px;
}

.review_b {
    border:2px dashed #ffffff;
    background-color:#eaf4f4;
    box-shadow:0 0 0 6px #eaf4f4;
    padding: 16px;
    margin: 20px 10px;
}

.res_mb {
    margin-bottom: 60px;
}

@media screen and (min-width:600px) {

    .res_name_box {
        display: flex;
    }

    .name_teacher {
        width: 20%;
    }
    
}

.name_plan {
    padding-left: 10px;
}

.name_teacher {
    text-align: center;
}

.res_img {
    width: 50px;
    border-radius: 200px;
}