.logo_size {
    max-width: 150px;
}

.card-3 .card-img-top {
    height: 250px;
}

.side_color {
/*    background-color: #4170e6 !important */
}

.bg-info {
/*   background-color: #4170e6 !important */
}

.custom-file {
    max-width: 20rem;
    overflow: hidden;
}

.custom-file-label {
    white-space: nowrap;
}

.custom-file-label::after {
    content: "参照";
}

.thumbnail_img {
    width: 200px;
    height: 150px;
}

.sm-table thead {
    background-color: #4170e6 !important;
    color: #FFFFFF;
}

#conditionParent {
    margin-left: 5%;
    display: flex;
}
#conditionDates > label {
    display: block;
}
#conditionFree {
    margin-top: 0;
    margin-left: 80px;
    width: 70%;
}
#searchString {
    width: 80%;
}
#conditionFree > span {
    color: #4170e6;
}

/* スマートフォンの場合テーブルを縦にする */
@media screen and (max-width:576px) {

    .wrap_scroll_table {
        width: 100%;
        overflow-x: scroll;
        margin: 0 auto;
    }

}

@media screen and (max-width:989px) {
    #conditionDates > label {
        display: none;
    }
    #conditionFree {
        margin-left: 20px;
    }
}
@media screen and (max-width:700px) {
    #conditionParent {
        margin-left: 0;
        display: block;
    }
    #conditionDates > label {
        display: none;
    }
    #conditionFree {
        margin-top: 5px;
        margin-left: 0;
        width: 108%;
    }
    #searchString {
        margin-left: 0;
    }
    #conditionFree > span {
        color: white;
    }
}