@charset "utf-8";

/* ---------------------------------------------------- */
/* ６ページ目 */
/* ---------------------------------------------------- */
#page-6 {
  margin: 0 auto 150px;
  max-width: 1600px;

  & .env-circle {
    width: 50%;
    height: auto;
    margin-top: 60px;
  }

  & .recipe {
    margin-top: 60px;
    width: 100%;
  }

  & .SDGs-mark {
    width: 120px;
    height: 120px;
  }
}

/* レスポンシブ対応 992px未満*/
@media screen and (max-width:991px) {

  #page-6 {
    margin-top: 30px;

    & h4 {
      font-size: 1rem;
    }

    & .env-circle {
      margin-top: 30px;
    }

    & .recipe {
      margin-top: 30px;
    }

    & .SDGs-mark {
      width: 80px;
      height: 80px;
    }
  }
}

/* レスポンシブ対応 576px未満*/
@media screen and (max-width:575px) {

  #page-6 {
    margin: 30px auto 80px;

    & .env-circle {
      width: 75%;
      margin-top: 20px;
    }

    & .recipe {
      margin-top: 20px;
    }

    & .content h4 {
      font-size: 13px;
    }

    & .SDGs-mark {
      width: 60px;
      height: 60px;
    }

    & p {
      font-size: 13px;
    }
  }
}