/* 製造C「ていねい」: ミント×白の清潔ライン。主婦層パートの現実的な不安に先回りする設計。
 * 角丸を使わない直線基調で、介護A・運送Cの「丸い柔らかさ」と差別化する。 */
body.pat-sl {
  font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  background: #fff;
  color: #2f3e3b;
  line-height: 2;
}

.pat-sl .site-header { border-bottom: 3px solid #14b8a6; }
.pat-sl .site-footer { background: #134e48; }
.pat-sl .cta-bar__btn--tel { color: #0f9488; border-color: #0f9488; }
.pat-sl .cta-bar__btn--apply { background: #0f9488; }

/* ヒーロー */
.sl-hero { max-width: 940px; margin: 0 auto; padding: 40px 20px 20px; }
.sl-hero__text { text-align: center; padding-bottom: 24px; }
.sl-hero__badges { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; }
.sl-hero__badges span {
  border: 1px solid #14b8a6; color: #0f9488; font-size: 12px; font-weight: bold;
  padding: 4px 14px;
}
.sl-hero__title { font-size: 27px; line-height: 1.7; margin-bottom: 10px; }
.sl-hero__sub { font-size: 14px; color: #6b7d79; margin-bottom: 20px; }
.sl-hero__note { font-size: 12px; color: #93a5a1; margin-top: 10px; }
.sl-hero__img { width: 100%; display: block; border: 1px solid #d4e5e2; }

/* ボタン */
.sl-btn {
  display: inline-block; background: #0f9488; color: #fff; font-weight: bold;
  padding: 15px 32px; text-decoration: none; font-size: 15px;
}
.sl-btn--ghost { background: #fff; color: #0f9488; border: 2px solid #0f9488; }

/* セクション */
.sl-section { padding: 48px 20px; max-width: 720px; margin: 0 auto; }
.sl-section--tint { background: #f0faf8; max-width: none; }
.sl-section--tint > * { max-width: 720px; margin-left: auto; margin-right: auto; }
.sl-h2 { text-align: center; font-size: 21px; margin-bottom: 28px; }
.sl-h2 em { font-style: normal; color: #0f9488; }

/* 3つのお仕事 */
.sl-works { display: grid; gap: 14px; }
.sl-work { border: 1px solid #d4e5e2; border-top: 4px solid #14b8a6; padding: 20px; background: #fff; }
.sl-work__title { font-size: 16px; font-weight: bold; margin-bottom: 6px; }
.sl-work__body { font-size: 13px; color: #6b7d79; }
.sl-work__weight {
  display: inline-block; background: #f0faf8; color: #0f9488; font-size: 12px;
  font-weight: bold; padding: 3px 12px; margin-top: 10px;
}

/* 数字 */
.sl-nums { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.sl-num { background: #fff; border: 1px solid #d4e5e2; padding: 20px 12px; text-align: center; }
.sl-num__value { font-size: 26px; font-weight: bold; color: #0f9488; line-height: 1.4; }
.sl-num__label { font-size: 13px; margin-top: 4px; }

/* 不安に先回りQ&A（開閉なしで全部見せる） */
.sl-qa { border-left: 4px solid #14b8a6; padding: 4px 0 4px 18px; margin-bottom: 22px; }
.sl-qa__q { font-weight: bold; font-size: 15px; }
.sl-qa__q::before { content: "Q. "; color: #0f9488; }
.sl-qa__a { font-size: 14px; color: #4d5e5a; margin-top: 4px; }
.sl-qa__a::before { content: "A. "; font-weight: bold; color: #0f9488; }

/* 働き方の実例 */
.sl-models { display: grid; gap: 12px; }
.sl-model { background: #fff; border: 1px solid #d4e5e2; padding: 18px 20px; text-align: center; }
.sl-model__who { font-size: 13px; font-weight: bold; color: #6b7d79; }
.sl-model__value { font-size: 24px; font-weight: bold; color: #0f9488; line-height: 1.5; }
.sl-model__detail { font-size: 12px; color: #6b7d79; margin-top: 4px; }

/* 先輩の声 */
.sl-voice { display: flex; gap: 16px; align-items: flex-start; border: 1px solid #d4e5e2; padding: 20px; margin-bottom: 14px; }
.sl-voice__photo { width: 80px; height: 80px; object-fit: cover; flex-shrink: 0; }
.sl-voice__body { font-size: 14px; }
.sl-voice__meta { font-size: 12px; color: #0f9488; font-weight: bold; margin-top: 8px; }

/* 求人 */
.sl-job {
  display: block; background: #fff; border: 1px solid #d4e5e2; padding: 20px;
  text-decoration: none; color: inherit; margin-bottom: 14px;
  border-left: 4px solid #14b8a6;
}
.sl-job__type { display: inline-block; background: #f0faf8; color: #0f9488; font-size: 12px; font-weight: bold; padding: 3px 12px; }
.sl-job__title { display: block; font-size: 17px; font-weight: bold; margin-top: 8px; }
.sl-job__salary { display: block; color: #0f9488; font-weight: bold; margin-top: 4px; }
.sl-job__meta { display: block; font-size: 13px; color: #6b7d79; margin-top: 4px; }
.sl-job__more { display: block; text-align: right; color: #0f9488; font-weight: bold; font-size: 14px; }

/* 会社概要 */
.pat-sl .company-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.pat-sl .company-table th, .pat-sl .company-table td { border-bottom: 1px solid #d4e5e2; padding: 12px 8px; text-align: left; vertical-align: top; }
.pat-sl .company-table th { color: #6b7d79; font-weight: normal; white-space: nowrap; width: 7em; }

/* 締め */
.sl-closing { text-align: center; padding: 52px 20px 64px; background: #f0faf8; border-top: 3px solid #14b8a6; }
.sl-closing__title { font-size: 21px; margin-bottom: 10px; }
.sl-closing__note { font-size: 14px; color: #6b7d79; margin-bottom: 24px; }
.sl-closing__btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.sl-closing__hours { font-size: 12px; color: #93a5a1; margin-top: 14px; }

@media (min-width: 768px) {
  .sl-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; padding-top: 56px; }
  .sl-hero__text { text-align: left; }
  .sl-hero__badges { justify-content: flex-start; }
  .sl-hero__title { font-size: 32px; }
  .sl-works, .sl-models { grid-template-columns: repeat(3, 1fr); }
  .sl-nums { grid-template-columns: repeat(4, 1fr); }
}