@charset "UTF-8";
.pagevisual {
  background: url(../img/pv.png) no-repeat center;
  background-size: cover;
  @media screen and (max-width: 767px) {
    h1 {
      font-size: min(2.4rem, 5vw);
    }
  }
}
@media screen and (max-width: 767px) {
  .pankuzu_list {
    flex-wrap: initial;
    white-space: nowrap;
    overflow: auto;
  }
}
.indent {
  display: block;
}
.block {display: block;}
.ml17 {margin-left: 1.7em;}
.sec_h2 {
  letter-spacing: 4px;
  margin-bottom: 30px;
  font-weight: bold;
  & + p {font-weight: initial;}
  @media screen and (max-width: 767px) {
    letter-spacing: 2.4px;
  }
}

.red_txt {color: #D91E1E;}

.harassment_outer {
  position: relative;
  background: #F1EFE9;
  padding: 16px 0 80px;
  line-height: 1.7;
  letter-spacing: 1.6px;
  img {
    width: auto;
    height: auto;
  }
}
.harassment_sec {
  position: relative;
  &:not(:last-child) {margin-bottom: 65px;}
  p {
    letter-spacing: 1.6px;
    span {letter-spacing: 1.6px;}
  }
  @media screen and (max-width: 767px) {
    &:not(:last-child) {margin-bottom: 45px;}
  }
}
.harassment_whiteBlock {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 35px 65px;
  &:not(:last-child) {
    margin-bottom: 35px;
  }
  &:has(+ .harassment_sec) {margin-bottom: 65px;}
  .harassment_sec:not(:last-child) {margin-bottom: 45px;}
  @media screen and (max-width: 767px) {
    padding-inline: 5%;
    &:has(+ .harassment_sec) {margin-bottom: 45px;}
    .harassment_sec:not(:last-child) {margin-bottom: 35px;}
  }
}
.harassment_subHead {
  color: #533F3D;
  font-size: 1.6rem;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  margin-bottom: 10px;
  padding-left: 1.7em;
  text-indent: -1.7em;
  & ~ * {
    padding-left: 1.7em;
  }
  @media screen and (max-width: 767px) {
    & ~ * {padding-left: 0;}
  }
}
.harassment_indentLists {
  padding-left: calc(1.7em + 1em)!important;
  padding-block: 0.25em;
  li {
    display: flex;
  }
  li::before {
    content: '・';
  }
  @media screen and (max-width: 767px) {
    padding-left: 0!important;
  }
}