/* 共通操作説明：WordPressを想定した3つの静的な画面案 */
body.recruit-cms-page #center #detailID .cms-wp-flow li { display:block; padding:12px; }
body.recruit-cms-page .cms-wp-shot { height:246px; overflow:hidden; border:1px solid #c3c4c7; border-radius:3px; background:#f0f0f1; color:#1d2327; font-size:12px; line-height:1.6; }
body.recruit-cms-page .cms-wp-top { display:flex; align-items:center; gap:8px; padding:7px 10px; background:#1d2327; color:#f0f0f1; font-size:10px; white-space:nowrap; }
body.recruit-cms-page .cms-wp-top > span { display:grid; place-items:center; width:16px; height:16px; border:1px solid #a7aaad; border-radius:50%; font:12px Georgia,serif; }
body.recruit-cms-page .cms-wp-form { padding:10px 14px; }
body.recruit-cms-page .cms-wp-label { margin:0 0 3px; color:#50575e; font-size:10px; }
body.recruit-cms-page .cms-wp-text,body.recruit-cms-page .cms-wp-select { display:flex; align-items:center; justify-content:space-between; padding:5px 8px; border:1px solid #8c8f94; border-radius:3px; background:#fff; color:#1d2327; font-size:12px; }
body.recruit-cms-page .cms-wp-text { margin-bottom:9px; }
body.recruit-cms-page .cms-wp-select { max-width:200px; margin-bottom:10px; border-color:#2271b1; }
body.recruit-cms-page .cms-wp-select::after { content:''; border-top:5px solid #2271b1; border-left:4px solid transparent; border-right:4px solid transparent; }
body.recruit-cms-page .cms-wp-check { display:flex; align-items:center; gap:7px; margin:5px 0; font-size:11px; }
body.recruit-cms-page .cms-wp-box { display:grid; place-items:center; width:14px; height:14px; flex:0 0 14px; border:1px solid #8c8f94; border-radius:3px; background:#fff; color:#2271b1; font-size:14px; line-height:1; }
body.recruit-cms-page .cms-wp-box.is-checked { border-color:#2271b1; }
body.recruit-cms-page .cms-wp-step-title { display:flex; align-items:flex-start; gap:8px; margin-top:14px; min-width:0; line-height:1.8; }
body.recruit-cms-page .cms-wp-step-title > strong { flex:1; }
body.recruit-cms-page .cms-wp-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px 10px 8px; }
body.recruit-cms-page .cms-wp-compare > div { min-width:0; padding:7px; background:#fff; border:1px solid #c3c4c7; }
body.recruit-cms-page .cms-wp-compare-label { display:block; margin-bottom:7px; padding-bottom:4px; border-bottom:1px solid #dcdcde; color:#50575e; font-size:9px; }
body.recruit-cms-page .cms-wp-compare strong { display:block; margin-bottom:6px; font-size:11px; font-weight:600; }
body.recruit-cms-page .cms-wp-photo { position:relative; display:block; overflow:hidden; width:100%; aspect-ratio:1.6; }
body.recruit-cms-page #center #detailID .cms-wp-photo img { position:absolute; width:355.5556%; max-width:none; height:auto; left:-21.2346%; top:-140.642%; }
body.recruit-cms-page .cms-wp-compare-category { display:inline-block; margin-top:6px; padding:1px 5px; color:#2271b1; background:#edf4f9; font-size:9px; }
body.recruit-cms-page .cms-wp-verified { display:flex; justify-content:center; gap:12px; margin:0 8px; padding:5px; color:#216b44; background:#eaf3ec; font-size:10px; }
body.recruit-cms-page .cms-wp-publish { margin:10px; border:1px solid #c3c4c7; background:#fff; }
body.recruit-cms-page .cms-wp-publish > strong { display:block; padding:5px 9px; border-bottom:1px solid #dcdcde; font-size:12px; }
body.recruit-cms-page .cms-wp-publish-info { display:flex; flex-direction:column; gap:3px; padding:7px 9px 0; font-size:10px; }
body.recruit-cms-page .cms-wp-publish-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:12px 9px; }
body.recruit-cms-page .cms-wp-publish-button { display:inline-block; padding:6px 15px; border:1px solid #2271b1; border-radius:3px; background:#2271b1; color:#fff; font-size:12px; }
body.recruit-cms-page .cms-wp-publish-result { padding:5px 9px; border-top:1px solid #dcdcde; background:#f6f7f7; font-size:10px; }
@media (max-width:767px) {
 body.recruit-cms-page #center #detailID .cms-wp-flow li { flex-wrap:wrap; }
 body.recruit-cms-page .cms-wp-compare-label { min-height:28px; }
}