@charset "UTF-8";
/* 共通パーツ_サイドメニュー */
.sustainability .company-aside__list {
  column-gap: 30rem;
}
@media screen and (min-width: 992px) {
  .sustainability .company-aside__list {
    gap: unset;
  }
}
.sustainability .company-aside__link {
  padding-right: 0;
}
@media screen and (min-width: 992px) {
  .sustainability .company-aside__link {
    padding-right: 20rem;
  }
}
.sustainability .company-aside__link::after {
  transform: rotate(45deg) translateY(-3px);
}

/* 共通パーツ_セクションタイトル */
.sustainability__head {
  position: relative;
}

.sustainability__head_content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  max-width: 415rem;
  padding-inline: 20rem;
  padding-block: 22rem;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 576px) {
  .sustainability__head_content {
    padding-inline: 48rem;
    padding-block: 44rem;
  }
}

.sustainability__head_title {
  font-size: 34rem;
  font-weight: 700;
  color: #0458A2;
}
@media screen and (min-width: 576px) {
  .sustainability__head_title {
    font-size: 38rem;
  }
}

.sustainability__head_desc {
  font-size: 14rem;
  margin-top: 0.5em;
  line-height: 1.75;
}
@media screen and (min-width: 576px) {
  .sustainability__head_desc {
    font-size: 16rem;
  }
}

.sustainability__head_bg {
  height: 300rem;
}
@media screen and (min-width: 576px) {
  .sustainability__head_bg {
    height: 350rem;
  }
}
.sustainability__head_bg img {
  object-fit: cover;
  height: 100%;
}

/* 共通パーツ_コンテンツ */
.sustainability__content {
  margin-top: 50rem;
}

.sustainability__content_unit + .sustainability__content_unit {
  margin-top: 50rem;
}

.sustainability__content_unitHead {
  display: grid;
  gap: 4rem;
}
@media screen and (min-width: 576px) {
  .sustainability__content_unitHead {
    gap: 16rem;
    grid-template-columns: auto 1fr;
    align-items: center;
  }
}

.sustainability__content_unitDesc {
  margin-top: 8rem;
  font-weight: 400;
}

.sustainability__content_unitItem {
  display: grid;
  margin-top: 16rem;
}
@media screen and (min-width: 576px) {
  .sustainability__content_unitItem {
    gap: 18rem;
    grid-template-columns: 4.7em 1fr;
  }
}
@media screen and (min-width: 992px) {
  .sustainability__content_unitItem {
    grid-template-columns: 5.7em 1fr;
    gap: 26rem;
  }
}
.sustainability__content_unitItem:not(:first-of-type) {
  margin-top: 10rem;
}
.sustainability__content_unitItem > dt {
  font-family: "Figtree";
  font-weight: 500;
  letter-spacing: 0.05em;
}
.sustainability__content_unitItem > dt.ls-140 {
  letter-spacing: 0.14em;
}
.sustainability__content_unitItem.round-list__item:not(:last-child) {
  margin-bottom: 15rem;
}
@media screen and (min-width: 576px) {
  .sustainability__content_unitItem.round-list__item:not(:last-child) {
    margin-bottom: 5rem;
  }
}
.sustainability__content_unitItem.round-list__item::before {
  top: 0.7em;
}
@media screen and (min-width: 992px) {
  .sustainability__content_unitItem.round-list__item::before {
    top: 0.9em;
  }
}

.sustainability__content_unitItem_data {
  margin-top: 3rem;
}
.sustainability__content_unitItem_data > dd {
  font-size: 16rem;
  font-weight: 700;
  line-height: 1.5555555556;
}
@media screen and (min-width: 992px) {
  .sustainability__content_unitItem_data > dd {
    font-size: 18rem;
  }
}
.sustainability__content_unitItem_data > dd:not(:first-child) {
  margin-top: 12rem;
}
.sustainability__content_unitItem_data .detail {
  display: grid;
  gap: 20rem;
  grid-template-columns: 3.2em 1fr;
  font-size: 16rem;
}
.sustainability__content_unitItem_data .detail dt,
.sustainability__content_unitItem_data .detail dd {
  line-height: 1.75;
}
.sustainability__content_unitItem_data .detail dd {
  font-weight: 400;
}

/* 各セクション設定 */
.sustainability__message .ttl-pattern-1 {
  font-size: 28rem;
}
@media screen and (min-width: 400px) {
  .sustainability__message .ttl-pattern-1 {
    font-size: 34rem;
  }
}

