.contact-info-list {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--b-radius--24);
    overflow: hidden;
}
.contact-info-list.--bordered-blue {
    border: 1px solid var(--blue-300, #93C5FD);
}
.contact-info-list__header,
.contact-info-list__box {
    padding: 32px var(--sp-16-32);
}
.contact-info-list__box {
    row-gap: var(--sp-16-32);
}
.contact-info-list__header {
    background: var(--gray-100, #f3f4f6);
}
.contact-info-list.--bordered-blue .contact-info-list__header {
    background: var(--blue-50, #EFF6FF);
    color: var(--blue-950, #172554);
}

.contact-info-list__box__el {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.contact-info-list__box__el__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    width: 56px;
    height: 56px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--gray-100, #f3f4f6);
}

.contact-info-list__box__el__icon__img,
.contact-info-list__box__el__icon svg {
    width: 22px;
    height: auto;
}
.contact-info-list__box__el__icon.--blue {
    background: var(--blue-50, #EFF6FF);
}
.contact-info-list__box__el__icon.--blue svg path {
    fill: var(--blue-800, #1e40af);
}

.contact-info-list__box__el__icon.--violet {
    background: var(--violet-50, #F5F3FF);
}
.contact-info-list__box__el__icon.--violet svg path {
    fill: var(--violet-800, #5B21B6);
}

.contact-info-list__box__el__icon.--pink {
    background: var(--orchid-50, #F7EAF3);
}
.contact-info-list__box__el__icon.--pink svg path {
    fill: var(--orchid-800, #631447);
}

.contact-info-list__box__el__icon.--green {
    background: var(--green-50, #F0FDF4);
}
.contact-info-list__box__el__icon.--green svg path {
    fill: var(--green-800, #166534);
}

.contact-info-list__box__el__main {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.contact-info-list__box__el__main__pretitle {
    color: var(--gray-500, #6B7280);
}
.contact-info-list__box__el__main__links {
    display: flex;
    flex-direction: column;
    gap: 4px;
}