/*
 Theme Name: HiTalent Corp Child
 Template: hitalent-corp
*/

/* メンバー・アドバイザーの役職が真っ黒になるのを本文と同じ色に戻す
   （tlp-team プラグインの .tlp-position { color: initial } 対策） */
.rt-team-container .tlp-position,
.rt-team-container .tlp-position a {
	color: #414141 !important;
}

/* ==== recruit pages: ここから（build_recruit_pages.py が管理）==== */
/* ===== 採用ページ（/recruit/ 配下）2026-09-18 =====
   方針＝**Notion（Super）の構造をコピーし、色・ボタン・字組みをコーポレートサイトに合わせる。**
   Notion側は「左に固定ナビ＋中央1カラム・見出しは左寄せ」だったので、そこは踏襲する。
   親テーマ style.css の `.btn`（250×80のピル・primary #000050 / secondary #44BCFF）は
   全ページで読まれるので流用し、足りないものだけここに足す。
   設置は `pr/owned-media-infra/build_recruit_pages.py css`（FTPで子テーマの style.css に追記）。 */
/* 🔴 親テーマは `main{overflow:hidden}`。これがあると position:sticky が効かないので、
   採用ページを含む main だけ外す（:has が効かないブラウザでは追従しないだけで崩れない） */
main:has(.recruit) { overflow: visible; }
/* 左ナビをやめて1カラムにした（2026-09-18）。導線は上のヘッダーバーが持つ。
   🔴 grid のまま子を1つにすると、本文が220pxのナビ用の列に入って潰れる。 */
