/*
# =================================================================
# 採用活動におけるハラスメント防止の取組み
# =================================================================*/
#harassment .mv {
  background: url(../../harassment/img/harassmentTtlBg.jpg) no-repeat center center / cover;
}
#harassment .pankuzu {
  margin: 0 0 80px 0;
}
#harassment .container .inner .contents {
  margin: 0 0 65px 0;
}
#harassment .container .inner .contents h2 {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #d5d8da;
  font-size: 21px;
  letter-spacing: .04em;
  position: relative;
}
#harassment .container .inner .contents h2::after {
  content: '';
  width: 125px;
  height: 1px;
  background: #e62119;
  position: absolute;
  bottom: -1px;
  left: 0;
}
#harassment .container .inner .contents h3 {
  padding: 0 0 0 5px;
  font-size: 16px;
}
#harassment .container .inner .contents p {
  margin: 0 0 30px 0;
  padding: 0 0 0 5px;
}
#harassment .container .inner .contents .link1 {
  padding: 0 0 0 38px;
  color: #000;
  text-decoration: underline;
  display: inline-block;
  position: relative;
  transition: .3s;
}
#harassment .container .inner .contents .link1::before {
  content: '';
  width: 26px;
  height: 26px;
  background: url(../../../img/iconArrow2.svg) no-repeat left top;
  position: absolute;
  top: 0;
  left: 0;
}
#harassment .container .inner .contents .link1:hover {
  opacity: .5;
}
#harassment .container .inner .contents .link1 img {
  position: relative;
  top: 5px;
  left: 10px;
}
#harassment .container .inner .contents table {
  border-top: 1px solid #d5d8da;
}
#harassment .container .inner .contents table th {
  width: 200px;
  padding: 15px 0;
  border-bottom: 1px solid #d5d8da;
  text-align: left;
}
#harassment .container .inner .contents table td {
  width: calc(100% - 200px);
  padding: 15px 0;
  border-bottom: 1px solid #d5d8da;
}
#harassment .container .inner .contents table td span {
  padding: 0 0 0 16px;
  font-size: 14px;
  display: block;
  position: relative;
}
#harassment .container .inner .contents table td span:nth-of-type(1) {
  margin: 10px 0 0 0;
}
#harassment .container .inner .contents table td span::before {
  content: '※';
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

/*
# =================================================================
# レスポンシブ要素
# =================================================================*/
/* 4K:2560px */
/* PC:1920px */

/* laptop NotePC L */
@media screen and (max-width: 1440px) {
}

/* laptop NotePC */
@media screen and (max-width: 1024px) {
}

/* tablet */
@media screen and (max-width: 767.98px) {
  #harassment .mv {
    margin: 0 0 50px 0;
  }
  #harassment .container .inner .contents .link1 {
    transition: none;
  }
  #harassment .container .inner .contents .link1:hover {
    opacity: 1;
  }
  #harassment .container .inner .contents table th {
    width: 100%;
    padding: 15px 0 0 0;
    border-bottom: none;
    display: block;
  }
  #harassment .container .inner .contents table td {
    width: 100%;
    padding: 10px 0 15px 0;
    display: block;
  }
}

/* mobile L */
@media screen and (max-width: 450px) {
  #harassment .mv {
    background: url(../../harassment/img/harassmentTtlBg_sp.jpg) no-repeat center center / cover;;
  }
  #harassment .mv {
    padding: 40px 0;
  }
  #harassment .container .inner .contents {
    margin: 0 0 45px 0;
  }
  #harassment .container .inner .contents h2 {
    font-size: 4.8vw;
  }
  #harassment .container .inner .contents p {
    padding: 0;
    font-size: 4.2vw;
  }
  #harassment .container .inner .contents table th {
    font-size: 4.2vw;
  }
  #harassment .container .inner .contents table td {
    font-size: 4.2vw;
  }
  #harassment .container .inner .contents table td span {
    font-size: 3.8vw;
  }
}

/* mobile M */
@media screen and (max-width: 375px) {
}

/* mobile S */
@media screen and (max-width: 320px) {
}