.col-header-dep {
    width: 100%;
    border-bottom: 1px solid var(--gray);
    color: var(--blue);
}

.col-header-dep span {
    margin-left: 0.5em;
}

.col-index-dep {
    float: left;
    flex: 0 0 10%;
    max-width: 10%;
    margin-right: 2.85%;
    text-align: center;
}

.col-index-dep a {
    display: block;
    text-decoration: none;
}

.col-index-dep img {
    width: 100px;
    height: 100px;
}

.col-index-dep:last-child {
    margin-right: 0%;
}

.dep-icon-img {
    display: block;
}

.dep-icon-img-b {
    display: none;
}

@media (max-width: 576px) {
    .col-index-dep {
        flex: 0 0 50%;
        max-width: 50%;
        margin-right: 0;
    }
}