.relation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 0 auto;
    padding: 60px 20px;
    list-style-type: none;
    background: #f8d2e5;
}

.relation-list li {
    width: 100%;
    margin-bottom: 80px;
}

.relation-list h3 {
    margin-bottom: 20px;
    font-size: 1.3em;
}

.relation-list a {
    color: #a12061;
    position: relative;
    padding-right: 14px;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
}

.public_relation_list_search input {
    margin-right: 1em;
}

.public_relation_list_search button,
.public_relation_list_search button:hover {
    background: #a12061;
}

@media screen and (min-width: 580px) {
    .relation-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}