/* job-card.css v2.20（2026-11-02）— job-card.js の見た目。カードのデザインは1種類（並べ方だけ card／carousel／list／compact）
   カード枠 1px #E6E6E6・角丸15px／ピンク #E50037／職種名（求人タイトル）12px太字・企業名10px細字・文字間0.04em・文字色 #333 固定／ホバー時は少し薄くなる（0.2秒）・下線は付けない
   色を変えたいときは、LP側で .uki-jobs { --uki-accent: #色; } のように上書きする

   ===== 置いたページのCSSに左右されない作り（2026-10-26 v2.19）=====
   部品は LP・フリースペース・DLPO など、いろいろなページに置くので、ページ側の CSS（ul・li・a・p・img・button への指定や、
   #main_contents .contents-inner a のような強い指定）でカードの見た目が変わらないようにしている。
   ①部品の箱の中の要素は、ページの指定をいったん打ち消して、ブラウザの初期の状態に戻す（all:revert）
   ②部品の指定はすべて「.uki-jobs:not(#\#):not(#\#):not(#\#)」から始め、ID 3つ分の強さにする（:not(#\#) は何にも当たらず強さだけ足す書き方）
   ③部品の箱の外の余白（margin-top）と色の変数（--uki-…）だけは、強くしない（ページ側で .em-uki-block .uki-jobs{margin-top:…} などと変えられる）
   ページ側が !important を付けた指定だけは防げない */
