.promise .text-area {
  display: block;
}

.promise h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #26aec0;
  margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
  .promise .text-area {
    display: flex;
    flex-wrap: wrap;
  }

  .promise .text-area .metabox {
    flex: 0 0 calc(100% - 294px);
    max-width: calc(100% - 294px);
    padding-right: 30px;
  }

  .promise .text-area .image {
    flex: 0 0 294px;
    max-width: 294px;
  }
}

.reason-area.contents .reason-item {
  background: none;
  padding: 0;
}

.reason-area.contents .reason-item .image {
  margin-bottom: 15px;
}

.reason-area.contents .reason-item .ttl {
  margin-bottom: 15px;
}

.reason-area.contents .reason-item .ttl .text {
  padding-left: 0;
}