@charset "UTF-8";
/****************************************************
 * Stylesheet ページタイトル
 ****************************************************/
.pagetitle {
  height: auto !important;
  margin-bottom: 0;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .pagetitle {
    padding-bottom: 6.8rem;
    background-image: url("../images/sustainability/governance/pagetitle_bg01.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .pagetitle {
    padding-bottom: 3rem;
    background-image: url("../images/sustainability/governance/pagetitle_bg01_sp.jpg");
  }
}
.p-sustainability__governance__content01 {
  padding-top: 10rem;
  padding-bottom: 8rem;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__governance__content01 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.p-sustainability__governance__content01 .inner > section + section {
  margin-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__governance__content01 .inner > section + section {
    margin-top: 4rem;
  }
}
.p-sustainability__governance__content01 .sustainability_cotent_style01 .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  width: 70rem;
  padding: 4rem 7.5rem;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .p-sustainability__governance__content01 .sustainability_cotent_style01 .img {
    padding: 2rem;
    width: auto;
  }
}