.contact{display:flex}
.contact .contact-box{display:block;width:400px;margin-right:40px;padding:30px;box-sizing:border-box;background:var(--color);color:#FFFFFF}
.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;width:calc(100% - 400px)}
.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;-ms-flex:0 0 50px;flex:0 0 50px}
.contact .contact-item .icon em{font-size:32px;line-height:1;}
.contact .contact-item .con{flex:1}
@media (max-width:768px){.contact{display:block}
.contact .contact-box{padding:14px;margin-right:0px;width:100%;}
.contact .contact-box .title{font-size:var(--fontsize20)}
.contact .contact-inquiry{width:100%;}
.contact .contact-inquiry .title{font-size:var(--fontsize20);margin-top:20px}}