/*about > health*/
.hoge {
  display: block;
}
@media only screen and (max-width: 767px) {
  .hoge {
    display: none;
  }
}

section.contents {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 4.5%;
}
@media only screen and (max-width: 767px) {
  section.contents {
    max-width: 91%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  h1.in_h1 {
    opacity: 0.2;
    letter-spacing: 0.249em;
    margin-left: 6px;
    margin: 0px 0 60px;
  }
}

h2.in_h2 {
  letter-spacing: 0.1em;
  margin-left: 5px;
}
h2.in_h2 span {
  letter-spacing: 0.062em;
  margin-left: -5px;
  line-height: 1.56;
}
@media only screen and (max-width: 767px) {
  h2.in_h2 {
    letter-spacing: 0.085em;
    margin-left: 2px;
    font-size: 2.6rem;
    margin-bottom: 39px;
  }
  h2.in_h2 span {
    letter-spacing: 0.061em;
    margin-top: 12px;
    margin-left: -3px;
  }
  h2.in_h2 + .in_health_text {
    margin-top: -9px;
  }
}

.in_health_box {
  position: relative;
  display: block;
  background-color: #E9E9E9;
  padding: 39px 15px 39px;
  margin-bottom: 94px;
}
.in_health_box__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.in_health_box__ttl {
  display: block;
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 17px;
}
.in_health_box__content p {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .in_health_box {
    margin-bottom: 82px;
    padding: 38px 19px 39px;
  }
  .in_health_box__ttl {
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 21px;
  }
  .in_health_box__content p {
    font-size: 1.4rem;
    text-align: left;
    line-height: 2;
  }
}

.in_health_text {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .in_health_text {
    text-align: left;
    line-height: 2;
    margin-bottom: 41px;
  }
}

.in_health_media {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 94px;
}
.in_health_media__inner {
  max-width: 800px;
  width: 100%;
}
.in_health_media__inner picture,
.in_health_media__inner img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .in_health_media {
    margin-bottom: 81px;
  }
}

section.contents .in_health_tbl {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.contents .in_health_tbl__item {
  max-width: 795px;
  width: 100%;
}
section.contents .in_health_tbl__item thead {
  background-color: #E9E9E9;
}
section.contents .in_health_tbl__item thead tr th,
section.contents .in_health_tbl__item thead tr td {
  vertical-align: middle;
  font-weight: 300;
}
section.contents .in_health_tbl__item thead tr th {
  padding: 4px 21px 6px;
  width: 25%;
  letter-spacing: 0.056em;
  padding: 4px 20px 6px;
}
section.contents .in_health_tbl__item thead tr th:first-child {
  letter-spacing: 0.063em;
  width: 25%;
}
section.contents .in_health_tbl__item thead tr th:nth-child(2) {
  padding-left: 54px;
}
section.contents .in_health_tbl__item thead tr th:last-child {
  padding-right: 62px;
}
section.contents .in_health_tbl__item tbody tr th,
section.contents .in_health_tbl__item tbody tr td {
  font-weight: 300;
  vertical-align: middle;
  color: #000000;
}
section.contents .in_health_tbl__item tbody tr th {
  letter-spacing: 0.008em;
  font-size: 1.7rem;
  width: 25%;
  padding: 31px 21px 20px;
  transform: translateY(-5px);
}
section.contents .in_health_tbl__item tbody tr th + td {
  padding-left: 49px;
}
section.contents .in_health_tbl__item tbody tr td {
  width: 25%;
  padding: 32px 5px 29px 11px;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}
section.contents .in_health_tbl__item tbody tr td div {
  font-size: 2.8rem;
  line-height: 1.2;
  letter-spacing: 0.03em;
  font-family: "Open Sans", sans-serif;
  max-width: 6.7rem;
  text-align: right;
  margin: 0 auto;
}
section.contents .in_health_tbl__item tbody tr td div span {
  font-size: 1.6rem;
  margin-left: 2px;
}
section.contents .in_health_tbl__item tbody tr td:first-child {
  padding-left: 45px;
}
section.contents .in_health_tbl__item tbody tr td:last-child {
  padding-left: 5px;
  padding-right: 37px;
}
section.contents .in_health_tbl__item tbody tr + tr th {
  padding-top: 27px;
  padding-bottom: 30px;
}
section.contents .in_health_tbl__item tbody tr + tr td {
  padding-top: 27px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  section.contents .in_health_tbl__item {
    max-width: 100%;
  }
  section.contents .in_health_tbl__item thead tr th {
    padding: 8px 4px 9px;
    font-size: 1.3rem;
    width: 24%;
  }
  section.contents .in_health_tbl__item thead tr th:first-child {
    width: 28%;
    padding-right: 3px;
    padding-left: 8px;
  }
  section.contents .in_health_tbl__item thead tr th:nth-child(2) {
    padding-left: 0;
  }
  section.contents .in_health_tbl__item thead tr th:nth-child(3) {
    padding-left: 7px;
  }
  section.contents .in_health_tbl__item thead tr th:last-child {
    padding-right: 0px;
    padding-left: 9px;
  }
  section.contents .in_health_tbl__item tbody tr th {
    padding: 5px 3px 5px 8px;
    font-size: 1.3rem;
    width: 28%;
    letter-spacing: 0.06em;
    line-height: 1.6;
    transform: translateY(2px);
  }
  section.contents .in_health_tbl__item tbody tr th + td {
    padding-left: 2px;
    padding-right: 12px;
  }
  section.contents .in_health_tbl__item tbody tr td {
    padding: 21px 9px 18px;
    width: 24%;
  }
  section.contents .in_health_tbl__item tbody tr td:first-child {
    padding-left: 5px;
  }
  section.contents .in_health_tbl__item tbody tr td:last-child {
    padding-right: 2px;
  }
  section.contents .in_health_tbl__item tbody tr td div {
    font-size: 2.4rem;
    letter-spacing: 0.018em;
  }
  section.contents .in_health_tbl__item tbody tr td div span {
    font-size: 1.3rem;
    margin-left: 0;
  }
  section.contents .in_health_tbl__item tbody tr + tr th {
    padding-top: 14px;
    padding-bottom: 15px;
  }
  section.contents .in_health_tbl__item tbody tr + tr td {
    padding-top: 18px;
    padding-bottom: 15px;
  }
}

ul.other {
  max-width: 1145px;
  margin: 0 auto;
  padding: 0 4.5%;
  margin-top: 164px;
}
ul.other li {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  ul.other {
    margin-top: 101px;
  }
}

@media only screen and (max-width: 767px) {
  aside {
    padding-bottom: 54px;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}/*# sourceMappingURL=style.css.map */