@charset "UTF-8";
/*===========================================================================*/
/*  media quary  */
/*===========================================================================*/
@import "/recruit/css/common.css";
/*==================================================================*/
/* harassment css　*/
/*==================================================================*/
#harassment .read {
  margin-bottom: 3em;
}
#harassment .harassment-box {
  margin-bottom: 3em;
}
#harassment .harassment-box h2 {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  font-size: 1.3rem;
  font-weight: bold;
  color: #0080cc;
  margin-bottom: 0.5em;
  color: #0080cc;
}
#harassment .harassment-box ul {
  list-style: disc;
  padding-left: 1.5em;
}
#harassment .harassment-box ul li {
  margin-bottom: 0.5em;
  line-height: 1.6;
}
#harassment .harassment-box p a {
  text-decoration: underline;
}
#harassment .harassment-box p a:hover {
  text-decoration: none;
}
#harassment .madoguchi {
  background: #fff;
  padding: 2em;
}
#harassment .madoguchi h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #0080cc;
  margin-bottom: 1em;
}
#harassment .madoguchi dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
#harassment .madoguchi dl dt {
  font-weight: bold;
  width: 80px;
}

@media screen and (max-width: 479px) {
  #harassment .madoguchi {
    padding: 1.5em;
  }
}