@font-face {
  font-family: 'Noto Sans JP';
  src: url(/asset/fonts/NotoSansJP-VariableFont_wght.ttf) format('truetype');
  font-style: normal;
  font-display: swap;
}
.sustainability .title__main {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .sustainability .title__main {
    width: 100%;
    padding: 0 2%;
  }
}
.sustainability .title__main img {
  width: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .sustainability .title__main img {
    width: 100%;
  }
}
.sustainability .title__top {
  background-image: url(/asset/images/sustainability/sustainability_title_bg.jpg);
}
@supports (background-image: url('/asset/images/sustainability/sustainability_title_bg.webp')) {
  .sustainability .title__top {
    background-image: url(/asset/images/sustainability/sustainability_title_bg.webp);
  }
}
.sustainability .title__lead {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .sustainability .title__lead {
    width: 100%;
  }
}
.sustainability .title__lead_text {
  padding-right: 2%;
}
@media screen and (max-width: 767px) {
  .sustainability .title__lead_text {
    padding: 0 3%;
  }
}
@media screen and (max-width: 767px) {
  .sustainability .title__content {
    padding: 8vw 2% 0;
  }
  .sustainability .content {
    width: 100%;
  }
}
.sustainability .box .box__text {
  width: 62%;
}
@media screen and (max-width: 767px) {
  .sustainability .box .box__text {
    width: 100%;
    order: 2;
  }
}
.sustainability .box .box__text a {
  text-decoration: underline;
  word-break: break-all;
}
.sustainability .box .box__image {
  width: 36%;
}
@media screen and (max-width: 767px) {
  .sustainability .box .box__image {
    width: 100%;
    order: 1;
  }
}