@charset "UTF-8";
/* ============================================================
   採用ページ固有
   ============================================================ */

/* 人の顔が中心に来るように寄せる */
.phero{height:clamp(430px,64vh,600px)}
.phero>img{object-position:60% 40%}
.phero h1{font-size:clamp(30px,5vw,64px);letter-spacing:.09em}

/* ある一日 ------------------------------------------------ */
.day{background:var(--soft)}
/* 生成りの面に乗るので、枡の地も生成りに合わせる */
.day .flow div{background:var(--soft)}
.day .flow b{font-size:23px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,24px);margin-top:clamp(20px,3vw,34px)}
.strip .rvimg{height:clamp(150px,17vw,230px)}
.strip img{width:100%;height:100%;object-fit:cover}

/* 全面写真＋一行 ------------------------------------------ */
.plate{height:clamp(420px,72vh,660px)}

/* 募集要項 ------------------------------------------------ */
table.req{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:clamp(36px,5vw,56px)}
table.req th,table.req td{text-align:left;padding:20px 4px;border-bottom:1px solid var(--line);vertical-align:top}
table.req th{width:150px;font-weight:400;color:var(--green);font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;
  font-size:11px;letter-spacing:.16em;white-space:nowrap;padding-top:24px}
table.req td{color:var(--sub);font-weight:300;line-height:1.95}

/* 応募：ここだけ灯りをつける ------------------------------ */
.apply{background:var(--soft)}
.apply .eyebrow{color:var(--green)}
.apply .eyebrow::before{background:var(--green)}
.apply .lead{color:var(--sub)}
.apply h2.head{font-size:clamp(28px,4vw,54px)}
.am-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
  margin-top:clamp(36px,5vw,56px);border:1px solid var(--line)}
.am{background:#fff;padding:clamp(24px,3vw,36px);text-decoration:none;display:block;transition:background .4s}
.am:hover{background:#FBFAF7}
.am-lbl{display:block;font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;font-size:10px;letter-spacing:.28em;color:var(--green);margin-bottom:12px}
.am-val{display:block;font-family:"Jost","Zen Kaku Gothic New","Segoe UI Symbol",sans-serif;font-weight:300;font-size:clamp(22px,3vw,34px);letter-spacing:.02em;line-height:1.2}
.am-note{display:block;font-size:12px;color:var(--sub);margin-top:10px}

/* レスポンシブ -------------------------------------------- */
@media(max-width:980px){
  .strip{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .am-grid{grid-template-columns:1fr}
  table.req th{width:110px;font-size:10px}
}