@charset "UTF-8";
#container {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #231815;
  margin: 0 auto 24px;
}

#container .innerBlock {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

#container .innerBlock .mv-block {
  width: 100%;
  height: 457px;
  margin: 0 auto;
  background: url("../img/pc_sdgs_mv_bg.png") no-repeat center top;
}

#container .innerBlock .mv-block h1 {
  width: 1280px;
  height: 457px;
  margin: 0 auto;
}

#container .innerBlock .mv-block h1 img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

#container .innerBlock .content-block {
  width: 1280px;
  height: auto;
  margin: 0 auto 127px;
}

#container .innerBlock .content-block h2.heading-block {
  width: 1000px;
  height: auto;
  margin: 25px auto 65px;
  text-align: center;
}

#container .innerBlock .content-block h2.heading-block .text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.61111em;
  font-weight: 300;
  text-align: left;
  width: 738px;
  margin: 4px auto 0;
}

#container .innerBlock .content-block h2.heading-block img {
  width: 100%;
  height: auto;
  vertical-align: top;
  margin: 0 auto;
}

#container .innerBlock .content-block .items {
  width: 1000px;
  height: auto;
  margin: 0 auto 81px;
}

#container .innerBlock .content-block .items ul.text {
  width: 941px;
  margin: 3px 0 25px 59px;
}

#container .innerBlock .content-block .items ul.text li {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.07143em;
  font-weight: 300;
  text-align: left;
  display: inline-block;
  text-indent: -1em;
  margin-left: 1em;
}

#container .innerBlock .content-block .items ul.text li:before {
  content: '・';
}

#container .innerBlock .content-block .items ul.img {
  width: 941px;
  margin: 0 0 0 59px;
}

#container .innerBlock .content-block .items ul.img li {
  width: 200px;
  height: 200px;
  margin: 0 0 0 47px;
  float: left;
}

#container .innerBlock .content-block .items ul.img li img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

#container .innerBlock .content-block .items ul.img li:nth-child(1) {
  margin-left: 0;
}

@media screen and (min-width: 1801px) {
  #container .innerBlock .mv-block {
    background-size: 100%;
  }
}

@media screen and (max-width: 750px) {
  #container {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #231815;
    margin: 0 auto;
    padding-top: 13.33333vw;
  }
  #container .innerBlock {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  #container .innerBlock .mv-block {
    width: 100%;
    height: 40vw;
    margin: 0 auto;
    background: none;
  }
  #container .innerBlock .mv-block h1 {
    width: 100%;
    height: 40vw;
    margin: 0 auto;
  }
  #container .innerBlock .mv-block h1 img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  #container .innerBlock .content-block {
    width: 100%;
    height: auto;
    margin: 0 auto 14.13333vw;
  }
  #container .innerBlock .content-block h2.heading-block {
    width: 100%;
    height: auto;
    margin: 7.33333vw auto 10.4vw;
    text-align: center;
  }
  #container .innerBlock .content-block h2.heading-block .text {
    font-size: 3.46667vw;
    line-height: 2.03846em;
    font-weight: 300;
    text-align: left;
    width: 81.33333vw;
    margin: 0 auto;
  }
  #container .innerBlock .content-block h2.heading-block img {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin: 0 auto;
  }
  #container .innerBlock .content-block .items {
    width: 100%;
    height: auto;
    margin: 0 auto 10.13333vw;
  }
  #container .innerBlock .content-block .items ul.text {
    width: 82.93333vw;
    margin: 2.13333vw auto 3.06667vw;
  }
  #container .innerBlock .content-block .items ul.text li {
    width: 100%;
    font-size: 3.46667vw;
    line-height: 1.53846em;
    font-weight: 300;
    text-align: left;
    display: inline-block;
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 2.26667vw;
  }
  #container .innerBlock .content-block .items ul.text li:before {
    content: '・';
  }
  #container .innerBlock .content-block .items ul.img {
    width: 82.93333vw;
    margin: 0 auto;
  }
  #container .innerBlock .content-block .items ul.img li {
    width: 36.93333vw;
    height: 36.93333vw;
    margin: 0 0 8.26667vw 9.06667vw;
    float: left;
  }
  #container .innerBlock .content-block .items ul.img li img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  #container .innerBlock .content-block .items ul.img li:nth-child(1), #container .innerBlock .content-block .items ul.img li:nth-child(3) {
    margin-left: 0;
  }
}