.clover-feature.works {
  display: flex;
  color: #FFF;
  padding: 5% 0;
}
@media screen and (max-width: 767px) {
  .clover-feature.works {
    display: block;
    padding: 8% 5%;
  }
}
.clover-feature.works dl {
  width: 50%;
  padding: 0 5%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .clover-feature.works dl {
    width: 100%;
  }
}
.clover-feature.works dl + dl {
  border-left: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  .clover-feature.works dl + dl {
    border-left: none;
    border-top: 1px solid #FFF;
    padding-top: 10%;
    margin-top: 10%;
  }
}
.clover-feature.works dl dt {
  font-size: 3rem;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .clover-feature.works dl dt {
    font-size: 1.6rem;
  }
}
.clover-feature.works dl dd {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .clover-feature.works dl dd {
    font-size: 1.2rem;
  }
}
.clover-feature.works dl dd strong {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1em;
  display: block;
}
@media screen and (max-width: 767px) {
  .clover-feature.works dl dd strong {
    font-size: 1.4rem;
  }
}
.clover-feature.works dl dd p {
  text-align: left;
  line-height: 2;
}
.clover-feature.works dl dd p.values {
  padding-top: 1vw;
}

.catAfter .officeZone .u-inner .u-accessBox1 .map {
  min-height: 350px;
}/*# sourceMappingURL=style.css.map */