/* ============================================================
   recruit-test.css — 採用情報 (/recruit-test/) ページ固有CSS
   二次リリース⑦ 2026-08-14
   ・共通部品(sub-hero/page-intro/onsen-section-heading/btn-cta/
     related-section/is-bg-cream等)は /css/style.01f19af3.css と
     /css/shodoshima-kanko.fc315dbd.css 側。ここはCTAパネルと窓口カードのみ。
   ・★本適用時: このファイルの中身で css/recruit.css を置き換え、
     recruit-test.css は削除する(公開中ガワページとの共存のための別名。
     詳細は 指示書-Code-二次リリース-07採用情報.md)
   ============================================================ */

/* --- 新卒採用 CTAパネル (#newgrad) ---
   max-width 860px=2026-08-14 チェックバック: 案内文43字をPC1行で収める
   (16px×43字+字間≈716px。760pxでは内寸648pxで折れていた)。窓口カードも幅を揃える */
.recruit-cta {
  max-width: 860px;
  margin: 48px auto 0;
  padding: 56px 56px 48px;
  background: #fff;
  border: 1px solid #f0e0c8;
  border-radius: var(--radius-md);
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}
.recruit-cta-year {
  font-family: var(--ff-serif);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.06rem + 0.26vw, 1.375rem);
  letter-spacing: 0.08em;
  color: var(--c-accent);
}
.recruit-cta-text {
  font-size: clamp(0.875rem, 0.45rem + 0.88vw, 1rem);
  line-height: 1.95;
  color: var(--c-text);
  margin: 16px 0 32px;
}
.recruit-cta .btn-cta { margin: 0 auto; }
.recruit-cta-note {
  margin-top: 16px;
  font-size: clamp(0.8125rem, 0.75rem + 0.33vw, 0.9375rem);
  color: var(--c-text-muted);
}

/* --- お問い合わせ窓口カード (#contact / cream帯上) --- */
.recruit-contact {
  max-width: 860px;
  margin: 48px auto 0;
  padding: 48px 56px;
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.06);
  text-align: center;
}
.recruit-contact dt {
  font-family: var(--ff-serif);
  font-weight: 500;
  font-size: clamp(1rem, 0.97rem + 0.13vw, 1.125rem);
  letter-spacing: 0.06em;
  color: var(--c-text);
  margin-bottom: 20px;
}
.recruit-contact dd {
  font-size: clamp(0.875rem, 0.45rem + 0.88vw, 1rem);
  line-height: 2.1;
  color: var(--c-text);
}
.recruit-contact-tel {
  font-family: var(--ff-serif);
  font-weight: 500;
  font-size: clamp(1.375rem, 1.28rem + 0.39vw, 1.75rem);
  letter-spacing: 0.06em;
  color: var(--c-text);
}
.recruit-contact .hours {
  display: inline-block;
  margin-left: 12px;
  font-size: clamp(0.875rem, 0.75rem + 0.33vw, 0.9375rem);
  color: var(--c-text-muted);
}

@media (max-width: 767px) {
  .recruit-cta { margin: 32px 20px 0; padding: 40px 24px 36px; }
  .recruit-contact { margin: 32px 20px 0; padding: 36px 20px; }
  .recruit-contact .hours { display: block; margin: 4px 0 0; }
}


/* --- セクション下端の余白 (2026-08-14 チェックバック対応) ---
   .l-section は共通CSSに定義が無く、余白は中身の部品任せのため、
   最後の子が margin のみのセクションは次セクションと密着していた。
   ページ側で一律に下パディングを確保する(帯セクションは帯の内側余白になる)。
   feature-block が最後のセクションは自前の下60pxを打ち消して計100pxに揃える。 */
.l-section.section-anchor { padding-bottom: 100px; }
.l-section.section-anchor > .feature-block:last-child { padding-bottom: 0; }
@media (max-width: 767px) {
  .l-section.section-anchor { padding-bottom: 64px; }
}