#reason {
  margin: 0 0 144px;
}
#reason .list .item {
  background: #F8F7F3;
  border-radius: 15px;
}
#reason .list .item + .item {
  margin: 48px 0 0;
}
#reason .list .item .img {
  padding: 24px;
}
#reason .list .item .area-text {
  padding: 24px 20px 64px;
}
#reason .list .item .area-text .head {
  margin: 0 0 24px;
}
#reason .list .item .area-text .head .num {
  font-weight: 700;
  font-size: 18px;
  color: #0B6A4C;
}
#reason .list .item .area-text .head .title01 {
  font-weight: 700;
  font-size: 26px;
  color: #0B6A4C;
}
#reason .list .item .area-text .text + .text {
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  #reason .list .item {
    display: flex;
    align-items: stretch;
  }
  #reason .list .item + .item {
    margin: 56px 0 0;
  }
  #reason .list .item:nth-child(2n) {
    flex-direction: row-reverse;
  }
  #reason .list .item .img {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 24px;
  }
  #reason .list .item .img img {
    width: 100%;
  }
  #reason .list .item .area-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding: 64px 48px;
  }
}/*# sourceMappingURL=reason.css.map */