.sustainability__message_ceo {
  display: flex;
  gap: 12rem;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 20rem;
}
@media screen and (min-width: 400px) {
  .sustainability__message_ceo {
    align-items: center;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .sustainability__message_ceo {
    margin-top: 40rem;
  }
}
.sustainability__message_ceo .name img {
  width: 170px;
}

.sustainability__environment,
.sustainability__quality,
.sustainability__social,
.sustainability__sdgs {
  margin-top: 100rem;
}
@media screen and (min-width: 768px) {
  .sustainability__environment,
  .sustainability__quality,
  .sustainability__social,
  .sustainability__sdgs {
    margin-top: 140rem;
  }
}

/* sdg */
.sustainability__sdgs_unit + .sustainability__sdgs_unit {
  margin-top: 30rem;
}

.sustainability__sdgs_unitHead {
  display: flex;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  gap: 15rem;
  padding-inline: 20rem;
  padding-block: 10rem;
  background-color: #F4F7FF;
  cursor: pointer;
}
@media screen and (min-width: 576px) {
  .sustainability__sdgs_unitHead {
    padding-inline: 25rem;
    padding-block: 15rem;
  }
}
.sustainability__sdgs_unitHead::-webkit-details-marker {
  /* Safari デフォルトの三角形アイコン非表示 */
  display: none;
}

.sustainability__sdgs_unitHead_text {
  font-size: 20rem;
  font-weight: 700;
  color: #0458A2;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .sustainability__sdgs_unitHead_text {
    font-size: 22rem;
  }
}

.sustainability__sdgs_unitHead_icon {
  position: relative;
  width: 20rem;
}
.sustainability__sdgs_unitHead_icon::before, .sustainability__sdgs_unitHead_icon::after {
  position: absolute;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 3rem;
  background-color: #0458A2;
}
.sustainability__sdgs_unitHead_icon::after {
  transform: rotate(-90deg);
  transition: transform 0.3s ease-in-out;
}
.sustainability__sdgs_unitHead_icon.is-open::after {
  transform: rotate(0deg);
}

.sustainability__sdgs_unitBody {
  overflow: hidden;
}

.sustainability__sdgs_unitBody_inner {
  padding-top: 15rem;
  padding-inline: 10rem;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 768px) {
  .sustainability__sdgs_unitBody_inner {
    padding-top: 33rem;
    padding-inline: 33rem;
  }
}

.sustainability__sdgs_unitBody_images {
  display: flex;
  gap: 10rem;
  flex-wrap: wrap;
}
.sustainability__sdgs_unitBody_images img {
  width: 90rem;
}
@media screen and (min-width: 576px) {
  .sustainability__sdgs_unitBody_images img {
    width: 100rem;
  }
}

.sustainability__sdgs_unitBody_content {
  padding: 15rem;
  margin-top: 15rem;
  background-color: #F5F5F5;
}
@media screen and (min-width: 576px) {
  .sustainability__sdgs_unitBody_content {
    margin-top: 20rem;
  }
}
@media screen and (min-width: 768px) {
  .sustainability__sdgs_unitBody_content {
    padding: 30rem;
  }
}

.sustainability__sdgs_unitBody_item + .sustainability__sdgs_unitBody_item {
  margin-top: 18rem;
}
.sustainability__sdgs_unitBody_item > dt {
  font-size: 18rem;
  font-weight: 700;
  line-height: 1.5555555556;
}
.sustainability__sdgs_unitBody_item > dd {
  font-weight: 400;
  margin-top: 4rem;
  line-height: 1.75;
}

.sustainability__sdgs_unitBody_subItem + .sustainability__sdgs_unitBody_subItem {
  margin-top: 18rem;
}
.sustainability__sdgs_unitBody_subItem dt {
  font-weight: 700;
  line-height: 1.75;
}
.sustainability__sdgs_unitBody_subItem .row {
  display: grid;
  gap: 10rem;
  grid-template-columns: 3.5em 1fr;
}
.sustainability__sdgs_unitBody_subItem .row:first-of-type {
  margin-top: 2rem;
}

/*  追加 - 20250702 */
.sustainability__sdgs_unitHead_icon::before, .sustainability__sdgs_unitHead_icon::after {
  top: 50%;
}

.sustainability__content_unitItem_data2 {
  margin-top: 3rem;
}
.sustainability__content_unitItem_data2 > .databox {
  font-size: 16rem;
  font-weight: 700;
  line-height: 1.5555555556;
}
@media screen and (min-width: 992px) {
  .sustainability__content_unitItem_data2 > .databox {
    font-size: 18rem;
  }
}
.sustainability__content_unitItem_data2 > .databox:not(:first-child) {
  margin-top: 12rem;
}
.sustainability__content_unitItem_data2 dl.detail {
  display: grid;
  gap: 20rem;
  grid-template-columns: 3.2em 1fr;
  font-size: 16rem;
}
.sustainability__content_unitItem_data2 dl.detail dt,
.sustainability__content_unitItem_data2 dl.detail dd {
  line-height: 1.75;
}
.sustainability__content_unitItem_data2 dl.detail dd {
  font-weight: 400;
}

.sustainability__sdgs_unitBody_subItem2 + .sustainability__sdgs_unitBody_subItem2 {
  margin-top: 18rem;
}
.sustainability__sdgs_unitBody_subItem2 dt {
  font-weight: 700;
  line-height: 1.75;
}
.sustainability__sdgs_unitBody_subItem2 .table {
  margin: 0;
  padding: 0;
}
.sustainability__sdgs_unitBody_subItem2 .table .row {
  display: grid;
  gap: 10rem;
  grid-template-columns: 3.5em 1fr;
}
.sustainability__sdgs_unitBody_subItem2 .table .row:first-of-type {
  margin-top: 2rem;
}/*# sourceMappingURL=style-sustainability.css.map */