img {
  max-width: 100%;
}
.lh {
  line-height: 1.5;
}
#corporate .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 1;
}
#corporate .scroll-hint-icon-white {
  background-color: rgba(204, 204, 204, 0.54);
  box-shadow: none;
}
#corporate .scroll-hint-icon-white:before {
  background-image: url(/wp/wp-content/themes/ios/corporate/img/icon_scroll.svg);
}

/*-----------------------------------------------------
 健康経営宣言
-----------------------------------------------------*/
/* #health_management_declaration .image {
  max-width: 540px;
  margin: auto;
} */
#health_management_declaration .head {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
#health_management_declaration .text {
  font-size: 16px;
  text-align: center;
  line-height: 1.85;
  & > span {
    display: none;
  }
  &.text--right {
    margin-top: 50px;
    text-align: right;
  }
}
/* SP */
@media (max-width: 767px) {
  #health_management_declaration .head {
    font-size: 18px;
  }
  #health_management_declaration .text {
    & > span {
      display: inline-block;
    }
    &.text--right {
      margin-top: 30px;
    }
  }
}

/*-----------------------------------------------------
 当社が掲げる健康経営戦略
-----------------------------------------------------*/
#health_management_strategy .image {
  margin-top: 40px;
}
#health_management_strategy .btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;

	background-image: url(/wp/wp-content/themes/ios/corporate/img/icon_expansion.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 28px;
  height: auto;
  aspect-ratio: 1 / 1;
  margin-top: 8px;
}
#health_management_strategy .anno {
  font-size: 11px;
  line-height: 1.65;
  margin-top: 30px;
}
/* SP */
@media (max-width: 767px) {
  #health_management_strategy .image {
    margin-top: 20px;
    width: 100%;
    overflow-x: scroll;
  }
  #health_management_strategy .image > img {
    width: 720px;
    max-width: max-content;
  }
}

#corporate .btn_in {
  background-color: rgba(230, 230, 230, 0.9);
  position: fixed;
  z-index: 101;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  text-align: center;
  width: 100%;
  height: 100vh;
  display: none;
}
#corporate .btn_in .btn_in_wrap {
  height: 100%;
  display: grid;
}
#corporate .btn_in .btn_in_icon {
  background-color: #fff;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px auto auto;
  cursor: pointer;
}
#corporate .btn_in .btn_in_icon::before,
#corporate .btn_in .btn_in_icon::after {
  content: "";
  width: 80%;
  height: 2.5px;
  background-color: #000;
  position: absolute;
  border-radius: 10px;
}
#corporate .btn_in .btn_in_icon::before {
  transform: rotateZ(45deg);
}
#corporate .btn_in .btn_in_icon::after {
  transform: rotateZ(-45deg);
}
#corporate .btn_in .btn_in_image {
  max-width: 980px;
  width: 100%;
  /* height: calc(100% - (100px + 60px)); */
  height: auto;
  aspect-ratio: 72 / 79;
  padding: 30px 20px 60px;
  margin: auto;
}

/*-----------------------------------------------------
 健康経営推進体制
-----------------------------------------------------*/
.promotion-system {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  column-gap: 20px;
  position: relative;
}
.promotion-system dl {
  border: 1px solid #f19716;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.promotion-system dl dt {
  background-color: #f19716;
  color: #fff;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
}
.promotion-system dl dd {
  text-align: center;
  padding: 15px 0;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.promotion-system dl dt, .promotion-system dl dd {
  line-height: 1.15;
}

.promotion-system dl:first-child {
  grid-column: 2 / 3;
  margin-bottom: 20px;
  &::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #f19716;
    display: inline-block;
  }
}
.promotion-system dl:nth-child(2) {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  margin-bottom: 20px;
}
.promotion-system dl:nth-child(3) {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  margin-bottom: 60px;
}
.promotion-system dl:nth-child(4) {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
  border-color: #3fa9f5;
  & > dt {
    background-color: #3fa9f5;
  }
}
.promotion-system dl:nth-child(5) {
  grid-row: 4 / 5;
  grid-column: 2 / 3;
  border-color: #7ac943;
  & > dt {
    background-color: #7ac943;
  }
}
.promotion-system dl:nth-child(6) {
  grid-row: 4 / 5;
  grid-column: 3 / 4;
}

