/* ==========================================================================
   BANK ORANG components  —  indonesia-hr.jp（Arkhe Child）
   配置：子テーマ /assets/css/bo-components.css
   読込：functions.php の wp_enqueue_style（functions-snippet.php 参照）
   スコープ：各カスタムHTMLブロックの最外周 <div class="bo-scope"> 配下のみに効きます
   作成：a.design
   ========================================================================== */

/* ---------- tokens ---------- */
.bo-scope{
  --bo-navy:#101A38;
  --bo-navy-2:#1B274F;
  --bo-crimson:#B4264D;
  --bo-crimson-deep:#921C3D;
  --bo-ink:#1B2033;
  --bo-ink-soft:#4A5068;
  --bo-ink-faint:#767B8E;
  --bo-line:#DCDFE7;
  --bo-mist:#F2F3F7;
  --bo-paper:#FFFFFF;
  --bo-on-dark:#FFFFFF;
  --bo-on-dark-soft:rgba(255,255,255,.74);

  --bo-serif:"Zen Old Mincho","Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --bo-sans:"Noto Sans JP","Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --bo-num:"Space Grotesk","Noto Sans JP",sans-serif;

  --bo-stripe:repeating-linear-gradient(45deg,var(--bo-crimson) 0 2px,transparent 2px 9px);
  --bo-inner:1080px;
  --bo-gutter:clamp(20px,4vw,32px);
  --bo-sec-y:clamp(56px,8vw,96px);

  font-family:var(--bo-sans);
  color:var(--bo-ink);
  font-size:16px;
  line-height:1.9;
  letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;
}

/* ---------- theme reset（Arkhe の投稿本文スタイルを打ち消す） ---------- */
.bo-scope.bo-scope :where(h1,h2,h3,h4,h5,p,ul,ol,li,figure,dl,dd,dt){
  margin:0;padding:0;border:0;background:none;box-shadow:none;
  font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;
}
.bo-scope.bo-scope :where(h1,h2,h3,h4,h5,li)::before,
.bo-scope.bo-scope :where(h1,h2,h3,h4,h5,li)::after{content:none;display:none;}
.bo-scope.bo-scope :where(ul,ol){list-style:none;}
.bo-scope.bo-scope :where(a){color:inherit;text-decoration:none;}
.bo-scope.bo-scope :where(button){font:inherit;color:inherit;}
.bo-scope *,.bo-scope *::before,.bo-scope *::after{box-sizing:border-box;}
.bo-scope .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* 日本語見出しを文節で改行（Chrome/Edge。未対応ブラウザは通常改行） */
.bo-scope :is(h1,h2,h3,.bo-issues__answer,.bo-flow__advice){word-break:auto-phrase;text-wrap:pretty;}

/* Arkhe のブロック間余白を bo セクション同士ではなくす */
.c-postContent > .bo-scope,
.c-postContent > .wp-block-group.bo-scope{margin-top:0;margin-bottom:0;}
/* 全幅セクションの横スクロール防止 */
html{overflow-x:clip;}

/* ---------- layout ---------- */
.bo-scope .bo-sec{padding-block:var(--bo-sec-y);}
.bo-scope .bo-full{width:100vw;margin-inline:calc(50% - 50vw);}
.bo-scope .bo-inner{max-width:var(--bo-inner);margin-inline:auto;padding-inline:var(--bo-gutter);}
.bo-scope .bo-mist{background:var(--bo-mist);}
.bo-scope .bo-dark{background:var(--bo-navy);color:var(--bo-on-dark);}

