/* 下層ページメインビジュアル */
.page_mv {
  height: auto;
  padding-bottom: var(--space-75);
}

.page_mv .container {
  color: #fff;
  padding: 35px 0;
}

.plating_head {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
  margin-bottom: 2em;
}
.plating_head--txt {
  max-width: calc(100% - 384px);
  width: 100%;
  @media screen and (max-width: 767px) {
    max-width: 100%;
  }
}
.cmn_headbox--content {
  padding-bottom: 46px;
  @media screen and (max-width: 767px) {
    padding-bottom: 24px;
  }
}
.plating_dl--item {
  display: flex;
  @media screen and (max-width: 767px) {
    flex-wrap: wrap;
  }
}
.plating_dt {
  font-weight: bold;
  color: var(--main-color);
  white-space: nowrap;
  &::after {
    content: "：";
  }
}

/* 特性 */
.property_list {
  display: flex;
  gap: 10px;
  @media screen and (max-width: 767px) {
    width: 100%;
    justify-content: flex-end;
    gap: 5px;
  }
}
.property_list--item {
  width: 50px;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--var-color, #656565);
  font-size: var(--font-15);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  @media screen and (max-width: 767px) {
    width: 40px;
    font-size: 1.3rem;
  }
}

/* 用途事例（一例） */
.table_outer .industry_table {
  margin-bottom: 3em;
  @media screen and (max-width: 767px) {
    margin-bottom: 1em;
  }
}
.industry_table .table_cell--header {
  width: 200px;
  padding: 1em 1.5em;
  font-weight: bold;
  @media screen and (max-width: 767px) {
    width: auto;
    padding: 1em;
  }
}
.industry_table.table_3column td {
  padding: 1em 1.5em;
  @media screen and (max-width: 767px) {
    padding: 1em;
  }
}
@media screen and (max-width: 767px) {
  .table_3column {
    min-width: 100%;
  }
}

/* リサイクル工程の流れ */
.plating_flow {
  counter-reset: num 0;
}
.plating_flow li {
  display: flex;
  padding-bottom: 0.5em;
  &::before {
    counter-increment: num 1;
    content: counter(num) '.';
    padding-right: 0.5em;
    white-space: nowrap;
  }
}

/* 事業所・グループ会社 */
.plating_table--sp {
  display: none;
  @media screen and (max-width: 767px) {
    display: block;
  }
}
.plating_table .table_head {
  border: 1px solid var(--main-color);
  background: var(--bg-color);
  font-size: var(--font-14);
  line-height: 1.5;
  color: #000;
}
.plating_table .table_head th {
  min-width: 62px;
  padding: 0.5em;
  border: 1px solid var(--main-color);
  white-space: nowrap;
}
.plating_table td {
  padding: 1em;
}
.plating_table td.plating_table--item {
  padding: 1.5em 0.25em;
  font-size: 1.2rem;
  text-align: center;
}
.plating_table td::after {
  content: "";
  display: none;
  width: 1.5em;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--main-color);
  margin: auto;
}
.suppor_num1 .plating_table--num1::after,
.suppor_num2 .plating_table--num2::after,
.suppor_num3 .plating_table--num3::after,
.suppor_num4 .plating_table--num4::after,
.suppor_num5 .plating_table--num5::after,
.suppor_num6 .plating_table--num6::after,
.suppor_num7 .plating_table--num7::after,
.suppor_num8 .plating_table--num8::after,
.suppor_num9 .plating_table--num9::after,
.suppor_num10 .plating_table--num10::after,
.suppor_num11 .plating_table--num11::after,
.suppor_num12 .plating_table--num12::after,
.suppor_num13 .plating_table--num13::after
{display: block;}

@media screen and (max-width: 767px) {
  .plating_table--sp {
    width: 100%;
  }
  .plating_table--sp th {
    padding: 0.5em 1em;
    border: 1px solid var(--main-color);
    background: var(--bg-color);
    line-height: 1.5;
    white-space: nowrap;
    font-size: var(--font-15);
  }

  .plating_table--sp td {
    width: 100%;
    padding: 0.5em 1.5em;
    border: 1px solid var(--main-color);
    background: #fff;
    font-size: var(--font-15);
  }
  .plating_table--sp td::after {
    width: 1.2em;
  }
  .plating_table--sp:has(td.plating_table--item) td {
    width: auto;
  }
}

/* もっと見るボタン */
.more_btn {
  text-align: center;
  a {
    max-width: 100%;
    width: auto;
    margin: 1.5em auto 0;
  }
}
@media screen and (max-width: 767px) {
  .more_btn a {
    white-space: wrap;
  }
}

/* 画像リスト */
.figure_list {
  margin: 0.5em auto;
  img {
    max-width: 100%;
    width: auto;
  }
  @media screen and (max-width: 767px) {
    justify-content: center;
  }
}
@media print, screen and (min-width: 768px) {
  .sentence figure {
    display: inline-block;
  }
}
.sentence figcaption {
  line-height: 2;
}

/* メリット */
.plating_meritlist li:not(:last-child) {
  margin: 1em 0;
}

/* 樹脂めっきテーブル */
.plastic_table {
  width: auto;
  margin: 1em 0;
  @media screen and (max-width: 767px) {
    width: 100%;
  }
}
.plastic_table th {
  padding: 1em 2em;
  @media screen and (max-width: 767px) {
    white-space: wrap;
  }
}
.plastic_table td {
  padding: 1em 2em;
  text-align: center;
}
.bullet_list li::before {
  color: var(--main-color);
}