@charset "utf-8";
/*------------------------------------------
 *  sds用CSS
 *------------------------------------------*/
.p-sub-sds {
  margin-top: calc(40 / 16 * 1rem);
}
/* PC */
@media screen and (min-width: 768px) {
  .p-sub-sds {
    margin-bottom: calc(120 / 16 * 1rem);
  }
}
.p-sub-sds__table-wrap {
  overflow: auto;
}
.p-sub-sds__table {
  max-width: 800px;
  margin-inline: auto;
  border-top: solid 1px var(--color-font-base);
  border-left: solid 1px var(--color-font-base);
}
.p-sub-sds__table th,
.p-sub-sds__table td {
  border-right: solid 1px var(--color-font-base);
  border-bottom: solid 1px var(--color-font-base);
}
.p-sub-sds__table th {
  background-color: var(--color-navy);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: clamp(13px, calc(16 / 1320 * 100vw), 16px);
  line-height: 1.6;
  letter-spacing: 0;
  padding-block:clamp(8px, calc(11 / 1320 * 100vw), 11px); 
  vertical-align: middle;
}
.p-sub-sds__table th:first-of-type {
  width: 50%;
}
.p-sub-sds__table th:nth-of-type(4),
.p-sub-sds__table th:nth-of-type(3) {
  width: 15%;
}
.p-sub-sds__table td {
  padding: clamp(12px, calc(24 / 1320 * 100vw), 24px);
  vertical-align: middle;
  font-weight: 400;
  font-size: clamp(15px, calc(18 / 1320 * 100vw), 18px);
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}
.p-sub-sds__table td:first-of-type {
  text-align: left;
  background-color: var(--color-light-gray);
}
.p-sub-sds__table td:nth-of-type(4) ,
.p-sub-sds__table td:nth-of-type(3) {
  padding-inline: clamp(4px, calc(8 / 1320 * 100vw), 8px);
}
.p-sub-sds__table td:nth-of-type(4) img ,
.p-sub-sds__table td:nth-of-type(3) img {
  width: clamp(30px, calc(40 / 1320 * 100vw), 40px);
}
.p-sub-sds__table td a {
  display: block;
}
/* 小さいSP */
@media screen and (max-width: 375px) {
  .p-sub-sds__table th:first-of-type {
    width: 60%;
  }
  .p-sub-sds__table th:nth-of-type(2) {
    width: 10%;
  }
}
/* lity.js*/
#sds .lity-iframe-container {
  padding-top: 100vh;
}