.top_sdgs {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 110px auto; }
  .top_sdgs img {
    width: 100%;
    max-width: none;
    height: auto; }

.center {
  text-align: center; }

.img_sdgs {
  width: 100% !important;
  max-width: 490px !important;
  margin-bottom: 60px; }
  @media (max-width: 499px) {
    .img_sdgs {
      max-width: 90% !important;
      margin-bottom: 30px; } }

h2.ttl_sdgs {
  font-size: 2rem;
  margin-bottom: 60px;
  text-align: center; }

h3.ttl_sdgs {
  font-size: 1.2857rem;
  margin-bottom: 16px;
  border-bottom: 1px solid #000;
  padding-bottom: 11px; }

.flex_2_sdgs_1 {
  margin-bottom: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center; }
  .flex_2_sdgs_1 > div:nth-child(1) {
    margin: 0;
    padding: 16px;
    width: 50%;
    order: 0; }
    @media (max-width: 850px) {
      .flex_2_sdgs_1 > div:nth-child(1) {
        width: 100%;
        order: 1; } }
  .flex_2_sdgs_1 > div:nth-child(2) {
    margin: 0;
    padding: 16px;
    width: 50%;
    order: 1; }
    @media (max-width: 850px) {
      .flex_2_sdgs_1 > div:nth-child(2) {
        width: 100%;
        order: 0; } }

.flex_2_sdgs_2 {
  margin-bottom: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center; }
  .flex_2_sdgs_2 > div:nth-child(1) {
    margin: 0;
    padding: 10px;
    width: 50%;
    order: 1; }
    @media (max-width: 850px) {
      .flex_2_sdgs_2 > div:nth-child(1) {
        width: 100%;
        order: 1; } }
  .flex_2_sdgs_2 > div:nth-child(2) {
    margin: 0;
    padding: 10px;
    width: 50%;
    order: 0; }
    @media (max-width: 850px) {
      .flex_2_sdgs_2 > div:nth-child(2) {
        width: 100%;
        order: 0; } }

ul.list_sdgs_icon {
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start; }
  ul.list_sdgs_icon li {
    padding: 5px;
    width: 33%;
    max-width: 100px; }