/* recruit ページ固有CSS（静的recruit/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); }

  /* ===== 採用リード（タイトル＆テキスト） ===== */
  .rlead { width: min(920px, 100% - 48px); margin: clamp(46px,6vw,78px) auto 0; text-align: center; }
  .rlead__title { font-size: clamp(28px,4.2vw,48px); font-weight: 700; color: var(--ink); line-height: 1.32; letter-spacing: .05em; }
  .rlead__title::after { content: ""; display: block; width: 46px; height: 3px; margin: clamp(20px,2.4vw,28px) auto 0; background: var(--green); border-radius: 2px; }
  .rlead__text { margin-top: clamp(20px,2.4vw,28px); font-size: clamp(15px,1.3vw,17px); line-height: 2.1; color: #46514b; }

  /* ===== 求人一覧（カード） ===== */
  .rjobs { width: min(1180px, 100% - 48px); margin: clamp(80px,11vw,150px) auto clamp(72px,10vw,128px); }
  .rjobs__grid { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px,3vw,40px); }
  .rjob { background: #fff; border-radius: 14px; box-shadow: 0 6px 24px rgba(20,40,30,.07); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
  .rjob:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(20,40,30,.13); }
  .rjob__link { display: block; height: 100%; }
  .rjob__thumb { aspect-ratio: 16 / 10; overflow: hidden; background: #eef3f0; }
  .rjob__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
  .rjob__link:hover .rjob__thumb img { transform: scale(1.05); }
  .rjob__body { padding: clamp(22px,2.2vw,28px) clamp(22px,2.2vw,28px) clamp(26px,2.6vw,32px); }
  .rjob__title { font-size: clamp(17px,1.45vw,19px); font-weight: 700; color: var(--ink); line-height: 1.55; transition: color .2s; }
  .rjob__link:hover .rjob__title { color: var(--green); }
  .rjob__tags { list-style: none; margin-top: clamp(16px,1.8vw,20px); display: flex; flex-wrap: wrap; gap: 8px 18px; }
  .rjob__tags li { font-size: 13px; font-weight: 700; color: var(--blue); }
  .rjob__tags li::before { content: "#"; margin-right: 2px; }
  @media (max-width: 900px) { .rjobs__grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 560px) { .rjobs__grid { grid-template-columns: 1fr; } }