.text {
  line-height: 1.77;
  font-size: 18px;
}

.sec-safety1 .lead {
  margin: 0 auto min(20px, calc(20 / 1400 * 100vw)) auto;
  width: min(780px, calc(780 / 1400 * 100vw));
}

.button-wrap {
  display: flex;
  flex-wrap: wrap;
}

.button-wrap.pos-center {
  justify-content: center;
}

.button-wrap .button {
  display: flex;
}

.button-wrap .button a {
  text-align: center;
  font-weight: 700;
  border: 1px solid var(--color-beige-text);
  transition: all 0.3s;
  background: var(--color-beige-text);
  color: var(--color-white);
  border-radius: min(10px, calc(10 / 1400 * 100vw));
  padding: min(3px, calc(3 / 1400 * 100vw)) 0;
  width: min(300px, calc(300 / 1400 * 100vw));
  font-size: 21px;
}

.safety-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto min(50px, calc(50 / 1400 * 100vw)) auto;
  width: min(670px, calc(670 / 1400 * 100vw));
  gap: min(20px, calc(20 / 1400 * 100vw));
}

.safety-list .item {
  width: min(210px, calc(210 / 1400 * 100vw));
}

.safety-list .caption {
  text-align: center;
  margin-top: 0.5em;
  font-weight: 700;
  line-height: 1.77;
  font-size: 18px;
}

.item-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: min(780px, calc(780 / 1400 * 100vw));
  gap: min(50px, calc(50 / 1400 * 100vw));
}

@media print and (hover: hover), screen and (min-width: 769px) and (hover: hover) {
  .button-wrap .button a:hover {
    background: var(--color-white);
    color: var(--color-beige-text);
  }
}

@media screen and (min-width: 769px) and (-ms-high-contrast: active), screen and (min-width: 769px) and (-ms-high-contrast: none) {
  .button-wrap .button a:hover {
    background: var(--color-white);
    color: var(--color-beige-text);
  }
}

@media only screen and (max-width: 768.8px) {
  .text {
    font-size: 1.8rem;
  }

  .sec-safety1 .lead {
    width: 89.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }

  .button-wrap .button a {
    font-size: 2.1rem;
  }

  .button-wrap .button a {
    width: 80vw;
    border-radius: 2.6666666667vw;
    padding: 0.8vw 0;
  }

  .safety-list {
    width: 89.3333333333vw;
    gap: 4vw;
    margin-bottom: 13.3333333333vw;
  }

  .safety-list .item {
    width: 42.6666666667vw;
  }

  .safety-list .caption {
    font-size: 1.4rem;
  }

  .item-wrap {
    width: 89.3333333333vw;
    gap: 16vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1399.8px) {
  .text {
    font-size: 1.8rem;
  }

  .button-wrap .button a {
    font-size: 2.1rem;
  }

  .safety-list .caption {
    font-size: 1.8rem;
  }
}