﻿.brand-contact > .auto {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:20px;
  align-items:stretch;
  width:100%;
}
.brand-contact > .auto > .clear {display:none}
.brand-contact .map {float:none;width:100%;min-width:0}
.brand-contact .map img {display:block;width:100%;max-width:100%;height:auto}
.brand-contact .info {
  display:flex;
  flex-direction:column;
  float:none;
  width:100%;
  min-width:0;
  min-height:0;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #d5e4d9;
  padding:20px 24px;
  border-radius:14px;
  color:#164e38;
  box-shadow:0 7px 20px #164e3808;
}
.brand-contact .info ul {
  display:grid;
  grid-template-rows:repeat(3,1fr);
  flex:1;
  min-height:0;
  padding:0;
  margin:0;
}
.brand-contact .info li {
  position:relative;
  border:0;
  background:none!important;
  padding:14px 0 14px 59px;
  margin:0;
  line-height:1.5;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#164e38;
}
.brand-contact .info li + li {border-top:1px solid #e3ece4}
.brand-contact .info li:before {
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  background-color:#edf5ef;
  background-position:center;
  background-repeat:no-repeat;
  background-size:22px;
}
.brand-contact .contact-label {
  display:block;
  background:none;
  color:#164e38;
  padding:0;
  border-radius:0;
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  margin-bottom:5px;
}
.brand-contact .contact-value {
  display:block;
  max-width:244px;
  font-size:14px;
  line-height:1.75;
  color:#164e38;
  font-weight:500;
  overflow-wrap:anywhere;
}
.brand-contact .tel .contact-value,
.brand-contact .fax .contact-value {
  font-family:Arial,'Microsoft YaHei',sans-serif;
  font-size:19px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:.2px;
  font-variant-numeric:tabular-nums;
}
.brand-contact .add:before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23164e38' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22S4.5 14.5 4.5 9a7.5 7.5 0 0 1 15 0c0 5.5-7.5 13-7.5 13Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");
}
.brand-contact .tel:before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23164e38' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3h4l2 5-3 2a16 16 0 0 0 7 7l2-3 5 2v4c-1 3-7 1-12-4S1 4 4 3Z'/%3E%3C/svg%3E");
}
.brand-contact .fax:before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23164e38' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V2h10v6M7 17H3V8h18v9h-4M7 14h10v8H7ZM17 11h1'/%3E%3C/svg%3E");
}
@media(max-width:1023px) {
  .brand-contact > .auto {grid-template-columns:minmax(0,1fr)}
  .brand-contact .info {margin-top:0;padding:14px 20px}
  .brand-contact .info ul {grid-template-rows:repeat(3,auto)}
  .brand-contact .info li {padding-top:20px;padding-bottom:20px;min-height:94px}
}
