@charset "UTF-8";

#sustainability .main {
  background: url("../img/sustainability/img_main.jpg")no-repeat;
  background-size: cover;
  background-position: center;
}

#sustainability .block .bg {
  position: relative;
  padding-top: 40px;
  margin: 0 auto 100px;
}

#sustainability .block .bg .ttl {
  position: absolute;
  left: -8px;
  top: -20px;
  line-height: 1;
  font-size: 10rem;
  color: #e5e5e5;
  font-weight: bold;
  letter-spacing: 0.05em;
}

#sustainability .block .m-heading {
  margin-bottom: 25px;
}

#environment {
  margin-bottom: 200px;
}


#environment .detail {
  margin: 60px auto 0;
}

#environment .detail .list {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.2;
  margin-top: 40px;
}

#environment .detail .list dt {
  font-weight: bold;
}

#environment .detail .list dd {
  padding-left: 18px;
}

#bioenergy {
    margin-bottom: 120px;
}

@media screen and (max-width: 1100px){

  #sustainability .block .bg .ttl {
    font-size: 6rem;
    top: 0;
  }




}

@media screen and (max-width: 767px) {


  #sustainability .container {
    padding: 0 0 80px;
  }

  #sustainability .block .bg {
    padding-top: 25px;
    margin: 0 auto 50px;
  }

  #sustainability .block .bg .ttl {
      font-size: 4rem;
      top: 0;
      left: 0;
  }

  #environment {
    margin-bottom: 50px;
  }

  #environment .detail {
    margin: 20px auto 0;
  }

  #environment .detail .list {
      font-size: 1.2rem;
      line-height: 2;
      margin-top: 15px;
  }

  #environment .detail .list dd {
      padding-left: 14px;
  }


  #bioenergy {
    margin-bottom: 30px;
  }




}