.recruit { width: 1000px; max-width: 92%; margin: 0 auto; padding: 0 0 80px; color: #414141; line-height: 2; }
.recruit a { text-decoration: none; }
.recruit-main { min-width: 0; }

/* 左の固定ナビ（Notion と同じ位置）
   🔴 sticky は「グリッドの升目いっぱいに伸びた箱」の中で動く。
   aside 自体に sticky を付けると箱が中身の高さしか無く、動く余地がないので追従しない。
   伸ばすのは aside、sticky を付けるのは中の __inner。 */
.recruit-nav { align-self: stretch; padding-top: 90px; }
.recruit-nav__inner { position: sticky; top: 40px; }
.recruit-nav ul { list-style: none; margin: 0; padding: 0; }
.recruit-nav li + li { margin-top: 18px; }
.recruit-nav a { color: #414141; font-size: 15px; }
.recruit-nav a:hover { color: #44BCFF; }
.recruit-nav .current { color: #000050; font-weight: 600; }
.recruit .recruit-nav .btn { width: 100%; height: 56px; line-height: 56px; margin-top: 32px; font-size: 15px; }

/* 見出し・本文 */
.recruit-hero { padding: 80px 0 24px; border-bottom: 1px solid #E5EAF0; margin-bottom: 40px; }
.recruit-hero h1 { font-size: 34px; line-height: 1.5; color: #000050; }
.recruit-section { padding: 40px 0; }
.recruit-section h2 { text-align: left; font-size: 26px; color: #000050; margin-bottom: 20px; }
/* 🔴 親テーマの `h2:after` は `position:absolute; top:75px; left:0`。position を戻さないと
   本文の上に青い帯が重なる（2026-09-18 に実際に起きた）。 */
.recruit .recruit-section h2:after { content: ""; position: static; display: block; width: 40px; height: 3px; margin-top: 14px; background-image: none; background: #44BCFF; }
.recruit .recruit-hero h1:after { content: none; }
.recruit-section--bg { padding: 36px 40px; margin: 40px 0; background: #F6F9FC; border-radius: 16px; }
.recruit-lead p + p { margin-top: 1em; }
.recruit-prose h3 { font-size: 19px; color: #000050; margin: 32px 0 12px; }
.recruit-prose h4 { font-size: 16px; color: #000050; margin: 24px 0 10px; }
.recruit-prose p + p { margin-top: 1em; }
.recruit-prose ul { padding-left: 1.3em; }

/* ボタン */
/* 🔴 親テーマの `.btn.secondary{margin-top:50px}` と同じ強さだと、親が後に読まれる分だけ
   親が勝ち、2つ目のボタンだけ50px下にずれる。`.recruit` を足して必ず打ち勝つ。 */
.recruit-btns { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; margin-top: 28px; }
.recruit-btns a.btn { margin-top: 0; width: auto; min-width: 240px; padding: 0 28px; height: 60px; line-height: 60px; font-size: 15px; }
a.btn.primary, a.btn.secondary { color: #FEFEFE; }
.recruit-btns a.btn.secondary, .recruit-bar a.btn.secondary { margin-top: 0; }

/* note のカード */
.recruit-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 24px; }
.recruit-card { display: block; padding: 22px; background: #fff; border: 1px solid #E5EAF0; border-radius: 12px; color: #414141; transition: transform .2s, box-shadow .2s; }
.recruit-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 0, 80, .08); }
.recruit-card__tag { display: inline-block; margin-bottom: 10px; padding: 2px 12px; border-radius: 100px; background: #000050; color: #fff; font-size: 11px; line-height: 1.9; }
.recruit-card h3 { font-size: 14px; line-height: 1.7; margin-bottom: 8px; }
.recruit-card p { font-size: 12px; line-height: 1.9; color: #6B7280; }

/* 募集ポジション */
.recruit-jobs { display: grid; gap: 16px; margin-top: 24px; }
.recruit-job { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 26px; background: #fff; border: 1px solid #E5EAF0; border-radius: 12px; color: #414141; font-size: 16px; transition: border-color .2s; }
.recruit-job:hover { border-color: #44BCFF; }
.recruit-job em { font-style: normal; color: #44BCFF; }

/* 求人票（2026-09-30 組み直し。まひろ指摘＝余白が多く間延び・一画面に入る情報が少ない）
   見出しを左・中身を右の2列にし、行間と段落の間を詰める。
   🔴 親テーマの `p{font-size:18px;line-height:2em}` `p+p{margin-top:50px}` `*+h4{margin-top:20px}`
   `article ul li+li{margin-top:10px}` が効いていたのが間延びの主因。親は子より後に読まれるので
   `.recruit` を頭に付けて必ず打ち勝つ。 */
.recruit-hero--compact { padding: 24px 0 16px; margin-bottom: 0; }
.recruit-hero--compact + .recruit-section { padding-top: 8px; }
.recruit .recruit-hero__lead { margin-top: 8px; font-size: 16px; line-height: 1.8; color: #414141; }
.recruit-section.recruit-spec { padding-bottom: 24px; }
.recruit-spec__row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px;
  padding: 18px 0; border-bottom: 1px solid #E5EAF0; }
.recruit .recruit-spec__row h3 { margin: 0; font-size: 15px; line-height: 1.8; font-weight: 700; color: #000050; }
.recruit .recruit-spec__body, .recruit .recruit-spec__body p { font-size: 15px; line-height: 1.8; }
.recruit .recruit-spec__body p + p { margin-top: .5em; }
.recruit .recruit-spec__body h4 { margin: 14px 0 2px; font-size: 14px; line-height: 1.8; font-weight: 700; color: #000050; }
.recruit .recruit-spec__body h4:first-child { margin-top: 0; }
.recruit .recruit-spec__body ul { margin: 2px 0 0; padding-left: 1.2em; }
.recruit .recruit-spec__body ul li { list-style: disc; }
.recruit .recruit-spec__body ul li + li { margin-top: 2px; }
.recruit .recruit-spec__body p + ul, .recruit .recruit-spec__body ul + p { margin-top: .5em; }
.recruit .recruit-spec__body a { color: #1f7fd0; text-decoration: underline; }
.recruit .recruit-spec .recruit-btns { margin-top: 28px; }
@media (max-width: 800px) {
  .recruit-spec__row { grid-template-columns: 1fr; gap: 4px; padding: 14px 0; }
}

.recruit-embed { margin-top: 24px; }
.recruit-embed iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.recruit-table { width: 100%; margin-top: 24px; border-collapse: collapse; }
.recruit-table th, .recruit-table td { padding: 14px 16px; border-bottom: 1px solid #E5EAF0; text-align: left; vertical-align: top; }
.recruit-table th { width: 180px; font-weight: 500; color: #000050; }
.recruit-figure { max-width: 420px; margin: 24px 0; }
.recruit-figure img { display: block; width: 100%; height: auto; border-radius: 12px; }
.recruit-figure figcaption { margin-top: 10px; font-size: 13px; color: #6B7280; }


@media (max-width: 1000px) {

  .recruit-nav { padding-top: 40px; }
  .recruit-nav__inner { position: static; }
  .recruit-nav ul { display: flex; flex-wrap: wrap; gap: 20px; }
  .recruit-nav li + li { margin-top: 0; }
  .recruit .recruit-nav .btn { width: 240px; margin-top: 20px; }
  .recruit-hero { padding-top: 32px; }
}
@media (max-width: 800px) {
  .recruit { width: 90%; }
  .recruit-hero h1 { font-size: 26px; }
  .recruit-section h2 { font-size: 22px; }
  .recruit-cards { grid-template-columns: 1fr; }
  .recruit-section--bg { padding: 24px 20px; }
  .recruit-btns .btn { width: 100%; min-width: 0; }
}

/* ===== トップページ（/recruit/）2026-09-18 追加 =====
   まひろ要望＝「全体をシームレスに」「一番上に採用らしい写真」「代表写真をブツッと貼らない」
   「HiTalent Way をもっと出す」「ピッチ資料を埋め込んでいる感に」「会社情報は消す」。
   全幅にするのは `width:100vw; margin-left:calc(50% - 50vw)`。
   🔴 これは「要素の中心＝ページの中心」でないとズレる。だからトップだけ左ナビを外してある。 */
.recruit--wide { display: block; width: auto; padding-bottom: 0; }
.recruit--wide .recruit-main { width: 1000px; margin: 0 auto; }
.recruit-bleed, .recruit-fv, .recruit-message, .recruit-way, .recruit-pitch, .recruit-cta {
  width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
}

/* ファーストビュー */
.recruit-fv { margin-top: -70px; padding: 150px 0 120px; background-size: cover; background-position: center; color: #fff; }
.recruit-fv__inner { width: 1000px; max-width: 90%; margin: 0 auto; }
.recruit-fv__eyebrow { margin-bottom: 18px; font-size: 13px; letter-spacing: .3em; color: #44BCFF; }
.recruit-fv h1 { font-size: 44px; line-height: 1.5; font-weight: 700; color: #fff; }
.recruit-fv__lead { max-width: 720px; margin-top: 28px; font-size: 15px; line-height: 2.1; color: rgba(255,255,255,.88); }
.recruit-fv__lead p + p { margin-top: 1em; }
.recruit-fv .recruit-btns { margin-top: 40px; }

/* 代表メッセージ＝写真を背景に溶かす
   🔴 2026-09-30 まひろ指摘＝「左寄り過ぎ」。全幅を半分に割って文字を中央線に右寄せしていたので、
   画面幅が狭いほど文字が左端に貼り付いていた（1280pxで x=80、他の本文は x=140）。
   背景は全幅のまま、中身はファーストビューと同じ 1000px（狭い画面は左右5vw）の中に収める。 */
.recruit-message { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 40px;
  box-sizing: border-box; padding-left: max(5vw, calc((100vw - 1000px) / 2)); padding-right: max(5vw, calc((100vw - 1000px) / 2));
  background: linear-gradient(180deg, #fff 0%, #F3F7FC 100%); }
.recruit-message__text { justify-self: stretch; width: auto; max-width: none; padding: 90px 0; }
.recruit-message__text h2 { font-size: 26px; color: #000050; margin-bottom: 20px; }
.recruit-message__photo { position: relative; align-self: end; }
.recruit-message__photo img { display: block; width: 100%; max-width: 460px; margin-left: auto;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%), linear-gradient(0deg, transparent 0%, #000 18%);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0%, #000 22%), linear-gradient(0deg, transparent 0%, #000 18%);
  mask-composite: intersect; }
.recruit-message__photo span { position: absolute; left: 24px; bottom: 28px; font-size: 13px; color: #6B7280; }
.recruit-catch { font-size: 19px; line-height: 1.9; font-weight: 600; color: #000050; margin-bottom: 14px; }

/* HiTalent Way＝紺地で大きく取る */
.recruit-way { padding: 100px 0; background: #000050; color: rgba(255,255,255,.86); }
.recruit-way__head { width: 1000px; max-width: 90%; margin: 0 auto 48px; text-align: center; }
.recruit-way__head h2 { font-size: 30px; color: #fff; margin-bottom: 22px; }
.recruit-way__head .recruit-catch { color: #fff; font-size: 22px; line-height: 1.8; }
.recruit-way__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 1100px; max-width: 90%; margin: 0 auto; }
.recruit-way__card { padding: 32px 28px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; }
.recruit-way__card span { display: block; margin-bottom: 14px; font-size: 12px; letter-spacing: .24em; color: #44BCFF; }
.recruit-way__card h3 { font-size: 18px; line-height: 1.7; color: #fff; margin-bottom: 12px; }
.recruit-way__card p { font-size: 13px; line-height: 2; }
.recruit-way .recruit-btns { justify-content: center; }

/* 採用ピッチ資料＝枠線を出さず、背景と一体に */
.recruit-pitch { padding: 90px 0; background: #F3F7FC; }
.recruit-pitch .recruit-inner { width: 960px; max-width: 90%; margin: 0 auto; text-align: center; }
.recruit-pitch h2 { font-size: 26px; color: #000050; margin-bottom: 16px; }
.recruit-pitch .recruit-embed { margin-top: 32px; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,80,.14); }

/* 求人情報＝締めのCTA帯 */
.recruit-cta { padding: 80px 0; background: linear-gradient(120deg, #000050, #123c8c); color: rgba(255,255,255,.9); }
.recruit-cta .recruit-inner { width: 900px; max-width: 90%; margin: 0 auto; text-align: center; }
.recruit-cta h2 { font-size: 26px; color: #fff; margin-bottom: 16px; }
.recruit-cta .recruit-btns { justify-content: center; }

/* note カードに記事のサムネイルを載せる */
.recruit-card.has-img { padding: 0; overflow: hidden; }
/* 記事のサムネは切らずに全体を見せる（2026-09-22 まひろ指摘＝頭が切れていた） */
/* 🔴 note のサムネは 1280x670（約1.91:1）。枠を16:9にすると左右が切れて文字が欠ける
   （2026-09-22 まひろ指摘）。サムネと同じ比率にして全体を収める。 */
.recruit-card__img { display: block; width: 100%; aspect-ratio: 1280 / 670; background-size: cover; background-position: center; }
.recruit-card__body { display: block; padding: 20px 22px 24px; }

@media (max-width: 1000px) {
  .recruit--wide .recruit-main { width: 90%; }
  .recruit-fv { padding: 110px 0 80px; }
  .recruit-fv h1 { font-size: 30px; }
  .recruit-message { grid-template-columns: 1fr; gap: 0; padding-left: 5vw; padding-right: 5vw; }
  .recruit-message__text { padding: 70px 0 30px; }
  /* 🔴 肩書きは写真の左下に重ねているので、写真を中央に置くとスーツと被る
     （2026-09-22 まひろ指摘）。右へ寄せて、左の白い余白に肩書きが乗るようにする。 */
  .recruit-message__photo { width: 100%; margin: 0 auto; }
  .recruit-message__photo img { margin: 0 0 0 auto; max-width: 300px; }
  .recruit-message__photo span { left: 4px; bottom: 16px; }
  .recruit-way__cards { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .recruit-fv h1 { font-size: 24px; }
  .recruit-way { padding: 64px 0; }
  .recruit-pitch, .recruit-cta { padding: 56px 0; }
}

/* 採用ページのヘッダー（子テーマの sub-header.php が出す）
   2026-09-18 まひろ要望＝既存の白いヘッダーをそのまま使い、そこに導線を載せる */
.sub-header--recruit { position: sticky; top: 0; z-index: 60; background: #fff; border-bottom: 1px solid #E9EEF4; }
.sub-header--recruit nav.cf { display: flex; align-items: center; justify-content: space-between; gap: 32px;
  width: 1200px; max-width: 94%; margin: 0 auto; padding: 14px 0; }
/* 🔴 親テーマは `.sub-header nav figure{height:80px;float:left}`＋`figure a{height:80px}`。
   そのままだと足した文字が80pxの箱からはみ出してヘッダーの外に落ちる。 */
.sub-header--recruit nav.cf figure { height: auto; float: none; margin: 0; display: flex; align-items: center; }
/* ロゴ＋RECRUIT を「ひとつのマーク」として見せる。
   🔴 区切り線を入れて離すと、RECRUIT が単独のボタンのように見えてしまう
   （2026-09-18 まひろ指摘）。線を外し、間を詰め、ロゴと同じ紺・同じ太さでそろえる。 */
.sub-header--recruit nav.cf figure a.recruit-brand { display: flex; align-items: center; gap: 9px;
  height: auto; line-height: 1; }
.sub-header--recruit nav.cf figure a.recruit-brand img { display: block; height: 24px; width: auto; padding: 0; }
/* 🔴 ベースラインを合わせる。ロゴSVG（viewBox 0 0 1704 500）の文字部は y=134〜364 で、
   height:24px で描くと文字の高さ11.0px・ベースラインは上から17.5px。
   一方 align-items:center で置いた15pxの文字はベースラインが上から16.2pxに来るため、
   **1.3px だけ上にずれる**。その分を下げて、ロゴの「HiTalent」と同じ線にそろえる。 */
.recruit-brand span { font-family: 'futura-pt-bold', 'futura-pt', 'Noto Sans Japanese', sans-serif;
  font-size: 15px; font-weight: 700; letter-spacing: .08em; color: #000050;
  position: relative; top: 1.3px; }
.recruit-brand:hover { opacity: .7; }

.recruit-headnav { display: flex; gap: 26px; list-style: none; margin: 0 auto 0 0; padding: 0; }
.recruit-headnav a { color: #414141; font-size: 14px; text-decoration: none; }
.recruit-headnav a:hover { color: #44BCFF; }
.recruit-headnav .current { color: #000050; font-weight: 600; }
.recruit-headcta { display: flex; align-items: center; gap: 14px; }
.recruit-headcta__link { color: #6B7280; font-size: 13px; text-decoration: none; white-space: nowrap; }
.recruit-headcta__link:hover { color: #000050; }
.sub-header--recruit a.btn { display: inline-block; width: auto; min-width: 0; height: 38px; line-height: 38px;
  padding: 0 20px; margin-top: 0; font-size: 13px; border-radius: 100px; color: #FEFEFE; white-space: nowrap; }
/* スマホのヘッダー
   2026-09-22 まひろ指摘＝マークが中央に来て不自然／縦に長い → 2段にまとめた。
   🔴 2026-10-06 まひろ指摘＝実際は3段（109px）に積まれ、リンクは左寄せ・ボタンは右寄せで段がずれて見えた。
   PCの1行（ロゴ・リンク5つ・ボタン）は幅およそ900px未満で入りきらない（375pxで3段・109pxを実測）。
   → 「ロゴ／中途採用／メニュー」の1段にし、残りのリンクはメニューの中へ移す。
   リンクとメニューの中身は sub-header.php が出す（PC の並びはそのまま＝PC の見た目は変わらない）。 */
.recruit-menubtn, .recruit-drawer { display: none; }
@media (max-width: 1000px) {
  .sub-header--recruit { --recruit-bar: 56px; }
  .sub-header--recruit nav.cf { gap: 10px; height: var(--recruit-bar); padding: 0; }
  .sub-header--recruit nav.cf figure { flex: 1 1 auto; width: auto; min-width: 0; }
  .sub-header--recruit nav.cf figure a.recruit-brand { gap: 7px; }
  .sub-header--recruit nav.cf figure a.recruit-brand img { height: 22px; }
  .recruit-brand span { font-size: 13px; letter-spacing: .06em; top: 1.2px; }
  .recruit-headnav, .recruit-headcta__link { display: none; }
  .sub-header--recruit a.btn { height: 34px; line-height: 34px; padding: 0 16px; font-size: 13px; }

  /* メニューボタン（三本線 → 開くと×） */
  .recruit-menubtn { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;
    width: 40px; height: 40px; margin-right: -8px; padding: 0; border: 0; background: none; cursor: pointer; }
  .recruit-menubtn span { display: block; width: 22px; height: 2px; border-radius: 2px; background: #000050;
    transition: transform .2s, opacity .2s; }
  .sub-header--recruit.is-open .recruit-menubtn span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .sub-header--recruit.is-open .recruit-menubtn span:nth-child(2) { opacity: 0; }
  .sub-header--recruit.is-open .recruit-menubtn span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  /* メニューの中身＝ヘッダーの真下に白い板を下ろす */
  .recruit-drawer { position: absolute; top: 100%; left: 0; right: 0; background: #fff;
    border-bottom: 1px solid #E9EEF4; box-shadow: 0 12px 24px rgba(0, 0, 80, .08); }
  .sub-header--recruit.is-open .recruit-drawer { display: block; }
  .recruit-drawer ul { width: 94%; margin: 0 auto; padding: 4px 0 12px; list-style: none; }
  .recruit-drawer li + li { border-top: 1px solid #EEF2F6; }
  .recruit-drawer a { display: block; padding: 15px 2px; color: #414141; font-size: 15px; line-height: 1.5; text-decoration: none; }
  .recruit-drawer a.current { color: #000050; font-weight: 600; }
  /* 新卒・コーポレートはPCと同じく一段下げた灰色で */
  .recruit-drawer li:nth-last-child(-n+2) a { color: #6B7280; font-size: 14px; }

  /* 🔴 親テーマは `article{padding-top}` を 800px以下で120px・600px以下で100px に増やす（固定ヘッダー用の余白）。
     ファーストビューの `margin-top:-70px` はPCの70pxしか打ち消さないので、スマホではヘッダーの下に
     30〜50pxの白い帯が出ていた。採用ページのヘッダーは sticky（流れの中にある）ので余白は要らない。 */
  body.is-recruit article { padding-top: 0; }
  body.is-recruit .recruit-fv, body.is-recruit .recruit-msg__fv { margin-top: 0; }
}
@media (max-width: 380px) {
  .sub-header--recruit nav.cf figure a.recruit-brand img { height: 20px; }
  .recruit-brand span { font-size: 12px; top: 1px; }
  .sub-header--recruit a.btn { padding: 0 13px; }
}

/* ヘッダーのリンクから本文の位置へ動かす（2026-09-18 まひろ要望）
   🔴 ヘッダーが sticky なので、余白を取らないと見出しがヘッダーの下に隠れる */
html:has(body.is-recruit) { scroll-behavior: smooth; }
.recruit-section[id], .recruit-section--bg[id] { scroll-margin-top: 110px; }

/* ===== 代表メッセージ / HiTalent Way（2026-09-18 作り込み）===== */
/* 代表メッセージ：一文を大きく、写真は背景に溶かす */
.recruit-msg__fv { width: 100vw; margin-left: calc(50% - 50vw); margin-top: -70px;
  background: linear-gradient(180deg, #F3F7FC 0%, #fff 100%); }
.recruit-msg__fvinner { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end;
  width: 1100px; max-width: 92%; margin: 0 auto; }
.recruit-msg__fvtext { padding: 110px 0 90px; }
.recruit-msg__fvtext h1 { font-size: 38px; line-height: 1.6; color: #000050; }
.recruit-msg__photo img { display: block; width: 100%; max-width: 420px; margin-left: auto;
  -webkit-mask-image: linear-gradient(0deg, transparent 0%, #000 16%);
  mask-image: linear-gradient(0deg, transparent 0%, #000 16%); }
.recruit-msg__body { max-width: 720px; margin: 0 auto; font-size: 16px; line-height: 2.2; }
.recruit-msg__body p + p { margin-top: 1.6em; }
.recruit-msg__sign { margin-top: 48px; text-align: right; font-size: 14px; line-height: 2; color: #6B7280; }
.recruit-msg__sign strong { display: inline-block; margin-top: 4px; font-size: 18px; color: #000050; }

/* HiTalent Way：用語の定義・Mission の帯・Credo の番号付き */
/* 冒頭＝MVVの図＋短い定義 */
.recruit-way__note { margin-top: 18px; font-size: 15px; }
.recruit-way__matrix { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 40px; margin-top: 32px; }
.recruit-way__matrix img { display: block; width: 100%; }
.recruit-way__defs { display: grid; gap: 12px; }
.recruit-way__def { padding: 14px 18px; background: #F6F9FC; border-radius: 10px; }
.recruit-way__def span { display: block; margin-bottom: 4px; font-size: 12px; letter-spacing: .18em; color: #44BCFF; }
.recruit-way__def p { font-size: 13px; line-height: 1.9; color: #6B7280; }

/* Mission＝白地に大きく。紺のベタ帯は最下部のCTAと見た目が同じで「フッターみたい」になる
   （2026-09-18 まひろ指摘）ので使わない。 */
.recruit-way__mission { margin: 64px 0; padding: 56px 0; border-top: 1px solid #E5EAF0; border-bottom: 1px solid #E5EAF0; text-align: center; }
.recruit-way__mission span { display: block; margin-bottom: 20px; font-size: 12px; letter-spacing: .26em; color: #44BCFF; }
.recruit-way__mission h2 { font-size: 30px; line-height: 1.7; color: #000050; margin-bottom: 20px; }
.recruit-way__mission h2:after { content: none; }
.recruit-way__mission p { max-width: 720px; margin: 0 auto; color: #6B7280; }

/* Vision＝本文の横に写真。いまは枠だけ置いて、あとで写真を入れる */
.recruit-way__vision { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; }
.recruit-photo-slot { margin: 0; padding: 28px 24px; min-height: 240px; display: flex; flex-direction: column;
  justify-content: center; gap: 10px; background: #F6F9FC; border: 2px dashed #C9D6E5; border-radius: 14px; text-align: center; }
.recruit-photo-slot span { font-size: 13px; letter-spacing: .1em; color: #7A8493; }
.recruit-photo-slot p { font-size: 12px; line-height: 1.9; color: #9AA5B4; }

.recruit-credo { display: grid; gap: 18px; margin-top: 8px; }
.recruit-credo__item { display: flex; gap: 22px; padding: 26px 28px; background: #fff;
  border: 1px solid #E5EAF0; border-radius: 14px; }
.recruit-credo__item span { font-family: 'futura-pt-bold', sans-serif; font-size: 22px; color: #44BCFF; line-height: 1.4; }
.recruit-credo__item h3 { font-size: 17px; color: #000050; margin-bottom: 8px; }
.recruit-credo__item p { font-size: 14px; line-height: 2; color: #6B7280; }
.recruit-section--bg > h2 { text-align: left; font-size: 26px; color: #000050; margin-bottom: 20px; }

@media (max-width: 1000px) {
  .recruit-msg__fvinner { grid-template-columns: 1fr; }
  .recruit-msg__fvtext { padding: 70px 0 20px; }
  .recruit-msg__photo img { margin: 0 auto; }
  .recruit-way__defs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .recruit-msg__fvtext h1 { font-size: 26px; }
  .recruit-way__defs { grid-template-columns: 1fr; }
}
/* 🔴 ここに閉じ括弧が無く、以降のCSS全部が「幅800px以下のときだけ有効」になっていた
   （2026-09-22。ファーストビューの見出しが紺にならず白のままだったのはこれが原因）。
   CSSを削る編集をしたときに、@media の閉じ括弧を巻き込んで消したのが発端。 */
.recruit-credo { display: grid; gap: 18px; margin-top: 8px; }
.recruit-credo__item { display: flex; gap: 22px; padding: 26px 28px; background: #fff;
  border: 1px solid #E5EAF0; border-radius: 14px; }
.recruit-credo__item span { font-family: 'futura-pt-bold', sans-serif; font-size: 22px; color: #44BCFF; line-height: 1.4; }
.recruit-credo__item h3 { font-size: 17px; color: #000050; margin-bottom: 8px; }
.recruit-credo__item p { font-size: 14px; line-height: 2; color: #6B7280; }
.recruit-section--bg > h2 { text-align: left; font-size: 26px; color: #000050; margin-bottom: 20px; }

@media (max-width: 1000px) {
  .recruit-msg__fvinner { grid-template-columns: 1fr; }
  .recruit-msg__fvtext { padding: 70px 0 20px; }
  .recruit-msg__photo img { margin: 0 auto; }
  .recruit-way__defs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .recruit-msg__fvtext h1 { font-size: 26px; }
  .recruit-way__defs { grid-template-columns: 1fr; }
  .recruit-way__band { padding: 56px 0; }
  .recruit-way__band h2 { font-size: 22px; }
  .recruit-credo__item { flex-direction: column; gap: 8px; }
}

@media (max-width: 1000px) {
  .recruit-way__matrix, .recruit-way__vision { grid-template-columns: 1fr; }
}

/* ファーストビューの明るい版（2026-09-22 まひろ判断）
   参考にした他社も既存の /career/ も明るいトーンだったため、白をかぶせて文字を紺にする。 */
.recruit-fv--light { color: #414141; }
.recruit-fv--light .recruit-fv__eyebrow { color: #1f7fd0; }
.recruit-fv--light h1 { color: #000050; text-shadow: 0 1px 0 rgba(255,255,255,.6); }
.recruit-fv--light .recruit-fv__lead { color: #33404f; }

/* Vision の写真（枠だったところ） */
.recruit-photo { margin: 0; }
.recruit-photo img { display: block; width: 100%; border-radius: 14px; }

/* 新卒へのテキストリンク（2026-09-28 阿部さん案＝中途をメインにし、新卒は消さずに目立たせない）
   ファーストビューは .recruit の外にあるので、.recruit を前に付けない */
.recruit-sublink { margin-top: 18px; font-size: 13px; line-height: 1.8; }
.recruit-sublink a { color: #6B7280; text-decoration: underline; text-underline-offset: 3px; }
.recruit-sublink a:hover { color: #000050; }
.recruit-section .recruit-sublink { margin-top: 32px; }
/* 紺地（ファーストビュー・締めのCTA）では白の半透明にする */
.recruit-fv .recruit-sublink a, .recruit-cta .recruit-sublink a { color: rgba(255,255,255,.72); }
.recruit-fv .recruit-sublink a:hover, .recruit-cta .recruit-sublink a:hover { color: #fff; }
/* 🔴 ファーストビューは .recruit の外なので `.recruit a{text-decoration:none}` が届かず、
   ボタンの文字に下線が出ていた（2026-09-28 実測）。ボタン側で消す */
.recruit-btns a.btn { text-decoration: none; }

/* 2026-09-30 まひろ「他ページも確認して」で見つけたもの */
/* ① HiTalent Way の Value カードが白地で見えていなかった。トップの紺の帯用のカード
   （白文字・半透明の白背景）を白地の節にそのまま置いていたため。白地に置くときの色を足す */
.recruit-section .recruit-way__cards { width: auto; max-width: none; margin: 24px 0 0; }
.recruit-section .recruit-way__card { background: #fff; border: 1px solid #E5EAF0; }
.recruit-section .recruit-way__card h3 { color: #000050; }
.recruit-section .recruit-way__card p { color: #414141; }
/* ② 最後の紺の帯（募集中のポジション／求人情報）とフッターの間に白い帯が挟まっていた。
   本文下の余白（.recruit と親テーマの .entry-content の padding-bottom）を、帯で終わるページだけ外す */
.recruit:has(.recruit-cta) { padding-bottom: 0; }
.entry-content:has(.recruit-cta) { padding-bottom: 0; }
/* ==== recruit pages: ここまで ==== */

/* ==== recruit stories: ここから（build_recruit_stories.py が管理）==== */
/* ===== 採用オウンドメディア（/recruit/stories/）2026-10-06 =====
   設置は `pr/owned-media-infra/build_recruit_stories.py css`（FTPで子テーマの style.css にマーカーで入れ替え）。
   方針（他社16サイトの実地調査から。正本は Work `広報/コーポレートサイト/採用オウンドメディア/20261006_他社調査/README.md`）
     ・色は紺 #000050 を線・ラベル・ボタンにだけ使い、面には塗らない（締めの帯だけは採用ページ共通の .recruit-cta）
     ・写真は文字を載せない実写を3:2で大きく／タイトルに！？を使わない／実名・役割・入社年月・経歴を出す
     ・見出しはゴシック（service.hitalent.me の明朝と変える）。英字ラベルは採用ページの RECRUIT と同じ futura
   🔴 親テーマの素の指定が強い（`p{font-size:18px}` `p+p{margin-top:50px}` `h2{display:inline-block;font-size:45px}`
      `h2:after{position:absolute;…}` `h2+*{margin-top:30px}` `article a{color:#44BCFF;text-decoration:underline}`
      `article ul li{list-style-type:disc}` `ol,ul{padding-inline-start:40px}`）。**全部 `.recruit.rs` を頭に付けて打ち勝つ**。 */

.recruit.rs { width: 1080px; max-width: 92%; color: #414141; line-height: 1.9;
  font-family: 'Noto Sans Japanese', 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; }
.recruit.rs h1, .recruit.rs h2, .recruit.rs h3 { display: block; position: static; margin: 0; color: #1d2340;
  font-family: 'Noto Sans Japanese', 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-weight: 700; letter-spacing: .02em; text-wrap: balance; }
.recruit.rs h1:after, .recruit.rs h2:after, .recruit.rs h3:after { content: none; }
.recruit.rs p { margin: 0; font-size: 16px; line-height: 2; }
.recruit.rs ul, .recruit.rs ol { margin: 0; padding: 0; }
.recruit.rs li { list-style: none; margin: 0; }
.recruit.rs a { color: inherit; text-decoration: none; }
.recruit.rs img { display: block; max-width: 100%; height: auto; }

/* 英字ラベル（Interview / Profile / Contents …） */
.recruit.rs .rs-label { display: inline-block; font-family: 'futura-pt', 'futura-pt-bold', 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: #000050; line-height: 1.6; }
.recruit.rs .rs-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 12.5px; line-height: 1.6; color: #6B7280; }
.recruit.rs .rs-meta .rs-aud { color: #000050; }
.recruit.rs .rs-meta time { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.recruit.rs .rs-who { font-size: 13px; line-height: 1.8; color: #6B7280; }
.recruit.rs .rs-who b { color: #1d2340; font-weight: 700; margin-right: .7em; }
.recruit.rs .rs-who__prev { display: block; font-size: 12px; color: #6B7280; }
.recruit.rs .rs-who__note { margin-left: 1em; font-size: 11.5px; color: #9AA1AE; }

/* ---- 記事ページ ---- */
.recruit.rs-article { padding-top: 8px; }
.recruit.rs .rs-crumb { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; line-height: 1.6; color: #6B7280; }
.recruit.rs .rs-crumb > * + *::before { content: "/"; margin-right: 6px; color: #C9CFDA; }
.recruit.rs .rs-crumb a:hover { color: #000050; }
.recruit.rs .rs-head { display: grid; gap: 16px; max-width: 760px; padding: 40px 0 32px; }
.recruit.rs .rs-title { font-size: 30px; line-height: 1.6; }
.recruit.rs .rs-points { margin-top: 8px; padding-top: 18px; border-top: 1px solid #E5EAF0; display: grid; gap: 10px; }
.recruit.rs .rs-points ul { display: grid; gap: 8px; }
.recruit.rs .rs-points li { position: relative; padding-left: 1.4em; font-size: 15px; line-height: 1.85; color: #1d2340; }
.recruit.rs .rs-points li::before { content: ""; position: absolute; left: 0; top: .9em; width: .65em; height: 1px; background: #000050; }
.recruit.rs .rs-hero { margin: 0 0 8px; }
.recruit.rs .rs-hero img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.recruit.rs .rs-hero figcaption, .recruit.rs .rs-fig figcaption { margin-top: 10px; font-size: 12.5px; line-height: 1.7; color: #6B7280; }

.recruit.rs .rs-layout { display: grid; grid-template-columns: minmax(0, 720px) 220px; justify-content: space-between; gap: 48px; padding-top: 40px; }
.recruit.rs .rs-main { min-width: 0; }
.recruit.rs .rs-rail { align-self: stretch; }
.recruit.rs .rs-toc--rail { position: sticky; top: 110px; padding-top: 6px; }
.recruit.rs .rs-toc ol { counter-reset: t; display: grid; gap: 8px; margin-top: 10px; }
.recruit.rs .rs-toc li { counter-increment: t; display: grid; grid-template-columns: 1.8em 1fr; font-size: 13.5px; line-height: 1.7; }
.recruit.rs .rs-toc li::before { content: counter(t, decimal-leading-zero); font-family: 'futura-pt', 'Helvetica Neue', Arial, sans-serif;
  font-size: 11.5px; color: #9AA1AE; padding-top: 2px; font-variant-numeric: tabular-nums; }
.recruit.rs .rs-toc a { color: #414141; }
.recruit.rs .rs-toc a:hover, .recruit.rs .rs-toc a.is-cur { color: #000050; font-weight: 700; }
.recruit.rs .rs-toc--rail a.is-cur { box-shadow: inset 0 -1px 0 #000050; }
.recruit.rs .rs-body .rs-toc a { color: #414141; text-decoration: none; }
.recruit.rs .rs-body .rs-toc a:hover { color: #000050; }
.recruit.rs .rs-toc--inline { margin: 8px 0 8px; padding: 20px 0; border-top: 1px solid #E5EAF0; border-bottom: 1px solid #E5EAF0; }

/* 本文 */
.recruit.rs .rs-body > * + * { margin-top: 1.15em; }
.recruit.rs .rs-body p { font-size: 16px; line-height: 2.05; }
.recruit.rs .rs-body h2 { margin-top: 64px; padding-top: 22px; border-top: 1px solid #000050; font-size: 22px; line-height: 1.65;
  scroll-margin-top: 110px; }
.recruit.rs .rs-body h2 + * { margin-top: 20px; }
.recruit.rs .rs-body h3 { margin-top: 44px; font-size: 18px; line-height: 1.7; }
.recruit.rs .rs-body h3 + * { margin-top: 14px; }
.recruit.rs .rs-body .rs-q { margin-top: 2.2em; font-weight: 700; color: #1d2340; }
.recruit.rs .rs-body h2 + .rs-q, .recruit.rs .rs-body h3 + .rs-q { margin-top: 20px; }
.recruit.rs .rs-body .rs-q + p { margin-top: .7em; }
.recruit.rs .rs-body strong { font-weight: 700; color: #1d2340; }
.recruit.rs .rs-body a { color: #1f7fd0; text-decoration: underline; text-underline-offset: 3px; }
.recruit.rs .rs-body ul, .recruit.rs .rs-body ol { padding-left: 1.3em; }
.recruit.rs .rs-body ul li { list-style: disc; }
.recruit.rs .rs-body ol li { list-style: decimal; }
.recruit.rs .rs-body li + li { margin-top: .3em; }
.recruit.rs .rs-body hr { margin: 48px 0; border: 0; border-top: 1px solid #E5EAF0; }
.recruit.rs .rs-body .rs-fig { margin: 44px 0; }
.recruit.rs .rs-body .rs-fig img { width: 100%; }
.recruit.rs .rs-body blockquote { margin: 0; }
.recruit.rs .rs-body .rs-lead p { font-size: 18px; line-height: 2; font-weight: 500; color: #1d2340; }
.recruit.rs .rs-body .rs-lead + .rs-lead { margin-top: 1.4em; }
.recruit.rs .rs-body .rs-quote, .recruit.rs .rs-body .rs-pull { padding: 4px 0 4px 22px; border-left: 2px solid #000050; }
.recruit.rs .rs-body .rs-quote p { font-size: 16.5px; font-weight: 500; color: #1d2340; }
.recruit.rs .rs-body .rs-pull { margin: 40px 0; }
.recruit.rs .rs-body .rs-pull p { font-size: 20px; line-height: 1.8; font-weight: 500; color: #1d2340; }
.recruit.rs .rs-profile { margin-top: 32px; padding: 22px 24px; background: #F6F8FB; display: grid; gap: 6px; }
.recruit.rs .rs-profile p { font-size: 13.5px; line-height: 1.95; }
.recruit.rs .rs-profile .rs-profile__name { font-size: 16px; font-weight: 700; color: #1d2340; }
.recruit.rs .rs-body .rs-profile + .rs-profile { margin-top: 12px; }

.recruit.rs .rs-next { margin-top: 96px; }

/* ---- 共通：見出し帯・カード ---- */
.recruit.rs .rs-sechead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px;
  padding-bottom: 16px; margin-bottom: 28px; border-bottom: 1px solid #E5EAF0; }
.recruit.rs .rs-sechead h2 { font-size: 22px; line-height: 1.5; margin-top: 4px; }
.recruit.rs .rs-sechead > a { flex: none; font-size: 13px; color: #000050; }
.recruit.rs .rs-sechead__lead { margin-top: 6px; font-size: 14px; color: #6B7280; }
.recruit.rs .rs-grid { display: grid; gap: 40px 28px; }
.recruit.rs .rs-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.recruit.rs .rs-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.recruit.rs .rs-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.recruit.rs .rs-card { display: grid; gap: 12px; align-content: start; min-width: 0; }
.recruit.rs .rs-card:hover { opacity: 1; }
.recruit.rs .rs-card__ph { display: block; overflow: hidden; background: #F6F8FB; }
.recruit.rs .rs-card__ph img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .5s ease; }
.recruit.rs .rs-card:hover .rs-card__ph img { transform: scale(1.03); }
.recruit.rs .rs-card__body { display: grid; gap: 8px; }
.recruit.rs .rs-card__title { display: block; font-size: 15.5px; line-height: 1.75; font-weight: 700; color: #1d2340; }
.recruit.rs .rs-card:hover .rs-card__title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.recruit.rs .rs-card .rs-who { font-size: 12.5px; }
.recruit.rs .rs-card__ex { font-size: 14px; line-height: 1.9; color: #6B7280; }
.recruit.rs .rs-card--feature { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px 44px; align-items: center; }
.recruit.rs .rs-card--feature .rs-card__body { gap: 14px; }
.recruit.rs .rs-card--feature .rs-card__title { font-size: 22px; line-height: 1.65; }

/* ---- ホーム ---- */
.recruit.rs-home { padding-top: 8px; }
.recruit.rs .rs-hhero { padding: 48px 0 0; }
.recruit.rs .rs-hhero__text { max-width: 720px; }
.recruit.rs .rs-eyebrow { font-family: 'futura-pt', 'Helvetica Neue', Arial, sans-serif; font-size: 13px; font-weight: 500;
  letter-spacing: .3em; color: #000050; }
.recruit.rs .rs-hhero h1 { margin-top: 14px; font-size: 38px; line-height: 1.5; color: #000050; }
.recruit.rs .rs-hhero__lead { margin-top: 18px; font-size: 16px; line-height: 2; color: #414141; }
.recruit.rs .rs-faces { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }
.recruit.rs .rs-faces a { display: grid; gap: 4px; }
.recruit.rs .rs-faces__ph { display: block; overflow: hidden; background: #F6F8FB; }
.recruit.rs .rs-faces__ph img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; transition: transform .5s ease; }
.recruit.rs .rs-faces a:hover img { transform: scale(1.03); }
.recruit.rs .rs-faces__name { margin-top: 8px; font-size: 13.5px; font-weight: 700; color: #1d2340; line-height: 1.5; }
.recruit.rs .rs-faces__role { font-size: 11.5px; color: #6B7280; line-height: 1.5; }

.recruit.rs .rs-entry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 64px; }
.recruit.rs .rs-entry__item { position: relative; display: grid; gap: 8px; padding: 26px 28px 28px; border: 1px solid #DCE2EB;
  transition: border-color .2s; }
.recruit.rs .rs-entry__item:hover { border-color: #000050; opacity: 1; }
.recruit.rs .rs-entry__item strong { font-size: 19px; line-height: 1.6; color: #1d2340; }
.recruit.rs .rs-entry__item > span:not(.rs-label) { font-size: 14px; line-height: 1.9; color: #6B7280; padding-right: 3em; }
.recruit.rs .rs-entry__item em { position: absolute; right: 26px; bottom: 24px; font-style: normal;
  font-family: 'futura-pt', 'Helvetica Neue', Arial, sans-serif; font-size: 13px; letter-spacing: .08em; color: #000050; }

.recruit.rs .rs-feature { margin-top: 72px; display: grid; gap: 14px; }
.recruit.rs .rs-shelf, .recruit.rs .rs-all { margin-top: 88px; scroll-margin-top: 100px; }
.recruit.rs .rs-msgs { display: grid; }
.recruit.rs .rs-msg { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: baseline; gap: 4px 24px;
  padding: 20px 0; border-bottom: 1px solid #E5EAF0; }
.recruit.rs .rs-msg time { font-family: 'futura-pt', 'Helvetica Neue', Arial, sans-serif; font-size: 15px; letter-spacing: .06em; color: #000050; }
.recruit.rs .rs-msg__title { font-size: 17px; line-height: 1.7; font-weight: 700; color: #1d2340; }
.recruit.rs .rs-msg__who { font-size: 12.5px; color: #6B7280; white-space: nowrap; }
.recruit.rs .rs-msg:hover .rs-msg__title { text-decoration: underline; text-underline-offset: 4px; }

.recruit.rs .rs-filters { display: flex; flex-wrap: wrap; gap: 10px 32px; margin-bottom: 8px; }
.recruit.rs .rs-fg { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.recruit.rs .rs-fg > span { margin-right: 8px; font-size: 11.5px; letter-spacing: .06em; color: #6B7280; }
.recruit.rs .rs-fg button { font: inherit; font-size: 13px; line-height: 1.4; padding: 6px 13px; border: 0; border-radius: 999px;
  background: transparent; color: #414141; cursor: pointer; }
.recruit.rs .rs-fg button[aria-pressed="true"] { background: #000050; color: #fff; }
.recruit.rs .rs-fg button:focus-visible { outline: 2px solid #000050; outline-offset: 2px; }
.recruit.rs .rs-rows { display: grid; }
.recruit.rs .rs-row { display: grid; grid-template-columns: 96px 100px minmax(0, 1fr) auto; align-items: baseline; gap: 4px 18px;
  padding: 16px 0; border-bottom: 1px solid #E5EAF0; }
.recruit.rs .rs-row[hidden] { display: none; }
.recruit.rs .rs-row time { font-size: 13px; color: #6B7280; font-variant-numeric: tabular-nums; }
.recruit.rs .rs-row__title { font-size: 15px; line-height: 1.75; font-weight: 500; color: #1d2340; }
.recruit.rs .rs-row__aud { font-size: 12px; color: #000050; white-space: nowrap; }
.recruit.rs .rs-row:hover .rs-row__title { text-decoration: underline; text-underline-offset: 4px; }
.recruit.rs .rs-all__empty { padding: 20px 0; font-size: 14px; color: #6B7280; }

/* 締めの帯（.recruit-cta）は採用ページ共通。.rs の中に置いても全幅になる */
.recruit.rs .recruit-cta { margin-top: 112px; }
.recruit.rs .recruit-cta h2 { color: #fff; font-size: 24px; }
.recruit.rs .recruit-cta p { color: rgba(255, 255, 255, .88); font-size: 15px; }

@media (max-width: 1100px) {
  .recruit.rs .rs-layout { grid-template-columns: minmax(0, 1fr); }
  .recruit.rs .rs-rail { display: none; }
  .recruit.rs .rs-main { max-width: 720px; }
}
@media (min-width: 1101px) {
  .recruit.rs .rs-toc--inline { display: none; }
}
@media (max-width: 1000px) {
  .recruit.rs .rs-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recruit.rs .rs-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recruit.rs .rs-faces { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .recruit.rs .rs-faces li:nth-child(n+4) { display: none; }
  .recruit.rs .rs-card--feature { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .recruit.rs .rs-head { padding: 28px 0 24px; }
  .recruit.rs .rs-title { font-size: 23px; }
  .recruit.rs .rs-hhero h1 { font-size: 28px; }
  .recruit.rs .rs-entry { grid-template-columns: minmax(0, 1fr); }
  .recruit.rs .rs-body h2 { font-size: 19px; margin-top: 52px; }
  .recruit.rs .rs-body .rs-pull p { font-size: 18px; }
  .recruit.rs .rs-msg { grid-template-columns: 56px minmax(0, 1fr); }
  .recruit.rs .rs-msg__who { grid-column: 2; white-space: normal; }
  .recruit.rs .rs-row { grid-template-columns: 88px minmax(0, 1fr); }
  .recruit.rs .rs-row .rs-label { display: none; }
  .recruit.rs .rs-row__aud { grid-column: 2; }
  .recruit.rs .rs-who__note { display: block; margin-left: 0; }
}
@media (max-width: 560px) {
  .recruit.rs .rs-grid--4, .recruit.rs .rs-grid--3, .recruit.rs .rs-grid--2 { grid-template-columns: minmax(0, 1fr); }
  .recruit.rs .rs-faces { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recruit.rs .rs-faces li:nth-child(n+3) { display: none; }
  .recruit.rs .rs-profile { padding: 18px; }
}
/* ==== recruit stories: ここまで ==== */