.contact{display:flex;flex-wrap:wrap;justify-content: space-between;}
.contact .contact-box{margin-right:40px;padding:30px;box-sizing:border-box;background:var(--color);color:#FFFFFF;width:420px;display:block;}
.contact .contact-box p, .contact .contact-box p a{color:#FFFFFF}
.contact .contact-box .title{font-size:var(--fontsize26);margin-bottom:10px}
.contact .contact-box .tip{margin-bottom:20px}
.contact .contact-inquiry{padding-top:10px;flex:1}
.contact .contact-inquiry .title{font-size:var(--fontsize26);font-weight:var(--fontbold6);line-height:1.1;position:relative;margin-bottom:10px;padding-bottom:10px;color:var(--fontcolor)}
.contact .contact-inquiry .title:after{content:"";position:absolute;width:80px;height:2px;top:100%;left:0px;background:var(--color)}
.contact .contact-inquiry .tip{color:var(--fontcolor);margin-bottom:30px}
.contact .contact-item{display:flex;margin-bottom:20px}
.contact .contact-item .icon{width:50px;height:50px;}
.contact .contact-item .icon em{font-size:30px;}
.contact .contact-item .con{flex:1}
@media (max-width:768px){.contact .contact-box{width:100%;margin-right:0;padding: 20px;}
.contact .contact-inquiry{flex:inherit;width:100%;margin-top:20px}}