/* ---------- section heading ---------- */
.bo-scope .bo-head{position:relative;padding-left:22px;margin-bottom:clamp(28px,4vw,44px);}
.bo-scope .bo-head::before{
  content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:8px;
  background:var(--bo-stripe);
}
.bo-scope .bo-head h2{
  font-family:var(--bo-serif);font-weight:700;
  font-size:clamp(23px,3vw,31px);line-height:1.5;letter-spacing:.04em;color:var(--bo-navy);
}
.bo-scope .bo-head p{margin-top:12px;max-width:40em;color:var(--bo-ink-soft);font-size:16px;}
.bo-scope .bo-dark .bo-head h2{color:var(--bo-on-dark);}
.bo-scope .bo-dark .bo-head p{color:var(--bo-on-dark-soft);}
.bo-scope .bo-head--center{padding-left:0;text-align:center;}
.bo-scope .bo-head--center::before{position:static;display:block;width:48px;height:8px;margin:0 auto 18px;}
.bo-scope .bo-head--center p{margin-inline:auto;}

/* ---------- buttons ---------- */
.bo-scope .bo-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  min-height:52px;padding:12px 30px;border-radius:3px;
  font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.06em;text-align:center;
  border:1.5px solid transparent;cursor:pointer;
  transition:background-color .2s,color .2s,border-color .2s;
}
.bo-scope .bo-btn--primary{background:var(--bo-crimson);color:#fff;}
.bo-scope .bo-btn--primary:hover{background:var(--bo-crimson-deep);}
.bo-scope .bo-btn--outline{border-color:var(--bo-navy);color:var(--bo-navy);background:transparent;}
.bo-scope .bo-btn--outline:hover{background:var(--bo-navy);color:#fff;}
.bo-scope .bo-btn--light{border-color:rgba(255,255,255,.7);color:#fff;background:transparent;}
.bo-scope .bo-btn--light:hover{background:#fff;color:var(--bo-navy);}
.bo-scope .bo-link{
  display:inline-block;font-weight:700;font-size:15px;color:var(--bo-navy);
  border-bottom:1.5px solid var(--bo-crimson);padding-bottom:2px;
}
.bo-scope .bo-link:hover{color:var(--bo-crimson);}
.bo-scope :is(a,button):focus-visible{outline:3px solid var(--bo-crimson);outline-offset:3px;}
.bo-scope .bo-dark :is(a,button):focus-visible{outline-color:#fff;}
.bo-scope .bo-actions{display:flex;flex-wrap:wrap;gap:12px 16px;}

/* ==========================================================================
   TOP 01  ファーストビュー（グループブロックに bo-scope bo-fv を付与）
   ========================================================================== */
.bo-scope.bo-fv{
  position:relative;isolation:isolate;
  background-color:var(--bo-navy);
  background-image:linear-gradient(100deg,rgba(16,26,56,.92) 0%,rgba(16,26,56,.78) 45%,rgba(16,26,56,.35) 100%),var(--bo-fv-img,none);
  background-size:cover;background-position:center;
  color:#fff;padding-block:clamp(56px,9vw,112px);
}
.bo-scope .bo-fv__copy{max-width:var(--bo-inner);margin-inline:auto;padding-inline:var(--bo-gutter);margin-bottom:clamp(24px,4vw,36px);}
.bo-scope .bo-fv__title{
  font-family:var(--bo-serif);font-weight:700;color:#fff;
  font-size:clamp(27px,5.2vw,54px);line-height:1.45;letter-spacing:.05em;
}
.bo-scope .bo-fv__lead{margin-top:18px;max-width:34em;font-size:clamp(15px,1.6vw,17px);color:var(--bo-on-dark-soft);}
/* グループ自体を全幅に。中の VK Filter Search Pro は既存の検索用CSSを活かし、幅だけ揃えます */
.bo-scope.bo-fv{width:100vw;margin-inline:calc(50% - 50vw);}
.bo-scope.bo-fv > *,
.bo-scope.bo-fv > .wp-block-group__inner-container > *{max-width:var(--bo-inner);margin-inline:auto;padding-inline:var(--bo-gutter);}

/* ==========================================================================
   TOP 02  数字（全幅ネイビー帯＋ストライプ）
   ========================================================================== */
.bo-scope .bo-stats{position:relative;}
.bo-scope .bo-stats::before{content:"";position:absolute;inset:0 0 auto 0;height:10px;background:var(--bo-stripe);}
.bo-scope .bo-stats .bo-inner{padding-block:clamp(44px,6vw,64px) clamp(36px,5vw,52px);}
.bo-scope .bo-stats__list{display:grid;grid-template-columns:repeat(4,1fr);}
.bo-scope .bo-stats__item{padding:4px clamp(12px,2vw,28px);border-left:1px solid rgba(255,255,255,.18);}
.bo-scope .bo-stats__item:first-child{border-left:0;padding-left:0;}
.bo-scope .bo-stats__num{
  display:block;font-family:var(--bo-num);font-weight:700;color:#fff;
  font-size:clamp(38px,5vw,58px);line-height:1.1;letter-spacing:-.01em;
}
.bo-scope .bo-stats__unit{font-family:var(--bo-sans);font-size:.36em;font-weight:700;margin-left:.2em;letter-spacing:.04em;}
.bo-scope .bo-stats__label{display:block;margin-top:10px;font-size:14px;line-height:1.6;color:var(--bo-on-dark-soft);}
.bo-scope .bo-stats__date{display:block;font-size:12px;color:rgba(255,255,255,.55);}

/* ==========================================================================
   TOP 03  お悩み
   ========================================================================== */
.bo-scope .bo-issues__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bo-scope .bo-issues__item{
  background:var(--bo-paper);border:1px solid var(--bo-line);border-top:3px solid var(--bo-navy);
  padding:24px 22px;
}
.bo-scope .bo-issues__item h3{font-family:var(--bo-serif);font-weight:700;font-size:19px;line-height:1.6;color:var(--bo-navy);}
.bo-scope .bo-issues__item p{margin-top:10px;font-size:14.5px;line-height:1.85;color:var(--bo-ink-soft);}
.bo-scope .bo-issues__answer{
  margin-top:32px;padding-top:28px;border-top:1px solid var(--bo-line);
  font-family:var(--bo-serif);font-weight:700;font-size:clamp(18px,2.2vw,22px);line-height:1.7;color:var(--bo-navy);text-align:center;
}

/* ==========================================================================
   TOP 04  二つの人材ルート
   ========================================================================== */
.bo-scope .bo-routes__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.bo-scope .bo-route{
  display:flex;flex-direction:column;background:var(--bo-paper);
  border:1px solid var(--bo-line);border-top:5px solid var(--bo-navy);padding:30px 28px 28px;
}
.bo-scope .bo-route--univ{border-top-color:var(--bo-crimson);}
.bo-scope .bo-route__visa{
  align-self:flex-start;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.04em;
  color:var(--bo-navy);background:var(--bo-mist);padding:4px 12px;border-radius:2px;
}
.bo-scope .bo-route--univ .bo-route__visa{color:var(--bo-crimson-deep);background:#F8ECF0;}
.bo-scope .bo-route h3{margin-top:14px;font-family:var(--bo-serif);font-weight:700;font-size:clamp(21px,2.4vw,25px);line-height:1.5;color:var(--bo-navy);}
.bo-scope .bo-route__src{margin-top:6px;font-size:14.5px;color:var(--bo-ink-soft);}
.bo-scope .bo-route ul{margin:18px 0 24px;display:grid;gap:8px;}
.bo-scope .bo-route li{position:relative;padding-left:18px;font-size:15px;line-height:1.75;}
.bo-scope .bo-route li::before{
  content:"";display:block;position:absolute;left:0;top:.72em;width:7px;height:7px;background:var(--bo-navy);
}
.bo-scope .bo-route--univ li::before{background:var(--bo-crimson);}
.bo-scope .bo-route .bo-btn{margin-top:auto;align-self:flex-start;}

/* ==========================================================================
   PARTS  採用までの流れ（詳細版／簡略版）
   ========================================================================== */
.bo-scope .bo-flow__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:bo-step;}
.bo-scope .bo-flow__step{position:relative;padding:0 14px 0 0;}
.bo-scope .bo-flow__num{
  position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:var(--bo-navy);color:#fff;font-family:var(--bo-num);font-weight:700;font-size:17px;line-height:1;
}
.bo-scope .bo-flow__step::after{
  content:"";position:absolute;top:22px;left:46px;right:0;height:2px;background:var(--bo-line);
}
.bo-scope .bo-flow__step:last-child::after{display:none;}
.bo-scope .bo-flow__step h3{margin-top:16px;font-family:var(--bo-serif);font-weight:700;font-size:17.5px;line-height:1.55;color:var(--bo-navy);}
.bo-scope .bo-flow__step p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--bo-ink-soft);}

/* 所要期間の帯（ステップ列と同じ5列グリッドに重ねる） */
.bo-scope .bo-flow__spans{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:30px;}
.bo-scope .bo-flow__span{
  position:relative;margin-right:14px;padding:14px 18px 14px;
  border-top:2px solid var(--bo-navy);background:var(--bo-paper);
}
.bo-scope .bo-flow__span::before,.bo-scope .bo-flow__span::after{
  content:"";position:absolute;top:-8px;width:2px;height:14px;background:var(--bo-navy);
}
.bo-scope .bo-flow__span::before{left:0;}
.bo-scope .bo-flow__span::after{right:0;}
.bo-scope .bo-flow__span--a{grid-column:1 / 4;}
.bo-scope .bo-flow__span--b{grid-column:4 / 6;margin-right:0;border-top-color:var(--bo-crimson);}
.bo-scope .bo-flow__span--b::before,.bo-scope .bo-flow__span--b::after{background:var(--bo-crimson);}
.bo-scope .bo-flow__span dt{font-size:13.5px;color:var(--bo-ink-soft);line-height:1.6;}
.bo-scope .bo-flow__span dd{font-family:var(--bo-num);font-weight:700;font-size:clamp(22px,2.6vw,28px);line-height:1.3;color:var(--bo-navy);}
.bo-scope .bo-flow__span--b dd{color:var(--bo-crimson);}
.bo-scope .bo-flow__span dd small{font-family:var(--bo-sans);font-size:.55em;margin-left:.15em;}
.bo-scope .bo-flow__advice{
  margin-top:28px;text-align:center;font-family:var(--bo-serif);font-weight:700;
  font-size:clamp(17px,2vw,20px);line-height:1.7;color:var(--bo-navy);
}

/* 簡略版 */
.bo-scope .bo-flow--compact .bo-flow__num{width:36px;height:36px;font-size:14px;}
.bo-scope .bo-flow--compact .bo-flow__step::after{top:17px;left:36px;}
.bo-scope .bo-flow--compact .bo-flow__step h3{margin-top:12px;font-size:15.5px;}
.bo-scope .bo-flow__more{margin-top:28px;text-align:center;}

/* ==========================================================================
   TOP 07  選ばれる理由
   ========================================================================== */
.bo-scope .bo-reasons__list{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);}
.bo-scope .bo-reason{border-top:1px solid var(--bo-navy);padding-top:22px;}
.bo-scope .bo-reason h3{font-family:var(--bo-serif);font-weight:700;font-size:20px;line-height:1.6;color:var(--bo-navy);}
.bo-scope .bo-reason p{margin-top:12px;font-size:15px;line-height:1.9;color:var(--bo-ink-soft);}
.bo-scope .bo-reasons__more{margin-top:36px;}

/* ==========================================================================
   TOP 08  提携ネットワーク・学校事業
   ========================================================================== */
.bo-scope .bo-network__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.bo-scope .bo-ncard{display:flex;flex-direction:column;background:var(--bo-paper);border:1px solid var(--bo-line);}
.bo-scope .bo-ncard__fig{aspect-ratio:16/10;background:var(--bo-navy);position:relative;overflow:hidden;}
.bo-scope .bo-ncard__fig::after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:var(--bo-stripe);}
.bo-scope .bo-ncard__fig img{width:100%;height:100%;object-fit:cover;display:block;}
.bo-scope .bo-ncard__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px;}
.bo-scope .bo-ncard h3{font-family:var(--bo-serif);font-weight:700;font-size:19px;line-height:1.55;color:var(--bo-navy);}
.bo-scope .bo-ncard p{margin:8px 0 18px;font-size:14.5px;line-height:1.8;color:var(--bo-ink-soft);}
.bo-scope .bo-ncard .bo-link{margin-top:auto;align-self:flex-start;}

