:root {
  --viewport-width: min(100vw, 1600px);
  --b: calc(var(--viewport-width) / 160);
}

#chemicals .commonDivisions__list__item.chemicals {
  display: none;
}
#chemicals .preface__wrapper {
  padding-top: max(12rem, 70px);
  padding-top: max(8rem, 50px);
}
#chemicals .preface__image {
  border-radius: max(0.6rem, 6px);
  overflow: hidden;
  width: 100%;
  min-height: 300px;
  aspect-ratio: 256/93;
  margin-bottom: max(4rem, 30px);
}
@media screen and (max-width: 550px) {
  #chemicals .preface__image {
    min-height: 200px;
  }
}
#chemicals .preface__image img {
  width: 100%;
  height: 100%;
  object-position: 30%;
}
#chemicals .preface h4 {
  font-size: max(2rem, 16px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: max(1rem, 10px);
}
#chemicals .lineup__wrapper {
  padding-top: max(8rem, 50px);
}
#chemicals .lineup__title {
  color: #fff;
  font-size: max(3rem, 22px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  display: block;
  width: 100%;
  padding: max(2.5rem, 20px) max(4.5rem, 20px);
  margin-bottom: max(5.5rem, 30px);
  background: linear-gradient(300deg, #30B8D8, #389A60 60%, #3A9447);
  border-radius: max(0.6rem, 6px);
  overflow: hidden;
}
#chemicals .lineup__content {
  display: grid;
  gap: max(6rem, 30px);
}
#chemicals .lineup__table thead {
  border-bottom: max(0.2rem, 2px) solid #3A9447;
}
#chemicals .lineup__table thead th {
  padding-bottom: max(2rem, 15px);
}
#chemicals .lineup__table thead th h4 {
  color: #3A9447;
  font-size: max(2rem, 16px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
#chemicals .lineup__table tbody tr:not(:last-of-type) {
  border-bottom: max(0.2rem, 2px) solid #dff5e4;
}
#chemicals .lineup__table tbody th,
#chemicals .lineup__table tbody td {
  font-size: max(1.6rem, 13px);
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: max(2rem, 10px) max(3rem, 10px);
}
#chemicals .lineup__table tbody th.empty,
#chemicals .lineup__table tbody td.empty {
  text-align: center;
  vertical-align: middle;
}
#chemicals .lineup__table tbody th {
  width: 20%;
  min-width: 150px;
  font-weight: 500;
  background: #F6F7F5;
}
#chemicals .lineup__table tbody td {
  font-weight: 400;
}