.sdgspage-what-section {
  padding-top: 80px;
  padding-bottom: 0px;
}
.sdgspage-what-section .wrapper .lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sdgspage-what-section .wrapper .lr .left {
  width: 45%;
}
.sdgspage-what-section .wrapper .lr .left .heading-gr .logo {
  display: block;
  width: 90%;
  margin-left: 0;
  margin-right: auto;
}
.sdgspage-what-section .wrapper .lr .left .heading-gr .logo img {
  width: 100%;
}
.sdgspage-what-section .wrapper .lr .left .heading-gr h2 {
  line-height: 1.2;
}
.sdgspage-what-section .wrapper .lr .left .heading-gr .copy {
  margin-top: 16px;
  font-size: 3.2rem;
}
.sdgspage-what-section .wrapper .lr .left .heading-gr .desc {
  margin-top: 16px;
  line-height: 2;
}
.sdgspage-what-section .wrapper .lr .right {
  width: 50%;
}

.sdgspage-how-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.sdgspage-how-section .heading-gr {
  background-color: #F5F2EC;
  padding: 80px 0;
}
.sdgspage-how-section .heading-gr .lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sdgspage-how-section .heading-gr .lr .left {
  width: 45%;
}
.sdgspage-how-section .heading-gr .lr .left .heading .m_sectiontitle .m_sectiontitle__ja {
  line-height: 1.3;
}
.sdgspage-how-section .heading-gr .lr .right {
  width: 50%;
}
.sdgspage-how-section .content {
  margin-top: 0px;
}
.sdgspage-how-section .content .block {
  padding: 80px 0;
}
.sdgspage-how-section .content .block:nth-of-type(2) {
  background-color: #F5F2EC;
}
.sdgspage-how-section .content .block .upper .lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sdgspage-how-section .content .block .upper .lr .left {
  width: 60%;
  padding-right: 32px;
}
.sdgspage-how-section .content .block .upper .lr .left h3 {
  padding-left: 56px;
  position: relative;
  margin-bottom: 16px;
  color: #222;
  font-size: 3.2rem;
}
.sdgspage-how-section .content .block .upper .lr .left h3 span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3.2rem;
  color: #222;
}
.sdgspage-how-section .content .block .upper .lr .left .desc {
  line-height: 2.2;
  text-align: justify;
}
.sdgspage-how-section .content .block .upper .lr .left .images {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.sdgspage-how-section .content .block .upper .lr .left .images .image {
  display: block;
}
.sdgspage-how-section .content .block .upper .lr .left .images .image.image--1 {
  width: 58.3366013%;
}
.sdgspage-how-section .content .block .upper .lr .left .images .image.image--2 {
  width: 39.0490196%;
}
.sdgspage-how-section .content .block .upper .lr .left .images .image.image--3 {
  width: 48.75%;
}
.sdgspage-how-section .content .block .upper .lr .left .images .image.image--4 {
  width: 48.75%;
}
.sdgspage-how-section .content .block .upper .lr .right {
  width: 40%;
}
.sdgspage-how-section .content .block .upper .lr .right .icons {
  display: flex;
  justify-content: right;
  gap: 8px;
}
.sdgspage-how-section .content .block .upper .lr .right .icons .icon {
  display: block;
  width: 156px;
}
.sdgspage-how-section .content .block .materials {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px #222;
}
.sdgspage-how-section .content .block .materials .lr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sdgspage-how-section .content .block .materials .lr .left {
  width: 50%;
  padding-right: 32px;
}
.sdgspage-how-section .content .block .materials .lr .left h4 {
  margin-bottom: 16px;
  color: #222;
  font-size: 2.4rem;
}
.sdgspage-how-section .content .block .materials .lr .right {
  width: 50%;
}
.sdgspage-how-section .content .block .materials .lr .right .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px 0;
}
.sdgspage-how-section .content .block .materials .lr .right .items li {
  width: 23%;
}
.sdgspage-how-section .content .block .materials .lr .right .items li figure {
  display: block;
  width: 100%;
}
.sdgspage-how-section .content .block .materials .lr .right .items li figure img {
  width: 100%;
}
.sdgspage-how-section .content .block .materials .lr .right .items li p {
  margin-top: 4px;
  color: #222;
  font-size: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sdgspage-what-section {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .sdgspage-what-section .wrapper .lr {
    display: block;
  }
  .sdgspage-what-section .wrapper .lr .left {
    width: 100%;
  }
  .sdgspage-what-section .wrapper .lr .left .heading-gr .logo {
    width: 100%;
  }
  .sdgspage-what-section .wrapper .lr .left .heading-gr h2 {
    font-size: 2.4rem;
    line-height: 1.2;
  }
  .sdgspage-what-section .wrapper .lr .left .heading-gr .copy {
    margin-top: 16px;
    font-size: 2rem;
  }
  .sdgspage-what-section .wrapper .lr .left .heading-gr .desc {
    margin-top: 8px;
    line-height: 1.8;
  }
  .sdgspage-what-section .wrapper .lr .right {
    margin-top: 16px;
    width: 100%;
  }
  .sdgspage-how-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sdgspage-how-section .heading-gr {
    padding: 40px 0;
  }
  .sdgspage-how-section .heading-gr .lr {
    display: block;
  }
  .sdgspage-how-section .heading-gr .lr .left {
    width: 100%;
  }
  .sdgspage-how-section .heading-gr .lr .right {
    margin-top: 16px;
    width: 100%;
  }
  .sdgspage-how-section .content .block {
    padding: 40px 0;
  }
  .sdgspage-how-section .content .block .upper .lr {
    display: block;
  }
  .sdgspage-how-section .content .block .upper .lr .left {
    width: 100%;
    padding-right: 0;
  }
  .sdgspage-how-section .content .block .upper .lr .left h3 {
    padding-left: 32px;
    margin-bottom: 8px;
    font-size: 2rem;
  }
  .sdgspage-how-section .content .block .upper .lr .left h3 span {
    font-size: 2rem;
  }
  .sdgspage-how-section .content .block .upper .lr .left .desc {
    line-height: 2.2;
    text-align: justify;
  }
  .sdgspage-how-section .content .block .upper .lr .left .images {
    margin-top: 24px;
    gap: 16px;
  }
  .sdgspage-how-section .content .block .upper .lr .left .images .image.image--1 {
    width: 58.3366013%;
  }
  .sdgspage-how-section .content .block .upper .lr .left .images .image.image--2 {
    width: 39.0490196%;
  }
  .sdgspage-how-section .content .block .upper .lr .left .images .image.image--3 {
    width: 48.75%;
  }
  .sdgspage-how-section .content .block .upper .lr .left .images .image.image--4 {
    width: 48.75%;
  }
  .sdgspage-how-section .content .block .upper .lr .right {
    margin-top: 24px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .sdgspage-how-section .content .block .upper .lr .right .icons .icon {
    width: 100%;
  }
  .sdgspage-how-section .content .block .materials {
    margin-top: 24px;
    padding-top: 24px;
  }
  .sdgspage-how-section .content .block .materials .lr {
    display: block;
  }
  .sdgspage-how-section .content .block .materials .lr .left {
    width: 100%;
    padding-right: 0;
  }
  .sdgspage-how-section .content .block .materials .lr .left h4 {
    margin-bottom: 8px;
    font-size: 2rem;
  }
  .sdgspage-how-section .content .block .materials .lr .right {
    margin-top: 16px;
    width: 100%;
  }
  .sdgspage-how-section .content .block .materials .lr .right .items li figure {
    width: 100%;
  }
  .sdgspage-how-section .content .block .materials .lr .right .items li p {
    margin-top: 4px;
    font-size: 1.25rem;
  }
}/*# sourceMappingURL=sdgs.css.map */