.promotion-system::after,
.promotion-system dl:nth-child(2)::after,
.promotion-system dl:nth-child(4)::after,
.promotion-system dl:nth-child(5)::after,
.promotion-system dl:nth-child(6)::after {
  content: "";
  position: absolute;
  background-color: #f19716;
  display: inline-block;
}
.promotion-system::after {
  width: 1px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
.promotion-system dl:nth-child(2)::after {
  width: calc((100% / 2) + 22px);
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: calc(((100% / 2) + 22px)* -1);
}
.promotion-system dl:nth-child(4)::after,
.promotion-system dl:nth-child(6)::after {
  width: 1px;
  height: 25px;
  top: -25px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.promotion-system dl:nth-child(5)::after {
  width: calc(100% + (100% / 2) + (100% / 2) + 44px);
  height: 1px;
  top: -25px;
  left: calc(((100% / 2) + 22px) * -1);
}


/* SP */
@media (max-width: 767px) {
  .promotion-system {
    column-gap: 10px;
  }
  .promotion-system dl dt {
    padding: 8px 5px;
  }
  .promotion-system dl dd {
    padding: 10px 0;
  }
  .promotion-system dl:first-child {
    margin-bottom: 15px;
  }
  .promotion-system dl:nth-child(2) {
    margin-bottom: 15px;
  }
  .promotion-system dl:nth-child(3) {
    margin-bottom: 25px;
  }

  .promotion-system dl:nth-child(2)::after {
    width: calc((100% / 2) + 11px);
    left: calc(((100% / 2) + 11px)* -1);
  }
  .promotion-system dl:nth-child(4)::after,
  .promotion-system dl:nth-child(6)::after {
    height: 13px;
    top: -13px;
  }
  .promotion-system dl:nth-child(5)::after {
    width: calc(100% + (100% / 2) + (100% / 2) + 24px);
    top: -13px;
    left: calc(((100% / 2) + 12px) * -1);
  }
}

/*-----------------------------------------------------
 健康維持増進に向けた具体的な取り組み
-----------------------------------------------------*/
#health_management_attempt .head {
  font-weight: 600;
}
#health_management_attempt .attempt {
  padding-left: 1em;
  margin-top: 10px;
}
#health_management_attempt .head:not(:first-of-type) {
  margin-top: 40px;
}
#health_management_attempt .attempt > li {
  padding-left: 1.0em;
  text-indent: -1.0em;
}

/* SP */
@media (max-width: 767px) {
  #health_management_attempt .head:not(:first-of-type) {
    margin-top: 20px;
  }
}

/*-----------------------------------------------------
 健康で長く安心して働ける制度?環境づくりの推進状況
-----------------------------------------------------*/
#health_management_status {
  margin-bottom: 80px;
}
#health_management_status .status_table thead {
  background-color: #f9f3e4;
}
#health_management_status .status_table thead {
  border: 1px solid #dfdfdf;
}
#health_management_status .status_table thead tr th {
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  vertical-align: middle;
  padding: 5px 10px;
  border-right: 1px solid #dfdfdf;
}
#health_management_status .status_table thead tr:first-child th:last-child {
  border-right: none;
}
#health_management_status .status_table thead tr:first-child th:nth-child(1) {
  width: 20%;
}
#health_management_status .status_table thead tr:first-child th:nth-child(3) {
  width: 19%;
}
#health_management_status .status_table thead tr:first-child th:nth-child(2) {
  width: 38%;
  border-bottom: 1px solid #dfdfdf;
}
#health_management_status .status_table tbody tr {
  height: calc(7lh + 20px);
  border-bottom: 1px solid #dfdfdf;
}
#health_management_status .status_table tbody tr:nth-child(even) {
  background-color: #f7edd2;
}
#health_management_status .status_table tbody tr td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border-right: 1px solid #dfdfdf;
  line-height: 1.35;
}
#health_management_status .status_table tbody tr td:first-child {
  border-left: 1px solid #dfdfdf;
}
#health_management_status .status_table tbody tr td[style*="--Talign: left"] {
  text-align: left;
}

/* SP */
@media (max-width: 767px) {
  #health_management_status {
    margin-bottom: 40px;
  }
  #health_management_status .status {
    width: 100%;
    overflow-x: scroll;
  }
  #health_management_status .status_table {
    width: 720px;
  }
}