@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*変数 */
@font-face {
  font-family: "BebasNeue";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/bebasneue-regular.otf) format("opentype"), url("../fonts/bebasneue-regular.woff") format("woff");
}
#main-eyecatch {
  background-image: url(https://zazie-developments.tokyo/common/img/sdgs/eyecatch-bg.jpg);
  background-size: cover;
}

.main_img img {
  width: 900px;
  margin: auto;
  border: solid 3px #059EDE;
}

.sdgs_container {
  margin: auto ;
  margin-bottom: 110px;
  width: 100%;
  max-width: 1480px;
  overflow: hidden;
}

.sdgs_container .flex {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.sdgs_container .flex.revers {
  flex-direction: row-reverse;
}
.sdgs_container .revers {
  margin-left: auto;
}
.sdgs_container .sdgs_container_bg {
  margin-bottom: 5rem;
  padding: 0;
  position: relative;
}
.sdgs_container .sdgs_container_bg:after {
  top: 100px;
  left: 20%;
  background-color: #f3f6fa;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.sdgs_container .box_img {
  padding: 0;
  margin: inherit;
}
.sdgs_container h3 {
  font-size: 1.375em;
  color: #e2007e;
  line-height: 1.6;
  margin: 1rem 0;
}
.sdgs_container .inner {
  margin: 0 auto 60px;
}
.sdgs_container .inner.flex > div {
  max-width: 50%;
}
.sdgs_container .c-sdgs-icon {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
.sdgs_container .c-sdgs-icon li {
  margin-left: 5px;
}
.sdgs_container .c-sdgs-icon img {
  width: 80px;
  height: auto;
}
.sdgs_container .box_txt {
  position: relative;
  padding: 60px;
  margin: 0 auto;
  text-align: justify;
}
.sdgs_container p {
  line-height: 1.8;
  margin-bottom: 2rem;
}
.sdgs_container h4 {
  font-weight: bold;
}

.sdgs.container_img .flex{
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.sdgs.container_img .flex>div>img{
  padding:0 2rem 2rem;
  max-width: 100%;
}

.sdgs.container_img .flex>div:nth-child(2)>img{
  padding:0 4rem 2rem;
  max-width: 90%;
}

.sdgs.container h2{
 line-height: 1.6;
}

.sdgs .container p a::after {
  margin: 0 3px;
  content: url(../img/company/link-icon.png);
  position: relative;
  top: 2px;
}

@media screen and (max-width: 767px) {
  .sdgs_container{
    margin-bottom: 30px;
  }
  .sdgs_container .c-sdgs-icon img {
    width: 35px;
  }
  .sdgs_container .box_txt {
    padding: 0px 0 2rem;
    margin: 0 auto;
    width: 90%;
  }
  .sdgs_container .inner.flex > div {
    max-width: 100%;
  }
  .sdgs_container .sdgs_container_bg:after {
    top: 0;
  }
  .sdgs_container .sdgs_container_bg {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1600px) {
  body header .overlay .menu-list li {
    padding: 50px 5px;
  }
  body header .overlay .menu-list .contact {
    margin-left: 0;
    padding: 50px 10px;
  }
}/*# sourceMappingURL=sdgs.css.map */