.company-info {
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .company-info dl {
    display: flex;
  }
}
.company-info dl dt,
.company-info dl dd {
  margin: 0;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .company-info dl dt,
  .company-info dl dd {
    font-size: 1.8rem;
    padding: 1.8rem 2rem;
  }
}
.company-info dl dt {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .company-info dl dt {
    padding: 1rem 1rem 0;
  }
}
@media screen and (min-width: 768px) {
  .company-info dl dt {
    width: 18rem;
  }
}
.company-info dl dd {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .company-info dl dd {
    padding: 1rem 1rem 1.8rem;
  }
}
.company-info dl:not(:last-child) dd {
  border-bottom: 1px solid;
}
@media screen and (min-width: 768px) {
  .company-info dl:not(:last-child) dt {
    border-bottom: 1px solid;
  }
}