/* ==== docs/134 (2026-10-07) 募集要項：5職種・8求人（福岡オフィス＝契約社員／全国リモート＝業務委託） ==== */
html body.recruit .req-tablist{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html body.recruit .req-tab{font-size:15px!important;line-height:1.35;text-align:center;min-height:64px}
html body.recruit .req-en{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#1f63f0}
html body.recruit .req-panel>.job-ways{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;padding:0;list-style:none}
html body.recruit .req-panel>.job-ways-label{margin:0;font-size:13px;font-weight:700;color:#52616b}
html body.recruit .req-panel .req-lead{margin:0 0 6px}
html body.recruit .req-must-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 20px}
html body.recruit .req-must{padding:16px 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(18,56,214,.1)}
html body.recruit .req-must>p:not(.req-way-label){margin:0;line-height:1.8}
html body.recruit .req-way-label{display:inline-block;margin:0 0 6px;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:800;color:#fff;background:var(--office,#1f63f0)}
html body.recruit .req-way-label.is-remote{background:var(--remote,#0f8a72)}
html body.recruit .req-must .req-list li:last-child{border-bottom:0}
/* 職種×働き方の表 */
html body.recruit .req-matrix{overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px #d6dee8}
html body.recruit .req-matrix table{width:100%;min-width:520px;border-collapse:collapse;margin:0}
html body.recruit .req-matrix th,html body.recruit .req-matrix td{padding:14px 18px;border-bottom:1px solid #e3e9ef;text-align:left;vertical-align:middle;font-size:16px}
html body.recruit .req-matrix thead th{background:#162f61;color:#fff;font-weight:800;line-height:1.4}
html body.recruit .req-matrix thead th small{display:block;font-size:12px;font-weight:600;opacity:.85}
html body.recruit .req-matrix tbody tr:last-child>*{border-bottom:0}
html body.recruit .req-matrix tbody th a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(31,99,240,.35)}
html body.recruit .req-matrix td{width:30%}
html body.recruit .mx-yes{display:inline-block;padding:4px 12px;border-radius:999px;background:#e6efff;color:#1238d6;font-weight:800;font-size:14px}
html body.recruit .mx-no{color:#9aa6b2}
@media(max-width:999px){html body.recruit .req-tablist{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px}html body.recruit .req-tab{flex:0 0 auto;min-width:150px;scroll-snap-align:start}}
@media(max-width:767px){html body.recruit .req-tabs.is-tabbed .req-panel{padding:24px 18px!important}html body.recruit .req-matrix th,html body.recruit .req-matrix td{padding:12px 12px;font-size:15px}}
/* 5職種のカード（トップ・募集要項） */
html body.recruit .job-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}

/* 134補正：本文16px以上・コントラスト */
html body.recruit[data-jobs134] .job-ways-label,html body.recruit[data-jobs134] .job-ways li,html body.recruit[data-jobs134] .career-card27 p{font-size:16px!important}
html body.recruit[data-jobs134] .mx-no{color:#5b6773}
html body.recruit[data-jobs134] .job-ways li{padding:4px 12px}
html body[data-art=journal].recruit[data-jobs134] main .career-card27 p{font-size:16px!important}
html body.recruit[data-jobs134] .mx-yes,html body.recruit[data-jobs134] .req-way-label{font-size:16px}
@media(max-width:600px){html body.recruit[data-jobs134] .req-matrix table{min-width:0}html body.recruit[data-jobs134] .req-matrix th,html body.recruit[data-jobs134] .req-matrix td{padding:12px 8px}html body.recruit[data-jobs134] .req-matrix td{width:auto;text-align:center}html body.recruit[data-jobs134] .req-matrix thead th small{font-size:12px}html body.recruit[data-jobs134] .mx-yes{padding:4px 8px}}

/* ==== docs/135 (2026-10-07) 職種カード：写真の背景をやめ、カテゴリーごとに色・ラベル・アイコンで色分け ==== */
html body.recruit[data-jobs134] .job-card{--c:#1f63f0;--bg:#eef3ff;--ic:none}
html body.recruit[data-jobs134] .job-card.is-cat-mkt{--c:#1f63f0;--bg:#eaf1ff;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18M5 16l5-5 4 3 6-7'/%3E%3Cpath d='M15 7h5v5'/%3E%3C/svg%3E")}
html body.recruit[data-jobs134] .job-card.is-cat-front{--c:#d9480f;--bg:#fff0e6;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E")}
html body.recruit[data-jobs134] .job-card.is-cat-ops{--c:#a16207;--bg:#fff7db;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
html body.recruit[data-jobs134] .job-card.is-cat-salon{--c:#c2255c;--bg:#ffeef5;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3Cpath d='M8 16L19 3M16 16L5 3'/%3E%3C/svg%3E")}
html body.recruit[data-jobs134] .job-card.is-cat-seo{--c:#6741d9;--bg:#f2eeff;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21M8 11l2 2 3.5-4'/%3E%3C/svg%3E")}
html body[data-art=journal].recruit[data-jobs134] .job-card>a,html body[data-art=journal].recruit[data-jobs134] .sub-layout>.content-section .job-card>a{background:var(--bg)!important;color:#162f61;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 28%,transparent)!important;border-top:0!important}
html body.recruit[data-jobs134] .job-card>a::before{background:var(--c)!important;top:0;bottom:auto;height:8px;border-radius:16px 16px 0 0;z-index:0}
html body.recruit[data-jobs134] .job-card>a::after{content:'';inset:auto -36px -36px auto;width:170px;height:170px;border-radius:50%;background:var(--c)!important;opacity:.08;-webkit-mask:none;mask:none}
html body.recruit[data-jobs134] .job-cat{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:12px 0 4px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--c);color:#fff;font-size:16px;font-weight:800;line-height:1.3}
html body.recruit[data-jobs134] .job-icon{flex:none;width:26px;height:26px;border-radius:50%;background:#fff;position:relative}
html body.recruit[data-jobs134] .job-icon::before{content:'';position:absolute;inset:5px;background:var(--c);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html body.recruit[data-jobs134] .job-card .job-en{color:var(--c)!important;margin-top:10px}
html body.recruit[data-jobs134] .job-card .job-role{color:#162f61!important}
html body.recruit[data-jobs134] .job-card .job-desc{color:#334155!important}
html body.recruit[data-jobs134] .job-card .job-ways-label{color:#475569!important}
html body.recruit[data-jobs134] .job-card .job-ways li{background:#fff!important;box-shadow:inset 0 0 0 1.5px currentColor}
html body.recruit[data-jobs134] .job-card .job-more{color:#162f61!important;border-top-color:color-mix(in srgb,var(--c) 30%,transparent)!important}
html body.recruit[data-jobs134] .job-card .job-more::after{background:var(--c)!important;color:#fff!important}
@media(hover:hover){html body.recruit[data-jobs134] .job-card>a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--c),0 18px 30px -22px var(--c)!important}html body.recruit[data-jobs134] .job-card>a:hover::before{transform:none}}

/* ==== docs/139 (2026-10-07) 右下の追従バナー：PC・モニターは16:9固定のバナー形式。スマホは画面下のボタン帯 ==== */
@media(min-width:768px){
  html body.recruit[data-follow106] .recruit-follow106.banner139{left:auto!important;right:24px!important;bottom:24px!important;width:clamp(300px,22vw,380px)!important;aspect-ratio:16/9;max-width:none!important;height:auto;padding:0!important;border:0!important;border-radius:18px;overflow:hidden;background:#0b1f6b;box-shadow:0 22px 44px -22px rgba(10,30,100,.6)!important;display:block!important}
  html body.recruit .banner139 .bn139{position:absolute;inset:0;display:flex!important;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 18px 16px!important;color:#fff!important;background:linear-gradient(160deg,rgba(18,56,214,.25) 0%,rgba(10,26,90,.86) 62%,rgba(8,20,70,.96) 100%),url(/recruit/design/assets/office.webp) center 35%/cover no-repeat!important;border:0!important;text-decoration:none;white-space:normal!important;width:auto!important;line-height:1.4!important;font-size:inherit!important;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  html body.recruit .banner139 .bn139::before{content:'';position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:26px solid rgba(159,227,255,.22)}
  html body.recruit .banner139 .bn139-en{position:absolute;left:18px;top:14px;font:800 12px/1 var(--display,Arial),sans-serif;letter-spacing:.3em;color:#9fe3ff}
  html body.recruit .banner139 .bn139-copy{display:block;font-size:clamp(17px,1.3vw,21px);font-weight:900;line-height:1.45;letter-spacing:.02em}
  html body.recruit .banner139 .bn139-sub{display:inline-block;width:max-content;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700}
  html body.recruit .banner139 .bn139-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding:9px 10px 9px 16px;border-radius:999px;background:#fff;color:#1238d6;font-size:14px;font-weight:800}
  html body.recruit .banner139 .bn139-cta i{flex:none;width:26px;height:26px;border-radius:50%;background:#1238d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13m-5.5-5.5L18 12l-5.5 5.5'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s ease}
  html body.recruit .banner139 .bn139:hover{transform:scale(1.02)}
  html body.recruit .banner139 .bn139:hover .bn139-cta i{transform:translateX(3px)}
  html body.recruit .banner139 .bn139:focus-visible{outline:3px solid #9fe3ff;outline-offset:-5px}
  html body.recruit .banner139 .bn139-close{position:absolute;right:8px;top:8px;z-index:2;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:16px;line-height:1;cursor:pointer}
  html body.recruit .banner139 .bn139-close:hover{background:rgba(255,255,255,.35)}
  html body.recruit .banner139.is-closed{display:none!important}
  html body.recruit[data-follow106]{padding-bottom:40px!important}
}
@media(max-width:767px){
  html body.recruit .banner139 .bn139{display:block;text-align:center;width:100%;padding:14px 16px;background:#176b49;color:#fff;font-size:16px;font-weight:700;text-decoration:none;line-height:1.6;border:2px solid #176b49}
  html body.recruit .banner139 :is(.bn139-en,.bn139-copy,.bn139-sub,.bn139-close){display:none}
  html body.recruit .banner139 .bn139-cta i{display:none}
}
@media(min-width:768px){
  html body.recruit .banner139 .bn139{gap:6px;padding:14px 16px 14px!important}
  html body.recruit .banner139 .bn139-en{left:16px;top:16px;font-size:12px}
  html body.recruit .banner139 .bn139-copy{font-size:clamp(15px,1.12vw,19px);line-height:1.4;white-space:nowrap}
  html body.recruit .banner139 .bn139-sub{order:-1}
  html body.recruit .banner139 .bn139-cta{margin-top:2px;padding:8px 8px 8px 14px}
}

/* ==== docs/140 (2026-10-07) 文字の読みやすさ：青い帯・色付きの面の上の文字を見えるように ==== */
/* 青い帯（デジタルマーケの仕事）：説明文は白、マーカーは濃い紺の半透明（白文字がにじまない）、タグは下地を少し暗く */
html body.recruit main section.dm-band .dm-flow-lead,html body.recruit main section.dm-band .dm-flow-lead *{color:#fff!important}
html body.recruit main section.dm-band :is(.dl-text,.h-mark){background-image:linear-gradient(transparent 64%,rgba(6,18,80,.55) 64%,rgba(6,18,80,.55) 92%,transparent 92%)!important}
html body.recruit main section.dm-band .dm-track span{background:rgba(6,18,80,.32)!important;border-color:rgba(255,255,255,.6)!important}
/* 白文字の青いボタン：グラデーションの明るい端を濃く */
html body[data-art=journal].recruit :is(a,button).button:not([class*="action"]){background-image:linear-gradient(120deg,#1238d6,#1b4fe6)!important}
html body[data-art=journal].recruit section.dm-band .actions>a.button{background:#fff!important;background-image:none!important;color:#1238d6!important}
/* 色のバッジ・ラベル */
html body.recruit .job-status{background:#d1361a!important;color:#fff!important}
html body.recruit[data-jobs134] .job-card.is-cat-front{--c:#b93d0b}
html body.recruit[data-jobs134] .job-card.is-cat-ops{--c:#8a5307}
html body.recruit :is(.job-ways li.is-remote,.day-col.is-remote .day-extra,.req-cell.is-remote small){color:#08665f!important}
html body.recruit .day-col.is-remote time{color:#08665f!important}
/* 140補正：既存のより強い指定（service-cleanup107・art-direction）を上書き */
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-jobs134] #main section.dm-band .dm-flow-lead{color:#fff!important}
html body[data-art=journal].recruit[data-jobs134] #main .actions>:is(a,button).button:not([href$="/contact/"]),html body[data-art=journal].recruit[data-jobs134] #main :is(a,button).button.primary{background-image:linear-gradient(120deg,#1238d6,#1b4fe6)!important}
html body[data-art=journal].recruit[data-jobs134] #main section.dm-band .actions>a.button{background-image:none!important;background-color:#fff!important;color:#1238d6!important}
html body[data-art=journal].recruit[data-jobs134] :is(#workstyle,.content-section) .day-col.is-remote :is(.day-extra,time,.day-en,h3){--tone:#08665f;color:#08665f!important}

/* docs/141 (2026-10-07) お問い合わせ：プライバシーポリシーへの同意は囲みなし・画面中央 */
html body.recruit[data-jobs134] .demo-form label.chk.consent{display:flex!important;justify-content:center;align-items:center;gap:10px;width:100%;margin:28px auto 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:center}
html body.recruit[data-jobs134] .demo-form label.chk.consent input{width:20px;height:20px;margin:0;flex:none}

/* ==== docs/141 (2026-10-07) 募集情報の3階層：ヘッダーのプルダウン・フッターの階層・職種詳細ページ ==== */
html body.recruit .nav-drop141{position:relative;display:inline-flex;align-items:center}
html body.recruit .nav-drop141-top::after{content:'';display:inline-block;width:7px;height:7px;margin:0 0 3px 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.7}
html body.recruit .nav-sub141{position:absolute;left:50%;top:100%;z-index:60;display:grid;min-width:260px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 18px 40px -18px rgba(18,40,90,.4),inset 0 0 0 1px #e3e9ef;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}
html body.recruit .nav-drop141:is(:hover,:focus-within) .nav-sub141{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s ease,transform .2s ease}
html body.recruit .nav-sub141 a{display:flex!important;align-items:center;gap:8px;padding:10px 12px!important;border-radius:8px;color:#162f61!important;font-size:15px!important;font-weight:700;white-space:nowrap;text-decoration:none;background:none!important;border:0!important}
html body.recruit .nav-sub141 a:first-child{font-weight:800;border-bottom:1px solid #e3e9ef!important;border-radius:8px 8px 0 0;margin-bottom:4px}
html body.recruit .nav-sub141 a i{font-style:normal;color:#9aa6b2}
html body.recruit .nav-sub141 a:hover{background:#eef3ff!important;color:#1238d6!important}
@media(max-width:1100px){
  html body.recruit .nav-drop141{display:block}
  html body.recruit .nav-drop141-top::after{display:none}
  html body.recruit .nav-sub141{position:static;transform:none;opacity:1;visibility:visible;min-width:0;padding:0 0 6px 14px;box-shadow:none;background:none;border-radius:0}
  html body.recruit .nav-sub141 a{padding:8px 4px!important;font-size:15px!important;color:inherit!important}
  html body.recruit .nav-sub141 a:first-child{display:none!important}
}
/* フッター：「─」付きの薄い文字で階層を示す */
html body.recruit .foot-sub141{list-style:none;margin:6px 0 4px;padding:0}
html body.recruit .foot-sub141 li{margin:0}
html body.recruit .foot-sub141 a{display:inline-flex;gap:6px;padding:3px 0;font-size:14px!important;font-weight:400!important;color:#8a96a3!important;text-decoration:none}
html body.recruit .foot-sub141 a i{font-style:normal;color:#c2cad3}
html body.recruit .foot-sub141 a:hover{color:#4d5b69!important}
/* 職種詳細ページ */
html body.recruit[data-jobdetail141] .job-cat141{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--c,#1f63f0);color:#fff;font-size:16px;font-weight:800}
html body.recruit[data-jobdetail141] .job-detail141{--c:#1f63f0;--ic:none}
html body.recruit[data-jobdetail141] .job-detail141.is-cat-front{--c:#b93d0b}html body.recruit[data-jobdetail141] .job-detail141.is-cat-ops{--c:#8a5307}html body.recruit[data-jobdetail141] .job-detail141.is-cat-salon{--c:#c2255c}html body.recruit[data-jobdetail141] .job-detail141.is-cat-seo{--c:#6741d9}
html body.recruit[data-jobdetail141] .job-cat141 .job-icon{width:22px;height:22px;border-radius:50%;background:#fff}
html body.recruit[data-jobdetail141] .job-ways{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;padding:0;list-style:none}
html body.recruit[data-jobdetail141] .req-table.cols-1 .req-row{grid-template-columns:200px minmax(0,1fr)!important}
html body.recruit[data-jobdetail141] .req-table.cols-1 .req-head{display:none}
html body.recruit[data-jobdetail141] .job-others141{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0}
html body.recruit[data-jobdetail141] .job-others141 a{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #d6dee8;color:#162f61;font-weight:800;text-decoration:none}
html body.recruit[data-jobdetail141] .job-others141 a::after{content:'→';margin-left:auto;color:#1238d6}
html body.recruit[data-jobdetail141] .job-others141 .job-icon{display:none}
html body.recruit[data-jobdetail141] .job-back141{margin-top:18px}
html body.recruit[data-jobdetail141] .job-back141 a{color:#1238d6;font-weight:700}
html body[data-art=journal].recruit .site-header nav .nav-sub141 a:last-child,html body.recruit .site-header nav .nav-sub141 a:last-child{background:none!important;background-image:none!important;color:#162f61!important;border:0!important;box-shadow:none!important;min-height:0!important;justify-content:flex-start!important}html body.recruit .site-header nav .nav-sub141 a:last-child:hover{background:#eef3ff!important;color:#1238d6!important}@media(max-width:1100px){html body.recruit .site-header nav .nav-sub141 a:last-child{color:inherit!important}}
@media(max-width:1100px){
  html body.recruit #navigation .nav-drop141{border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:8px}
  html body.recruit #navigation .nav-drop141-top{display:grid!important;padding:14px 4px 6px!important;font-size:21px!important;font-weight:800!important;color:#fff!important;background:none!important;border:0!important;text-decoration:none}
  html body.recruit #navigation .nav-drop141-top::before{content:'JOBS';display:block;font:800 11px/1 var(--display,Arial),sans-serif;letter-spacing:.3em;color:#9fe3ff;margin-bottom:6px}
  html body.recruit #navigation .nav-sub141 a,html body.recruit #navigation .nav-sub141 a:last-child{color:rgba(255,255,255,.88)!important;font-size:16px!important;font-weight:700!important;padding:9px 4px!important;background:none!important}
  html body.recruit #navigation .nav-sub141 a i{color:rgba(255,255,255,.45)}
}
@media(max-width:1100px){html body.recruit #navigation>*{flex-shrink:0!important}}
html body.recruit .foot-sub141 a{font-size:16px!important;font-weight:400!important;color:#6b7785!important;padding:2px 0!important}
/* 141補正：プルダウンだと分かる下向き矢印（丸の中の▼）。開いている間は上向きに */
@media(min-width:1101px){
  html body.recruit .nav-drop141-top{display:inline-flex!important;align-items:center;gap:8px}
  html body.recruit .nav-drop141-top::after{content:''!important;flex:none;width:20px;height:20px;margin:0!important;border:0!important;border-radius:50%;transform:none!important;opacity:1!important;background:#e6efff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231238d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s ease}
  html body.recruit .nav-drop141:is(:hover,:focus-within) .nav-drop141-top::after{transform:rotate(180deg)!important}
}
@media(min-width:1101px){
  html body.recruit header.site-header #navigation .nav-drop141>a.nav-drop141-top::after{content:''!important;position:static!important;display:block!important;flex:none;width:20px!important;height:20px!important;margin:0!important;border:0!important;border-radius:50%;transform:none!important;opacity:1!important;scale:1!important;background:#e6efff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231238d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") center/16px no-repeat!important;transition:transform .25s ease}
  html body.recruit header.site-header #navigation .nav-drop141:is(:hover,:focus-within)>a.nav-drop141-top::after{transform:rotate(180deg)!important}
}
/* 141補正2：プルダウン＝カーソルを合わせると表示、矢印は動かさない、表示された項目のクリックで下層へ。表示中にカーソルを移動しても閉じないよう、見出しと一覧の間に透明の橋をかける */
@media(min-width:1101px){
  html body.recruit header.site-header #navigation .nav-drop141:is(:hover,:focus-within)>a.nav-drop141-top::after{transform:none!important}
  html body.recruit header.site-header #navigation .nav-drop141>a.nav-drop141-top::after{transition:none!important}
  html body.recruit .nav-drop141{padding-bottom:0}
  html body.recruit .nav-sub141{top:100%!important;margin-top:0!important;transform:translate(-50%,0)!important;transition:opacity .15s ease,visibility 0s .15s!important}
  html body.recruit .nav-sub141::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
  html body.recruit .nav-drop141:is(:hover,:focus-within) .nav-sub141{transition:opacity .15s ease!important;pointer-events:auto}
  html body.recruit .nav-drop141:not(:hover):not(:focus-within) .nav-sub141{pointer-events:none}
}
@media(min-width:1101px){html body.recruit .nav-sub141::before{content:none!important;display:none!important}}
/* 141補正3：見出しはボタン（押すとメニューが開くだけ）。クリック・タップでも開閉 */
html body.recruit button.nav-drop141-top{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit}
html body.recruit button.nav-drop141-top:focus-visible{outline:3px solid #1238d6;outline-offset:4px;border-radius:4px}
@media(min-width:1101px){html body.recruit .nav-drop141.is-open .nav-sub141{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s ease!important}}
@media(max-width:1100px){
  html body.recruit #navigation button.nav-drop141-top{display:grid!important;width:100%;text-align:left;padding:14px 4px 6px!important;font-size:21px!important;font-weight:800!important;color:#fff!important}
  html body.recruit #navigation .nav-sub141 a:first-child{display:flex!important;border-bottom:0!important;font-weight:800!important}
}
@media(min-width:1101px){
  html body.recruit header.site-header #navigation .nav-drop141>.nav-drop141-top{display:inline-flex!important;align-items:center;gap:8px}
  html body.recruit header.site-header #navigation .nav-drop141>.nav-drop141-top::after{content:''!important;position:static!important;display:block!important;flex:none;width:20px!important;height:20px!important;margin:0!important;border:0!important;border-radius:50%;opacity:1!important;scale:1!important;background:#e6efff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231238d6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") center/16px no-repeat!important;transform:none!important;transition:none!important}
  html body.recruit header.site-header #navigation .nav-drop141:is(:hover,:focus-within,.is-open)>.nav-drop141-top::after{transform:none!important}
}

/* docs/144 (2026-10-07) トップ「働き方は、2つ」のカード：暗い写真の上の文字は白に */
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card :is(h3,p,dt,dd,span,small,li,a,.ws-lead,.ws-people,.ws-people span){color:#fff!important}
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card .ws-en{color:#9fe3ff!important}
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card dt{color:rgba(255,255,255,.78)!important}
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card dd small{color:rgba(255,255,255,.82)!important}
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card a{color:#fff!important;text-decoration-color:rgba(255,255,255,.6)!important}
html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card :is(dl>div,dl,.ws-people){border-color:rgba(255,255,255,.28)!important}

html body[data-art=journal].recruit[data-cleanup107][data-cleanup107][data-cleanup107][data-cleanup107] #main .ws-card{background-color:#0b1530!important}

/* docs/146 (2026-10-07) 事業と仕事：肉付けしたセクション */
html body[data-biz146] .biz146 .section-body>p{font-size:16px;line-height:1.9;margin:0 0 20px}
html body[data-biz146] .biz146 .biz146-note{font-size:16px!important;color:#5b6573;margin-top:16px}
html body[data-biz146] .biz146-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
html body[data-biz146] .biz146-tags span{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef3ff;color:#1238d6;font-size:16px;font-weight:700;line-height:1.3}
html body[data-biz146] .biz146 .cards.biz146-two{grid-template-columns:repeat(2,minmax(0,1fr))}
html body[data-biz146] .biz146-steps{list-style:none;counter-reset:b146;margin:0 0 24px;padding:0;display:grid;gap:14px}
html body[data-biz146] .biz146-steps li{counter-increment:b146;position:relative;display:grid;gap:6px;padding:20px 22px 20px 76px;border:1px solid #d9e1ec;border-radius:12px;background:#fff}
html body[data-biz146] .biz146-steps li::before{content:counter(b146,decimal-leading-zero);position:absolute;left:22px;top:18px;font:900 26px/1 Archivo,Arial,sans-serif;color:#1238d6}
html body[data-biz146] .biz146-steps b{font-size:18px}
html body[data-biz146] .biz146-steps span{font-size:16px;line-height:1.8}
html body[data-biz146] .biz146-phase{padding:20px 22px;border-radius:12px;background:#f2f6fc}
html body[data-biz146] .biz146-phase-title{margin:0 0 10px!important;font-weight:700;font-size:16px}
html body[data-biz146] .biz146-phase dl{margin:0;display:grid;gap:8px}
html body[data-biz146] .biz146-phase dl>div{display:grid;grid-template-columns:7.5em 1fr;gap:12px;font-size:16px;line-height:1.7}
html body[data-biz146] .biz146-phase dt{font-weight:700;color:#1238d6}
html body[data-biz146] .biz146-phase dd{margin:0}
html body[data-biz146] .biz146-field{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body[data-biz146] .biz146-field li{display:grid;gap:6px;padding:18px 20px;border:1px solid #d9e1ec;border-radius:12px;background:#fff}
html body[data-biz146] .biz146-field b{font-size:16px}
html body[data-biz146] .biz146-field span{font-size:16px;color:#4a5563;line-height:1.7}
html body[data-biz146] .biz146-jobs .card{display:flex;flex-direction:column}
html body[data-biz146] .biz146-more{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#1238d6!important;text-decoration:none}
html body[data-biz146] .biz146-more span{transition:transform .2s}
@media(hover:hover){html body[data-biz146] .biz146-more:hover span{transform:translateX(4px)}}
@media(max-width:767px){
  html body[data-biz146] .biz146 .cards.biz146-two,html body[data-biz146] .biz146-field{grid-template-columns:1fr}
  html body[data-biz146] .biz146-steps li{padding:18px 16px 18px 60px}
  html body[data-biz146] .biz146-steps li::before{left:16px;font-size:22px}
  html body[data-biz146] .biz146-phase dl>div{grid-template-columns:1fr;gap:2px}
}html body[data-biz146] .biz146-phase dl>div{align-items:baseline}
html body[data-biz146] .biz146-phase :is(dt,dd){margin:0!important;padding:0!important;border:0!important;font-size:16px!important}
html body[data-biz146] .biz146 .cards+.biz146-note,html body[data-biz146] .biz146 .biz146-phase+.biz146-note,html body[data-biz146] .biz146 .biz146-field+.biz146-note{margin-top:20px!important}
html body[data-biz146] .biz146-talk li span{font-size:16px!important;line-height:1.8}