/* 用途別CMSの公開ページ表示例。説明用の静的な画面だけに適用。 */
body.recruit-cms-page .cms-update-pair { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; }
body.recruit-cms-page #center #detailID .cms-site-example { padding:18px; }
body.recruit-cms-page .cms-site-window { --site-ink:#15304a; --site-paper:#fff; --site-accent:#187d8d; --site-rule:#d8e2e7; border:1px solid #c7d0d6; border-radius:7px; overflow:hidden; background:var(--site-paper); color:var(--site-ink); font-size:13px; line-height:1.8; }
body.recruit-cms-page .cms-browser-chrome { display:flex; align-items:center; gap:12px; padding:7px 10px; background:#edf0f2; border-bottom:1px solid #c7d0d6; color:#65717c; font-size:10px; }
body.recruit-cms-page .cms-browser-dots { white-space:nowrap; color:#a0aab2; letter-spacing:2px; font-size:9px; }
body.recruit-cms-page .cms-site-header { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; justify-content:space-between; padding:17px 20px; border-bottom:1px solid var(--site-rule); }
body.recruit-cms-page .cms-site-brand { font-size:13px; letter-spacing:1.8px; line-height:1.5; }
body.recruit-cms-page .cms-site-nav { display:flex; gap:12px; flex-wrap:wrap; font-size:10px; line-height:1.8; }
body.recruit-cms-page .cms-site-main { padding:18px 24px 28px; }
body.recruit-cms-page #center #detailID .cms-site-window p { color:inherit; margin:10px 0; font-size:13px; line-height:1.8; }
body.recruit-cms-page #center #detailID .cms-site-window .cms-site-breadcrumb { margin:0 0 26px; font-size:10px; opacity:.65; }
body.recruit-cms-page #center #detailID .cms-site-window .cms-site-eyebrow { margin:0 0 12px; color:var(--site-accent); letter-spacing:1.6px; font-size:10px; }
body.recruit-cms-page #center #detailID .cms-site-window h4 { color:var(--site-ink); margin:12px 0 20px; font-size:24px; line-height:1.55; font-weight:700; overflow-wrap:anywhere; }
body.recruit-cms-page .cms-site-window .cms-pair-photo { max-width:none; width:100%; border-radius:0; }
body.recruit-cms-page .cms-site-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 18px; padding:14px 20px; border-top:1px solid var(--site-rule); font-size:9px; letter-spacing:.6px; }
body.recruit-cms-page .cms-site-section-title { margin:24px 0 12px; padding-bottom:9px; border-bottom:2px solid var(--site-accent); font-size:15px; font-weight:700; }
body.recruit-cms-page .cms-site-spec-row { display:grid; grid-template-columns:76px minmax(0,1fr); gap:12px; padding:14px 0; border-bottom:1px solid var(--site-rule); font-size:13px; line-height:1.8; }
body.recruit-cms-page .cms-site-action { display:flex; justify-content:center; align-items:center; gap:12px; padding:12px 16px; margin-top:20px; background:var(--site-accent); color:#fff; font-size:13px; font-weight:700; text-align:center; }
body.recruit-cms-page .cms-site-tag { display:inline-block; padding:3px 9px; margin:0 0 3px; background:var(--site-accent); color:#fff; font-size:11px; }
body.recruit-cms-page #center #detailID .cms-site-example .cms-site-result-note { margin:12px 0 0; color:#3e5866; font-size:12px; line-height:1.8; }
body.recruit-cms-page #center #detailID .cms-site-example .cms-site-static-note { margin:12px 0 0; color:#61717c; font-size:11px; line-height:1.8; }

body.recruit-cms-page .cms-site-window[data-site-theme="recruit"] { --site-ink:#101d2e; --site-accent:#b9ef36; --site-rule:#dce0e4; }
body.recruit-cms-page .cms-site-window[data-site-theme="recruit"] .cms-site-header { color:#fff; background:#101d2e; }
body.recruit-cms-page #center #detailID .cms-site-window[data-site-theme="recruit"] .cms-site-eyebrow { color:#526d14; }
body.recruit-cms-page .cms-site-recruit-banner { border:1px solid #101d2e; overflow:hidden; }
body.recruit-cms-page .cms-site-recruit-banner .cms-pair-photo { aspect-ratio:2.7; }
body.recruit-cms-page #center #detailID .cms-site-recruit-banner img { top:-120.2728%; }
body.recruit-cms-page .cms-site-emphasis { font-size:20px; }
body.recruit-cms-page .cms-site-window[data-site-theme="recruit"] .cms-site-action { color:#101d2e; }

body.recruit-cms-page .cms-site-window[data-site-theme="product"] { --site-ink:#0c2530; --site-accent:#ac7629; --site-rule:#d7dfe1; }
body.recruit-cms-page .cms-site-window[data-site-theme="product"] .cms-site-header { border-bottom:3px solid var(--site-accent); background:#0c2530; color:#fff; }
body.recruit-cms-page .cms-site-product-head { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:20px; }
body.recruit-cms-page #center #detailID .cms-site-product-head h4 { margin:0; font-size:28px; }
body.recruit-cms-page .cms-site-document { display:flex; gap:12px; align-items:center; padding:16px; background:#f2f5f6; border:1px solid var(--site-rule); }
body.recruit-cms-page .cms-site-document > div { min-width:0; flex:1; }
body.recruit-cms-page .cms-site-pdf { display:grid; place-items:center; min-width:34px; height:42px; border:1px solid #d4b6ac; background:#fff; color:#945342; font-size:10px; font-weight:700; }
body.recruit-cms-page #center #detailID .cms-site-window .cms-site-file { margin:4px 0 0; font-size:10px; opacity:.7; overflow-wrap:anywhere; }
body.recruit-cms-page .cms-site-download { font-size:24px; color:var(--site-accent); }

body.recruit-cms-page .cms-site-window[data-site-theme="b2b_case"] { --site-ink:#1c4640; --site-paper:#f7f8f3; --site-accent:#285d50; --site-rule:#cdd9d1; }
body.recruit-cms-page .cms-site-window[data-site-theme="b2b_case"] .cms-site-brand { font-size:11px; }
body.recruit-cms-page .cms-site-story-rule { width:58px; height:3px; margin-top:20px; background:var(--site-accent); }
body.recruit-cms-page #center #detailID .cms-site-window .cms-site-customer { margin:0 0 22px; }
body.recruit-cms-page .cms-site-window[data-site-theme="case"] { --site-ink:#403d35; --site-paper:#faf9f5; --site-accent:#867a62; --site-rule:#d8d3c8; }
body.recruit-cms-page .cms-site-window[data-site-theme="case"] .cms-site-brand { font-weight:400; letter-spacing:2px; }
body.recruit-cms-page #center #detailID .cms-site-window[data-site-theme="case"] h4 { font-size:23px; font-weight:500; }
body.recruit-cms-page #center #detailID .cms-site-window .cms-site-photo-caption { margin:8px 0 24px; font-size:11px; color:#786d5a; }

body.recruit-cms-page .cms-site-window[data-site-theme="seminar"] { --site-ink:#172d42; --site-accent:#188896; --site-rule:#cbdce1; }
body.recruit-cms-page .cms-site-window[data-site-theme="seminar"] .cms-site-header { color:#fff; background:#172d42; }
body.recruit-cms-page .cms-site-seminar-lead { display:grid; grid-template-columns:85px minmax(0,1fr); gap:14px; align-items:center; margin-bottom:18px; padding:14px; background:#edf5f7; border-left:3px solid var(--site-accent); }
body.recruit-cms-page .cms-site-date { display:flex; flex-direction:column; color:var(--site-ink); line-height:1.5; }
body.recruit-cms-page .cms-site-date > span { font-size:12px; }
body.recruit-cms-page .cms-site-date > strong { font-size:27px; letter-spacing:.5px; }

body.recruit-cms-page .cms-site-window[data-site-theme="event"] { --site-ink:#294c45; --site-paper:#fbfaf5; --site-accent:#386d5e; --site-rule:#d7ddce; }
body.recruit-cms-page .cms-site-window[data-site-theme="event"] .cms-site-header { border-top:4px solid #d0a343; }
body.recruit-cms-page .cms-site-window[data-site-theme="event"] .cms-site-tag { border-radius:20px; }
body.recruit-cms-page .cms-site-event-times { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:20px 0 12px; background:#edf1e5; }
body.recruit-cms-page .cms-site-event-times > div { display:flex; flex-direction:column; padding:13px 18px; }
body.recruit-cms-page .cms-site-event-times > div + div { border-left:1px solid #ced9c5; }
body.recruit-cms-page .cms-site-event-times span { font-size:11px; }
body.recruit-cms-page .cms-site-event-times strong { font-size:26px; }
body.recruit-cms-page #center #detailID .cms-site-window .cms-site-event-status { padding:10px; border:1px solid var(--site-accent); text-align:center; font-weight:700; }

body.recruit-cms-page .cms-site-window[data-site-theme="property"] { --site-ink:#534c42; --site-paper:#fbf8f0; --site-accent:#95724b; --site-rule:#d6cdbf; }
body.recruit-cms-page .cms-site-window[data-site-theme="property"] .cms-site-brand { font-size:12px; font-weight:400; }
body.recruit-cms-page .cms-site-search { position:relative; display:flex; flex-direction:column; gap:5px; padding:12px 38px 12px 14px; margin:20px 0; border:1px solid var(--site-rule); background:#fff; }
body.recruit-cms-page .cms-site-search > span { font-size:10px; color:#8c806d; }
body.recruit-cms-page .cms-site-search > .cms-site-search-symbol { position:absolute; right:12px; top:13px; font-size:28px; }
body.recruit-cms-page .cms-site-property-tabs { display:flex; gap:9px; align-items:center; font-size:11px; }
body.recruit-cms-page .cms-site-property-tabs > * { padding:6px 12px; border:1px solid var(--site-rule); }
body.recruit-cms-page .cms-site-property-tabs > strong { color:#fff; background:var(--site-accent); border-color:var(--site-accent); }
body.recruit-cms-page .cms-site-empty { display:flex; flex-direction:column; align-items:center; gap:12px; padding:28px 16px; margin-top:22px; background:#fff; border-top:1px solid var(--site-rule); border-bottom:1px solid var(--site-rule); text-align:center; }
body.recruit-cms-page .cms-site-empty svg { width:66px; height:54px; stroke:#b0a28e; stroke-width:2; fill:none; stroke-linejoin:round; }
body.recruit-cms-page .cms-site-empty > span { font-size:11px; color:#8c806d; }

body.recruit-cms-page .cms-site-window[data-site-theme="menu_plan"] { --site-ink:#564234; --site-paper:#fcf8ed; --site-accent:#8b6144; --site-rule:#d7c8ac; }
body.recruit-cms-page .cms-site-window[data-site-theme="menu_plan"] .cms-site-brand { font-weight:400; font-size:14px; }
body.recruit-cms-page #center #detailID .cms-site-window[data-site-theme="menu_plan"] h4 { font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif; font-size:24px; line-height:1.65; }
body.recruit-cms-page .cms-site-menu-price { display:flex; align-items:baseline; gap:4px; margin:10px 0 20px; }
body.recruit-cms-page .cms-site-menu-price > strong { font-size:30px; font-weight:400; line-height:1.3; }
body.recruit-cms-page .cms-site-menu-price strong > span { margin-left:3px; font-size:15px; }
body.recruit-cms-page .cms-site-menu-price > span { font-size:12px; }
body.recruit-cms-page .cms-site-menu-period { display:flex; flex-direction:column; gap:5px; padding:15px 0; border-top:1px solid var(--site-rule); border-bottom:1px solid var(--site-rule); }
body.recruit-cms-page .cms-site-menu-period > span { font-size:11px; color:#8b6144; }
body.recruit-cms-page .cms-site-menu-period > strong { font-size:13px; font-weight:400; }

@media (max-width:767px) {
 body.recruit-cms-page .cms-update-pair { grid-template-columns:minmax(0,1fr); }
 body.recruit-cms-page #center #detailID .cms-site-example { padding:14px; }
 body.recruit-cms-page .cms-site-header { padding:14px 16px; }
 body.recruit-cms-page .cms-site-main { padding:15px 16px 22px; }
 body.recruit-cms-page #center #detailID .cms-site-window h4 { font-size:22px; }
 body.recruit-cms-page .cms-site-product-head { grid-template-columns:minmax(0,1fr); gap:14px; }
 body.recruit-cms-page .cms-site-spec-row { grid-template-columns:60px minmax(0,1fr); gap:10px; }
 body.recruit-cms-page .cms-site-seminar-lead { grid-template-columns:minmax(0,1fr); }
 body.recruit-cms-page .cms-site-date { flex-direction:row; gap:8px; align-items:baseline; }
 body.recruit-cms-page .cms-site-document { padding:12px; gap:9px; }
 body.recruit-cms-page .cms-site-event-times > div { padding:12px; }
}