/* recruit-sales-specialist ページ固有CSS（静的recruit/sales-specialist/index.htmlのインライン<style>から抽出） */
/* ===== 上部の帯（バナー） ===== */
  .pbanner {
    position: relative; padding: clamp(150px,18vw,230px) 0 clamp(48px,6vw,80px);
    background: linear-gradient(120deg, #2e9e5b 0%, #27884d 60%, #1f7d57 100%);
    color: #fff; overflow: hidden;
  }
  .pbanner::after {
    content: ""; position: absolute; right: -120px; top: -120px; width: 460px; height: 460px;
    border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.14), transparent 70%);
    pointer-events: none;
  }
  .pbanner__inner { width: min(1180px, 100% - 48px); margin-inline: auto; position: relative; z-index: 1; }
  .pbanner__en { font-family: var(--en); font-weight: 300; font-size: clamp(34px,5vw,58px); line-height: 1; letter-spacing: .04em; }
  .pbanner__jp { margin-top: 14px; font-size: clamp(16px,2vw,22px); font-weight: 500; letter-spacing: .06em; }

  /* ===== パンくず ===== */
  .crumb { width: min(1180px, 100% - 48px); margin: 22px auto 0; font-size: 13px; color: #78857e; }
  .crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; }
  .crumb a { color: #78857e; transition: color .2s; }
  .crumb a:hover { color: var(--green); }
  .crumb li:not(:last-child)::after { content: "›"; margin-left: 8px; color: #b8c2bc; }
  .crumb [aria-current="page"] { color: var(--ink); }

  /* ===== 求人詳細 ===== */
  .rdetail { width: min(1000px, 100% - 48px); margin: clamp(30px,4vw,48px) auto clamp(80px,10vw,128px); }
  /* 見出し：サムネ左 ＋ タイトル/タグ右 の横並び */
  .rdetail__head { display: flex; align-items: center; gap: clamp(28px,4vw,56px); margin-bottom: clamp(40px,5vw,72px); }
  .rdetail__visual { flex: 0 0 48%; max-width: 48%; border-radius: 14px; overflow: hidden; background: #eef3f0; aspect-ratio: 16 / 10; }
  .rdetail__visual img { width: 100%; height: 100%; object-fit: cover; }
  .rdetail__headtext { flex: 1 1 auto; min-width: 0; }
  .rdetail__title { font-size: clamp(22px,2.6vw,32px); font-weight: 700; color: var(--ink); line-height: 1.5; letter-spacing: .02em; }
  .rdetail__meta { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: clamp(16px,2vw,22px); }
  .rdetail__tag { font-size: 12.5px; font-weight: 700; color: var(--green); background: transparent; border: 1px solid var(--green); border-radius: 999px; padding: 5px 14px; letter-spacing: .04em; }
  .rdetail__tag::before { content: "#"; margin-right: 2px; }
  .rdetail__body h2:first-child { margin-top: 0; }
  /* 右列テキストを本文と同一サイズ・色に統一（小さいグレーを廃止／リストも同じ） */
  .rdetail__spec-note { display: block; margin-top: 6px; font-size: 15px; color: #333b41; }
  .rdetail .pdetail__spec td ul { margin: .5em 0 0; }
  .rdetail .pdetail__spec td ul li { font-size: 15px; color: #333b41; line-height: 1.95; }
  /* 募集要項テーブル：ラベル列＝太い緑罫線／内容列＝細いグレー罫線 */
  .rdetail .pdetail__spec { border: none; font-size: 15px; }
  .rdetail .pdetail__spec th,
  .rdetail .pdetail__spec td { border: none; padding: clamp(20px,2.4vw,26px) 18px; vertical-align: top; line-height: 1.95; }
  .rdetail .pdetail__spec th { border-top: 2px solid var(--green); width: 210px; background: transparent; color: var(--ink); font-weight: 700; white-space: nowrap; padding-left: 6px; }
  .rdetail .pdetail__spec td { border-top: 1px solid #e6e8ea; color: #333b41; }
  .rdetail .pdetail__spec tr:last-child th { border-bottom: 2px solid var(--green); }
  .rdetail .pdetail__spec tr:last-child td { border-bottom: 1px solid #e6e8ea; }
  @media (max-width: 720px) {
    .rdetail__head { flex-direction: column; align-items: stretch; gap: 22px; }
    .rdetail__visual { flex-basis: auto; max-width: 100%; }
  }
  @media (max-width: 600px) {
    .rdetail .pdetail__spec th { width: 108px; padding-left: 2px; white-space: normal; }
    .rdetail .pdetail__spec th, .rdetail .pdetail__spec td { padding: 16px 8px; }
  }