/* 求人案内（recruit）だけの追加 */

/* 冒頭 */
.rc-hero > p + p{margin-top:6px}
.rc-hero .more{margin-top:14px}
.rc-catch{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.4vw,28px);letter-spacing:.06em;line-height:1.5}
.rc-catch em{font-style:normal;color:var(--dawn)}
a.pill.rc-down::after{content:"↓"}

/* はたらく環境 */
.rc-text{margin-top:14px}
#workplace .split .pic img{aspect-ratio:4/3;object-position:50% 22%}

/* 募集職種：カードの中の小さな表 */
.rc-dl{margin:8px 0 0;border-top:1px solid var(--rule)}
.rc-dl > div{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:2px 12px;padding:9px 2px;border-bottom:1px solid var(--rule)}
.rc-dl dt{font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.75;color:var(--gold)}
.rc-dl dd{margin:0;font-size:16px;line-height:1.75;color:var(--ink)}
.rc-dl dd small{display:block;font-size:15px;color:var(--sub)}
.rc-jobs{list-style:none;padding:0}
.rc-jobs .card h3{font-size:24px}
.rc-note{margin-top:14px}

/* 地域とともに */
.rc-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start;margin-top:28px}
.rc-mlogo{width:220px;height:auto;margin:0 0 4px -6px}
.rc-marche .more{margin-top:14px}
.rc-marche .small{margin-top:8px}
.rc-h3{font-size:24px;font-weight:700}
.rc-voice{margin-top:8px;font-size:17px}
.rc-two .flow{margin-top:16px;gap:10px}

/* Instagram */
.rc-ighead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:34px 0 14px;padding-top:20px;border-top:2px dotted var(--gl)}
.rc-handle{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;font-size:20px}
.rc-handle svg{width:24px;height:24px;stroke:var(--dawn)}

/* 応募・お問い合わせ */
.rc-apply{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 48px;align-items:center}
.rc-apply h2{line-height:1.6}
.rc-act{border:1px solid var(--rule);border-radius:24px;background:#fff;padding:24px 26px;box-shadow:var(--shadow)}
.rc-k{font-size:15px;color:var(--sub);letter-spacing:.1em}
.rc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.rc-rel{padding-top:0!important}

@media (max-width:900px){
  .rc-two,.rc-apply{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .rc-hero .more .pill{flex:1 1 auto;justify-content:center}
  .rc-jobs .card h3{font-size:22px}
  .rc-dl dd{font-size:15px}
  .rc-mlogo{width:180px}
  .rc-h3{font-size:21px}
  .rc-act{padding:20px 18px}
  .rc-btns{grid-template-columns:1fr}
  .rc-apply h2{font-size:23px}
  .rc-ighead{margin-top:26px}
}

/* 応募の帯（淡い水色）。※共通CSSの .sky はトップの星座図にも使われているため、ここでは独自の名前で */
.sec.rc-band{margin-top:56px;padding:52px 0 56px;background:linear-gradient(180deg,#eef6fc,#e3f0fa)}
.rc-hr{display:block}
@media (max-width:640px){ .sec.rc-band{margin-top:40px;padding:40px 0 44px} }
.rc-btns .pillbtn{padding:0 16px;white-space:nowrap}
@media (min-width:641px){ .rc-btns{grid-template-columns:auto auto;justify-content:start} }
@media (max-width:640px){
  .rc-hero{display:contents}
  .rc-catch{font-size:22px;line-height:1.55}
  .rc-catch em{display:block}
  .rc-hero > p:not(.rc-catch),.rc-hero .more{grid-column:1 / -1}
  .rc-hero > p + p{margin-top:0}
  .rc-hero .more{margin-top:0}
}