.sustainability-management {
  margin-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .sustainability-management {
    margin-bottom: var(--space-80);
  }
}
.sustainability-management__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-60);
  margin: 0 auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__inner {
    width: var(--container-width-sp);
  }
}
.sustainability-management__company {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
.sustainability-management__company .c-layout_image.size--variable {
  margin: 0 auto;
  --c-layout_image--width: min(51.944vw, 748px);
  --c-layout_image--height: min(48.611vw, 700px);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company .c-layout_image.size--variable {
    --c-layout_image--width: 84.615vw;
    --c-layout_image--height: 79.231vw;
  }
}
.sustainability-management__company-philosophy {
  display: grid;
  grid-auto-flow: row;
  gap: var(--space-20);
}
.sustainability-management__company-philosophy-item {
  display: grid;
  grid-auto-flow: row;
  gap: var(--space-30);
  padding: min(2.292vw, 33px) min(3.472vw, 50px) min(2.431vw, 35px);
  border-radius: min(1.389vw, 20px);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-item {
    padding: 5.128vw;
    gap: var(--space-10);
    border-radius: 5.128vw;
  }
}
.sustainability-management__company-philosophy-item.creed {
  background: rgba(204, 234, 207, 0.25);
}
.sustainability-management__company-philosophy-item.creed .sustainability-management__company-philosophy-kind {
  background: #009A44;
}
.sustainability-management__company-philosophy-item.philosophy {
  background: rgba(195, 209, 234, 0.25);
}
.sustainability-management__company-philosophy-item.philosophy .sustainability-management__company-philosophy-kind {
  background: #106BAF;
}
.sustainability-management__company-philosophy-item.conduct {
  background: rgba(247, 201, 211, 0.25);
}
.sustainability-management__company-philosophy-item.conduct .sustainability-management__company-philosophy-kind {
  background: var(--primary-red);
}
.sustainability-management__company-philosophy-title {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: var(--space-30);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-title {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: var(--space-10);
    text-align: center;
  }
}
.sustainability-management__company-philosophy-title h3 {
  font-family: var(--family-jp);
  font-size: var(--size-32px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-title h3 {
    font-size: var(--size-32px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-title h3 {
    font-family: var(--family-jp);
    font-size: var(--size-24px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-management__company-philosophy-title h3 {
    font-size: var(--size-24px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.sustainability-management__company-philosophy-kind {
  display: grid;
  align-items: center;
  padding: 0 min(1.736vw, 25px);
  height: min(2.222vw, 32px);
  color: var(--text-white);
  border-radius: min(1.111vw, 16px);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-kind {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-kind {
    font-family: var(--family-jp);
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-management__company-philosophy-kind {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-kind {
    padding: 0;
    width: 100%;
    height: 8.205vw;
    border-radius: 4.103vw;
    text-align: center;
  }
}
.sustainability-management__company-philosophy-description {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-description {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-management__company-philosophy-description {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-management__company-philosophy-description {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.sustainability-management__sdgs {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs {
    gap: var(--space-20);
  }
}
.sustainability-management__sdgs-statement {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.292vw, 33px);
  padding: min(2.083vw, 30px);
  margin-inline: auto;
  width: min(69.444vw, 1000px);
  border-radius: min(1.389vw, 20px);
  background: #F2FAF3;
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs-statement {
    gap: var(--space-15);
    padding: 5.128vw;
    width: 100%;
    border-radius: 5.128vw;
  }
}
.sustainability-management__sdgs-statement > h3 {
  color: var(--secondary-green);
  font-family: var(--family-jp);
  font-size: var(--size-22px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs-statement > h3 {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs-statement > h3 {
    font-family: var(--family-jp);
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-management__sdgs-statement > h3 {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.sustainability-management__sdgs-statement > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(2.778vw, 40px) 0;
  width: 100%;
  border-radius: min(1.389vw, 20px);
  background: var(--background-white);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs-statement > div {
    padding: 7.692vw 3.846vw;
    border-radius: 5.128vw;
  }
}
.sustainability-management__sdgs-statement > div p {
  text-align: center;
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs-statement > div p {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sdgs-statement > div p {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .sustainability-management__sdgs-statement > div p {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.sustainability-management__sustainability > .c-title.type--primary {
  margin-bottom: var(--space-40);
}
.sustainability-management__sustainability-philosophy {
  margin-bottom: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sustainability-philosophy {
    margin-bottom: var(--space-40);
  }
}
.sustainability-management__sustainability-philosophy-image {
  margin-inline: auto;
  width: min(76.389vw, 1100px);
  height: min(48.75vw, 702px);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sustainability-philosophy-image {
    width: 202.308vw;
    height: 128.205vw;
  }
}
.sustainability-management__sustainability-graph-image {
  margin-inline: auto;
  width: min(55.556vw, 800px);
  height: min(32.708vw, 471px);
}
@media only screen and (max-width: 767px) {
  .sustainability-management__sustainability-graph-image {
    width: 149.744vw;
    height: 88.205vw;
  }
}/*# sourceMappingURL=sustainability-management.css.map */