.contact-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.contact-list .contact-item{width:30%;position:relative;display:flex;flex-direction:column;align-items:center;padding:4% 20px 3%;text-align:center;z-index:1}
.contact-list .contact-item::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;border:1px solid var(--color);opacity:.3;z-index:-1;border-radius:5px}
.contact-list .contact-item em{background:var(--color);width:70px;height:70px;position:absolute;left:50%;transform:translateX(-50%);top:-35px;border-radius:var(--borderradius);display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-size:var(--fontsize26)}
.contact-list .contact-item .contact-item-title{font-size:var(--fontsize22);margin-bottom:10px;font-weight:var(--fontbold5)}
.contact-list .contact-item .contact-item-text a{color:var(--color)}
.contact-box{margin-top:30px}
.inquiry-wrap{background:#F7F7F7;padding:20px 15px}
@media (max-width:768px){.contact-list .contact-item{width:100%;margin-bottom:50px;padding-top:25px;}
.contact-list .contact-item em{width:50px;height:50px;top:-25px}}
@media(min-width:769px){.contact-list .contact-item{width:24%;}}