@charset "UTF-8";
/*******************************
// 採用企業様向けよくある質問 ページ専用スタイル
//
// /company-faq/ はレイアウト・マークアップとも /faq/（faq.css）を共用し、
// 本ファイルは配色のみ採用企業管理画面（style-saiyou.scss）のカラーへ上書きする。
// メイン #3164B1（--company-main）／薄青背景 #EEF2F9（--light-blue）／リンク #003EE5（--link-blue）。
// 本文ラッパは <div class="p-page-faq p-page-faq--company"> で、モディファイア配下にスコープ。
// faq.css より後に読み込むこと（inc/custom-header.php で page-faq を依存指定）。
********************************/
/* ヒーローは company-guide と同じ「英字ラベル＋採用企業様向けバッジ＋タイトル」構成。
   英字ラベルは faq.css の hero-title::before ではなく実要素 __hero-en で出すため ::before を無効化する。 */
.p-page-faq--company .p-page-faq__hero-title::before {
  content: none;
}
.p-page-faq--company .p-page-faq__hero-en {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #3164B1;
}
@media screen and (min-width: 768px) {
  .p-page-faq--company .p-page-faq__hero-en {
    margin-bottom: 30px;
  }
}
.p-page-faq--company .p-page-faq__hero-badge {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #161616;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #161616;
}
@media screen and (min-width: 768px) {
  .p-page-faq--company .p-page-faq__hero-badge {
    font-size: 18px;
  }
}
.p-page-faq--company .p-page-faq__hero-title::after {
  background-color: #3164B1;
}
.p-page-faq--company .p-page-faq__nav {
  background-color: #EEF2F9;
}
.p-page-faq--company .p-page-faq__nav-link {
  border-color: #3164B1;
}
.p-page-faq--company .p-page-faq__nav-link:hover {
  background-color: #EEF2F9;
  border-color: #3164B1;
  color: #3164B1;
}
.p-page-faq--company .p-page-faq__nav-link.is-active {
  background-color: #3164B1;
  border-color: #3164B1;
  color: #ffffff;
}
.p-page-faq--company .p-page-faq__category-title {
  border-left-color: #3164B1;
}
.p-page-faq--company .p-page-faq__q-badge {
  background-color: #3164B1;
}
.p-page-faq--company .p-page-faq__q-icon::before,
.p-page-faq--company .p-page-faq__q-icon::after {
  background-color: #3164B1;
}
.p-page-faq--company .p-page-faq__a-badge {
  background-color: #EEF2F9;
  color: #3164B1;
}
.p-page-faq--company .p-page-faq__a-body li::before {
  background-color: #3164B1;
}
.p-page-faq--company .p-page-faq__a-body a {
  color: #003EE5;
}