/* ================================================== */
/* 退職金が支給される条件 */
/* ================================================== */

/* レイアウト調整 */
.button-content { margin:auto; max-width:300px; width:100%; }
.button-content .bl-button-page { margin-bottom:4px; height:52px; width:100%; }
.button-content .bl-button-page .kentaikyo-button { width:100%; } 

/* モーダル：現場・企業一覧 */
.disc-list { display:flex; flex-direction:column; gap:9px; margin-bottom:9px; }
.disc-list li { font-weight:700; }
.disc-list li::before { color:var(--bl); content:'●'; margin-right:8px; }
.kentaikyo-modal-list { display:flex; flex-direction:column; gap:8px; }
.kentaikyo-modal-list li { display:flex; flex-direction:column; }
.k-modal-title { color:var(--bl); font-weight:700; }
.color-bl { color:var(--bl); }

@container(min-width:960px) {

/* レイアウト調整 */
.joken-img { display:block; margin:auto; max-width:782px; }
.button-content { align-items:baseline; display:flex; gap:24px; justify-content:flex-start; margin-left:0; max-width:fit-content; }
.button-content .bl-button-page .kentaikyo-button { margin-bottom:4px; height:37px; width:100%; }
.button-content .bl-button-page { width:auto; }
.button-content .bl-button-page svg { display:none; }
.button-content .bl-button-page button { cursor:auto; }
.button-content .bl-button-page button:hover { background-color:var(--bl); }
.button-content .bl-button-page br { display:none; }

/* モーダル：pc ではモーダル化せずページ内にそのまま表示する */
.modal--flow { --modal-inline:1; display:flex; margin:0; max-height:none; max-width:none; opacity:1; overflow:visible; position:static; translate:0 0; }
.modal--flow .modal-body { overflow-y:visible; padding:0; }
.kentaikyo-modal-list { display:grid; gap:16px; grid-template-columns:auto 1fr; padding:0 26px; }
.kentaikyo-modal-list li { display:grid; gap:8px 16px; grid-column:1 / -1; grid-template-columns:subgrid; }
.k-modal-title { grid-column:1; grid-row:1; }
.k-modal-text { grid-column:2; }

}

/* ================================================== */
/* 退職金額 */
/* ================================================== */

/* レイアウト調整 */
.retirement-benefits img { margin-bottom:16px; }
.retirement-benefits p { margin-bottom:4px; }
.last-button { margin-bottom:24px; }

@container(min-width:960px) {

/* レイアウト調整 */
.retirement-benefits img { display:flex; justify-content:center; margin:auto; margin-bottom:16px; max-width:592px; }
.last-button { margin-bottom:80px; }

}