/* ------------------------------------------------- */
/* 就活ハラスメント防止ポリシー --------------------- */
/* ------------------------------------------------- */
/* ヘッダとフッタは採用サイトのもの、それ以外はコーポレートサイトの
   プライバシーポリシー（privacy.php）と同じ見た目にする。
   下の数値は privacy.php をブラウザで実測した値（2026-09-09）。

     PC   : 幅 850px / 13px / 行の高さ 19px（line-height: normal）/ ウェイト 400 /
            文字色 #000 / 地色 #eaeae9 / 白カード padding 20px 38px / 見出し中央・120%
     SP   : 幅 90%  / 13.5px / 行の高さ 24.3px（180%）/ 白カード padding 10px 20px /
            見出し左寄せ・120%（コーポレート側の SP 切替は 640px）

   節と節の空きは privacy.php の <br><br><br>（＝空行 2 つ）に合わせている。
   sass は用意していない（pages_newgrads.css と同じ扱い。CSS を直接編集する）。 */

/* ヘッダーを出しっぱなしにする ------------------- */
/* このページはトップ画像が無いので、ヘッダーは最初の描画から固定表示のままにする。
   ・HTML 側で #top-head に fixed を付けている
   ・style.js の「scrollTop 500 で fixed を付け外し」はページ内スクリプトで止めている
   ・下の指定は JS を待たずに固定にするための保険。top の transition も切って、
     スクロール時に一瞬動いて見えることが無いようにする */
#top-head,
#top-head.fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
  padding: 0;
  background: rgba(136, 136, 136, 0.95);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

/* 本文 ------------------------------------------- */
#harassmentPage {
  background-color: #eaeae9;
}

#harassmentPage .policy_area {
  width: 850px;
  max-width: 90%;
  margin: 0 auto;
  /* 上は固定ヘッダー（72px）ぶんを空ける */
  padding: 72px 0 96px;
  text-align: center;
  color: #000;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

#harassmentPage .policy_page_ttl {
  margin: 68px 0 40px;
  font-size: 120%;
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
}

#harassmentPage .policy_box {
  padding: 20px 38px;
  background: #fff;
  text-align: left;
}

/* 見出し・段落・リストはすべて本文と同じサイズ・同じウェイトにする
   （privacy.php の「■ 見出し」は本文と同じ 13px / weight 400 のため） */
#harassmentPage .policy_box h2,
#harassmentPage .policy_box h3,
#harassmentPage .policy_box p,
#harassmentPage .policy_box ul,
#harassmentPage .policy_box li {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: normal;
}

/* 冒頭・節間・末尾の空き（privacy.php の <br> の数に合わせる） */
#harassmentPage .policy_box .policy_date {
  margin-top: 38px;
}
#harassmentPage .policy_box h2 {
  margin-top: 38px;
}
#harassmentPage .policy_box h3 {
  margin-top: 19px;
}
#harassmentPage .policy_box .policy_end {
  margin-bottom: 38px;
}
/* 丸数字（①〜④）の小見出しの下にある本文・箇条書きは 1 字下げる
   （原稿の字下げに合わせる。原稿で 4 章④だけ下がっていないのは揃え漏れとして揃えている）。
   相談窓口の見出しの下は原稿どおり下げない */
#harassmentPage .policy_box h3:not(.policy_contact_ttl) + p,
#harassmentPage .policy_box h3:not(.policy_contact_ttl) + ul {
  margin-left: 1em;
}
/* 相談窓口の見出しは原稿で空行を挟んでいるので、節と同じ空きにする */
#harassmentPage .policy_box .policy_contact_ttl {
  margin-top: 38px;
}

/* 原稿の「●」書きに合わせたぶら下げリスト */
#harassmentPage .policy_box ul {
  list-style: none;
}
#harassmentPage .policy_box li {
  padding-left: 1em;
  text-indent: -1em;
}
/* 記号は依頼元の指定で「小さい ●」。幅は 1 文字分のまま、見た目だけ縮める */
#harassmentPage .policy_box li:before {
  content: "●";
  display: inline-block;
  width: 1em;
  text-indent: 0;
  text-align: center;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

#harassmentPage .policy_box a {
  text-decoration: underline;
}

/* 768以下: ヘッダーが 80px のモバイル表示になる ---- */
@media screen and (max-width: 768px) {
  #harassmentPage .policy_area {
    padding-top: 80px;
  }
}

/* 640以下: コーポレート側の SP 切替に合わせる ------ */
@media screen and (max-width: 640px) {
  #harassmentPage .policy_area {
    width: 90%;
    max-width: none;
    padding-bottom: 64px;
    text-align: left;
    font-size: 13.5px;
    line-height: 1.8;
  }
  #harassmentPage .policy_box {
    padding: 10px 20px;
  }
  #harassmentPage .policy_box .policy_date,
  #harassmentPage .policy_box .policy_contact_ttl,
  #harassmentPage .policy_box h2 {
    margin-top: 48px;
  }
  #harassmentPage .policy_box h3 {
    margin-top: 24px;
  }
  #harassmentPage .policy_box .policy_end {
    margin-bottom: 48px;
  }
}