@charset "UTF-8";

/* ////////////////////////////
sustainability（トップ）
//////////////////////////// */

.fwM {
  font-weight: 500;
}

.sus_indexP #content_Wrap {
  padding: 150px 0;
  background: url(../img/bg.jpg) no-repeat top center / cover;
  color: #fff;
}

.title_Box {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0 0 100px;
  flex-wrap: wrap;
  gap: 0.5em;
}
/* .title_Box div {
 margin-right: 0.5em;
} */
.title_Box div img {
  width: 100%;
  height: 58px;
  object-fit: contain;
}
.title_Box p {
  color:#fff;
  font-size: 26px;
  letter-spacing: 0.06em;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-style: normal;
}

.sus_copy {
  font-size: 20px;
  line-height: 1.82;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  margin-bottom: 2em;
}

.linkBtn_Box {
  flex-wrap: wrap;
  gap: 25px;
}
.linkBtn_Box li {
  width: calc((100% - 25px) / 2);
}
.linkBtn {
  background: rgba(255, 255, 255, 0.8);
  display: block;
  width: 100%;
  padding: 1.5em;
  border-radius: 50vh;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}
.linkBtn span {
  color: #000;
  font-family: "Zen Maru Gothic", serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.linkBtn::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url(../img/arw_bk.svg) no-repeat center center / contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5em;
}


/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (max-width: 1024px) {



}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

  .sus_indexP #content_Wrap {
    padding: 80px 0;
    background: url(../img/bg.jpg) no-repeat top center / cover;
  }

  .title_Box {
    flex-direction: column;
    padding: 0 0 30px;
    gap: 0;
  }
  .title_Box div {
    margin-right: 1em;
    margin-bottom: 0.5em;
  }
  .title_Box div img {
    width: 100%;
    height: 50px;
    object-fit:contain;
  }
  .title_Box p {
    font-size: 16px;
  }

  .sus_copy {
    font-size: 16px;
  }

  .linkBtn_Box {
    flex-wrap: wrap;
    gap: 25px;
  }
  .linkBtn_Box li {
    width: 100%;
  }
  .linkBtn {
    padding: 1.25em;
  }
  .linkBtn span {
    font-size: 18px;
  }
  .linkBtn::after {
    width: 1.0em;
    height: 1.0em;
    right: 1.0em;
  }

}


/* ////////////////////////////
sustainability（下層共通）
//////////////////////////// */

.sus_bottomP #content_Wrap {
  background: #efefef;
  padding: 80px 0 150px;
}
.sus_bottomP #sustainability_Wrap {
  background: #fff;
  padding: 60px 50px;
  border-radius: 10px;
}
.sus_btmTtl {
  font-family: "Zen Maru Gothic", serif;
  color: #0032e6;
  /* font-size: 33px; */
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 40px;
}
.sus_btmTtl--copy {
  margin-bottom: 2em;
}
.sus_btmTtl--copy p,
.sus_numList li {
  /* font-size: 20px; */
  font-size: 17px;
  line-height: 2.4;
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", serif;
  font-weight: 300;
}
.sus_btmTtl--copy p,
.sus_numList li p {
  text-indent: 1em;
}
.sus_numList li:not(:last-child) {
  margin-bottom: 2em;
}
.sus_numList li span {
  color: #0032e6;
  font-weight: 500;
}

.ex_ttl {
  font-size: 17px;
  font-weight: 300;
  color: #0032e6;
  font-weight: 500;
  font-family: "Noto Sans JP", serif;
  line-height: 2;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
}
.cir_List li {
  text-indent: -1.4em;
  padding-left: 1.4em;
  margin-bottom: 0!important;
}
.cir_List li::before {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  background: #B2C1F7;
  border-radius: 50vh;
  vertical-align: -0.1em;
  margin-right: 0.4em;
}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {

  .sus_bottomP #content_Wrap {
    padding: 50px 0 80px;
  }
  .sus_bottomP #sustainability_Wrap {
    padding: 30px 20px;
  }
  .sus_btmTtl {
    /* font-size: 20px; */
    font-size: 18px;
    margin-bottom: 20px;
  }
  .sus_btmTtl--copy {
    margin-bottom: 1.5em;
  }
  .sus_btmTtl--copy p,
  .sus_numList li {
    /* font-size: 15px; */
    font-size: 14px;
    line-height: 2;
  }
  .sus_numList li:not(:last-child) {
    margin-bottom: 1.5em;
  }


}