@use "sass:math";
@media screen and (max-width: 767px) {
  .pageTitle__main img {
    width: 23rem;
  }
}

.harassmentSummary {
  margin-bottom: 10rem;
}

.harassmentPolicyContainer {
  width: 152rem;
  margin-inline: auto;
  max-width: 120rem;
}

@media screen and (max-width: 767px) {
  .harassmentPolicyContainer {
    max-width: 100%;
    padding: 0 2rem;
  }
}

.harassmentPolicyContainer__lead {
  margin-bottom: 6rem;
  line-height: 2;
}

.harassmentPolicyContainer__lead:before {
  content: '';
  margin-top: calc((1 - 2) * .5em);
}

.harassmentPolicyContainer__lead:after {
  margin-bottom: calc((1 - 2) * .5em);
}

.harassmentPolicyContainer__lead:before, .harassmentPolicyContainer__lead:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
}

@media screen and (max-width: 767px) {
  .harassmentPolicyContainer__lead {
    line-height: 1.8;
  }
  .harassmentPolicyContainer__lead:before {
    content: '';
    margin-top: calc((1 - 1.8) * .5em);
  }
  .harassmentPolicyContainer__lead:after {
    margin-bottom: calc((1 - 1.8) * .5em);
  }
  .harassmentPolicyContainer__lead:before, .harassmentPolicyContainer__lead:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
  }
}

.simpleList--counter li {
  counter-increment: item;
}

.simpleList--counter li::marker {
  content: "（" counter(item) "）";
}

.enactment_date {
  margin-top: 4rem;
}