.contact-peolist{display:flex;flex-wrap:wrap;justify-content: space-between;margin:4% 0;}
.contact-peolist .contact-proitem{width:29%;text-align: center;transition: all .1s linear;}
.contact-peolist .contact-proitem .name{font-size:23px;margin:10px 0;font-weight:var(--fontbold7)}
.contact-peolist .contact-proitem .mail{font-size:20px;}
.contact-peolist .contact-proitem .mail a{color:var(--fontcolor)}
@media (max-width:550px){.contact-peolist .contact-proitem{width:100%;margin:10px 0;}
.contact-peolist .contact-proitem .name{margin:5px 0;}}