@charset "UTF-8";

.being {
  margin: 0 auto;
  width: 53%;
  height: auto;
  max-width: 550px;
}

.health_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  & div {
    width: 47.5%;
    margin-bottom: 100px;
  }

  & h3 {
    font-size: 3.2rem;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 700;
    line-height: 1.7;
    color: #5CB531;
  }

  & div:nth-of-type(1) {
    order: 1;
  }

  & div:nth-of-type(2) {
    order: 2;
  }

  & div:nth-of-type(3) {
    order: 4;
  }

  & div:nth-of-type(4) {
    order: 3;
  }

  & div:nth-of-type(5) {
    order: 5;
  }

  & div:nth-of-type(6) {
    order: 6;
  }
}

@media screen and (max-width: 829px) {

  .being {
    width: 83%;
  }

  .health_wrap {
    & div {
      width: 100%;
      margin-bottom: 45px;
    }

    & div:nth-of-type(1) {
      margin-bottom: 30px;
    }

    & div:nth-of-type(3) {
      order: 3;
      margin-bottom: 30px;
    }

    & div:nth-of-type(4) {
      order: 4;
    }
  }

}