.accc-sustainability {
  position: relative;
  overflow: hidden;
  padding-top: var(--space-80);
  padding-bottom: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability {
    padding-top: var(--space-40);
    padding-bottom: var(--space-80);
  }
}
.accc-sustainability::before {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: max(-47.847vw, -689px);
  right: max(-17.361vw, -250px);
  width: min(70.486vw, 1015px);
  height: min(93.194vw, 1342px);
  background-image: url("/assets/img/component/background/c-title_hero_type--primary_kind--sustainability.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-sustainability::before {
    top: auto;
    bottom: -58.974vw;
    right: -46.154vw;
    width: 115.385vw;
    height: 152.564vw;
    transform: rotate(2.95deg);
  }
}
.accc-sustainability__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__inner {
    gap: var(--space-20);
    width: var(--container-width-sp);
  }
}
.accc-sustainability__statement {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__statement {
    gap: var(--space-20);
  }
}
.accc-sustainability__statement .c-button.type--primary {
  margin-inline: auto;
}
.accc-sustainability__introduction > p {
  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) {
  .accc-sustainability__introduction > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__introduction > p {
    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) {
  .accc-sustainability__introduction > p {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-sustainability__sdgs {
  display: flex;
  flex-direction: column;
  gap: min(2.292vw, 33px);
  padding: min(2.083vw, 30px) min(3.472vw, 50px);
  border-radius: min(1.389vw, 20px);
  background: #F2FAF3;
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__sdgs {
    gap: 3.846vw;
    padding: 5.128vw;
    border-radius: 5.128vw;
  }
}
.accc-sustainability__sdgs h2 {
  text-align: center;
  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) {
  .accc-sustainability__sdgs h2 {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__sdgs h2 {
    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) {
  .accc-sustainability__sdgs h2 {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-sustainability__sdgs p {
  padding: min(2.778vw, 40px) min(5.556vw, 80px) min(3.333vw, 48px);
  text-align: center;
  border-radius: min(1.389vw, 20px);
  background: var(--background-white);
  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) {
  .accc-sustainability__sdgs p {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__sdgs p {
    padding: 7.692vw 3.846vw;
    border-radius: 5.128vw;
    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) {
  .accc-sustainability__sdgs p {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-sustainability__top-message .c-title.type--primary {
  margin-bottom: var(--space-20);
}
.accc-sustainability__top-message .c-description {
  margin-bottom: var(--space-20);
}
.accc-sustainability__top-message-name {
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__top-message-name {
    align-items: center;
  }
}
.accc-sustainability__top-message-name span {
  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) {
  .accc-sustainability__top-message-name span {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__top-message-name span {
    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) {
  .accc-sustainability__top-message-name span {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-sustainability__top-message-name p {
  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) {
  .accc-sustainability__top-message-name p {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability__top-message-name p {
    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) {
  .accc-sustainability__top-message-name p {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-sustainability.area--yashima::before, .accc-sustainability.area--deliciouscook::before, .accc-sustainability.area--lxtp::before, .accc-sustainability.area--tdlogitem::before, .accc-sustainability.area--kbs::before, .accc-sustainability.area--kbe::before {
  display: none;
}
.accc-sustainability.area--deliciouscook, .accc-sustainability.area--lxtp, .accc-sustainability.area--tdlogitem {
  padding-bottom: var(--space-120);
}

.accc-sustainability-activity {
  padding-top: var(--space-100);
  padding-bottom: var(--space-80);
  margin-bottom: var(--space-60);
  border-radius: min(5.556vw, 80px) min(5.556vw, 80px) 0 0;
  background: #E6F9E7;
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-activity {
    padding-block: var(--space-60);
    margin-bottom: var(--space-40);
    border-radius: 12.821vw 12.821vw 0 0;
  }
}
.accc-sustainability-activity__inner {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-activity__inner {
    width: var(--container-width-sp);
  }
}
.accc-sustainability-activity__heading {
  margin-bottom: var(--space-40);
}
.accc-sustainability-activity__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-activity__content {
    gap: 7.692vw;
  }
}
.accc-sustainability-activity__content .c-button.type--primary {
  margin-inline: auto;
}

.accc-sustainability-index {
  margin-bottom: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index {
    margin-bottom: var(--space-40);
  }
}
.accc-sustainability-index__inner {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__inner {
    width: var(--container-width-sp);
  }
}
.accc-sustainability-index__list {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: var(--space-20);
       column-gap: var(--space-20);
  row-gap: var(--space-15);
  padding: var(--space-40);
  border-radius: min(1.389vw, 20px);
  background: var(--background-light_gray);
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list {
    grid-template-columns: 1fr;
    -moz-column-gap: var(--space-10);
         column-gap: var(--space-10);
    row-gap: var(--space-10);
    padding: var(--space-20) var(--space-15);
    border-radius: 5.128vw;
  }
}
.accc-sustainability-index__list a {
  position: relative;
  display: flex;
  align-items: center;
  padding: min(0.833vw, 12px);
  width: min(34.722vw, 500px);
  height: min(5.694vw, 82px);
  border-radius: min(0.347vw, 5px);
  background: var(--background-white);
  color: var(--primary-red);
  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) {
  .accc-sustainability-index__list a {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a {
    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) {
  .accc-sustainability-index__list a {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a {
    padding: 3.077vw;
    width: 76.923vw;
    height: 18.718vw;
    border-radius: 1.282vw;
  }
}
.accc-sustainability-index__list a::after {
  position: absolute;
  display: inline-block;
  content: "";
  margin-right: min(1.389vw, 20px);
  right: 0;
  width: min(0.347vw, 5px);
  height: min(0.625vw, 9px);
  background-position: center;
  background-size: min(0.347vw, 5px) min(0.625vw, 9px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a::after {
    width: 1.282vw;
    height: 2.308vw;
    background-size: 1.282vw 2.308vw;
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a::after {
    margin-right: 5.128vw;
  }
}
.accc-sustainability-index__list a[href$=".pdf" i]::after {
  margin-right: min(0.833vw, 12px);
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background-position: center;
  background-size: min(1.667vw, 24px) min(1.667vw, 24px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-pdf_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a[href$=".pdf" i]::after {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a[href$=".pdf" i]::after {
    margin-right: 3.077vw;
  }
}
.accc-sustainability-index__list a[target=_blank]::after, .accc-sustainability-index__list a[href^=http]::after {
  margin-right: min(0.833vw, 12px);
  width: min(1.667vw, 24px);
  height: min(1.667vw, 24px);
  background-position: center;
  background-size: min(1.667vw, 24px) min(1.667vw, 24px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-blank_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a[target=_blank]::after, .accc-sustainability-index__list a[href^=http]::after {
    width: 6.154vw;
    height: 6.154vw;
    background-size: 6.154vw 6.154vw;
  }
}
@media only screen and (max-width: 767px) {
  .accc-sustainability-index__list a[target=_blank]::after, .accc-sustainability-index__list a[href^=http]::after {
    margin-right: 3.077vw;
  }
}/*# sourceMappingURL=accc-sustainability.css.map */