/* 杜王町運輸 ドライバー採用ページ 固有スタイル（styles.css を基盤に追加） */

/* ナビの「採用」タグ・戻るリンク */
.brand-sub{font-size:.68rem;font-weight:500;color:var(--shin);letter-spacing:.1em;border:1px solid var(--shin);padding:1px 6px;border-radius:3px;vertical-align:middle;margin-left:4px}
.back-link{color:var(--ink-soft)}
.back-link:hover{color:var(--fuka)}

/* ヒーローのダークカード（ドライバー写真の上・力強く） */
.hero__copy--dark{background:rgba(22,28,22,.74);border-left-color:var(--aka)}
.hero__copy--dark .eyebrow{color:var(--aka)}
.hero__copy--dark .hero__catch{color:#f4f3ec}
.hero__copy--dark .hero__catch .mark{background:linear-gradient(transparent 64%,rgba(140,193,82,.55) 64%)}
.hero__copy--dark .hero__sub{color:#d7dbcf}
.hero__copy--dark .recruit-link{color:#e9e7dd}
.hero__copy--dark .recruit-link .arrow{color:var(--aka)}

/* 1日の流れ（タイムライン） */
.day{padding-block:var(--sp-6);border-top:1px solid var(--line)}
.timeline{list-style:none;max-width:660px}
.timeline li{display:grid;grid-template-columns:4.5rem 1fr;gap:1.2rem}
.timeline__t{font-weight:700;color:var(--fuka);padding-top:.1rem}
.timeline li>div{border-left:2px solid var(--line);padding:0 0 1.6rem 1.4rem;position:relative}
.timeline li:last-child>div{border-left-color:transparent;padding-bottom:0}
.timeline li>div::before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--aka);border:2px solid var(--paper)}
.timeline__h{font-weight:500;margin-bottom:.15rem}
.timeline__d{color:var(--ink-soft);font-size:.92rem}

/* 先輩の声 */
.voices{padding-block:var(--sp-6);border-top:1px solid var(--line)}
.voices__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.voice-card{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:start}
.voice-card__media{width:112px;flex:none}
.voice-card__media img{width:112px;height:112px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}
.voice-card__quote{font-size:.98rem;line-height:1.9;margin-bottom:.8rem;position:relative}
.voice-card__quote::before{content:"";display:block;width:22px;height:2px;background:var(--shin);margin-bottom:.7rem}
.voice-card__name{font-weight:500;font-size:.92rem}
.voice-card__name span{color:var(--ink-soft);font-weight:400;font-size:.84rem}

/* 募集要項の給与など強調（company__dl を流用） */
.req .company__dl dd{color:var(--ink)}

@media (max-width:860px){
  .voices__grid{grid-template-columns:1fr}
  .voice-card{grid-template-columns:88px 1fr;gap:1rem}
  .voice-card__media{width:88px}
  .voice-card__media img{width:88px;height:88px}
}