.PublicRelationListView {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(289px, 1fr));
    grid-gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: '';
}

.PublicRelationListItem {
    position: relative;
    margin-top: 3rem;
    padding: 4rem var(--marginSmall) var(--marginSmall);
    background-color: var(--secondaryColor100);
    border-radius: var(--borderRadiusSmall);
    transition: transform .3s ease;
}

.PublicRelationListItem:hover {
    transform: translateY(-0.5rem);
}

.Relation__image {
    position: absolute;
    display: block;
    top: -2rem;
    width: 80px;
    height: 80px;
    margin-right: var(--marginSmallMedium);
    border-radius: 50%;
    border: 4px solid var(--secondaryColor100);
}

.PublicRelationListItem__name {
    font-size: var(--h6Size);
}

.PublicRelationListViewDetailPage__item {
    list-style: none;
    margin: .5rem 0;
    display: grid;
    grid-template-columns: .7fr 1fr;
    font-size: .9rem;
}

.PublicRelationListViewDetailPage__key {
    display: block;
    font-weight: 600;
    color: var(--primary700);
}

.PublicRelationListViewDetailPage__value {
    margin: 0;
    grid-column: 2;
    word-break: break-word;
}