/* ==========================================================================
   PARTS  お問い合わせ
   ========================================================================== */
.bo-scope .bo-cta{position:relative;}
.bo-scope .bo-cta::before{content:"";position:absolute;inset:0 0 auto 0;height:10px;background:var(--bo-stripe);}
.bo-scope .bo-cta__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,5vw,64px);align-items:center;}
.bo-scope .bo-cta__title{font-family:var(--bo-serif);font-weight:700;font-size:clamp(24px,3.2vw,34px);line-height:1.5;letter-spacing:.04em;color:#fff;}
.bo-scope .bo-cta__lead{margin-top:16px;font-size:16px;line-height:1.9;color:var(--bo-on-dark-soft);max-width:30em;}
.bo-scope .bo-cta__box{display:grid;gap:14px;}
.bo-scope .bo-cta__box .bo-btn{width:100%;min-height:60px;font-size:16px;}
.bo-scope .bo-cta__tel{
  display:block;border:1px solid rgba(255,255,255,.28);padding:16px 20px;text-align:center;
}
.bo-scope .bo-cta__tel span{display:block;font-size:13px;color:var(--bo-on-dark-soft);}
.bo-scope .bo-cta__tel strong{display:block;font-family:var(--bo-num);font-weight:700;font-size:26px;line-height:1.3;color:#fff;letter-spacing:.02em;}
.bo-scope .bo-cta__tel:hover strong{text-decoration:underline;text-underline-offset:4px;}

/* ==========================================================================
   UNIVERSITY  提携大学一覧ページ
   ========================================================================== */
.bo-scope .bo-uhero{position:relative;}
.bo-scope .bo-uhero::after{content:"";position:absolute;inset:auto 0 0 0;height:10px;background:var(--bo-stripe);}
.bo-scope .bo-uhero .bo-inner{padding-block:clamp(56px,8vw,96px);}
.bo-scope .bo-uhero h1{font-family:var(--bo-serif);font-weight:700;font-size:clamp(28px,4.4vw,46px);line-height:1.45;letter-spacing:.05em;color:#fff;}
.bo-scope .bo-uhero__lead{margin-top:20px;max-width:36em;font-size:clamp(15px,1.6vw,17px);color:var(--bo-on-dark-soft);}
.bo-scope .bo-uhero .bo-actions{margin-top:32px;}

.bo-scope .bo-unote__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.bo-scope .bo-unote__item{background:var(--bo-paper);border:1px solid var(--bo-line);padding:22px 24px;}
.bo-scope .bo-unote__item dt{font-size:13.5px;font-weight:700;color:var(--bo-ink-faint);}
.bo-scope .bo-unote__item dd{margin-top:6px;font-family:var(--bo-serif);font-weight:700;font-size:18px;line-height:1.65;color:var(--bo-navy);}
.bo-scope .bo-unote__order{
  margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:16px 32px;align-items:center;
  background:var(--bo-navy);color:#fff;padding:28px 30px;border-left:8px solid var(--bo-crimson);
}
.bo-scope .bo-unote__order h3{font-family:var(--bo-serif);font-weight:700;font-size:20px;line-height:1.55;}
.bo-scope .bo-unote__order p{margin-top:8px;font-size:15px;line-height:1.85;color:var(--bo-on-dark-soft);}
.bo-scope .bo-unote__alt{margin-top:18px;font-size:14.5px;color:var(--bo-ink-soft);}
.bo-scope .bo-unote__alt a{color:var(--bo-navy);font-weight:700;border-bottom:1px solid var(--bo-crimson);}

/* 数字（小） */
.bo-scope .bo-ufacts{display:flex;flex-wrap:wrap;gap:0;margin-bottom:28px;border-block:1px solid var(--bo-line);}
.bo-scope .bo-ufacts li{flex:1 1 0;min-width:120px;padding:14px 18px;border-left:1px solid var(--bo-line);}
.bo-scope .bo-ufacts li:first-child{border-left:0;}
.bo-scope .bo-ufacts b{display:block;font-family:var(--bo-num);font-weight:700;font-size:26px;line-height:1.2;color:var(--bo-navy);}
.bo-scope .bo-ufacts b small{font-family:var(--bo-sans);font-size:.55em;margin-left:.1em;}
.bo-scope .bo-ufacts span{font-size:13px;color:var(--bo-ink-soft);}

/* 地図＋絞り込み */
.bo-scope .bo-ufilter{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-bottom:28px;}
.bo-scope .bo-umap{background:var(--bo-navy);padding:14px 12px 10px;}
.bo-scope .bo-umap svg{display:block;width:100%;height:auto;}
.bo-scope .bo-umap figcaption{margin-top:4px;font-size:12px;color:rgba(255,255,255,.6);text-align:right;padding-right:6px;}
.bo-scope .bo-ufilter__group + .bo-ufilter__group{margin-top:20px;}
.bo-scope .bo-ufilter__label{display:block;font-size:13.5px;font-weight:700;color:var(--bo-ink-soft);margin-bottom:10px;}
.bo-scope .bo-chips{display:flex;flex-wrap:wrap;gap:8px;}
.bo-scope .bo-chip{
  appearance:none;border:1.5px solid var(--bo-line);background:var(--bo-paper);
  padding:8px 14px;min-height:40px;border-radius:999px;font-size:14px;font-weight:500;line-height:1.3;color:var(--bo-ink);cursor:pointer;
  transition:border-color .15s,background-color .15s,color .15s;
}
.bo-scope .bo-chip:hover{border-color:var(--bo-navy);}
.bo-scope .bo-chip[aria-pressed="true"]{background:var(--bo-navy);border-color:var(--bo-navy);color:#fff;}
.bo-scope .bo-chip .bo-chip__n{font-family:var(--bo-num);font-weight:700;margin-left:.35em;opacity:.7;}
.bo-scope .bo-ucount{margin-bottom:16px;font-size:14.5px;color:var(--bo-ink-soft);}
.bo-scope .bo-ucount b{font-family:var(--bo-num);font-size:20px;color:var(--bo-navy);margin-right:.1em;}

/* 大学カード */
.bo-scope .bo-ugrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bo-scope .bo-ucard{display:flex;flex-direction:column;background:var(--bo-paper);border:1px solid var(--bo-line);padding:22px 22px 20px;scroll-margin-top:100px;}
.bo-scope .bo-ucard[hidden]{display:none;}
.bo-scope .bo-ucard__type{
  align-self:flex-start;font-size:12px;font-weight:700;line-height:1.5;padding:2px 10px;border-radius:2px;
  border:1px solid var(--bo-line);color:var(--bo-ink-soft);
}
.bo-scope .bo-ucard__type--national{background:var(--bo-navy);border-color:var(--bo-navy);color:#fff;}
.bo-scope .bo-ucard h3{margin-top:12px;font-family:var(--bo-serif);font-weight:700;font-size:18.5px;line-height:1.55;color:var(--bo-navy);}
.bo-scope .bo-ucard__en{margin-top:2px;font-size:13px;line-height:1.5;color:var(--bo-ink-faint);letter-spacing:.01em;}
.bo-scope .bo-ucard__desc{margin-top:12px;font-size:14.5px;line-height:1.85;color:var(--bo-ink-soft);}
.bo-scope .bo-ucard__tags{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;gap:6px;}
.bo-scope .bo-ucard__tags li{font-size:12.5px;line-height:1.5;padding:2px 10px;background:var(--bo-mist);color:var(--bo-ink-soft);border-radius:999px;}
.bo-scope .bo-uempty{padding:40px 24px;text-align:center;background:var(--bo-mist);}
.bo-scope .bo-uempty[hidden]{display:none;}
.bo-scope .bo-uempty p{color:var(--bo-ink-soft);margin-bottom:16px;}

/* 分野と想定職種 */
.bo-scope .bo-ujobs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bo-scope .bo-ujob{background:var(--bo-paper);border:1px solid var(--bo-line);border-top:3px solid var(--bo-crimson);padding:22px 22px;}
.bo-scope .bo-ujob h3{font-family:var(--bo-serif);font-weight:700;font-size:18px;color:var(--bo-navy);line-height:1.55;}
.bo-scope .bo-ujob p{margin-top:8px;font-size:15px;line-height:1.85;color:var(--bo-ink);}
.bo-scope .bo-ujobs__note{margin-top:16px;font-size:13.5px;color:var(--bo-ink-faint);}

/* ==========================================================================
   responsive
   ========================================================================== */
@media (max-width:900px){
  .bo-scope .bo-stats__list{grid-template-columns:1fr 1fr;row-gap:28px;}
  .bo-scope .bo-stats__item:nth-child(3){border-left:0;padding-left:0;}
  .bo-scope .bo-issues__list,
  .bo-scope .bo-reasons__list,
  .bo-scope .bo-network__grid,
  .bo-scope .bo-ujobs__grid{grid-template-columns:1fr;}
  .bo-scope .bo-routes__grid{grid-template-columns:1fr;}
  .bo-scope .bo-cta__grid{grid-template-columns:1fr;}
  .bo-scope .bo-ufilter{grid-template-columns:1fr;}
  .bo-scope .bo-ugrid{grid-template-columns:1fr 1fr;}
  .bo-scope .bo-unote__order{grid-template-columns:1fr;}
  .bo-scope .bo-unote__grid{grid-template-columns:1fr;}

  /* 流れ：縦並び */
  .bo-scope .bo-flow__steps{grid-template-columns:1fr;gap:0;}
  .bo-scope .bo-flow__step{display:grid;grid-template-columns:46px 1fr;column-gap:18px;padding:0 0 26px;}
  .bo-scope .bo-flow__step .bo-flow__num{grid-row:1 / 3;}
  .bo-scope .bo-flow__step h3{margin-top:8px;}
  .bo-scope .bo-flow__step::after{top:46px;bottom:0;left:22px;right:auto;width:2px;height:auto;}
  .bo-scope .bo-flow--compact .bo-flow__step{grid-template-columns:36px 1fr;padding-bottom:16px;}
  .bo-scope .bo-flow--compact .bo-flow__step::after{top:36px;left:17px;}
  .bo-scope .bo-flow--compact .bo-flow__step h3{margin-top:6px;}
  .bo-scope .bo-flow__spans{grid-template-columns:1fr;row-gap:22px;margin-top:8px;}
  .bo-scope .bo-flow__span--a,.bo-scope .bo-flow__span--b{grid-column:auto;margin-right:0;}
}
@media (max-width:600px){
  .bo-scope .bo-ugrid{grid-template-columns:1fr;}
  .bo-scope .bo-stats__num{font-size:36px;}
  .bo-scope .bo-actions .bo-btn{width:100%;}
  .bo-scope .bo-ufacts li{flex-basis:50%;}
  .bo-scope .bo-ufacts li:nth-child(3){border-left:0;}
}
@media (prefers-reduced-motion:reduce){
  .bo-scope *{transition:none !important;}
}

/* ---------- FV 背景画像（現行MV画像のURLに差し替え） ---------- */
/* ★要差し替え：メディアライブラリの現行MV画像URL */
.bo-scope.bo-fv{--bo-fv-img:url("/wp-content/uploads/2025/06/MV-1.png);}