/* 採用ページ：募集職種（職種名を押すと募集要項が開く）
   枠はカード（phase1-components.css の .ws-service-card）、表は「福利厚生」と同じ .ws-spec を使う */
.ws-job-group{margin-top:40px;}
.ws-job-group:first-of-type{margin-top:8px;}
.ws-job{margin:0 0 14px;border:1px solid #d7e5ed;border-radius:8px;background:#fff;}
.ws-job>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px 18px;cursor:pointer;list-style:none;}
.ws-job>summary::-webkit-details-marker{display:none;}
.ws-job>summary h3{margin:0;color:#09283c;font-size:17px;line-height:1.45;}
.ws-job>summary p{margin:4px 0 0;color:var(--gray-600);font-size:14px;line-height:1.7;}
.ws-job>summary .ws-service-card__kind{margin:0 0 4px;}
.ws-job-toggle{flex:0 0 auto;color:#168ec9;font-size:13px;font-weight:700;white-space:nowrap;}
.ws-job-toggle::after{content:"＋";margin-left:6px;}
.ws-job[open] .ws-job-toggle::after{content:"－";}
.ws-job>.ws-spec{margin:0;padding:0 18px 18px;}
.ws-job>.ws-spec a{color:var(--blue-500);text-decoration:underline;}
@media(max-width:680px){.ws-job>summary{align-items:flex-start;flex-direction:column;gap:6px;}}