.uki-jobs{--uki-accent:#E50037;--uki-line:#E6E6E6;--uki-text:#333;--uki-radius:15px;--uki-photo-bg:#F7F7F7;margin-top:12px}
.uki-jobs:not(#\#):not(#\#):not(#\#){display:block;min-width:0;text-align:left;text-indent:0;text-transform:none;letter-spacing:normal;word-spacing:normal;white-space:normal;float:none}
.uki-jobs[hidden]:not(#\#):not(#\#):not(#\#){display:none} /* 求人が取れなかった箱は js が hidden にして隠す（上の display:block に負けないように） */
.uki-jobs:not(#\#):not(#\#):not(#\#) *,.uki-jobs:not(#\#):not(#\#):not(#\#) *::before,.uki-jobs:not(#\#):not(#\#):not(#\#) *::after{all:revert}
.uki-jobs:not(#\#):not(#\#):not(#\#) *{box-sizing:border-box}
.uki-jobs[aria-busy]:not(#\#):not(#\#):not(#\#){min-height:120px;border-radius:var(--uki-radius);background:linear-gradient(90deg,#f4f4f4 25%,#fafafa 50%,#f4f4f4 75%);background-size:200% 100%;animation:ukiJobsShine 1.2s infinite}
@keyframes ukiJobsShine{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.uki-jobs[aria-busy]:not(#\#):not(#\#):not(#\#){animation:none}}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__head{display:block;margin:0 0 6px;font-size:12px;font-weight:700;line-height:1.6;color:#666}
/* 「もっと見る」：上の余白は14px（2026-10-26 v2.19。ページ側から変えられなくなったので、フリースペースで使っていた値を初期値にした） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__more{display:inline-block;margin-top:14px;font-size:13px;line-height:1.6;color:var(--uki-accent);text-decoration:none}

/* 並べ方の土台。罠よけ：グリッドの列を minmax(0,1fr) にしないと、長い社名で枠が横に広がる */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__item{display:block;list-style:none;margin:0;padding:0;border:0;min-width:0;container:uki-card/inline-size} /* カード1枚の幅でタグの大きさを変えるため（ファイルの最後） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__item::before,.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__item::after{content:none}

/* ===== カード（全種類共通） ===== */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__link{display:flex;flex-direction:column;box-sizing:border-box;height:100%;border:1px solid var(--uki-line);border-radius:var(--uki-radius);background:#fff;color:var(--uki-text);text-decoration:none;position:relative;min-width:0;overflow:hidden;transition:opacity .2s ease}
/* 下線は付けない（サイト側の a:hover{text-decoration:underline} などに負けないよう !important も付ける） */
.uki-jobs a.uki-jobs__link,.uki-jobs a.uki-jobs__link:hover,.uki-jobs a.uki-jobs__link:focus,.uki-jobs a.uki-jobs__link:active,.uki-jobs a.uki-jobs__link:visited,
.uki-jobs a.uki-jobs__link *,.uki-jobs a.uki-jobs__link:hover *,.uki-jobs a.uki-jobs__more,.uki-jobs a.uki-jobs__more:hover{text-decoration:none!important}
@media (hover:hover){.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__link:hover{opacity:.7}} /* マウスを乗せると少し薄くなる（スマホでは付かない） */
@media (prefers-reduced-motion:reduce){.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__link{transition:none}}
/* 写真：カードの枠いっぱい（上の角はカードの角丸で切り抜き）。js 側で通常サイズ600×474にそろえているので枠ちょうど */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__thumb{display:block;flex:none;width:100%;aspect-ratio:600/474;background:var(--uki-photo-bg)}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__thumb img{display:block;width:100%;max-width:none;height:100%;margin:0;padding:0;border:0;object-fit:contain;object-position:center}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px;font-weight:700;color:#fff;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 6px,transparent 6px 12px),linear-gradient(135deg,#F28AA6,var(--uki-accent))}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__body{display:block;min-width:0;padding:10px 12px 12px}
/* タグ：上段＝アイコン画像（高さは js の設定 tagHeight）、下段＝PR */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 3px;margin:0 0 5px;line-height:0}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__tag{display:inline-flex;align-items:center;box-sizing:border-box;white-space:nowrap}
.uki-jobs:not(#\#):not(#\#):not(#\#) img.uki-jobs__tag--img{display:inline-block;width:auto;max-width:none;padding:0;border:0;background:none}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__tag--line{height:16px;padding:0 5px;border:1px solid #333;border-radius:8px;background:#fff;font-size:9px;font-weight:700;line-height:1}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__types{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__sep{display:inline-block;width:1px;height:13px;margin:0 3px;background:#999}
/* PRタグ：どの並べ方（標準・カルーセル・写真なし）でも同じデザイン。高さ15px・左右の余白3px・文字9px（2026-10-26 ユーザー指定）。
   2行まで（カードの幅によっては4つが1行に並ばないため）。PC のカルーセルだけ1行（下の PC の指定）。
   それでも入りきらないタグは、次の行に回して丸ごと隠す（途中で切れて見えないように。後ろのタグから隠れる） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__tags--pr{gap:4px 3px;max-height:34px;overflow:hidden} /* 2行＝15px×2＋行の間4px */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__tag--pr{height:15px;padding:0 3px;border-radius:3px;font-size:9px;font-weight:700;line-height:1;color:var(--uki-text);background:#f2f2f2}
/* 社名は細字・職種名は太字。行間・文字間はゆとりをもたせる（2026-10-21） */
/* 行の高さはブラウザの標準（normal＝文字の約1.4倍）。社名・職種名・給与・勤務地の間の余白（margin）も付けない。どのページに置いても同じ
   （2026-11-02 ユーザー指定。それまでは行の高さ 1.6〜1.7倍・PC 20〜24px＋間に 4〜6px で、狭い枠では行間が広すぎた） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__co{display:block;margin:0;font-size:10px;font-weight:400;line-height:normal;letter-spacing:.04em;color:var(--uki-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:12px;font-weight:700;line-height:normal;letter-spacing:.04em;color:var(--uki-text)}
/* 給与は￥、勤務地はピンのアイコン（共有フォルダ app_アプリ用アイコン\icon\求人カード要素 の画像を埋め込み）。元の文章の頭から1行 */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__meta{display:block;position:relative;margin:0;padding-left:18px;font-size:10px;line-height:normal;letter-spacing:.04em;color:var(--uki-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__meta::before{content:"";position:absolute;left:0;top:0;width:15px;height:100%;background:center/contain no-repeat} /* アイコンの高さは行の高さに合わせる */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__meta--salary::before{background-image:url(data:image/png;base64,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)}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__meta--place::before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABVNJREFUeAG1V2lMXFUUvjPDWAxbIWnYd0W2sAcRqGAgQEEkYQk/+CG0rEVIoDGxIfJD4/LLxFgNJpU/ReN/AwMoZQ0Q9rAMg+xTYFgFg0hHZvG7j0d4ZeYNb0b7JXeWc98999xzvnvOeSIiDFYYGvojLCzsTW9v70Y3N7c0vV5vpQPEAJ07PDycXV5e/nJiYuIn/NVz110HkYB5CVUWFxcXFR4e3mVnZ3dzdXVVtrCw8Hhvb2/S1tb2RK1WS/H9GlDo6+t79wYwOzv7oL29/SusFbO6dNdtZArMifLz85uCgoIqxsbGvt7d3f1wfHz8jLNef3VRQkJCZmxsbOvp6amiqakpmPOsjlgAagQpLCxsraur06ekpPixcuohMc+aCw8yvysqKpaqqqqOWbmYXH9wAzDKcnJyPmpsbNQHBwc7cY0TADE7SHV19bPy8nI5Vy/fAmPQhYaGOoeEhHzR39+fLJfL/2CVCCIeuQyBqLW19XUbG5ugrKyse/ivJTxeMWYIE3cQ7+ft7e2Z7u7uXnLuCS3nGcYz0dHR0sDAQB8nJyd7Vi7hbESNEa2trT2fm5ur9/HxeUT4D258wtnZ2cbf3z95amqqnBVprhihSU9P/zgxMVENIq+WlJT8WVBQ0Mcx9gVjVlZWvsOtssatSyVGyM1niN7R0TFBo9EQ5IMx8qIr6fMaEPh78OaT0dHR1JaWlldlMpk3rrUvSK0yttHS0pIaY9TV1fU+IWZ4xMvLK/7o6EhFDDmhCwgIcIe3ynt7e8MHBwefwvVqcEjZ3NzsJRKJbiUlJd2/YgzzG/r63d3dI4k5hsAb3kiWf3MVcRALpc/hrWlyzgk9q0e/uLgos7a2zjWmUyKRHEKvAzHHEKlUeoTTGb2q2GidxpvyiLAcYAflVhi+fje2DuUAaqUnxBxDlErlMDZ0JoZJSDQ9PT1xfHy8npaWNkrOvUGHFgnvMxcXF6+tra0GYzrBobc2NzeXCA+Mnhpu7HFwcLAGIT0Q/2ecKbqpCPwISE5OXqYZd39/X25vb+8BL9l3dnZGzMzMHLIH0HEOq0ORfBul4QExwxARCtZOTEyMytPT81MY8v5VxZCdYXjiOqYj7olwuRK8eUJzBualGGccfTQ5xiCp3VCpVD8SnvrEi8jIyJSGhgZ6lR2IYTYUCZQxoa+srFRmZ2f/wnnOAHyZTjw5OdmFeCuQmrvI+Qm4deKCG8SEjPEiuHQXh/Gcn5/PZ2WCExoFcxtAzNseHh7R6EUSiIk6YQJWCMsPQ0NDlTSpEXNCwgHjgczMzG/r6+uPuTIhBtCPoqKiNlTeLSFrxSbmqAckbW1tH2i1Wilc/DkrM7XmAhoQOQAt5R0kvndYmc5SQyiYuI+MjOTgFj2MiIi4Sa53L6MzPj7+KdrJDnR1C+QyA5teZAL0FBLEuGNnZ2ceJf9XYkjcq/p0qMolyC3uBwcH77IyLRFi/TVgSAoXJ6FHiUEvepuYJq4VvNGMylze09OjIRYSlA8XxH1UU1PzF1fGNYB+oC9pKysr2+B5hhdCPEJxQdwaWgxzc3ONEVeD7v0NdPt3hoeHU1mZ4K5dqCEUDHHRtb2HnuShn5+fA7l0O6MHRvymUCg6UG8URABBLTWEIW5fX1/nxsaGHA1QN7vRK3QuIyPjHgqlB957BBPUUkMIq1y0vr6eTLutqKgoStx/qIHIoI9RLMteBkH5wBAQNegbEJdpdPLy8tpKS0s3ufPmwuw3LxZM8aqtrT3BK0c3muLMgYGBIPQbCmJumecotBSUuBloDzMRqiesEWYR9P8Cc4ji4mIZEt0t8t8ORf4FuL8XM03I87UAAAAASUVORK5CYII=)}

/* ===== 並べ方 ===== */
/* card（初期設定）：枠の幅に合わせて横に並び、入らなければ折り返す（1枚150px以上）。data-cols は最大の枚数 */
.uki-jobs--card:not(#\#):not(#\#):not(#\#) .uki-jobs__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px}
.uki-jobs--card.has-cols:not(#\#):not(#\#):not(#\#) .uki-jobs__list{grid-template-columns:repeat(auto-fill,minmax(max(min(100%,150px),calc((100% - (var(--uki-cols) - 1) * 10px) / var(--uki-cols))),1fr));max-width:calc(var(--uki-cols) * 230px + (var(--uki-cols) - 1) * 10px)} /* 1枚を広げすぎず縦長を保つ */

/* carousel：横一列に並べ、スワイプ・横スクロール・矢印ボタンで送る。1枚の幅は data-width（初期 160px）
   動きは端末で分ける（2026-10-26 v2.17。job-card.js が決めて、PC には .is-loop を付ける）
   ・PC（.is-loop）：端のない輪。カードに吸い付く
   ・スマホ（指で触れる端末）：サイトのハンバーガーメニュー「あなたにおすすめ」と同じ、ふつうの横スクロール（端で止まる・吸い付かない）。
     矢印は「次へ」だけ（ファイルの最後）。iPhone で輪にすると、戻し続けたとき途中から空白になったため */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car{display:block;position:relative;min-width:0}
.uki-jobs--carousel:not(#\#):not(#\#):not(#\#) .uki-jobs__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--uki-card-w,160px);gap:10px;
  overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.uki-jobs--carousel:not(#\#):not(#\#):not(#\#) .uki-jobs__list::-webkit-scrollbar{display:none}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-loop .uki-jobs__list{scroll-snap-type:x mandatory;scroll-padding:0 2px;
  overflow-anchor:none} /* 矢印でカードを付け替えたとき、ブラウザが勝手に位置を直さないように（位置合わせは job-card.js が行う） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-loop .uki-jobs__item{scroll-snap-align:start}
/* 矢印はカードの文字に重ねない：矢印が出ているときだけ左右に余白をとり、矢印をその端に寄せる。
   矢印の内側の端が、カードの文字の始まり（枠＋内側の余白12px）より外に来る幅にしてある（ページの外へははみ出さない） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-scrollable{padding:0 16px}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__nav{display:none;position:absolute;top:calc(50% - 4px);transform:translateY(-50%);z-index:1; /* カードの上下の真ん中 */
  width:28px;height:28px;margin:0;padding:0;border:1px solid var(--uki-line);border-radius:50%;background:#fff;color:var(--uki-accent);
  font-family:inherit;font-size:18px;line-height:1;font-weight:700;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__nav--prev{left:0}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__nav--next{right:0}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__nav:disabled{opacity:0;pointer-events:none}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-scrollable .uki-jobs__nav{display:block} /* スマホは「次へ」だけ（ファイルの最後） */

/* list（写真なし）・compact（1行）：写真を出さず、右に矢印 */
.uki-jobs--list:not(#\#):not(#\#):not(#\#) .uki-jobs__body{padding:10px 28px 10px 14px}
.uki-jobs--compact:not(#\#):not(#\#):not(#\#) .uki-jobs__body{padding:8px 28px 8px 14px}
.uki-jobs--list:not(#\#):not(#\#):not(#\#) .uki-jobs__link::after,.uki-jobs--compact:not(#\#):not(#\#):not(#\#) .uki-jobs__link::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--uki-accent);font-weight:700}
.uki-jobs--compact:not(#\#):not(#\#):not(#\#) .uki-jobs__title{display:block;margin:0;white-space:nowrap;text-overflow:ellipsis}

/* ===== PC（画面幅768px以上）：サイトのトップページPC版「おすすめ求人」カルーセルのカードに合わせる（2026-10-16）=====
   手本：職種名 14px・2行、社名 12px、1枚の幅 200px。スマホは上の大きさのまま
   タグは手本（12px・高さ26px）ではなく、PC・スマホ・どの並べ方でも 9px・高さ15px にそろえた（2026-10-26 ユーザー指定）
   行の高さは決めない（ブラウザの標準。2026-11-02。それまでの職種名24px・社名と給与・勤務地20px は、狭い枠では行間が広すぎた） */
@media (min-width:768px){
  .uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__title{font-size:14px}
  .uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__co{font-size:12px}
  .uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__meta{font-size:12px;padding-left:20px}
  .uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__meta::before{width:16px}
  .uki-jobs--card:not(#\#):not(#\#):not(#\#) .uki-jobs__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
  .uki-jobs--carousel:not(#\#):not(#\#):not(#\#) .uki-jobs__list{grid-auto-columns:var(--uki-card-w,200px)}
  .uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-scrollable{padding:0 24px}
  .uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__nav{width:36px;height:36px;font-size:22px}
  .uki-jobs--carousel:not(#\#):not(#\#):not(#\#) .uki-jobs__tags--pr{max-height:15px} /* PCのカルーセルのタグは1行（カード200pxなら4つ並ぶ） */
}

/* 指で触れる端末（スマホ・タブレット。.is-loop が付かない）は、矢印を「次へ」だけにする（「前へ」は指で戻す）。
   左の余白はとらない。PC の指定より後ろに置く（2026-10-26 v2.17） */
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-scrollable:not(.is-loop){padding-left:0}
.uki-jobs:not(#\#):not(#\#):not(#\#) .uki-jobs__car.is-scrollable:not(.is-loop) .uki-jobs__nav--prev{display:none}

/* 大きいカード（カード1枚の幅が240px以上。例：1つの箱にカードを1列で並べたとき）は、タグをその分大きくする（2026-10-26 ユーザー指定）。
   横に並べたカード・カルーセル（1枚 約160〜230px）は、上の小さいタグのまま。カードの幅で決めるので、置いた場所の広さに合わせて自動で切り替わる。
   カードの幅で切り替える仕組み（コンテナクエリ）に対応していない古いブラウザでは、小さいタグのまま */
/* カルーセルは除く（PC のカルーセルはカードの幅を見えている幅に合わせて広げるので、置く場所しだいで240pxを超える。
   カルーセルのタグはいつも小さいほうにそろえる。2026-11-02） */
@container uki-card (min-width:240px){
  .uki-jobs:not(#\#):not(#\#):not(#\#):not(.uki-jobs--carousel) .uki-jobs__tags--pr{gap:4px 5px;max-height:44px} /* 2行まで＝20px×2＋行の間4px */
  .uki-jobs:not(#\#):not(#\#):not(#\#):not(.uki-jobs--carousel) .uki-jobs__tag--pr{height:20px;padding:0 6px;border-radius:3px;font-size:10px}
}