.environment .list_benefit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 2em 0 4em; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .environment .list_benefit {
      gap: 10px; } }
  .environment .list_benefit li {
    width: 235px;
    height: 235px;
    padding: 20px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 5px #EBF1F8; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .environment .list_benefit li {
        width: calc((100vw - 30px - 10px)/2);
        height: calc((100vw - 30px - 10px)/2);
        padding: 20px 20px 15px; } }
    .environment .list_benefit li i {
      width: 130px;
      display: block;
      margin-bottom: 15px; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .environment .list_benefit li i {
          width: 86px;
          margin-bottom: 10px; } }
    .environment .list_benefit li p {
      font-size: 2rem;
      font-weight: 500; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .environment .list_benefit li p {
          font-size: 1.6rem; } }

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