.publicRelationList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}

.publicRelationList__item {
    position: relative;
    width: 50%;
    padding: 0 15px;
    margin-bottom: 1.5em;
}

.publicRelationList__imageContainer {
    margin-bottom: 0.5em;
    overflow: hidden;
}

.publicRelationList__image {
    display: block;
    clip-path: polygon(100% 0, 100% 95%, 50% 95%, 0 100%, 0 0);
}

.publicRelationList__image--avatar {
    padding: 1em;
    background-color: #f9f9f9;
}

.publicRelationList__name {
    font-size: 1.1em;
    margin-bottom: 0.2em;
}

.publicRelationList__function,
.publicRelationList__phone,
.publicRelationList__email {
    display: block;
    margin: 0.2em 0 0 0;
    font-size: 0.85em;
    overflow: hidden;
    word-break: break-word;
}

.publicRelationList__email {
    position: relative;
    z-index: 2;
}

.publicRelationList__function {
    color: #757575;
}

@media screen and (min-width: 500px) {
    .publicRelationList__item {
        width: 33.333%;
    }
}

@media screen and (min-width: 768px) {
    .publicRelationList__item {
        width: 25%;
    }
}

@media screen and (min-width: 1024px) {
    .publicRelationList__item {
        width: calc(100% / 6);
    }
}