/* ==================================================================================================== */
/* 求人案内 */
/* ==================================================================================================== */

/* トップコンテンツ */
section.content-block.top-content::before { aspect-ratio:209/290; background-repeat:no-repeat; background-image:url('../img/page/recruit/top-content-illustration.png'); top:115px; left:-40px; width:101px; height:156px; }

/* 求人案内画像 */
div.recruit-ph { margin:auto; margin-bottom:24px; }
div.recruit-ph img, div.contact-ph img { height:auto; max-width:100%; width:100%; }

/* 求人案内テキスト */
div.recruit-info { margin-bottom:64px; }
div.recruit-info p { font-size:16px; font-weight:800; line-height:200%; }
div.contact-ph { margin:8px auto; }
div.contact-ph img { margin:auto; max-width:326px; width:100%; }

@media( min-width:960px ) {

/* 求人案内画像 */
div.recruit-ph { aspect-ratio:840/560; position:relative; text-align:center; margin-bottom:40px; height:auto; max-width:840px; width:100%; z-index:1; }
div.recruit-ph img { margin:auto; max-width:840px; width:100%; }
p.pc-link a { aspect-ratio:302/317; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url('../img/page/recruit/kwsk.png'); position:absolute; top:-70px; left:-110px; max-height:317px; height:100%; max-width:302px; width:100%; }
p.pc-link a:hover { background-image:url('../img/page/recruit/kwsk-ov.png'); }

/* 求人案内テキスト */
div.recruit-info { margin-bottom:40px; }
div.recruit-info p { font-size:20px; }

}

/* ==================================================================================================== */
/* 事業所 */
/* ==================================================================================================== */

/* ベース */
section.recruit-location { margin-bottom:80px; }

/* 見出し */
section.recruit-location .ye-midashi { font-size:18px; margin-bottom:32px; max-width:360px; width:auto; }
.recruit-title { align-items:center; background-color:var(--pi-02); border-radius:50px; font-size:16px; font-weight:800; display:flex; justify-content:center; line-height:200%; padding:0; margin:auto; margin-bottom:8px; max-width:150px; width:100%; }
.recruit-title-pink { color:var(--pi-02); font-size:16px; font-weight:800; line-height:200%; }

/* テキスト */
.box-2 p { font-size:14px; font-weight:400; line-height:24px; }
p.no-recruit { font-size:14px; font-weight:400; text-align:center; line-height:24px; margin:32px 0; }

/* フレックスボックス */
.box-1, .box-2 { align-items:flex-start; flex-direction:column; justify-content:flex-start; }
.box-1 { margin-top:8px; margin-bottom:40px; }

/* 調整 */
.box-1 dd.center { font-size:14px; font-weight:400; display:flex; line-height:24px; justify-content:center; width:100%; }
.box-1 dd.center.columns { align-items:center; flex-direction:column; margin:auto; width:auto; }
.box-1 dd.center.columns p.link-external { align-items:center; display:flex; flex-direction:row; gap:20px; justify-content:center; }
.box-2 dt, .box-2 dd { padding:0 10px; }
.box-2 dd { padding:0 10px 24px 10px; }
p.link-external { font-size:16px; font-weight:800; line-height:200%; }
p.link-external a { align-items:center; border-bottom:1px solid var(--bk); justify-content:center; }
dd.access-box { flex-direction:column; gap:8px; margin:auto; max-width:235px; width:auto; }
dd.access-box p.map-button { align-items:center; justify-content:flex-end; }
dd.access-box p.map-button a { align-items:center; background-color:var(--bl-02); border-radius:50px; color:var(--wh); font-size:16px; font-weight:800; justify-content:center; line-height:200%; padding:0 16px; height:36px; }

/* 装飾 */
section.recruit-location hr { border:none; border-top:1px solid var(--gr); margin:10px 0; }
p.type-a::before { content:'A.'; }
p.type-b::before { content:'B.'; }
p.attention { text-indent:-1rem; padding-left:1rem; }
p.attention::before { content:'※'; }

@container( min-width:960px ) {

/* ベース */
div.all-box { margin:auto; max-width:830px; width:100%; }

/* 見出し */
.recruit-title { font-size:20px; padding:4px 24px; margin:auto; margin-bottom:0; margin-left:0; }
h3.recruit-title { justify-content:center; margin-bottom:16px; }
.recruit-title-pink { font-size:20px; }
section.recruit-location .ye-midashi { max-width:830px; width:100%; }

/* テキスト */
.box-2 p { font-size:18px; line-height:32px; letter-spacing:-0.9px; }
.recruit-info p.first-text { margin:auto; max-width:500px; width:100%; }
.recruit-info p.last-text { text-align:center; }
p.no-recruit { font-size:18px; font-weight:800; line-height:32px; margin:40px 0; }

/* フレックスボックス */
.box-1 { align-items:center; flex-direction:row; gap:20px; justify-content:flex-start; margin:auto; margin-bottom:40px; }
.box-1.himawari { align-items:flex-start; }
.box-1.himawari dt { margin-top:0; }
.box-1 dd { font-size:18px; font-weight:400; line-height:32px; letter-spacing:-0.9px; width:calc( 100% - ( 20px + 150px ) ); }
.box-1 dd.center.columns { align-items:flex-start; margin-left:0; justify-content:flex-start; }
.box-1 dd.center { font-size:18px; font-weight:400; line-height:32px; letter-spacing:-0.9px; text-align:left; justify-content:flex-start; }
.box-1 dd.center.columns p.link-external { text-align:left; }
.box-1 dt.recruit-title.colums { margin-right:0; }
.box-2 { flex-direction:row; flex-wrap:wrap; }
.box-2 dt { width:140px; }
.box-2 dd { width:calc( 100% - 140px ); }
.box-1.box-ex { flex-direction:column; }
.box-1.hijoukin dd p.link-external { font-size:18px; font-weight:800; line-height:32px; }
.box-1.box-ex dd.access-box { align-items:flex-end; font-size:20px; font-weight:800; max-width:100%; }

/* 調整 */
dd.access-box { flex-direction:row; }

/* 装飾 */
p.type-a::before, p.type-b::before { margin-right:6px; }

/* 正社員 */
.box-2 hr { display:none; }

}

/* ==================================================================================================== */
/* 研修 */
/* ==================================================================================================== */

/* 見出し */
section.training h3 { color:var(--or); font-size:16px; font-weight:800; line-height:200%; }

/* テキスト */
section.training p { font-size:14px; font-weight:400; line-height:24px; }
section.training p.read { margin-bottom:24px; }

/* 調整 */
section.training div.flex { flex-direction:column; margin-bottom:24px; }

/* 余白調整 */
div.last-block { margin-bottom:80px; }

@container( min-width:960px ) {

/* 見出し */
section.training h3 { font-size:20px; max-width:230px; width:230px; }

/* テキスト */
section.training p { font-size:18px; line-height:32px; }
section.training div.flex p { width:calc( 100% - ( 230px + 24px ) ); }

/* 調整 */
section.training { margin:auto; max-width:830px; }
section.training div.flex { flex-direction:row; gap:24px; margin-bottom:16px; }

/* 余白調整 */
div.last-block { position:relative; margin-bottom:250px; z-index:1; }
div.last-block::before { aspect-ratio:212/241; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url(../img/page/recruit/content-illustration01-pc.png); content:''; display:inline-block; position:absolute; bottom:-200px; left:0px; height:241px; width:211px; z-index:-1; }

}