@charset "utf-8";

/* ============================================================
   The MEDI — 採用（RECRUIT）ページ
   共通の土台は css/theme.css（先に読み込むこと）
   デザイン: 260714_TheMEDI_staff_access_QA_採用.jpg
   他ページ（症状ページ等）と同じく画像ベース。
   デザイン画像からヘッダーを除去し、WebP＋JPGフォールバックで表示。
   「詳細はこちら」は画像に重ねた透明リンク(.ihot)で外部採用ページへ。
   ============================================================ */

.sr-only{
  position:absolute !important;
  width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%);
  white-space:nowrap; border:0;
}
.isec{ position:relative; font-size:0; line-height:0; }
.isec img{ width:100%; height:auto; display:block; }
.ihot{ position:absolute; display:block; z-index:2; }
.ihot:hover{ background:rgba(255,255,255,.10); }
.ihot:focus-visible{ outline:2px solid var(--red); outline-offset:2px; }

/* 画像本文のラッパ。固定ヘッダー分の余白を上に確保（画像からヘッダーは除去済み） */
.rec-img{ background:#fbfaf8; padding:52px 0 28px; }