@charset "UTF-8";

/* Sustainability Top CSS .sustainability-
============================================================================= */

/* H2 */
.sustainability-h2 {
  text-align: center;
  line-height:1;
}
.sustainability-h2 > span {
  display:block;
}
.sustainability-h2 > ._ff-sen {
  font-size:.63rem;
}
.sustainability-h2 > :not(._ff-sen) {
  margin-block-start:.20rem;
  font-size:.32rem;
}
@media (min-width:1024px) {
}
@media (max-width:1023px) {
  .sustainability-h2 > ._ff-sen {
    font-size:.40rem;
  }
  .sustainability-h2 > :not(._ff-sen) {
    margin-block-start:.12rem;
    font-size:.28rem;
  }
}


/* Conetnts */
.sustainability-contents {
  display:flex;
  flex-direction: column;
  row-gap:1.50rem;
  margin-block-start:1.50rem;
}
.sustainability-contents-item {
  display:flex;
}
.sustainability-contents-item-heading {
  line-height:1;
}
.sustainability-contents-item-heading > span {
  display:block;
}
.sustainability-contents-item-heading > ._ff-sen {
  font-size:.36rem;
}
.sustainability-contents-item-heading > :not(._ff-sen) {
  margin-block-start:.10rem;
  font-size:.24rem;
}
@media (min-width:1024px) {
  .sustainability-contents-item {
    column-gap:.60rem;
  }
  .sustainability-contents-item.type01 {
    justify-content: center;
  }
  .sustainability-contents-item.type01 .sustainability-contents-item-img {
    max-width: 300px;
  }
  .sustainability-contents-item.type01 .sustainability-contents-item_text {
    max-width: 600px;
  }
  .sustainability-contents-item:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .sustainability-contents-item > * {
    flex:1;
  }
}
@media (max-width:1023px) {
  .sustainability-contents {
    row-gap:.80rem;
    margin-block-start:.80rem;
  }
  .sustainability-contents-item {
    flex-direction: column;
  }
  .sustainability-contents-item-img {
    margin: 0.24rem auto 0;
  }
  .sustainability-contents-item_text {
    display:contents;
  }
  .sustainability-contents-item-heading {
    order:-1;
    text-align: center;
  }
  .sustainability-contents-item-heading > ._ff-sen {
    font-size:.32rem;
  }
  .sustainability-contents-item-heading > :not(._ff-sen) {
    font-size:.22rem;
  }
}


/* SDGS Table */
.sustainability-sdgs {
  border-top:1px solid var(--border-color-gray-A);
  width:100%;
}
.sustainability-sdgs th {
  text-align: left;
  line-height:var(--lh-heading-A);
}
.sustainability-sdgs-td_img {
  text-align: center;
}
.sustainability-sdgs-td_img > div {
  display:flex;
  justify-content: center;
  gap:.12rem;
}
.sustainability-sdgs-td_img > div img {
  width:.80rem;
}
.sustainability-sdgs .layout-bullet-A-item {
  margin-block-start: 0;
  font-weight:700;
}

@media (min-width:1024px) {
  .sustainability-sdgs th {
    text-align: left;
  }
  .sustainability-sdgs :is(th,td) {
    border-bottom:1px solid var(--border-color-gray-A);
    padding-block:.28rem;
    width:calc(100% / 3);
  }
}
@media (max-width:1023px) {
  :is(.sustainability-sdgs,.sustainability-sdgs :is(tr,tbody,th,td)) {
    display:block;
  }
  .sustainability-sdgs thead {
    display:none;
  }
  .sustainability-sdgs tbody tr {
    border-bottom:1px solid var(--border-color-gray-A);
    padding-block:.24rem;
  }
  .sustainability-sdgs :is(th,td)::before {
    display:block;
    margin-block-end:.08rem;
    font-weight:400;
    color:var(--text-color-A);
  }
  .sustainability-sdgs-th::before {
    content:"事業";
  }
  .sustainability-sdgs-td_list {
    margin-block-start:.20rem;
  }
  .sustainability-sdgs-td_list::before {
    content:"対応するSDGs";
  }
  .sustainability-sdgs-td_img {
    margin-block-start:.16rem;
  }
}