.c_lead {
  padding: 5rem 0;
}

@media screen and (min-width: 768px) {
  .c_lead {
    padding: 3rem 0;
    background: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: -9.5rem;
    padding: 3rem 4rem 5rem;
  }
}

.office_list {
  padding: 21rem 0 3rem;
}

@media screen and (max-width: 767px) {
  .office_list {
    padding: 8rem 0 3rem;
  }
  .office_list tr > * {
    float: left;
    width: 100%;
  }
}

.office_list th {
  font-size: 2.1rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.9;
}

.office_list td {
  line-height: 1.6;
  padding-bottom: 5rem;
  position: relative;
}

.office_list td a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  background: #9fa0a0;
  color: #fff;
  border-radius: 2em;
  padding: .4em 1em;
  padding-right: 2em;
}

@media screen and (max-width: 767px) {
  .office_list td a {
    top: -3rem;
  }
}

.office_list td a:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: .52em solid transparent;
  border-left: 1.05em solid #fff;
  transition: transform .2s ease-in;
  margin-left: .4em;
}

.office_list td a:hover {
  opacity: 1;
}

.office_list td a:hover:after {
  transform: translate(0.3em, -50%);
}

/*# sourceMappingURL=style.css.map */