.branch {
    color: rgba(71, 67, 67, .99);
    margin: 0rem 15rem 2rem;
}

@media(max-width:1024px) {
    .branch {
        margin: 2rem 5rem
    }
}

@media(max-width:428px) {
    .branch {
        margin: 1rem 2rem
    }
}

.branch select {
    padding: .1rem .1rem .1rem .2rem;
    height: 2.2rem;
    border-radius: .2rem;
    border: 1px solid rgba(71, 67, 67, .99)
}

.branch input,
.branch select {
    color: rgba(71, 67, 67, .99);
    min-width: 15rem
}

.branch input {
    height: 2rem;
    margin: 0;
    border-radius: .2rem;
    border: .5px solid rgba(71, 67, 67, .99)
}

.branch input:hover,
.branch select:hover {
    border-color: #54cefc
}

.branch__el {
    flex: 0 1 auto;
    margin: .5rem 0;
    min-width: 20rem
}

.branch__form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start
}

.branch__form span {
    display: inline-block;
    margin: 0 1rem;
    min-width: 4rem
}

@media(max-width:428px) {
    .branch__form span {
        margin: 0 4px 0 0
    }
}

.branch__form__btn {
    margin: 0 1rem
}

@media(max-width:428px) {
    .branch__form__btn {
        margin: 0 auto
    }
}

.branch__table {
    width: 100%
}

.branch__table__tr {
    padding: 1rem 0;
    display: flex;
    text-align: center;
    border-radius: .25rem
}

.branch__table__tr-head {
    margin-top: 2rem;
    background-color: #bdbaba
}

.branch__table__tr-body {
    border-bottom: 1px solid #bdbaba
}

.branch__table__tr-body:hover {
    background-color: #dce3f8
}

.branch__table__area {
    width: 10%
}

@media(max-width:428px) {
    .branch__table__area {
        width: 20%
    }
}

.branch__table__name {
    width: 30%
}

@media(max-width:428px) {
    .branch__table__name {
        width: 40%;
        padding: 0 .5rem
    }
}

.branch__table__address {
    text-align: left;
    width: 40%
}
.branch__table__type {
    text-align: center;
    width: 20%
}

.qa-more:hover,
.qa-title:hover {
    color: #2f57b6;
    cursor: pointer
}
.qa-more{
    text-align: center;
    padding: .5rem 0;
    font-size: 1rem
}