@font-face {
  font-family: "DIN Alternate Bold";
  font-style: normal;
  font-weight: normal;
  src: local("DIN Alternate Bold"), url("../font/DINAlternate-Bold.woff") format("woff");
}
.l-pagetitle__inner::after {
  content: "HARASSMENT";
}
.l-pagetitle span {
  font-size: inherit;
  margin-left: 0;
}

.p-rule__lead {
  padding: clamp(40px, -19.1626213592px + 15.7766990291vw, 170px) 0 0;
}
.p-rule__lead-ttl {
  font-size: clamp(1.125rem, 1.0112257282rem + 0.4854368932vw, 1.375rem);
  margin-bottom: clamp(12px, 9.2694174757px + 0.7281553398vw, 18px);
}
.p-rule__lead div p ~ p {
  margin-top: 1.5em;
}
.p-rule__item {
  margin-top: clamp(50px, 27.2451456311px + 6.067961165vw, 100px);
}
.p-rule__item-ttl {
  font-size: clamp(1.125rem, 1.0112257282rem + 0.4854368932vw, 1.375rem);
  margin-bottom: clamp(12px, 9.2694174757px + 0.7281553398vw, 18px);
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 0.4em;
  margin-bottom: clamp(25px, 18.1735436893px + 1.8203883495vw, 40px);
}
.p-rule__item div > p:first-child {
  margin-bottom: clamp(20px, 15.4490291262px + 1.213592233vw, 30px);
}
.p-rule__item div > ul {
  margin-left: 1.5em;
  margin-bottom: clamp(20px, 15.4490291262px + 1.213592233vw, 30px);
}
.p-rule__item div > ul > li {
  list-style: outside;
}
.p-rule__item div > ul > li ~ li {
  margin-top: clamp(10px, 7.7245145631px + 0.6067961165vw, 15px);
}
.p-rule__item div > ul > li p {
  margin: clamp(10px, 5.4490291262px + 1.213592233vw, 20px) 0 clamp(30px, 20.8980582524px + 2.427184466vw, 50px);
}
.p-rule__item div > ul > li:last-child p {
  margin-bottom: 0;
}