/* せこかんデビュー（3サイト目）の見た目。sites.mjs の theme.css で読む。
   じむデビュー（static/theme-sekou-kanri.css）のポップな見た目をそのまま写し、.theme-sekou-kanri を .theme-sekou-kanri に、
   明るい黄色＋水色を「工事のオレンジ＋紺」に置き換えたもの（仮・planning/sekou-kanri/kari-kime.md K-02）。
   絵はまだ無い（K-04）。下の各所のコメントは、じむデビューで直した経緯をそのまま残している。 */

.theme-sekou-kanri {
  --desk: #FFE9D6;
  --desk-deep: #F5B98C;
  --surface: #FFF5EC;
  --paper: #FFFCF8;
  --accent: #1D4F91;
  --note-b: #CADCF2;
}

.theme-img { display: block; width: 100%; height: auto; }

/* トップの最初の画面の絵 */
.hero-art.theme-img { max-width: 16rem; border-radius: var(--radius-box); }
@media (min-width: 840px) {
  .hero-art.theme-img { max-width: 28rem; }
}

/* 柱のカード：小さいアイコンの代わりに絵（角は小さく・カードの内側に置く） */
.pillar-photo { display: block; margin-bottom: 12px; }
.pillar-photo .theme-img { aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--radius-note); }

/* 記事の頭・ページの頭の絵（枠の板は付けない＝絵に地の色があるため） */
.article-head .head-art--photo { aspect-ratio: auto; padding: 0; background: none; border-radius: var(--radius-box); }
.page-head .theme-img.head-art { border-radius: var(--radius-toc); }

/* LINE の帯の絵 */
.cta-art.theme-img { border-radius: var(--radius-toc); }

/* 狭い画面でも記事の頭に絵を出す */
.article-head .head-art--photo { display: block; width: 100%; max-width: none; }
@media (min-width: 960px) {
  .article-head .head-art--photo { max-width: var(--side-col); }
}

/* 広い画面では絵のカードを4枚横に並べる（2列だと絵が大きすぎる） */
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards { grid-template-columns: repeat(4, 1fr); }
  .theme-sekou-kanri .pillar-card .pillar-link { font-size: var(--fs-body); }
}

/* カードを白い紙に（色の板の中に水色の絵の板が入る二重の枠は幼く見えるため）。柱の色は本数の札にだけ残す */
.theme-sekou-kanri .pillar-card { background: var(--white); box-shadow: var(--shadow-1); }
.theme-sekou-kanri .pillar-card .pillar-count { background: var(--tone); }

/* ---------- 自分で見た細部（2026-10-22 6:37） ---------- */
/* 1〜3. 絵の周りの四角い地の色（薄い青・白）を、机の青の背景になじませる（重ねて暗くなる合成だけ・半透明は使わない） */
.theme-sekou-kanri .hero-art.theme-img, .theme-sekou-kanri .page-head .theme-img.head-art, .theme-sekou-kanri .cta-art.theme-img { mix-blend-mode: multiply; border-radius: 0; }
/* 4. カードに指を置くと、絵がわずかに大きくなる（枠の中で） */
.theme-sekou-kanri .pillar-photo { overflow: hidden; border-radius: var(--radius-note); }
.theme-sekou-kanri .pillar-photo .theme-img { transition: transform var(--dur); }
.theme-sekou-kanri .pillar-card:hover .pillar-photo .theme-img { transform: scale(1.03); }
/* 5. カードの説明文は小さく薄い墨で（題との段差をはっきり） */
.theme-sekou-kanri .pillar-card p:not(.pillar-count) { color: var(--ink-soft); font-size: var(--fs-small); }
/* トップの絵は合成すると地の四角が濃く浮いたので（6:41 写真で確認）、合成をやめて角丸の額のように見せる */
.theme-sekou-kanri .hero-art.theme-img { mix-blend-mode: normal; border-radius: var(--radius-box); box-shadow: var(--shadow-ring); }

/* トップの区切りの見出しに上の濃い線（路線Bで効いた形を、路線Aにも） */
.theme-sekou-kanri .home-block .block-title { padding-top: var(--space-2); border-top: 2px solid var(--ink); font-size: var(--fs-h3); letter-spacing: 0.06em; }

/* ---------- プロの記事ページ10件の実測（docs/design-hikidashi.md の 5）を反映 ---------- */
/* h2 は左の小さな帯をやめ、横いっぱいの下の線（柱の色・3px）。マイナビ転職・type の作り */
.theme-sekou-kanri .article-body h2 { padding-left: 0; padding-bottom: var(--space-1); border-bottom: 3px solid var(--tone, var(--note-y)); }
.theme-sekou-kanri .article-body h2::before { display: none; }
/* 記事の頭の絵と図の角を小さく（プロの記事の画像はほぼ四角） */
.theme-sekou-kanri .article-head .head-art--photo, .theme-sekou-kanri .figure { border-radius: var(--radius-note); }

/* ---------- 採点（7.0点・内訳つき）の路線Aの5つ ---------- */
/* A1. 浮いた白い箱をやめる（LINE の箱・もくじ）。要点の箱は「薄い色の面＋上の線」 */
.theme-sekou-kanri .line-box { padding: var(--space-3) 0 0; background: none; box-shadow: none; border-top: 1px solid var(--desk-deep); border-radius: 0; }
.theme-sekou-kanri .toc { padding: 12px 0 0; background: none; box-shadow: none; border-radius: 0; border-top: 2px solid var(--ink); }
.theme-sekou-kanri .summary { border-radius: var(--radius-note); box-shadow: none; border-top: 4px solid var(--note-y-fold); }
/* A2. h2 の線を見える色に（黄色は白い地で読めない）。柱の色は題の上の札に残す */
.theme-sekou-kanri .article-body h2 { border-bottom: 3px solid var(--accent); }
/* A3. トップのカード：本数の札を出さない・影を細い枠に・説明を細切れに折らない・一覧へのボタンをはっきり */
.theme-sekou-kanri .pillar-card .pillar-count { display: none; }
.theme-sekou-kanri .pillar-card { box-shadow: var(--shadow-ring); }
.theme-sekou-kanri .pillar-card:hover { box-shadow: var(--shadow-1); }
.theme-sekou-kanri .pillar-card p:not(.pillar-count) { word-break: normal; text-wrap: wrap; }
.theme-sekou-kanri .more a { background: var(--ink); color: var(--white); box-shadow: none; }
/* A4. 一覧の札：スマホでは小さい絵を外して文字が1行に収まる幅に。柱の区切りの絵は小さく */
.theme-sekou-kanri .pillar-nav { display: flex; flex-wrap: wrap; }
.theme-sekou-kanri .pillar-nav .chip-icon { display: none; }
.theme-sekou-kanri .pillar-nav a { padding: 4px 16px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav .chip-icon { display: block; }
  .theme-sekou-kanri .pillar-nav a { padding: 4px 16px 4px 8px; }
}
.theme-sekou-kanri .group-icon { width: 40px; height: 40px; border-radius: var(--radius-note); }
/* A5. スマホの記事の頭の絵を横長に切る（本文の始まりを早く） */
.theme-sekou-kanri .article-head .head-art--photo { aspect-ratio: 16 / 9; object-fit: cover; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head .head-art--photo { aspect-ratio: auto; }
}
/* トップの塗りの LINE は最初の画面の1つだけ。下の帯のボタンは枠のボタンに（路線Bと同じ） */
.theme-sekou-kanri .hero ~ .cta-band .cta-button { background: var(--white); color: var(--cta); border: 2px solid var(--cta); box-shadow: none; }
.theme-sekou-kanri .hero ~ .cta-band .cta-button:hover { background: var(--cta); color: var(--white); }

/* ---------- 採点（7.3点・2回目）の路線Aの4つ ---------- */
:root {
  /* 帯の色を水色から明るい灰色に（水色の絵の地が「額に入れた絵」として映えるように・8:29 採点） */
  --desk: #F0F3F6;
  --desk-deep: #D9E0E7;
  /* 要点の面（帯より一段濃い灰色）と、図の付箋の色を一段淡くした値（元の色に白を 35% 混ぜた・仮） */
  --panel: #E9EEF2;
  --panel-soft: #F1F4F7;
  /* 記事ごとの絵の地：柱の色に白を約75%混ぜた値（仮・17回目の採点役の値） */
  --art-y: #FFF6D9; --art-y-deep: #FAEBBE;
  --art-g: #E6F5EC; --art-g-deep: #C8E5D4;
  --art-p: #FDEBEB; --art-p-deep: #F1CDCD;
  --art-o: #FFF0DE; --art-o-deep: #F3D7B5;
  --fig-y: #FFECA9;
  --fig-p: #FFE0E0;
  --fig-g: #D9F2E4;
  --fig-b: #DDEDF9;
  --fig-o: #FFE6C6;
  /* 柱の色の点（白い札の前に付ける小さな丸・仮の値） */
  --dot-y: #E0701F;
  --dot-g: #2E9E6A;
  --dot-p: #D9534F;
  --dot-o: #E07B1F;
}
/* 1. トップの「箱の中に箱」をやめる（テーマのカード4枚と、おすすめ記事） */
.theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { padding: 0; background: none; box-shadow: none; transform: none; }
.theme-sekou-kanri .pillar-photo { margin-bottom: 12px; border-radius: var(--radius-box); }
.theme-sekou-kanri .featured-card, .theme-sekou-kanri .featured-card:hover { padding: 0; background: none; box-shadow: none; }
.theme-sekou-kanri .featured-art { border-radius: var(--radius-box); }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-card { padding: 0; }
}
/* 2. 色を塗った札をやめ、白い札に色の点 */
.theme-sekou-kanri .pillar-1 { --tone-deep: var(--dot-y); }
.theme-sekou-kanri .pillar-2 { --tone-deep: var(--dot-g); }
.theme-sekou-kanri .pillar-3 { --tone-deep: var(--dot-p); }
.theme-sekou-kanri .pillar-4 { --tone-deep: var(--dot-o); }
.theme-sekou-kanri .article-tag, .theme-sekou-kanri .pillar-tag { display: inline-flex; align-items: center; gap: var(--space-1); padding: 0 12px 0 var(--space-1); background: var(--white); box-shadow: var(--shadow-ring); }
.theme-sekou-kanri .article-tag::before, .theme-sekou-kanri .pillar-tag::before { content: ""; width: 8px; height: 8px; background: var(--tone-deep, var(--ink-soft)); border-radius: var(--radius-button); }
/* 3. 記事の線を2種類に絞る（要点は薄い黄の面だけ・もくじは墨の 1px）。途中の LINE は枠のボタン。図は題と注記も真ん中に */
.theme-sekou-kanri .summary { border-top: 0; }
.theme-sekou-kanri .toc { border-top: 1px solid var(--ink); }
.theme-sekou-kanri .cta-compact { padding: 0; border: 0; }
.theme-sekou-kanri .cta-compact > a { display: inline-flex; align-items: center; min-height: 48px; padding: 4px var(--space-4); color: var(--cta); text-decoration: none; background: var(--white); border: 2px solid var(--cta); border-radius: var(--radius-button); }
.theme-sekou-kanri .cta-compact > a:hover { background: var(--cta); color: var(--white); }
.theme-sekou-kanri .cta-compact .cta-note { margin-top: 12px; }
/* 4. 一覧の区切りの見出しをそろえ、間を詰める。スマホの記事の頭の絵は切りすぎない */
.theme-sekou-kanri .group-head { align-items: flex-start; }
.theme-sekou-kanri .group-icon { border-radius: var(--radius-toc); }
.theme-sekou-kanri .pillar-group { margin-bottom: 48px; }
.theme-sekou-kanri .article-head .head-art--photo { aspect-ratio: 16 / 10; object-position: 50% 70%; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head .head-art--photo { aspect-ratio: auto; }
}
/* 運営会社のもくじのずれ（路線Bと同じ直し） */
.theme-sekou-kanri .page-cols > .toc { display: none; }
@media (min-width: 960px) {
  .theme-sekou-kanri .page-cols > .toc { display: block; margin-top: 0; }
}

/* ---------- 採点（7.4点・3回目）の路線Aの直し ---------- */
/* A2. 一覧の区切りの中ではテーマの札を出さない（見出しと同じことの繰り返し・スマホで2行に割れる） */
.theme-sekou-kanri .pillar-group .article-tag { display: none; }
/* A3. スマホでは LINE の帯の小さな絵を出さない */
.theme-sekou-kanri .cta-art.theme-img { display: none; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-art.theme-img { display: block; }
}
/* A4. 運営会社の見出しは細い線に（紺の 3px が5本並ぶと重い） */
.theme-sekou-kanri .page-about .article-body h2 { padding-bottom: 8px; border-bottom: 1px solid var(--line); }

/* ---------- 採点（7.5点・4回目）の路線Aの直し ---------- */
/* A1. 要点の黄色い面を静かに（薄い灰色の面）。図は白い面＋細い枠に入れ替え、面の色を2種類にしない */
.theme-sekou-kanri .summary { background: var(--surface); border-radius: var(--radius-note); }
.theme-sekou-kanri .figure { background: var(--white); box-shadow: var(--shadow-ring); border-radius: var(--radius-note); }
/* A2. 一覧の見出しをトップと同じ「上の濃い線」に。色の札の絵はやめる */
.theme-sekou-kanri .group-icon, .theme-sekou-kanri .pillar-nav .chip-icon { display: none; }
.theme-sekou-kanri .group-head { padding: 12px 0 0; border-top: 2px solid var(--ink); border-bottom: 0; }
.theme-sekou-kanri .pillar-nav a { padding: 4px 16px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav .chip-icon { display: none; }
  .theme-sekou-kanri .pillar-nav a { padding: 4px 16px; }
}
/* A3. 約束の帯のチェックを落ち着いた色に。おすすめ記事を主役に（題を大きく・絵を広く） */
.theme-sekou-kanri .promise-list li::before { border-color: var(--ink-soft); }
.theme-sekou-kanri .featured-link { font-size: var(--fs-h2); line-height: 1.45; }
.theme-sekou-kanri .featured-desc { font-size: var(--fs-body); line-height: 1.8; }
@media (min-width: 840px) {
  .theme-sekou-kanri .featured-card { grid-template-columns: 7fr 5fr; gap: var(--space-5); }
}

/* ---------- 採点（7.6点・5回目）の路線Aの直し ---------- */
/* A1. 約束の帯を最初の画面の青に含める */
.theme-sekou-kanri .promise { background: var(--desk); border-top: 1px solid var(--desk-deep); border-bottom: 0; }
/* A2. 新しい記事の見出しの濃い線の下に、薄い線を重ねない */
.theme-sekou-kanri .home-latest .article-list { margin-top: 0; border-top: 0; }
/* A3. 記事一覧の近道の札を2列×2段に（3つと1つに割れない） */
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav { display: grid; grid-template-columns: repeat(2, max-content); }
}
/* A4. 要点のチェックを紺に（緑だと下の LINE のボタンとつながって宣伝の塊に見える） */
.theme-sekou-kanri .summary li::before { border-color: var(--accent); }

/* ---------- 採点（7.7点・6回目）の路線Aの直し ---------- */
/* 近道の札の文字を真ん中に（2列にしたら札の右が空いた） */
.theme-sekou-kanri .pillar-nav a { justify-content: center; }
/* A2. 図の箱の中身を左にそろえる（路線Bで5本×3つの幅でずれ 0.0px を確かめた作り） */
.theme-sekou-kanri .figure .figure-title, .theme-sekou-kanri .figure figcaption { margin-left: 0; margin-right: 0; }
.theme-sekou-kanri .figure .figure-art { margin-left: 0; translate: -5.5556% 0; }
@media (min-width: 640px) {
  .theme-sekou-kanri .figure-art, .theme-sekou-kanri .figure .figure-title, .theme-sekou-kanri .figure figcaption { max-width: 24rem; }
  .theme-sekou-kanri .figure .figure-art { margin-left: 0; }
}
/* 記事の頭の絵は記事ごとの SVG にした（一覧と同じ絵）。広い画面の右の欄の幅に */
.theme-sekou-kanri .article-head .head-art--eye { border-radius: var(--radius-note); }

/* ---------- 採点（7.7点・7回目）の路線Aの直し ---------- */
/* 図の箱を中身の幅まで縮める（左にそろえたら箱の右半分が空いた） */
@media (min-width: 640px) {
  .theme-sekou-kanri .figure { max-width: calc(24rem + 48px); }
}
/* スマホのテーマのカードの段の間を広げる（題が下の段の絵に近く見えた） */
.theme-sekou-kanri .pillar-cards { row-gap: var(--space-4); }
/* 下の LINE の帯の絵は合成をやめ、額の見せ方に（四角い地の色が浮いた） */
.theme-sekou-kanri .cta-art.theme-img { mix-blend-mode: normal; border-radius: var(--radius-box); box-shadow: var(--shadow-ring); }

/* ---------- 採点（7.7点・8回目）の路線Aの直し ---------- */
/* A1. スマホのトップの絵を横いっぱいに（真ん中に小さく浮いて、左そろえの軸からずれた） */
.theme-sekou-kanri .hero-art.theme-img { max-width: none; }
@media (min-width: 640px) {
  .theme-sekou-kanri .hero-art.theme-img { max-width: 28rem; }
}
/* A2. 運営会社の最初の文：文の区切りで折り、行の長さをそろえる */
.theme-sekou-kanri .page-about .page-body > p:first-child { word-break: auto-phrase; text-wrap: balance; }
/* A3. ボタンに「›」の印（路線Bで効いた形） */
.theme-sekou-kanri .more a::after, .theme-sekou-kanri .cta-button::after, .theme-sekou-kanri .cta-compact > a::after {
  content: ""; flex: none; width: 8px; height: 8px; margin-left: 12px;
  border: solid currentColor; border-width: 2px 2px 0 0; transform: rotate(45deg);
}

/* ---------- 採点（9回目）の直し：言葉の途中で折れる所 ---------- */
.theme-sekou-kanri .featured-link { word-break: auto-phrase; text-wrap: balance; }
.theme-sekou-kanri .cta-note { word-break: auto-phrase; text-wrap: pretty; }
/* スマホのテーマのカードの題を1行に収める（2列のカードの幅 約165px に 15px で10字まで） */
.theme-sekou-kanri .pillar-link { font-size: var(--fs-ui); }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-link { font-size: var(--fs-lead); }
}
/* 運営会社の最初の文：行の長さをそろえるのは広い画面だけ（スマホでは行が細くなりすぎた） */
.theme-sekou-kanri .page-about .page-body > p:first-child { word-break: normal; text-wrap: pretty; }
@media (min-width: 640px) {
  .theme-sekou-kanri .page-about .page-body > p:first-child { word-break: auto-phrase; text-wrap: balance; }
}
.theme-sekou-kanri .page-head .lead { word-break: auto-phrase; text-wrap: balance; }

/* ---------- 採点（7.9点・10回目）の路線Aの直し ---------- */
:root { --radius-flat: 0; }
/* A1. 図の箱を本文の幅いっぱいにし、中身（題・図・注記）は真ん中の1本の列に */
@media (min-width: 640px) {
  .theme-sekou-kanri .figure { max-width: var(--measure); }
  .theme-sekou-kanri .figure .figure-art, .theme-sekou-kanri .figure .figure-title, .theme-sekou-kanri .figure figcaption { margin-left: auto; margin-right: auto; }
}
/* A2. スマホでは要点の箱を画面の端まで広げる（1行 16 字 → 18 字） */
.theme-sekou-kanri .summary { margin-left: -16px; margin-right: -16px; padding: 24px 16px; border-radius: var(--radius-flat); }
@media (min-width: 640px) {
  .theme-sekou-kanri .summary { margin-left: 0; margin-right: 0; padding: 32px 24px; border-radius: var(--radius-note); }
}
/* A3. 運営会社の最初の文（路線Bと同じ） */
.theme-sekou-kanri .page-about .page-body > p:first-child { letter-spacing: 0; }
@media (min-width: 640px) {
  .theme-sekou-kanri .page-about .page-body > p:first-child { letter-spacing: 0.02em; }
}
/* スマホの一覧では途中で切れる説明文を出さない／ページの頭の絵の縦の線を下のもくじにそろえる */
.theme-sekou-kanri .pillar-group .article-desc { display: none; }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-group .article-desc { display: -webkit-box; }
}
@media (min-width: 960px) {
  .theme-sekou-kanri .page-head .head-grid { grid-template-columns: minmax(0, var(--measure)) var(--side-col); column-gap: var(--space-5); }
  .theme-sekou-kanri .page-head .head-art { justify-self: end; }
}

/* ---------- 採点（8.0点・11回目）の路線Aの直し ---------- */
/* A1. スマホのトップは「文字 → LINE → 絵」の順に（塗りの LINE ボタンを最初の画面に入れる） */
.theme-sekou-kanri .hero-grid { grid-template-areas: "text" "box" "art"; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "text art" "box art"; }
}
/* A2. 角の丸みを 4px に一本化（トップだけアプリのタイルに見えた） */
.theme-sekou-kanri .hero-art.theme-img, .theme-sekou-kanri .pillar-photo,
.theme-sekou-kanri .featured-art, .theme-sekou-kanri .cta-art.theme-img { border-radius: var(--radius-note); }
/* A3. カードの説明文は詰めて折るが、折る場所は言葉の区切り */
@supports (word-break: auto-phrase) {
  .theme-sekou-kanri .pillar-card p:not(.pillar-count) { word-break: auto-phrase; text-wrap: pretty; }
}
@supports not (word-break: auto-phrase) {
  .theme-sekou-kanri .pillar-card p:not(.pillar-count) { word-break: keep-all; overflow-wrap: anywhere; }
}

/* ---------- 採点（8.02点・12回目）の路線Aの直し ---------- */
/* A1. 運営会社のページの間を詰め、見出しの線を見えるように */
.theme-sekou-kanri .page-about .article-cols.page-cols { padding-top: var(--space-4); }
.theme-sekou-kanri .page-about .article-body h2 { margin-top: var(--space-5); border-bottom-color: var(--desk-deep); }
/* A2. スマホの記事一覧の近道の札を、同じ幅の2列×2段に */
.theme-sekou-kanri .pillar-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.theme-sekou-kanri .pillar-nav a { padding: 4px 8px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav { grid-template-columns: repeat(2, max-content); }
  .theme-sekou-kanri .pillar-nav a { padding: 4px 16px; }
}
/* A3. 広い画面の記事一覧で、絵と題を一段大きく（路線Bで効いた大きさ） */
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-group .article-thumb--eye { width: 192px; height: 120px; }
  .theme-sekou-kanri .pillar-group .article-link { font-size: var(--fs-h3); }
}
.theme-sekou-kanri .pillar-nav a { letter-spacing: 0; } /* 幅 360 の端末でも「求人票と条件の読み方」が1行に収まるように */
.theme-sekou-kanri .pillar-nav a { padding: 4px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav a { padding: 4px 16px; }
}

/* ---------- 採点（8.10点・13回目）の路線Aの直し ---------- */
/* A1 の続き：帯を灰色にすると運営会社の見出しの線が表の線と見分けにくくなるので、見出しの線を濃く */
.theme-sekou-kanri .page-about .article-body h2 { border-bottom-color: var(--ink-soft); }
/* A2. 広い画面のトップの絵を大きく（文字 6：絵 6）。注意書きのリンクは1行に分ける */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-columns: 6fr 6fr; }
}
.theme-sekou-kanri .hero .cta-note a { display: block; width: fit-content; margin-top: 4px; }
/* A3. 記事の図の箱を、要点と同じ薄い灰色の面に（箱の種類を減らす） */
.theme-sekou-kanri .figure { background: var(--surface); box-shadow: none; }

/* ---------- 採点（8.18点・14回目）の路線Aの直し ---------- */
/* A1. カードの説明文の下の余白をなくし、区切りの間をそろえる */
.theme-sekou-kanri .pillar-card p:not(.pillar-count) { margin-bottom: 0; }
/* A2. 記事の小さい絵の角も 4px に（12px のまま残っていた） */
.theme-sekou-kanri .article-thumb--eye { border-radius: var(--radius-note); }
/* A3. 広い画面の近道の札を4枚とも同じ幅に */
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav { grid-template-columns: repeat(2, 1fr); width: max-content; }
}
/* A4. 要点と、途中の LINE の入口の間を空ける（くっついて宣伝の塊に見えた） */
.theme-sekou-kanri .summary { margin-bottom: var(--space-4); }

/* ---------- 採点（8.20点・15回目）の路線Aの直し ---------- */
/* A1. 図の箱は面をやめて上下の線だけに。中身は本文の左にそろえる（灰色の面が2つ続き、帯とも同じ色だった） */
.theme-sekou-kanri .figure { padding: 32px 0; background: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: var(--radius-flat); }
@media (min-width: 640px) {
  .theme-sekou-kanri .figure { max-width: none; }
  .theme-sekou-kanri .figure .figure-art, .theme-sekou-kanri .figure .figure-title, .theme-sekou-kanri .figure figcaption { margin-left: 0; margin-right: 0; }
}
/* A2. 図の5色を一段淡く（黄色だけが強く見えた）。図の中の箱の角も 4px に */
.theme-sekou-kanri .figure-art [fill="#FFC994"] { fill: var(--fig-y); }
.theme-sekou-kanri .figure-art [fill="#FFCFCF"] { fill: var(--fig-p); }
.theme-sekou-kanri .figure-art [fill="#C4EBD5"] { fill: var(--fig-g); }
.theme-sekou-kanri .figure-art [fill="#CBE3F5"] { fill: var(--fig-b); }
.theme-sekou-kanri .figure-art [fill="#FFD8A8"] { fill: var(--fig-o); }
.theme-sekou-kanri .figure-art rect[rx="10"], .theme-sekou-kanri .figure-art rect[rx="8"] { rx: 4px; }
/* A3. 要点の面を帯より一段濃い灰色に（スマホで端まで広がる要点が帯に見えた） */
.theme-sekou-kanri .summary { background: var(--panel); }
/* A4. 記事の見出しの下線を 2px に（線の太さを 1px と 2px の2種類に） */
.theme-sekou-kanri .article-body h2 { border-bottom-width: 2px; }

/* ---------- 採点（8.22点・16回目）の路線Aの直し ---------- */
/* A1. 図のすぐ下は必ず見出しなので、図の下の線を消す（線が2本並んで見えた。路線Bと同じ） */
.theme-sekou-kanri .figure:has(+ h2) { padding-bottom: 0; border-bottom: 0; }
/* A2. 広い画面では図の注記を図の右に置き、線の間の右の空きを埋める（路線Bと同じ形） */
@media (min-width: 640px) {
  .theme-sekou-kanri .figure { display: grid; grid-template-columns: 24rem minmax(0, 1fr); column-gap: var(--space-4); align-items: end; }
  .theme-sekou-kanri .figure .figure-title { grid-column: 1 / -1; }
  .theme-sekou-kanri .figure figcaption { max-width: none; margin-top: 0; }
}
/* A3. 広い画面の記事一覧の近道の札も、トップ・記事の札と同じ「色の点＋文字」に（スマホは幅が足りず2行に割れるので出さない） */
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav a { justify-content: flex-start; padding: 4px 16px; }
  .theme-sekou-kanri .pillar-nav a::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--tone-deep, var(--ink-soft)); border-radius: var(--radius-button); }
}
/* A4. 広い画面の要点は隣に帯がないので一段淡く（スマホの帯との格の差はそのまま） */
@media (min-width: 640px) { .theme-sekou-kanri .summary { background: var(--panel-soft); } }
/* A5. 記事ごとの絵（おすすめ・新着・記事の頭）の地を、その記事のテーマの色を淡くした色に。
   トップでテーマの4枚の水色の絵と同じ箱が11枚並んで単調だった（16回目）。灰色にしたら主役のおすすめが色の無い箱になり逆効果（17回目）だったので、テーマの色で役割を分ける */
.theme-sekou-kanri .pillar-1 { --art: var(--art-y); --art-deep: var(--art-y-deep); }
.theme-sekou-kanri .pillar-2 { --art: var(--art-g); --art-deep: var(--art-g-deep); }
.theme-sekou-kanri .pillar-3 { --art: var(--art-p); --art-deep: var(--art-p-deep); }
.theme-sekou-kanri .pillar-4 { --art: var(--art-o); --art-deep: var(--art-o-deep); }
.theme-sekou-kanri :is(.pillar-1, .pillar-2, .pillar-3, .pillar-4) svg[viewBox="0 0 320 200"] > rect[width="320"][fill="#DCEBF5"] { fill: var(--art, var(--panel-soft)); }
.theme-sekou-kanri :is(.pillar-1, .pillar-2, .pillar-3, .pillar-4) svg[viewBox="0 0 320 200"] > rect[width="320"][fill="#B9D3E6"] { fill: var(--art-deep, var(--desk-deep)); }
/* A6. 淡い地は紙の色との境目が弱いので、トップの絵・LINE の帯の絵と同じ細い枠で額に入れる */
.theme-sekou-kanri .featured-art, .theme-sekou-kanri .article-thumb--eye, .theme-sekou-kanri .article-head .head-art--eye { box-shadow: var(--shadow-ring); }

/* ---------- 採点（8.28点・18回目）の路線Aの直し ---------- */
/* A1.（:root）「事務職を知る」の絵の床を淡くして、手前のファイルを床から浮かせる（#F4E3AE だとファイルとほぼ同じ明るさで塊に見えた） */
/* A2. 青いテーマのカードと、テーマの色の記事の絵をつなぐため、カードの題・一覧の区切りの見出しにも色の点（札・近道と同じ形） */
.theme-sekou-kanri .group-head h2 { display: flex; align-items: center; gap: var(--space-1); }
.theme-sekou-kanri .group-head h2::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--tone-deep, var(--ink-soft)); border-radius: var(--radius-button); }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-link strong::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; vertical-align: middle; background: var(--tone-deep, var(--ink-soft)); border-radius: var(--radius-button); }
}

/* ==================== じむデビューの色（仮・K-02）。上の路線A の値をこの節で上書きする ==================== */
/* 工事のオレンジが主役・紺が差し色（じむデビューの黄＋水色を置き換え・仮 K-02）。文字の墨と押す所の緑はそのまま（読みやすさの決まり） */
:root.theme-sekou-kanri {
  --desk: #FFE9D6;        /* 帯・ページの頭の地（薄いオレンジ） */
  --desk-deep: #F5B98C;   /* 帯の区切り線・濃いめのオレンジ */
  --surface: #FFF5EC;
  --paper: #FFFCF8;
  --panel: #FFE2C8;       /* 要点の面 */
  --panel-soft: #FFF0E3;
  --accent: #1D4F91;      /* リンクの紺（白・クリームの上で 4.5:1 以上） */
  --note-b: #CADCF2;
  --art-y: #FFE9D6; --art-y-deep: #F5B98C;
  --art-g: #E3F6EC; --art-g-deep: #BFE8D2;
  --art-p: #FFE7E2; --art-p-deep: #FFC9BE;
  --art-o: #E3ECF8; --art-o-deep: #CADCF2;
}

/* 測った不具合の直し（07・ブラウザで 360・375px を測って見つけた） */
/* 長いカタカナの社名（リクルートスタッフィング）を含む題が、句のまとまりを守る折り返しで切れず、スマホで横にはみ出した（最大 51px） */
.theme-sekou-kanri .article-head h1, .theme-sekou-kanri .article-head .lead, .theme-sekou-kanri .article-link, .theme-sekou-kanri .featured-link { overflow-wrap: anywhere; }
/* 押す所を 44px 以上に：パンくずの「トップ」（幅 42px）と、最初の画面の「個人情報の扱い」（高さ 24px） */
.theme-sekou-kanri .breadcrumb a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.theme-sekou-kanri .hero .cta-note a { display: inline-flex; align-items: center; min-height: 44px; }

/* ==================== 採点1回目（6.2点・11:36）の直し ==================== */
/* 1. 運営会社の頭の絵：注記つきの枠に決まりが無く、スマホで注記が本文に重なっていた（路線B の決まりから抜けていた分） */
.theme-sekou-kanri .theme-figure { margin: 0; }
.theme-sekou-kanri .theme-figure figcaption { margin-top: 4px; color: var(--ink-soft); font-size: 12px; line-height: 1.5; letter-spacing: 0; }
.theme-sekou-kanri .page-about .page-head .theme-figure { display: none; }
.theme-sekou-kanri .page-about .page-head h1 { padding-right: 0; }
@media (min-width: 840px) {
  .theme-sekou-kanri .page-about .page-head .theme-figure { display: block; max-width: 12rem; justify-self: end; }
}
/* 2. テーマの色の点を、絵の丸の色（黄・水色・ミント・コーラル）にそろえる */
.theme-sekou-kanri .pillar-1 { --tone-deep: #E0701F; }
.theme-sekou-kanri .pillar-2 { --tone-deep: #2F62AE; }
.theme-sekou-kanri .pillar-3 { --tone-deep: #2E9E6A; }
.theme-sekou-kanri .pillar-4 { --tone-deep: #E8674F; }
/* 3. 地を白に（黄みの白が3段重なって境目がぼやけていた）・罫線を暖かい灰色に */
:root.theme-sekou-kanri { --paper: #FFFFFF; --surface: #FFF4EA; --line: #EADFD3; }
/* 4. PC の最初の画面を締める（上下の余白を詰め、紹介文の幅を広げる） */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { padding-top: var(--space-5); padding-bottom: var(--space-5); row-gap: var(--space-3); }
  .theme-sekou-kanri .hero .lead { font-size: var(--fs-lead); line-height: 1.9; text-wrap: pretty; max-width: 28em; }
}
/* 5. スマホの「新しい記事」を詰める（札と日付が2段に割れ、題が4行に折れていた） */
@media (max-width: 639px) {
  .theme-sekou-kanri .home-latest .article-tag { padding: 0; background: none; box-shadow: none; font-size: 12px; }
  .theme-sekou-kanri .home-latest .article-desc { display: none; }
}
/* 6. 記事の頭の絵：狭い画面では横長に切って、要点の面と色の塊が2つ並ばないように */
@media (max-width: 959px) {
  .theme-sekou-kanri .article-head .head-art--photo { aspect-ratio: 16 / 9; object-fit: cover; }
}

/* ==================== 採点2回目（7.1点・11:41）の直し ==================== */
/* 1. スマホで記事の頭の絵の上（人の頭・天びん）が切れていた → 16:10 にして上寄りに切る */
@media (max-width: 959px) {
  .theme-sekou-kanri .article-head .head-art--photo { aspect-ratio: 16 / 10; object-position: 50% 35%; }
}
/* 2. トップの絵の外の細い枠線と角の丸みを外す（絵の地は帯と同じ色なので、帯に溶ける） */
.theme-sekou-kanri .hero-art.theme-img { box-shadow: none; border-radius: 0; }
/* 3. 最初の画面の注記で「個人情報の扱い」の行だけ間が空いた → 行の高さに影響しない形で押せる広さを保つ */
.theme-sekou-kanri .hero .cta-note a { display: inline; min-height: 0; padding: 12px 0; }
/* 4. スマホの記事の行を詰める（札と日付の大きさをそろえ、題の文字を一段小さく） */
@media (max-width: 639px) {
  .theme-sekou-kanri .home-latest .article-date { font-size: 12px; }
  .theme-sekou-kanri .article-link { font-size: 1rem; line-height: 1.55; }
}
/* 5. 運営会社の頭の帯を詰める */
.theme-sekou-kanri .page-about .page-head .head-grid { padding-top: var(--space-4); padding-bottom: var(--space-4); }
@media (min-width: 840px) {
  .theme-sekou-kanri .page-about .page-head .theme-figure { max-width: 10rem; }
}
/* 6. スマホの記事で、頭の絵と要点の間が空きすぎ（約64px） */
@media (max-width: 639px) {
  .theme-sekou-kanri .summary { margin-top: var(--space-2); }
}

/* ==================== 採点3回目（7.2点・11:45）の直し ==================== */
/* 1. ページの頭の絵に「重ねて暗くする合成」が残り、絵の地を帯の色にしたら黄色に黄色が掛かって濃い四角に見えた */
.theme-sekou-kanri .page-head .theme-img.head-art { mix-blend-mode: normal; box-shadow: none; border-radius: 0; }
/* 2. 運営会社の頭の「イメージの絵」は断り書きを添えてまで置く得がないので、PC でも出さない */
@media (min-width: 840px) {
  .theme-sekou-kanri .page-about .page-head .theme-figure { display: none; }
}
/* 3・4. スマホの記事の行：小さい絵を縮めて題の列を広げ、記事一覧の日付もトップと同じ 12px に */
@media (max-width: 639px) {
  .theme-sekou-kanri .article-thumb--eye { width: 80px; height: 50px; }
  .theme-sekou-kanri .pillar-group .article-date { font-size: 12px; }
}
/* 5. PC の最初の画面の上の余白と大見出しの下を詰める */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { padding-top: var(--space-4); }
  .theme-sekou-kanri .hero h1 { margin-bottom: var(--space-2); }
}

/* ==================== トップの「はじめての人は、この順で」（採点3回目の中身の案③） ==================== */
.theme-sekou-kanri .guide-list { display: grid; gap: var(--space-2); margin: var(--space-3) 0 0; padding: 0; list-style: none; counter-reset: none; }
.theme-sekou-kanri .guide-item { position: relative; display: flex; align-items: flex-start; gap: var(--space-2); padding: 14px 16px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-note); }
.theme-sekou-kanri .guide-item:has(a:focus-visible) { outline: 3px solid var(--accent); outline-offset: 4px; }
.theme-sekou-kanri .guide-no { flex: none; display: grid; place-items: center; width: 36px; height: 36px; font-weight: 700; font-size: 1.05rem; color: var(--ink); background: var(--tone-soft, #FFC994); border-radius: 50%; }
.theme-sekou-kanri .guide-item.pillar-1 .guide-no { background: #FFC994; }
.theme-sekou-kanri .guide-item.pillar-2 .guide-no { background: #CADCF2; }
.theme-sekou-kanri .guide-item.pillar-3 .guide-no { background: #C4EBD5; }
.theme-sekou-kanri .guide-item.pillar-4 .guide-no { background: #FFCFC4; }
.theme-sekou-kanri .guide-text { min-width: 0; }
.theme-sekou-kanri .guide-link { display: block; color: var(--ink); font-weight: 700; line-height: 1.55; text-decoration: none; overflow-wrap: anywhere; }
.theme-sekou-kanri .guide-link::after { content: ""; position: absolute; inset: 0; } /* 行ぜんたいを押せる大きさにする */
.theme-sekou-kanri .guide-item:hover { border-color: var(--desk-deep); }
.theme-sekou-kanri .guide-item:hover .guide-link { color: var(--accent); }
.theme-sekou-kanri .guide-note { margin: 2px 0 0; color: var(--ink-soft); font-size: 0.875rem; line-height: 1.6; }
@media (min-width: 840px) {
  .theme-sekou-kanri .guide-list { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
}

/* ==================== 記事の図（じむデビュー用・本物の文字の SVG） ==================== */
/* 上の路線A の決まり（図を 24rem に絞り、注記を右に並べる）は、文字の多いこのサイトの図には小さすぎた → 本文の幅いっぱいに縦に並べる */
.theme-sekou-kanri .figure { display: block; max-width: var(--measure); padding: var(--space-4) 0; }
.theme-sekou-kanri .figure .figure-art { width: 100%; max-width: 30rem; margin: 0; translate: none; }
.theme-sekou-kanri .figure .figure-title, .theme-sekou-kanri .figure figcaption { max-width: 30rem; margin-left: 0; margin-right: 0; }
.theme-sekou-kanri .figure figcaption { margin-top: var(--space-2); color: var(--ink-soft); }
.theme-sekou-kanri .figure-art rect[rx="10"], .theme-sekou-kanri .figure-art rect[rx="8"] { rx: 8px; }

/* ==================== 採点4回目（7.6点・11:52）の直し ==================== */
/* 1. 読む順番の段の題と説明が言葉の途中で折れていた → 句のまとまりで折る（土台の一覧に入っていなかった） */
.theme-sekou-kanri .guide-link, .theme-sekou-kanri .guide-note { word-break: auto-phrase; text-wrap: pretty; }
@supports not (word-break: auto-phrase) {
  .theme-sekou-kanri .guide-link, .theme-sekou-kanri .guide-note { word-break: keep-all; overflow-wrap: anywhere; }
}
/* 3. 段だけ白い枠の箱で浮いていた → 線で区切る行にそろえ、番号は主役の黄1色に */
.theme-sekou-kanri .guide-list { gap: 0; border-top: 1px solid var(--line); }
.theme-sekou-kanri .guide-item { padding: 16px 0; background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.theme-sekou-kanri .guide-item:hover { border-color: var(--line); }
.theme-sekou-kanri .guide-list .guide-item .guide-no { background: #FFC994; }
@media (min-width: 840px) {
  .theme-sekou-kanri .guide-list { grid-template-columns: repeat(3, 1fr); column-gap: var(--space-5); }
}

/* ==================== 採点5回目（7.8点・11:56）の直し ==================== */
/* 1. PC の読む順番の段：上は横いっぱいの線、下は列ごとの線でちぐはぐだった → 下も1本に */
@media (min-width: 840px) {
  .theme-sekou-kanri .guide-list { border-bottom: 1px solid var(--line); }
  .theme-sekou-kanri .guide-item { border-bottom: 0; }
}
/* 2. 図の中の白い帯の枠線が濃く、入力欄のように見えた → 淡い暖かい灰色に（四角だけ。矢印や線は変えない） */
.theme-sekou-kanri .figure-art rect[stroke="#56616C"] { stroke: #D9D1BC; }
/* 4. スマホのおすすめ記事の説明文が5行の塊になっていた → 3行で止める */
@media (max-width: 639px) {
  .theme-sekou-kanri .featured-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
}

/* ==================== ポップ版（2026-10-22 14:14 決定：ポップに「あなたも事務デビュー！」） ==================== */
/* 大見出しにオレンジのマーカー。行が折れてもマーカーが行ごとに付く */
.theme-sekou-kanri .hero h1 { display: inline; font-size: clamp(2.1rem, 6vw, 3.4rem); line-height: 1.35; background: linear-gradient(transparent 52%, #FF9E4F 52%, #FF9E4F 96%, transparent 96%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.theme-sekou-kanri .hero .lead { margin-top: var(--space-3); }
/* 押す所：ころんと丸く、下に影の段（押せる感じ） */
.theme-sekou-kanri .cta-button { border-radius: 999px; box-shadow: 0 4px 0 var(--cta-deep); transition: transform .1s, box-shadow .1s; }
.theme-sekou-kanri .cta-button:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--cta-deep); }
.theme-sekou-kanri .hero ~ .cta-band .cta-button { box-shadow: 0 4px 0 var(--cta); }
/* ブロックの見出しの頭にオレンジの丸 */
.theme-sekou-kanri .block-title { display: flex; align-items: center; gap: 10px; }
.theme-sekou-kanri .block-title::before { content: ""; flex: none; width: 14px; height: 14px; background: #FF9E4F; border: 2px solid var(--ink); border-radius: 50%; }
/* 記事の行・カードの絵は角を丸く */
.theme-sekou-kanri .article-thumb img, .theme-sekou-kanri .featured-art, .theme-sekou-kanri .pillar-photo .theme-img { border-radius: 14px; }
/* 棚（くわしく知りたい人へ）は少し控えめに */
.theme-sekou-kanri .home-shelf { background: var(--surface); padding-top: var(--space-5); padding-bottom: var(--space-5); }
.theme-sekou-kanri .home-shelf .block-title::before { background: #CADCF2; }

/* ポップな記事のページ（.article--pop） */
.theme-sekou-kanri .article--pop .article-body h2 { display: inline; font-size: 1.35rem; line-height: 1.6; border: 0; background: linear-gradient(transparent 60%, #FFC994 60%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.theme-sekou-kanri .article--pop .article-body h2::after { content: ""; display: block; height: 0; }
.theme-sekou-kanri .article--pop .article-body h2 + * { margin-top: var(--space-3); }
.theme-sekou-kanri .article--pop .article-body > h2 { display: block; width: fit-content; max-width: 100%; margin-top: var(--space-6); padding: 0 4px; }
.theme-sekou-kanri .article--pop .article-body p { line-height: 2; }
.theme-sekou-kanri .article--pop .summary { background: #FFF0E3; border-radius: 16px; }
/* 参考にした資料は一番下に小さく */
.theme-sekou-kanri .sources--pop { margin-top: var(--space-5); padding-top: var(--space-3); border-top: 1px dashed var(--line); }
.theme-sekou-kanri .sources--pop h2 { font-size: .875rem; color: var(--ink-soft); border: 0; margin: 0 0 var(--space-2); padding: 0; }
.theme-sekou-kanri .sources--pop li, .theme-sekou-kanri .sources--pop a { font-size: .8125rem; color: var(--ink-soft); }

/* ==================== ポップ版 採点1回目（5.7点・16:41）の直し ==================== */
/* A. 最初の画面の「悩みから選ぶ」ボタン */
.theme-sekou-kanri .chips-title { margin: var(--space-4) 0 var(--space-2); font-weight: 700; }
.theme-sekou-kanri .hero-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.theme-sekou-kanri .hero-chip { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; color: var(--ink); font-weight: 700; text-decoration: none; background: var(--white); border: 2px solid var(--ink); border-radius: 999px; box-shadow: 0 3px 0 var(--ink); }
.theme-sekou-kanri .hero-chip:hover { background: #FFC994; }
.theme-sekou-kanri .hero-chip:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--ink); }
/* 3. トップの棚（くわしく知りたい人へ）を控えめに：白い地・絵と日付なし・小さめの文字 */
.theme-sekou-kanri .home-shelf { background: var(--white); }
.theme-sekou-kanri .home-shelf .article-thumb, .theme-sekou-kanri .home-shelf .article-date { display: none; }
.theme-sekou-kanri .home-shelf .article-item { padding: 10px 0; }
.theme-sekou-kanri .home-shelf .article-link { font-size: .9375rem; font-weight: 500; }
/* 4. 区切りの見出しの黒い太線をやめて、マーカーの見出しに */
.theme-sekou-kanri .home-block { border-top: 0; }
.theme-sekou-kanri .home-block .block-title { border-top: 0; padding-top: 0; font-size: clamp(1.3rem, 3.4vw, 1.75rem); text-decoration: underline .38em #FFC994; text-underline-offset: -.18em; text-decoration-skip-ink: none; }
.theme-sekou-kanri .home-block > .wrap { border-top: 0; }
/* 5. ポップな記事の見出し：折れてもマーカーが崩れないよう、下線の形のマーカーに。要点の箱はスマホで端まで広げない */
.theme-sekou-kanri .article--pop .article-body > h2 { width: auto; padding: 0; background: none; text-decoration: underline .42em #FFC994; text-underline-offset: -.28em; text-decoration-skip-ink: none; }
@media (max-width: 639px) {
  .theme-sekou-kanri .article--pop .summary { margin-left: 0; margin-right: 0; padding: 20px 18px; }
}
/* 6. ポップな記事は短いので、本文の前のもくじを出さず、題にもマーカー */
.theme-sekou-kanri .article--pop .toc--inline { display: none; }
.theme-sekou-kanri .article--pop .article-head h1 { text-decoration: underline .4em #FFC994; text-underline-offset: -.25em; text-decoration-skip-ink: none; }
/* 8. 同じ日付が並ぶだけなので、トップの新着とおすすめでは日付を出さない */
.theme-sekou-kanri .home-latest .article-date, .theme-sekou-kanri .featured .article-date { display: none; }
/* C. 記事一覧で、固い記事の行は少し控えめに */
.theme-sekou-kanri .article-item--detail .article-link { font-weight: 500; }
.theme-sekou-kanri .article-item--detail .article-desc { display: none; }

/* ==================== ポップ版 採点2回目（7.1点・16:47）の直し ==================== */
/* 2. 記事一覧：固い記事はトップの棚と同じくらい控えめに（絵と日付を外し、1列の行に）。テーマの見出しもマーカーに */
.theme-sekou-kanri .pillar-group .article-date, .theme-sekou-kanri .article-item--detail .article-thumb { display: none; }
.theme-sekou-kanri .pillar-group .article-item--detail { grid-template-columns: minmax(0, 1fr); padding: 10px 0; }
.theme-sekou-kanri .article-item--detail .article-link { font-size: .9375rem; }
.theme-sekou-kanri .article-item:not(.article-item--detail) + .article-item--detail { position: relative; margin-top: 36px; }
.theme-sekou-kanri .article-item:not(.article-item--detail) + .article-item--detail::before { content: "もっとくわしく"; position: absolute; top: -26px; left: 0; font-size: 12px; font-weight: 700; color: var(--ink-soft); }
.theme-sekou-kanri .group-head { border-top: 0; padding-top: 0; }
.theme-sekou-kanri .group-head h2 { text-decoration: underline .38em #FFC994; text-underline-offset: -.18em; text-decoration-skip-ink: none; }
.theme-sekou-kanri .pillar-group { border-top: 0; }
/* 3. あわせて読みたい：札と日付を外す（スマホで3段に積み重なっていた） */
.theme-sekou-kanri .related .article-date { display: none; }
@media (max-width: 639px) { .theme-sekou-kanri .related .article-tag { display: none; } }
/* 4. スマホの「どれが気になる？」のボタンを小さめにして2段に */
@media (max-width: 639px) {
  .theme-sekou-kanri .hero-chips { gap: 8px; }
  .theme-sekou-kanri .hero-chip { padding: 6px 12px; font-size: .9375rem; border-width: 1.5px; box-shadow: 0 2px 0 var(--ink); }
}
/* 6. スマホのトップの棚を短く（札を外し、6本目からは「記事一覧で全部見る」へ） */
.theme-sekou-kanri .home-shelf .article-tag { display: none; }
@media (max-width: 639px) { .theme-sekou-kanri .home-shelf .article-item:nth-child(n+6) { display: none; } }

/* ==================== ポップ版 採点3回目（7.5点・16:51）の直し ==================== */
/* 1. 本文の大事な一文にオレンジのマーカー（原稿の **…** ・1つの見出しに1文まで） */
.theme-sekou-kanri .article--pop .article-body strong { font-weight: 700; background: linear-gradient(transparent 62%, #FFC994 62%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* 2. ポイントの箱（原稿の :::point 題 〜 :::）：薄いオレンジの地・左に丸い印 */
.theme-sekou-kanri .point-box { position: relative; margin: var(--space-4) 0; padding: 18px 20px 18px 56px; background: #FFF0E3; border: 2px solid var(--ink); border-radius: 16px; box-shadow: 0 4px 0 var(--ink); }
.theme-sekou-kanri .point-box::before { content: "!"; position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; font-weight: 700; color: var(--ink); background: #FF9E4F; border: 2px solid var(--ink); border-radius: 50%; }
.theme-sekou-kanri .point-box .point-title { margin: 0 0 6px; font-weight: 700; font-size: 1.05rem; }
.theme-sekou-kanri .point-box > :last-child { margin-bottom: 0; }
.theme-sekou-kanri .point-box p { line-height: 1.9; }
.theme-sekou-kanri .article--pop .point-box strong { background: none; }
/* 3. 「もっと見る」系のボタンを白い枠に（黒い塗りが重かった） */
.theme-sekou-kanri .more a { background: var(--white); color: var(--ink); border: 2px solid var(--ink); box-shadow: 0 3px 0 var(--ink); }
.theme-sekou-kanri .more a:hover { background: #FFC994; }
.theme-sekou-kanri .home-shelf .more { margin-top: var(--space-3); }
/* 4. 記事一覧の「もっとくわしく」を見落とされない大きさに */
.theme-sekou-kanri .article-item:not(.article-item--detail) + .article-item--detail::before { font-size: 13px; color: var(--ink); padding: 2px 10px; background: var(--surface); border-radius: 999px; top: -30px; }

/* ==================== ポップ版 採点4回目（7.6点・16:57）の直し ==================== */
/* 2. ポイントの箱：印は「✓」、枠と影を軽く（注意書きのように見えていた） */
.theme-sekou-kanri .point-box { border-width: 1.5px; box-shadow: 0 3px 0 var(--ink); }
.theme-sekou-kanri .point-box::before { content: "✓"; }
/* 1. スマホでは箱の中を字下げしない（1行が約9字しか入らなかった）。印は題の左に */
@media (max-width: 639px) {
  .theme-sekou-kanri .point-box { padding: 16px; }
  .theme-sekou-kanri .point-box::before { left: 14px; top: 14px; width: 24px; height: 24px; font-size: 13px; }
  .theme-sekou-kanri .point-box .point-title { padding-left: 34px; min-height: 26px; }
  .theme-sekou-kanri .point-box ul, .theme-sekou-kanri .point-box ol { padding-left: 1.25em; }
}
/* 4. 最初の画面の注意書き（LINE で預かる情報の使い道）は小さく・控えめに。文は個人情報の扱いのページと同じまま */
.theme-sekou-kanri .hero .cta-note { font-size: 12px; color: var(--ink-soft); line-height: 1.6; }

/* ==================== LINE の帯のサポートの中身（設定 ctaPoints・2026-10-22 18時台） ==================== */
.theme-sekou-kanri .cta-points { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 var(--space-3); padding: 0; list-style: none; }
.theme-sekou-kanri .cta-points li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; font-size: 0.95rem; font-weight: 700; line-height: 1.5; color: var(--ink); background: var(--paper); border: 1.5px solid var(--ink); border-radius: 999px; }
.theme-sekou-kanri .cta-points li::before { content: "✓"; font-weight: 700; }


/* ---------- 絵が無い間の形（せこかんデビュー・2026-10-22 夜） ---------- */
/* 絵はまだ無い（K-04）。じむデビューの作りは絵がある前提なので、空の絵の欄が幅をとって文が片寄った（パソコン幅で確認）。
   空の欄は消して1列に。テーマのカードは絵が無いと形がぼやけるので白い札に戻す。絵を入れたら自然に元の形になる（:empty のときだけ効く） */
.theme-sekou-kanri .featured-art:empty, .theme-sekou-kanri .pillar-icon:empty { display: none; }
.theme-sekou-kanri .featured-card:has(> .featured-art:empty) { grid-template-columns: 1fr; }
.theme-sekou-kanri .pillar-card:has(> .pillar-icon:empty) { grid-template-columns: 1fr; padding: var(--space-3); background: var(--white); box-shadow: var(--shadow-ring); border-radius: var(--radius-box); }

/* ======================================================================
   せこかんデビューの磨き込み（2026-10-22 夜〜・採点役＝Opus・SmartHR Mag.＝10。記録＝docs/sekou-kanri/hikaku.md）
   ====================================================================== */
/* 色：オレンジ（主役）と紺（もう一人の主役）の2色にそろえる。工事の安全色のしま模様に使う */
:root.theme-sekou-kanri {
  --kou-orange: #FF8A3D;
  --kou-orange-deep: #C9561A;
  --kou-orange-soft: #FFE2C8;
  --kou-orange-mid: #FFC994;
  --kou-navy: #1D3F73;
  --kou-navy-deep: #142C52;
  --kou-navy-soft: #E3ECF8;
  --kou-navy-mid: #C9D9EF;
  --kou-stripe: repeating-linear-gradient(-45deg, var(--kou-orange) 0 14px, var(--kou-navy) 14px 28px);
}

/* 1回目 2. 最初の画面：右に工事現場の図（static/illust/sekou-kanri/hero.svg）・下の端に安全のしま模様 */
.theme-sekou-kanri .hero-art { display: block; width: 100%; max-width: 30rem; height: auto; margin: var(--space-4) auto 0; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { margin-top: 0; }
}
.theme-sekou-kanri .hero::after, .theme-sekou-kanri .page-head::after { content: ""; display: block; height: 12px; background: var(--kou-stripe); }

/* 1回目 3. 紺を主役の一人に：区切りの見出しの印を紺のひし形に・足元を紺に・足元の上にもしま模様 */
.theme-sekou-kanri .block-title::before, .theme-sekou-kanri .home-shelf .block-title::before { width: 12px; height: 12px; background: var(--kou-navy); border: 0; border-radius: 2px; transform: rotate(45deg); }
.theme-sekou-kanri .site-footer { background: var(--kou-navy-deep); }
.theme-sekou-kanri .site-footer::before { content: ""; display: block; height: 8px; background: var(--kou-stripe); }

/* 1回目 4. テーマの色をオレンジと紺の濃淡に（青・緑・赤のばらばらをやめる）。小さな四角には線のアイコン */
.theme-sekou-kanri .pillar-1 { --tone: var(--kou-orange-soft); --tone-deep: var(--kou-orange); }
.theme-sekou-kanri .pillar-2 { --tone: var(--kou-navy-soft); --tone-deep: var(--kou-navy); }
.theme-sekou-kanri .pillar-3 { --tone: var(--kou-orange-mid); --tone-deep: var(--kou-orange-deep); }
.theme-sekou-kanri .pillar-4 { --tone: var(--kou-navy-mid); --tone-deep: var(--accent); }
.theme-sekou-kanri .guide-list .guide-item .guide-no, .theme-sekou-kanri .guide-item .guide-no { background: var(--kou-navy); color: var(--white); }
.theme-sekou-kanri .article-thumb { background: var(--tone); border-radius: var(--radius-box); }
.theme-sekou-kanri .pillar-card .pillar-icon { display: grid; place-items: center; width: 56px; height: 56px; background: var(--tone); border-radius: var(--radius-box); }
.theme-sekou-kanri .pillar-card .pillar-icon svg { width: 40px; height: 40px; }
.theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { padding: var(--space-3); background: var(--white); box-shadow: var(--shadow-ring); border-radius: var(--radius-box); }
.theme-sekou-kanri .pillar-card:hover { box-shadow: var(--shadow-2); }
.theme-sekou-kanri .pillar-card { grid-template-columns: 1fr; row-gap: 12px; }

/* 1回目 5. 一覧：テーマの見出しをアイコンつきの帯に・記事は白いカードに */
.theme-sekou-kanri .group-icon { display: grid; width: 56px; height: 56px; background: var(--tone); border-radius: var(--radius-box); }
.theme-sekou-kanri .group-icon svg { width: 40px; height: 40px; }
.theme-sekou-kanri .group-head { padding: var(--space-2); background: var(--white); border-top: 0; border-left: 6px solid var(--tone-deep); border-radius: var(--radius-box); box-shadow: var(--shadow-ring); }
.theme-sekou-kanri .group-head h2 { text-decoration: none; }
.theme-sekou-kanri .pillar-group .article-list { display: grid; gap: 12px; margin-top: var(--space-2); }
.theme-sekou-kanri .pillar-group .article-item { padding: var(--space-2) var(--space-3); background: var(--white); border-bottom: 0; border-radius: var(--radius-box); box-shadow: var(--shadow-ring); }
/* 運営会社：会社の表を白いカードに */
.theme-sekou-kanri .page-about .article-body table { background: var(--white); border-radius: var(--radius-box); box-shadow: var(--shadow-ring); overflow: hidden; }

/* 2回目 1. 最初の画面：図を大きくして上を大見出しにそろえる・地に紺の細い方眼（図面の模様）。スマホでは図を小さめに */
.theme-sekou-kanri .hero { background-color: var(--desk); background-image: linear-gradient(var(--kou-grid) 1px, transparent 1px), linear-gradient(90deg, var(--kou-grid) 1px, transparent 1px); background-size: 32px 32px; }
:root.theme-sekou-kanri { --kou-grid: color-mix(in srgb, var(--kou-navy) 7%, transparent); }
.theme-sekou-kanri .hero-art { max-width: 20rem; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { align-items: start; }
  .theme-sekou-kanri .hero-art { max-width: 34rem; width: 108%; margin-top: var(--space-2); }
}

/* 2回目 2. 記事ページの頭も、一覧・運営会社と同じ形に（薄い色の帯＋下の端のしま模様）。中見出しの頭は紺の縦線、要点の題は紺の帯 */
.theme-sekou-kanri .article-head { background: var(--desk); }
.theme-sekou-kanri .article-head::after { content: ""; display: block; height: 10px; background: var(--kou-stripe); } /* 記事の頭はもともと横いっぱいの入れ物。外へ伸ばす工夫は横スクロールを生んだので外した（4回目のあと hakaru.mjs で分かった） */
.theme-sekou-kanri .article--pop .article-body > h2, .theme-sekou-kanri .article-body > h2 { display: block; padding: 0 0 0 14px; text-decoration: none; background: none; border: 0; border-left: 6px solid var(--kou-navy); }
.theme-sekou-kanri .summary { padding: 0 var(--space-3) var(--space-3); overflow: hidden; }
.theme-sekou-kanri .summary-title { margin: 0 calc(-1 * var(--space-3)) var(--space-2); padding: 8px var(--space-3); color: var(--white); background: var(--kou-navy); }

/* 2回目 3. 蛍光ペンの下線は大見出しと本文の太字だけに。区切りの見出しは紺のひし形と大きさで立たせる */
.theme-sekou-kanri .home-block .block-title, .theme-sekou-kanri .group-head h2, .theme-sekou-kanri .article--pop .article-head h1 { text-decoration: none; }
.theme-sekou-kanri .home-block .block-title { font-size: clamp(1.4rem, 3.6vw, 1.9rem); }

/* 2回目 4. テーマのカード：アイコンを大きく・色の点を消す・題は紺の太字・下の端にテーマ色の太い線・指を乗せると浮く */
.theme-sekou-kanri .pillar-link strong::before, .theme-sekou-kanri .group-head h2::before { display: none; }
.theme-sekou-kanri .pillar-card .pillar-icon { width: 72px; height: 72px; }
.theme-sekou-kanri .pillar-card .pillar-icon svg { width: 56px; height: 56px; }
.theme-sekou-kanri .pillar-card .pillar-link { color: var(--kou-navy); }
.theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { border-bottom: 6px solid var(--tone-deep); transition: transform var(--dur), box-shadow var(--dur); }
.theme-sekou-kanri .pillar-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-2); }

/* 2回目 5. 一覧：テーマの帯はテーマ色で薄く塗る・記事カードの右端に紺の丸い矢印・「もっとくわしく」は紺の小さな札 */
.theme-sekou-kanri .group-head { background: var(--tone); box-shadow: none; }
.theme-sekou-kanri .group-head .group-icon { background: var(--white); }
.theme-sekou-kanri .pillar-group .article-item { position: relative; padding-right: 64px; }
.theme-sekou-kanri .pillar-group .article-item::after { content: "›"; position: absolute; right: var(--space-2); top: 50%; display: grid; place-items: center; width: 32px; height: 32px; margin-top: -16px; font-weight: 700; color: var(--white); background: var(--kou-navy); border-radius: 50%; }
.theme-sekou-kanri .article-item:not(.article-item--detail) + .article-item--detail::before { padding: 2px 10px; color: var(--white); background: var(--kou-navy); border-radius: var(--radius-button); }

/* 3回目 2. 「はじめての人は、まずこの記事から」：白い大きなカードに、テーマの横長の図（pillar-N.svg）・紺の札・右に紺の丸い矢印 */
.theme-sekou-kanri .featured-card, .theme-sekou-kanri .featured-card:hover { position: relative; display: grid; gap: var(--space-3); padding: var(--space-3); background: var(--white); border-radius: var(--radius-box); box-shadow: var(--shadow-ring); border-bottom: 6px solid var(--kou-orange); }
.theme-sekou-kanri .featured-card:hover { box-shadow: var(--shadow-2); }
.theme-sekou-kanri .featured-art:not(:empty) { display: block; overflow: hidden; border-radius: var(--radius-note); }
.theme-sekou-kanri .featured-art svg { display: block; width: 100%; height: auto; }
.theme-sekou-kanri .featured-text { position: relative; padding-right: 48px; }
.theme-sekou-kanri .featured-text::before { content: "まずはここから"; display: inline-block; margin-bottom: 8px; padding: 2px 12px; font-size: 12px; font-weight: 700; color: var(--white); background: var(--kou-navy); border-radius: var(--radius-button); }
.theme-sekou-kanri .featured-text::after { content: "›"; position: absolute; right: 0; top: 50%; display: grid; place-items: center; width: 40px; height: 40px; margin-top: -20px; font-size: 1.4rem; font-weight: 700; color: var(--white); background: var(--kou-navy); border-radius: 50%; }
@media (min-width: 840px) {
  .theme-sekou-kanri .featured-card, .theme-sekou-kanri .featured-card:hover { grid-template-columns: 5fr 7fr; align-items: center; }
}

/* 3回目 3. 運営会社：表のカードに紺の帯の頭・苦情の窓口は薄い色の箱・できること/できないことは印を替える */
.theme-sekou-kanri .page-about .table-wrap { border-radius: var(--radius-box); box-shadow: 0 0 0 2px var(--kou-navy); overflow: hidden; }
.theme-sekou-kanri .page-about .table-wrap table { box-shadow: none; border-radius: 0; }
.theme-sekou-kanri .page-about .table-wrap th { color: var(--white); background: var(--kou-navy); }
.theme-sekou-kanri .page-about .article-body > h2 { border-bottom: 0; }
.theme-sekou-kanri .page-about h2 + ul { padding: var(--space-2) var(--space-3); list-style: none; background: var(--kou-navy-soft); border-radius: var(--radius-box); }
.theme-sekou-kanri .page-about h2 + ul > li { position: relative; padding-left: 28px; }
.theme-sekou-kanri .page-about h2 + ul > li::before { content: "✓"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--kou-navy); }

/* 3回目 4・7. 一覧の頭のテーマのボタンと、記事の札：色の点をやめる。ボタンは小さな線のアイコン＋下の端にテーマ色の線、札はテーマ色の薄い地 */
.theme-sekou-kanri .pillar-nav .chip-icon, .theme-sekou-kanri .pillar-nav .chip-icon svg { display: block; width: 24px; height: 24px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .pillar-nav .chip-icon { display: block; }
}
.theme-sekou-kanri .pillar-nav a { gap: 8px; padding: 6px 16px 4px 10px; border-bottom: 3px solid var(--tone-deep); }
.theme-sekou-kanri .article-tag, .theme-sekou-kanri .pillar-tag { padding: 0 10px; background: var(--tone, var(--kou-orange-soft)); box-shadow: none; }
.theme-sekou-kanri .article-tag::before, .theme-sekou-kanri .pillar-tag::before { display: none; }

/* 3回目 5. 一覧のテーマの帯の濃さを4つそろえる（違いは左の線とアイコンの地だけ） */
.theme-sekou-kanri .group-head { background: var(--kou-navy-soft); }
.theme-sekou-kanri .group-head .group-icon { background: var(--tone); }

/* 3回目 6. トップの「新しい記事」：アイコンを大きく・右に紺の丸い矢印 */
.theme-sekou-kanri .home-latest .article-item { position: relative; padding-right: 56px; }
.theme-sekou-kanri .home-latest .article-item::after, .theme-sekou-kanri .home-shelf .article-item::after { content: "›"; position: absolute; right: 0; top: 50%; display: grid; place-items: center; width: 32px; height: 32px; margin-top: -16px; font-weight: 700; color: var(--white); background: var(--kou-navy); border-radius: 50%; }
.theme-sekou-kanri .home-latest .article-thumb { width: 64px; height: 64px; }
.theme-sekou-kanri .home-latest .article-thumb svg { width: 44px; height: 44px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .home-latest .article-thumb { width: 80px; height: 80px; }
  .theme-sekou-kanri .home-latest .article-thumb svg { width: 56px; height: 56px; }
}

/* 3回目 8. 「くわしく知りたい人へ」：紺の札と右の矢印で一覧の形にそろえる */
.theme-sekou-kanri .home-shelf .article-item { position: relative; padding-right: 48px; }
.theme-sekou-kanri .home-shelf .block-sub::before { content: "もっとくわしく"; display: inline-block; margin-right: 8px; padding: 2px 10px; font-size: 12px; font-weight: 700; color: var(--white); background: var(--kou-navy); border-radius: var(--radius-button); }

/* 3回目 9. スマホの最初の画面：図を小さく（最初の記事までを短く） */
.theme-sekou-kanri .hero-art { max-width: 15rem; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { max-width: 34rem; }
}

/* 3回目 10. 記事の右のもくじ：題を紺の小さな帯に・番号を紺に・左に紺の線 */
.theme-sekou-kanri .toc { border-top: 0; }
.theme-sekou-kanri .toc-title { display: inline-block; padding: 2px 12px; color: var(--white); background: var(--kou-navy); border-radius: var(--radius-button); }
.theme-sekou-kanri .toc ol { border-left: 3px solid var(--kou-navy-mid); }

/* 4回目の前に自分で見つけた直し：運営会社の苦情の窓口（見出しの下に説明の文があり、h2 + ul が効かなかった）も薄い色の箱に */
.theme-sekou-kanri .page-about h2 + p + ul { padding: var(--space-2) var(--space-3); list-style: none; background: var(--kou-orange-soft); border-left: 6px solid var(--kou-orange); border-radius: var(--radius-box); font-weight: 700; }

/* 4回目 1. 一覧のテーマの帯：地はオレンジのテーマは薄いオレンジ、紺のテーマは薄い紺（明るさだけそろえる。水色はじむデビューに寄るのでやめる） */
.theme-sekou-kanri .pillar-1, .theme-sekou-kanri .pillar-3 { --tone-bg: var(--kou-orange-soft); }
.theme-sekou-kanri .pillar-2, .theme-sekou-kanri .pillar-4 { --tone-bg: var(--kou-navy-soft); }
.theme-sekou-kanri .group-head { background: var(--tone-bg); }
.theme-sekou-kanri .group-head .group-icon { background: var(--white); }

/* 4回目 2. 一覧の頭のテーマのボタン：色の点を消し、アイコンだけ（トップのテーマのカードと同じ物に見えるように） */
.theme-sekou-kanri .pillar-nav a::before { display: none; }
.theme-sekou-kanri .pillar-nav .chip-icon, .theme-sekou-kanri .pillar-nav .chip-icon svg { width: 22px; height: 22px; }

/* 4回目 3. 記事の囲み：黒い太い線をやめて紺に。チェックの丸は紺の地に白 */
.theme-sekou-kanri .point-box { background: var(--kou-orange-soft); border: 1.5px solid var(--kou-navy); box-shadow: 0 3px 0 var(--kou-navy); }
.theme-sekou-kanri .point-box::before { color: var(--white); background: var(--kou-navy); border-color: var(--kou-navy); }

/* 4回目 4. 運営会社：メールの箱に手紙の印とアドレスを大きく・会社の表の上に紺の細い帯 */
.theme-sekou-kanri .page-about h2 + p + ul > li { font-size: 1.0625rem; }
.theme-sekou-kanri .page-about h2 + p + ul > li::before { content: "✉"; position: absolute; left: 0; top: 0; color: var(--kou-orange-deep); }
.theme-sekou-kanri .page-about h2 + p + ul > li { position: relative; padding-left: 28px; }
.theme-sekou-kanri .page-about .table-wrap { border-top: 10px solid var(--kou-navy); }

/* 4回目 5. 「そのあとは、この順で」：3つを小さな白いカードに・間に紺の矢印で流れに見せる */
.theme-sekou-kanri .guide-list { gap: var(--space-2); border: 0; }
.theme-sekou-kanri .guide-item { position: relative; padding: var(--space-2); background: var(--white); border: 0; border-radius: var(--radius-box); box-shadow: var(--shadow-ring); }
.theme-sekou-kanri .guide-item + .guide-item::before { content: "▼"; position: absolute; left: 50%; top: -14px; transform: translateX(-50%); font-size: 12px; color: var(--kou-navy); }
@media (min-width: 640px) {
  .theme-sekou-kanri .guide-list { border: 0; column-gap: var(--space-4); }
  .theme-sekou-kanri .guide-item + .guide-item::before { content: "▶"; left: calc(-1 * var(--space-4) / 2); top: 50%; transform: translate(-50%, -50%); }
}

/* 4回目 6. 最初の画面の図を上下の真ん中寄りに */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { align-self: center; margin-top: 0; }
}

/* 4回目 7. スマホの記事の頭にもテーマの図を小さく（パソコンは今までどおり） */
.theme-sekou-kanri .article-head svg.head-art { display: block; width: auto; max-width: 100%; height: 112px; margin: 0 0 var(--space-2); border-radius: var(--radius-note); }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head svg.head-art { height: auto; width: 100%; }
}

/* 4回目 8. 「記事の一覧を見る」：真ん中に・地を紺に */
.theme-sekou-kanri .home-latest .more, .theme-sekou-kanri .home-shelf .more { text-align: center; }
.theme-sekou-kanri .more a { color: var(--white); background: var(--kou-navy); border-color: var(--kou-navy); box-shadow: 0 3px 0 var(--kou-navy-deep); }
.theme-sekou-kanri .more a:hover { color: var(--kou-navy); background: var(--white); }

/* 4回目 9. 悩みのボタン：縁とずらした影を紺に */
.theme-sekou-kanri .hero-chip { color: var(--kou-navy); border-color: var(--kou-navy); box-shadow: 0 3px 0 var(--kou-navy); }

/* 4回目 10. 上の案内の今いる場所：紺の 3px の下線 */
.theme-sekou-kanri .site-nav a[aria-current] { text-decoration-color: var(--kou-navy); text-decoration-thickness: 3px; }

/* 5回目 2. 運営会社：メールの印を線の図（紺の丸に白の封筒）に・「できないこと」の行（2〜4行目）はバツ・「記事の作り方」は箱をやめてチェックの並びだけ */
:root.theme-sekou-kanri { --kou-mail: 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' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 7 L12 13 L21 7'/%3E%3C/svg%3E"); }
.theme-sekou-kanri .page-about h2 + p + ul > li { padding-left: 40px; line-height: 28px; }
.theme-sekou-kanri .page-about h2 + p + ul > li::before { content: ""; width: 28px; height: 28px; background: var(--kou-navy); border-radius: 50%; }
.theme-sekou-kanri .page-about h2 + p + ul > li::after { content: ""; position: absolute; left: 5px; top: 5px; width: 18px; height: 18px; background: var(--white); -webkit-mask: var(--kou-mail) center / contain no-repeat; mask: var(--kou-mail) center / contain no-repeat; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+2)::before { content: "×"; color: var(--kou-orange-deep); }
.theme-sekou-kanri .page-about #section-4 + h2 + ul { padding: 0; background: none; }

/* 5回目 3. 一覧の頭のボタンのアイコン：薄いテーマ色の丸の地に、大きめに */
.theme-sekou-kanri .pillar-nav .chip-icon { display: grid; place-items: center; width: 30px; height: 30px; background: var(--tone); border-radius: 50%; }
.theme-sekou-kanri .pillar-nav .chip-icon svg { width: 22px; height: 22px; }

/* 5回目 4・7. テーマの横長の図：図の地の四角を消して、置き場所の地に直接置く（記事の頭は帯の地・おすすめのカードは方眼の地）。記事の頭（パソコン）は大きく */
.theme-sekou-kanri :is(.article-head, .featured-art) svg > rect[width="320"][height="200"] { fill: transparent; }
.theme-sekou-kanri .article-head svg.head-art { background: none; box-shadow: none; padding: 0; }
.theme-sekou-kanri .featured-art:not(:empty) { background-color: var(--kou-orange-soft); background-image: linear-gradient(var(--kou-grid) 1px, transparent 1px), linear-gradient(90deg, var(--kou-grid) 1px, transparent 1px); background-size: 24px 24px; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head .head-grid { align-items: center; }
  .theme-sekou-kanri .article-head svg.head-art { width: 130%; max-width: none; margin-left: -15%; }
}

/* 5回目 5. 記事の囲みの地を、要点の箱と同じ薄さに戻す（紺の線と影で締める） */
.theme-sekou-kanri .point-box { background: var(--panel-soft); }

/* 5回目 6. テーマのカードと新しい記事の説明文を大きく・一段濃く */
.theme-sekou-kanri .pillar-card p:not(.pillar-count), .theme-sekou-kanri .article-desc { font-size: .875rem; color: color-mix(in srgb, var(--ink) 82%, var(--white)); }

/* 5回目 8. スマホの「そのあとは、この順で」：矢印を大きく・上下を広く */
.theme-sekou-kanri .guide-list { row-gap: var(--space-4); }
.theme-sekou-kanri .guide-item + .guide-item::before { top: -24px; font-size: 16px; }

/* 6回目 1. パソコンの「この順で」の矢印：5回目にスマホ用に足した「上にずらす」がパソコンにも効いて崩れた。パソコンではカードの間の真ん中に戻す */
@media (min-width: 640px) {
  .theme-sekou-kanri .guide-item + .guide-item::before { top: 50%; left: calc(-1 * var(--space-4) / 2); transform: translate(-50%, -50%); font-size: 14px; }
}

/* 6回目 2・8. 最初の画面の図を大きく（小物は hero.svg の中で1.5倍にした） */
.theme-sekou-kanri .hero-art { max-width: 19rem; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { max-width: 40rem; width: 122%; }
}

/* 6回目 3. 運営会社の「できること、できないこと」：箱を行ごとに分け、できること（白地・紺のチェック）と、できないこと（薄いオレンジ・オレンジのバツ） */
.theme-sekou-kanri .page-about #section-3 + h2 + ul { display: grid; gap: 8px; padding: 0; background: none; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li { margin: 0; padding: 12px 16px 12px 44px; background: var(--kou-orange-soft); border-radius: var(--radius-box); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child { background: var(--white); box-shadow: 0 0 0 2px var(--kou-navy-mid); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li::before { left: 18px; top: 12px; }

/* 6回目 4. スマホの記事の頭の図を大きく */
.theme-sekou-kanri .article-head svg.head-art { height: 150px; margin-left: -24px; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head svg.head-art { height: auto; margin-left: -15%; }
}

/* 6回目 5・6. 説明文の大きさと濃さを、ほかの決まりに負けないように強く書く。一覧の説明文は矢印の手前まで広げる */
.theme-sekou-kanri .pillar-cards .pillar-card p:not(.pillar-count), .theme-sekou-kanri .article-list .article-item .article-desc { font-size: .875rem; line-height: 1.75; color: color-mix(in srgb, var(--ink) 82%, var(--white)); }
.theme-sekou-kanri .article-list .article-item .article-desc { max-width: none; }

/* 6回目 7. 最初の画面の LINE の上の区切り線を紺の点線に */
.theme-sekou-kanri .hero .line-box { border-top: 2px dashed var(--kou-navy-mid); }

/* 6回目 9. おすすめのカードの札2つを横に並べる */
.theme-sekou-kanri .featured-text::before { margin: 0 8px 8px 0; vertical-align: middle; }
.theme-sekou-kanri .featured-text .article-kicker { display: inline-flex; vertical-align: middle; margin-bottom: 8px; }

/* 7回目 1. 下の誘いの帯：LINE のボタンを最初の画面と同じ塗りつぶしの緑に（最後のひと押し）・図は描き直して大きく */
.theme-sekou-kanri .cta-band .cta-button, .theme-sekou-kanri .hero ~ .cta-band .cta-button { color: var(--white); background: var(--cta); border: 0; box-shadow: var(--shadow-btn); }
.theme-sekou-kanri .cta-band .cta-button:hover, .theme-sekou-kanri .hero ~ .cta-band .cta-button:hover { background: var(--cta-deep); }
.theme-sekou-kanri .cta-art { max-width: 9rem; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-art { max-width: 20rem; }
}

/* 7回目 2. 運営会社の「できること」と「できないこと」を2つの箱にまとめ、頭に小さな題の札。できないことの行は細い線で区切る */
.theme-sekou-kanri .page-about #section-3 + h2 + ul { gap: 0; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li { position: relative; border-radius: 0; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child { margin-bottom: var(--space-4); border-radius: var(--radius-box); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2) { border-radius: var(--radius-box) var(--radius-box) 0 0; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:last-child { border-radius: 0 0 var(--radius-box) var(--radius-box); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+3) { border-top: 1px solid var(--kou-orange-mid); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child::after, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { position: absolute; left: 12px; top: -12px; padding: 0 10px; font-size: 12px; font-weight: 700; line-height: 22px; color: var(--white); border-radius: var(--radius-button); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child::after { content: "できること"; background: var(--kou-navy); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { content: "できないこと"; background: var(--kou-orange-deep); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2) { padding-top: 18px; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child::before, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::before { top: 18px; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul { margin-top: var(--space-3); }

/* 7回目 3. トップの「知りたいことから探す」の段だけ地を薄い紺にし、上下にしま模様の細い帯で真ん中に区切り */
.theme-sekou-kanri .home-block.pillars { position: relative; padding-top: var(--space-6); padding-bottom: var(--space-6); background: var(--kou-navy-soft); }
.theme-sekou-kanri .home-block.pillars::before, .theme-sekou-kanri .home-block.pillars::after { content: ""; position: absolute; left: 0; right: 0; height: 6px; background: var(--kou-stripe); }
.theme-sekou-kanri .home-block.pillars::before { top: 0; }
.theme-sekou-kanri .home-block.pillars::after { bottom: 0; }

/* 7回目 4. 紺の足元：ロゴにヘルメットの印・名前を大きく・リンクを白い枠の札に（足元のリンクの数は共通の部品が決めるので増やせない） */
:root.theme-sekou-kanri { --kou-helmet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7 27 C7 12 33 12 33 27 Z M4 27 H36 V31 H4 Z' fill='black'/%3E%3C/svg%3E"); }
.theme-sekou-kanri .footer-name { display: flex; align-items: center; gap: 10px; font-size: 1.4rem; }
.theme-sekou-kanri .footer-name::before { content: ""; width: 36px; height: 36px; background: var(--kou-orange); -webkit-mask: var(--kou-helmet) center / contain no-repeat; mask: var(--kou-helmet) center / contain no-repeat; }
.theme-sekou-kanri .site-footer { font-size: .875rem; }
.theme-sekou-kanri .footer-head { color: var(--kou-orange-mid); }
.theme-sekou-kanri .footer-nav { gap: 8px; }
.theme-sekou-kanri .footer-nav a { padding: 0 16px; border: 1.5px solid color-mix(in srgb, var(--white) 40%, transparent); border-radius: var(--radius-button); }
.theme-sekou-kanri .footer-nav a:hover { color: var(--kou-navy-deep); background: var(--white); }

/* 7回目 5. スマホの下の誘いの帯：悩みの札を2列に */
.theme-sekou-kanri .cta-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-points { display: flex; flex-wrap: wrap; }
}

/* 7回目 6. 最初の画面の図を少し下げて、文の側と下の端をそろえる */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { transform: translateY(20px); }
}

/* 7回目 7. 「くわしく知りたい人へ」の行を高く・文字を大きく */
.theme-sekou-kanri .home-shelf .article-item { padding-top: 14px; padding-bottom: 14px; }
.theme-sekou-kanri .home-shelf .article-link { font-size: 1rem; }

/* 7回目 8. 記事（パソコン）の右のもくじを、読み進めてもついてくるように */
@media (min-width: 960px) {
  .theme-sekou-kanri .article-cols > .toc { position: sticky; top: var(--space-3); align-self: start; }
}

/* 7回目 9. 一覧の頭のテーマのボタンを横1列に */
@media (min-width: 840px) {
  .theme-sekou-kanri .pillar-nav { grid-template-columns: repeat(4, max-content); }
}
/* 7回目 5 の手直し：2列にすると札の言葉が途中で折れた（「整／理」）。札の文字を少し小さくして、折らずに入るだけ横に並べる */
.theme-sekou-kanri .cta-points { display: flex; flex-wrap: wrap; }
.theme-sekou-kanri .cta-points li { font-size: .8125rem; white-space: nowrap; }

/* 8回目 2. 「知りたいことから探す」の上のしま模様が、上の段のカードの下の端に食い込んでいた。段の上に空きをとる */
.theme-sekou-kanri .home-block.pillars { margin-top: var(--space-5); }

/* 8回目 3. 「くわしく知りたい人へ」の「もっとくわしく」の札を1行に独立させ、説明文はその下に */
.theme-sekou-kanri .home-shelf .block-sub::before { display: table; margin: 0 0 8px; }

/* 8回目 4. パソコンのトップの「新しい記事」を2列のカードに（縦の長さを半分に） */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-5); }
  .theme-sekou-kanri .home-latest .article-item:nth-last-child(-n+2) { border-bottom: 0; }
}

/* 8回目 5. 下の誘いの帯：札の文字を 14px に・右の図は文の上下の真ん中に */
.theme-sekou-kanri .cta-band .cta-points li { font-size: .875rem; }
.theme-sekou-kanri .cta-grid { align-items: center; }

/* 8回目 6. 運営会社の「できること」の箱：上下の空きを詰め、札を枠の線から少し下げる */
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child { padding-top: 16px; padding-bottom: 12px; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child::after, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { top: -10px; }

/* 8回目 7. スマホの足元のリンクの札の幅をそろえる */
.theme-sekou-kanri .footer-nav a { width: 100%; max-width: 16rem; justify-content: center; }

/* 9回目 1. パソコンのトップの新しい記事（2列）：題と説明文を2行にそろえて切り、カードの高さと矢印の位置をそろえる */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-link { display: -webkit-box; min-height: 2.9em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .theme-sekou-kanri .home-latest .article-desc { display: -webkit-box; min-height: 3.5em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}

/* 9回目 2. パソコンの紺の足元：2つのかたまりを寄せ、リンクの札は横1列に。いちばん下の行の文字を少し大きく */
@media (min-width: 840px) {
  .theme-sekou-kanri .footer-inner { grid-template-columns: minmax(0, 28rem) auto; justify-content: space-between; align-items: start; }
  .theme-sekou-kanri .footer-nav { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .theme-sekou-kanri .footer-head { width: 100%; }
  .theme-sekou-kanri .footer-nav a { width: auto; }
}
.theme-sekou-kanri .footer-bottom p { font-size: .875rem; }

/* 9回目 3. 記事の中の LINE ボタン：塗りつぶしにして、上に一言 */
.theme-sekou-kanri .cta-compact::before { content: "気になったら、気軽にどうぞ"; display: block; margin-bottom: 8px; font-size: .875rem; font-weight: 700; color: var(--kou-navy); }
.theme-sekou-kanri .cta-compact > a { color: var(--white); background: var(--cta); border-color: var(--cta); box-shadow: var(--shadow-btn); }
.theme-sekou-kanri .cta-compact > a:hover { color: var(--white); background: var(--cta-deep); }

/* 9回目 4. スマホの最初の画面：図の上の空きを半分に */
.theme-sekou-kanri .hero-art { margin-top: var(--space-2); }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { margin-top: 0; }
}

/* 9回目 5. ページの頭（運営会社・記事一覧・個人情報）の右に小さな図（page-*.svg）。記事ページの頭と形をそろえる */
.theme-sekou-kanri .page-head svg.head-art { width: 120px; max-width: 120px; }
@media (min-width: 840px) {
  .theme-sekou-kanri .page-head svg.head-art { top: 50%; width: 180px; max-width: 180px; transform: translateY(-50%); }
  .theme-sekou-kanri .page-head h1 { padding-right: 200px; }
}

/* 9回目 6. 一覧の「もっとくわしく」の行：14px・左に紺の細い縦線 */
.theme-sekou-kanri .pillar-group .article-item--detail { padding-left: var(--space-3); border-left: 4px solid var(--kou-navy); }
.theme-sekou-kanri .article-item--detail .article-link { font-size: .875rem; }

/* 9回目 7. スマホの誘いの帯の札：左右の余白を詰めて2列に収める */
.theme-sekou-kanri .cta-band .cta-points li { padding-left: 8px; padding-right: 10px; }

/* 9回目 8. スマホの記事の頭の図：題の文と左の端をそろえる */
.theme-sekou-kanri .article-head svg.head-art { margin-left: 0; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head svg.head-art { margin-left: -15%; }
}

/* 9回目 9. トップのテーマのカードの説明文：行を広げて3行に収める（文の区切りでそろえる折り方が行を細くしていた） */
.theme-sekou-kanri .pillar-cards .pillar-card p:not(.pillar-count) { text-wrap: pretty; word-break: normal; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { padding: 20px; }
}
/* 9回目 6 の手直し：文字を小さくした「もっとくわしく」の行のリンクも、指で押せる高さ 44px を保つ */
.theme-sekou-kanri .article-item--detail .article-link { display: flex; align-items: center; min-height: 44px; }
/* 9回目 5 の手直し：縦の真ん中に置く決まりが上の案内まで図をはみ出させた。帯の下の端を基準に置く */
@media (min-width: 840px) {
  .theme-sekou-kanri .page-head svg.head-art { top: auto; bottom: 0; width: 170px; max-width: 170px; transform: none; }
}
.theme-sekou-kanri .page-head svg.head-art { top: auto; bottom: 0; }
.theme-sekou-kanri .page-head .head-grid { position: relative; }

/* 10回目 1. 一覧の「もっとくわしく」の行：14px を強く書き、少し太く・本文と同じ濃さ */
.theme-sekou-kanri .pillar-group .article-item--detail .article-link, .theme-sekou-kanri .article-list .article-item--detail .article-link { font-size: .9375rem; font-weight: 700; color: var(--ink); }

/* 10回目 2. パソコンのトップの新しい記事（2列）：アイコンを大きく・札と題の間を空ける・行の間の線を薄く */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-thumb { width: 72px; height: 72px; }
  .theme-sekou-kanri .home-latest .article-thumb svg { width: 52px; height: 52px; }
  .theme-sekou-kanri .home-latest .article-item { border-bottom-color: color-mix(in srgb, var(--line) 60%, transparent); }
}
.theme-sekou-kanri .home-latest .article-kicker { margin-bottom: 4px; }

/* 10回目 3. パソコンの紺の足元：リンクの札の文字を 14px・ロゴの段と上の端をそろえる・いちばん下の行を大きく濃く */
.theme-sekou-kanri .footer-nav a { font-size: .875rem; }
.theme-sekou-kanri .footer-bottom p { font-size: .875rem; color: color-mix(in srgb, var(--white) 75%, transparent); }
@media (min-width: 840px) {
  .theme-sekou-kanri .footer-head { margin-top: 0; }
}

/* 10回目 4. スマホの誘いの帯：図を真ん中に（図の中に紺の地面の線がある） */
.theme-sekou-kanri .cta-art { justify-self: center; margin: 0 auto; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-art { justify-self: end; }
}

/* 10回目 5. 「くわしく知りたい人へ」：行を白いカードに入れ、左に紺の細い縦線（一覧と同じつくり） */
.theme-sekou-kanri .home-shelf .article-list { display: grid; gap: 10px; border-top: 0; }
.theme-sekou-kanri .home-shelf .article-item { padding-left: var(--space-3); background: var(--white); border: 0; border-left: 4px solid var(--kou-navy); border-radius: var(--radius-note); box-shadow: var(--shadow-ring); }
.theme-sekou-kanri .home-shelf .article-item::after { right: 12px; }

/* 10回目 6. スマホの記事の頭の図を 1.2 倍に */
.theme-sekou-kanri .article-head svg.head-art { height: 180px; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head svg.head-art { height: auto; }
}

/* 10回目 7. 運営会社の「できること」の箱の縁を一段濃く */
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child { box-shadow: 0 0 0 2px var(--kou-navy); }

/* 10回目 8. 最初の画面の LINE の上の点線を、少し太く・はっきり */
.theme-sekou-kanri .hero .line-box { border-top: 3px dotted var(--kou-navy); }

/* 11回目 1. スマホの頭の「記事一覧・運営会社」を小さな丸角の札に（薄いオレンジの地＋紺の文字）。パソコンは今までどおり文字の並び */
.theme-sekou-kanri .site-nav a { display: inline-flex; align-items: center; min-height: 40px; margin: 2px 0; padding: 0 14px; color: var(--kou-navy); font-weight: 700; background: var(--kou-orange-soft); border-radius: var(--radius-button); }
@media (min-width: 840px) {
  .theme-sekou-kanri .site-nav a { min-height: 0; margin: 0; padding: 12px 0; color: var(--ink); font-weight: 400; background: none; border-radius: 0; }
  .theme-sekou-kanri .site-nav a[aria-current] { font-weight: 700; }
}

/* 11回目 2. トップの下半分：「くわしく知りたい人へ」の区画を薄い紺の地に（白→色→白→色の流れ） */
.theme-sekou-kanri .home-block.home-shelf { margin-top: var(--space-5); padding-top: var(--space-6); padding-bottom: var(--space-6); background: var(--kou-navy-soft); }

/* 11回目 3. 記事の途中の LINE の誘い：薄いオレンジの角丸の箱で包み、上に点線 */
.theme-sekou-kanri .cta-compact { padding: var(--space-3); background: var(--kou-orange-soft); border-top: 3px dotted var(--kou-navy); border-radius: var(--radius-box); }

/* 11回目 4. パソコンの紺の足元：上下の余白を詰め、右下にクレーンの線画をうすく（footer-crane.svg） */
.theme-sekou-kanri .site-footer { position: relative; overflow: hidden; }
.theme-sekou-kanri .footer-inner { padding-top: var(--space-5); padding-bottom: var(--space-4); }
.theme-sekou-kanri .site-footer::after { content: ""; position: absolute; right: 4%; bottom: 0; width: 240px; height: 180px; background: url("illust/sekou-kanri/footer-crane.svg") right bottom / contain no-repeat; opacity: .12; pointer-events: none; }

/* 11回目 5. 運営会社の頭：題の上に小さな札を足して、ほかのページの頭と同じ密度に・帯を少し詰める */
.theme-sekou-kanri .page-about .page-head h1::before { content: "せこかんデビューのこと"; display: table; margin-bottom: 10px; padding: 2px 12px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--white); background: var(--kou-navy); border-radius: var(--radius-button); }
.theme-sekou-kanri .page-about .page-head .head-grid { padding-top: var(--space-4); padding-bottom: var(--space-4); }

/* 11回目 6. 一覧の「もっとくわしく」の札：カードの紺の縦線の位置にそろえ、カードとの間を 4px に */
.theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) + .article-item--detail { margin-top: 34px; }
.theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) + .article-item--detail::before { left: -4px; top: -28px; }

/* 11回目 7. スマホの最初の画面：図を見出しのすぐ下に小さめに上げる（並び順は CSS の grid で変えられる） */
.theme-sekou-kanri .hero-grid { grid-template-areas: "text" "art" "box"; }
.theme-sekou-kanri .hero-art { max-height: 150px; width: auto; margin: 0 auto; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "text art" "box art"; }
  .theme-sekou-kanri .hero-art { max-height: none; width: 122%; }
}

/* 11回目 8. 区画の見出しの◆をオレンジと紺で交互に */
.theme-sekou-kanri .home-block:nth-of-type(even) .block-title::before { background: var(--kou-orange); }
/* 11回目 1 の手直し：札の高さ 40px は指で押す高さ 44px に足りなかった（測る道具で 29→141 に増えた） */
.theme-sekou-kanri .site-nav a { min-height: 44px; margin: 0; }
@media (min-width: 840px) {
  .theme-sekou-kanri .site-nav a { min-height: 0; }
}
/* 11回目 1 の手直し 2：札の display が、幅ごとの出し分け（style.css の .nav-pillar・.nav-about・.nav-privacy）を打ち消して、スマホに全部の札が出た。出し分けを同じ強さで書き直す */
.theme-sekou-kanri .site-nav .nav-pillar, .theme-sekou-kanri .site-nav .nav-privacy { display: none; }
@media (min-width: 640px) {
  .theme-sekou-kanri .site-nav .nav-privacy { display: inline-flex; }
}
@media (min-width: 960px) {
  .theme-sekou-kanri .site-nav .nav-pillar { display: inline-block; }
  .theme-sekou-kanri .site-nav .nav-about, .theme-sekou-kanri .site-nav .nav-privacy { display: none; }
}

/* 12回目 1. 足元のクレーンの線画：スマホでは出さない（札や文字と重なった）。パソコンでは © の行より上に収め、さらにうすく */
.theme-sekou-kanri .site-footer::after { display: none; }
@media (min-width: 840px) {
  .theme-sekou-kanri .site-footer::after { display: block; bottom: 64px; width: 200px; height: 150px; opacity: .07; }
}

/* 12回目 3. 「くわしく知りたい人へ」の区画にも、テーマ一覧と同じ上下のしま模様の帯・上下の余白を同じに */
.theme-sekou-kanri .home-block.home-shelf { position: relative; padding-top: var(--space-6); padding-bottom: var(--space-6); }
.theme-sekou-kanri .home-block.home-shelf::before, .theme-sekou-kanri .home-block.home-shelf::after { content: ""; position: absolute; left: 0; right: 0; height: 6px; background: var(--kou-stripe); }
.theme-sekou-kanri .home-block.home-shelf::before { top: 0; }
.theme-sekou-kanri .home-block.home-shelf::after { bottom: 0; }
.theme-sekou-kanri .home-shelf .more { margin-bottom: 0; }

/* 12回目 4. スマホの頭の札：白地＋紺の細い縁（すぐ下の最初の画面の薄いオレンジと境目をはっきり） */
.theme-sekou-kanri .site-nav a { background: var(--white); box-shadow: inset 0 0 0 1.5px var(--kou-navy); }
@media (min-width: 840px) {
  .theme-sekou-kanri .site-nav a { background: none; box-shadow: none; }
}

/* 12回目 5. 新しい記事のアイコン：四角の地をテーマの色で一段濃く・線を太く */
.theme-sekou-kanri .pillar-1, .theme-sekou-kanri .pillar-3 { --tone-strong: var(--kou-orange-mid); }
.theme-sekou-kanri .pillar-2, .theme-sekou-kanri .pillar-4 { --tone-strong: var(--kou-navy-mid); }
.theme-sekou-kanri .home-latest .article-thumb { background: var(--tone-strong); }
.theme-sekou-kanri .home-latest .article-thumb svg > g { stroke-width: 3px; }

/* 12回目 6. 記事の LINE の箱：点線を箱の縁から内側へ（一言の下の切り取り線に） */
.theme-sekou-kanri .cta-compact { border-top: 0; }
.theme-sekou-kanri .cta-compact::before { margin-bottom: 14px; padding-bottom: 10px; border-bottom: 3px dotted var(--kou-navy-mid); }

/* 12回目 7. 説明文の最後の行に1〜2文字だけ残るのを減らす */
.theme-sekou-kanri .article-desc, .theme-sekou-kanri .featured-desc { text-wrap: pretty; }

/* 13回目 1. しま模様の帯が6本でうるさくなった。最初の画面の下と足元の上だけ今の太さで残し、間の区画の帯は細く・縞の間を広く */
:root.theme-sekou-kanri { --kou-stripe-thin: repeating-linear-gradient(-45deg, var(--kou-orange) 0 16px, var(--kou-navy) 16px 22px, transparent 22px 40px); }
.theme-sekou-kanri .home-block.pillars::before, .theme-sekou-kanri .home-block.pillars::after, .theme-sekou-kanri .home-block.home-shelf::before, .theme-sekou-kanri .home-block.home-shelf::after { height: 4px; background: var(--kou-stripe-thin); }

/* 13回目 2. パソコンの最後の誘いの帯：右の図を大きく・文の高さの真ん中に */
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-art { max-width: 26rem; align-self: center; }
}

/* 13回目 3. パソコンの足元：2つの列を真ん中寄せの幅（最大 960px）に収め、上の端をそろえる */
@media (min-width: 840px) {
  .theme-sekou-kanri .footer-inner { max-width: 960px; margin-left: auto; margin-right: auto; align-items: start; }
  .theme-sekou-kanri .footer-bottom { max-width: 960px; margin-left: auto; margin-right: auto; }
}

/* 13回目 4. 一覧：見出しの帯の下と、区画と区画の間を広げる */
.theme-sekou-kanri .group-head { margin-bottom: 4px; }
.theme-sekou-kanri .pillar-group { margin-bottom: calc(var(--space-6) + 16px); }

/* 13回目 5. スマホのテーマのカード：上下の余白を詰める */
.theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { padding: 16px; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { padding: 20px; }
}

/* 13回目 6. 記事の頭（パソコン）：右の図を要約の文の下の端にそろえる */
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head .head-grid { align-items: end; }
}

/* 14回目に向けて：記事ごとの図（eye-<slug>.svg・planning/sekou-kanri/eye.py で書き出し）を入れた。
   一覧・トップの小さい絵は横長の図になるので、テーマの色の地と角丸を付ける */
.theme-sekou-kanri .article-thumb--eye { background: var(--tone-strong, var(--tone)); border-radius: var(--radius-box); }
.theme-sekou-kanri .article-thumb--eye svg > g { stroke-width: 2px; }
.theme-sekou-kanri .article-head .head-art--eye { background: none; }
/* 記事ごとの図の手直し：トップの新しい記事では、横長の図が正方形の小さな枠（アイコン用）に押し込まれた。横長の枠にする */
.theme-sekou-kanri .home-latest .article-thumb--eye { width: 96px; height: 60px; }
.theme-sekou-kanri .home-latest .article-thumb--eye svg { width: 100%; height: 100%; }
@media (min-width: 640px) {
  .theme-sekou-kanri .home-latest .article-thumb--eye { width: 128px; height: 80px; }
}

/* 14回目 2. トップの新しい記事の小さい絵：縮んで細部がつぶれた。絵の列の幅を絵に合わせる（横128px・16:10） */
.theme-sekou-kanri .home-latest .article-item:has(.article-thumb--eye) { grid-template-columns: auto minmax(0, 1fr); }
.theme-sekou-kanri .home-latest .article-thumb--eye { flex: none; }

/* 14回目 3. オレンジ系の絵の地を薄いオレンジに（濃いオレンジが縦に続いて重かった。紺系はそのまま） */
.theme-sekou-kanri .pillar-1 .article-thumb--eye, .theme-sekou-kanri .pillar-3 .article-thumb--eye { background: var(--kou-orange-soft); }

/* 14回目 5. 記事ごとの図の線の太さを、どの大きさでもそろえる（白い線＝コーンの縞などは除く） */
.theme-sekou-kanri :is(.head-art--eye, .featured-art) svg :is(g, [stroke-width]):not([stroke="#FFFFFF"]) { vector-effect: non-scaling-stroke; stroke-width: 2.5px; }
.theme-sekou-kanri .article-thumb--eye svg :is(g, [stroke-width]):not([stroke="#FFFFFF"]) { vector-effect: non-scaling-stroke; stroke-width: 1.75px; }

/* 14回目 6. 一覧の区画と区画の間を2割戻す */
.theme-sekou-kanri .pillar-group { margin-bottom: var(--space-6); }

/* 15回目 1. スマホの記事の頭の図：高さを2割縮めて右に寄せ、要点の箱の頭が最初の画面に入るように */
.theme-sekou-kanri .article-head svg.head-art { height: 140px; margin: 0 0 var(--space-1) auto; }
@media (min-width: 960px) {
  .theme-sekou-kanri .article-head svg.head-art { height: auto; margin: 0 0 0 -15%; }
}

/* 15回目 2. 「そのあとは、この順で」：番号の丸をオレンジ・紺・オレンジの交互に・カードの下に紺の細い線 */
.theme-sekou-kanri .guide-list .guide-item:nth-child(odd) .guide-no { background: var(--kou-orange); }
.theme-sekou-kanri .guide-item { border-bottom: 3px solid var(--kou-navy); }

/* 15回目 3. 「知りたいことから探す」のアイコンを 1.2 倍・線を記事の小さい絵と同じ 1.75px に */
.theme-sekou-kanri .pillar-card .pillar-icon { width: 86px; height: 86px; }
.theme-sekou-kanri .pillar-card .pillar-icon svg { width: 66px; height: 66px; }
.theme-sekou-kanri .pillar-card .pillar-icon svg :is(g, [stroke-width]):not([stroke="#FFFFFF"]) { vector-effect: non-scaling-stroke; stroke-width: 1.75px; }

/* 15回目 4. スマホの最初の画面の図を 1.15 倍に戻す */
.theme-sekou-kanri .hero-art { max-height: 172px; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { max-height: none; }
}

/* 15回目 5. ページの頭の図（運営会社など）の線を記事の図と同じ 2.5px に（ヘルメットは page-about.svg を新しい形に） */
.theme-sekou-kanri .page-head svg.head-art :is(g, [stroke-width]):not([stroke="#FFFFFF"]) { vector-effect: non-scaling-stroke; stroke-width: 2.5px; }

/* 16回目 2. パソコンのトップの新しい記事：行の高さの最小値をそろえ、絵と文と矢印を行の真ん中に */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-item { min-height: 132px; align-items: center; }
}

/* 16回目 4. 足元のリンクの札：文字を少し大きく・札の左右を広く */
.theme-sekou-kanri .footer-nav a { font-size: .9375rem; padding: 0 20px; }

/* ======================================================================
   まっさらな採点役（先入観なし）の指摘で回し直す（2026-10-22 21:51〜。1回目＝全体 6.3）
   ====================================================================== */
/* F1-1. しま模様は「ページのいちばん上の見出しの下」の1回だけに。間の区画と足元の上の帯はやめ、色の面の切り替えだけで区切る */
.theme-sekou-kanri .home-block.pillars::before, .theme-sekou-kanri .home-block.pillars::after,
.theme-sekou-kanri .home-block.home-shelf::before, .theme-sekou-kanri .home-block.home-shelf::after,
.theme-sekou-kanri .site-footer::before { display: none; }

/* F1-2. 強弱：いちばん読ませる「まずこの記事から」だけ色の面で大きく見せ、「くわしく知りたい人へ」の行は枠をやめて区切り線だけに */
.theme-sekou-kanri .featured-card, .theme-sekou-kanri .featured-card:hover { background: var(--kou-orange-soft); box-shadow: none; border-bottom: 0; padding: var(--space-4); }
.theme-sekou-kanri .featured-art:not(:empty) { background-color: var(--white); }
.theme-sekou-kanri .featured-link { font-size: clamp(1.4rem, 3.2vw, 1.9rem); }
.theme-sekou-kanri .home-shelf .article-list { gap: 0; border-top: 1px solid var(--kou-navy-mid); }
.theme-sekou-kanri .home-shelf .article-item { background: none; border-left: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--kou-navy-mid); padding-left: 0; }

/* F1-4. 最初の画面：文の箱を開いて部品を並べ直す（大見出し→説明文→LINE→図→悩みのボタン）。HTML の並びは変えない。
   箱を開くと大見出しが行の箱になり、行ごとのマーカーが帯になるので、マーカーは言葉のまとまり（.phrase）に付け直す。方眼は薄く */
.theme-sekou-kanri .hero-text { display: contents; }
.theme-sekou-kanri .hero h1 { grid-area: h1; display: block; background: none; margin: 0; }
.theme-sekou-kanri .hero h1 .phrase { background: linear-gradient(transparent 52%, var(--kou-orange) 52%, var(--kou-orange) 96%, transparent 96%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.theme-sekou-kanri .hero .lead { grid-area: lead; }
.theme-sekou-kanri .hero .chips-title { grid-area: ct; margin: 0; }
.theme-sekou-kanri .hero .hero-chips { grid-area: chips; margin: 0; }
.theme-sekou-kanri .hero-art { grid-area: art; }
.theme-sekou-kanri .hero .line-box { grid-area: box; }
.theme-sekou-kanri .hero-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "h1" "lead" "box" "art" "ct" "chips"; row-gap: var(--space-3); }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-columns: 6fr 6fr; grid-template-areas: "h1 art" "lead art" "box art" "ct art" "chips art"; align-content: start; }
}
:root.theme-sekou-kanri { --kou-grid: color-mix(in srgb, var(--kou-navy) 4%, transparent); }

/* F1-5. 区画の見出しを大きく・上に番号の目印（◆はやめる）。新しい記事の説明文は本文の濃さに */
.theme-sekou-kanri main { counter-reset: kou-block; }
.theme-sekou-kanri .home-block { counter-increment: kou-block; }
.theme-sekou-kanri .home-block .block-title { display: block; font-size: clamp(1.6rem, 4.2vw, 2.4rem); line-height: 1.3; }
.theme-sekou-kanri .home-block .block-title::before, .theme-sekou-kanri .home-shelf .block-title::before, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::before { content: counter(kou-block, decimal-leading-zero); display: block; width: auto; height: auto; margin: 0 0 6px; font-size: .875rem; font-weight: 700; letter-spacing: .12em; color: var(--kou-orange-deep); background: none; border: 0; border-radius: 0; transform: none; }
.theme-sekou-kanri .article-list .article-item .article-desc { color: var(--ink); }

/* F1-7. スマホの上の案内：札をやめ、文字だけの小さなリンクに（押せる高さ 44px は保つ） */
.theme-sekou-kanri .site-nav a { padding: 0 6px; color: var(--kou-navy); font-weight: 700; background: none; box-shadow: none; border-radius: 0; text-decoration: underline; text-decoration-color: var(--kou-navy-mid); text-underline-offset: 6px; }
@media (min-width: 840px) {
  .theme-sekou-kanri .site-nav a { padding: 12px 0; color: var(--ink); font-weight: 400; text-decoration-color: transparent; }
}
/* F1-7. スマホの「まずこの記事から」の絵を横長に（縦に長くて題が押し出されていた） */
.theme-sekou-kanri .featured-art svg { aspect-ratio: 16 / 9; }

/* F2-1. 記事の中の図（グラフ）：本文の幅いっぱいに */
.theme-sekou-kanri .figure .figure-art { width: 100%; max-width: none; translate: none; }
.theme-sekou-kanri .figure { max-width: var(--measure); }

/* F2-2・3. 枠と下だけ太い線をやめる：カード類は白地＋薄い影だけ、「もっとくわしく」は区切り線だけ（トップ・一覧でそろえる） */
.theme-sekou-kanri .guide-item, .theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-card:hover { border-bottom: 0; }
.theme-sekou-kanri .guide-item, .theme-sekou-kanri .pillar-card, .theme-sekou-kanri .pillar-group .article-item { box-shadow: var(--shadow-1); }
.theme-sekou-kanri .pillar-card:hover { box-shadow: var(--shadow-2); }
.theme-sekou-kanri .pillar-nav a { border-bottom: 0; box-shadow: var(--shadow-1); }
.theme-sekou-kanri .group-head { border-left: 0; }
.theme-sekou-kanri .pillar-group .article-item--detail { padding-left: 0; background: none; border-left: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--kou-navy-mid); }
.theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) + .article-item--detail { border-top: 1px solid var(--kou-navy-mid); }
.theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) + .article-item--detail::before { left: 0; }
/* 運営会社：表の紺の枠をやめ、上の帯と薄い影だけ */
.theme-sekou-kanri .page-about .table-wrap { box-shadow: var(--shadow-1); }

/* F2-4. 最初の画面：点線と小見出し（最後の誘いと同じ言葉）を消して、ボタンまわりを軽く */
.theme-sekou-kanri .hero .line-box { border-top: 0; padding-top: 0; }
.theme-sekou-kanri .hero .line-box-title { display: none; }

/* F2-7. 区画の番号を薄く・新しい記事の小さい絵を大きく */
.theme-sekou-kanri .home-block .block-title::before, .theme-sekou-kanri .home-shelf .block-title::before, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::before { color: var(--kou-navy-mid); }
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-thumb--eye { width: 168px; height: 105px; }
}
/* F2-1 の手直し：図を幅いっぱいにすると文字まで大きくなりすぎた。図は 560px まで */
.theme-sekou-kanri .figure .figure-art { max-width: 560px; }

/* F3-1. パソコンの新しい記事：2列をやめて1列に（題名が途中で切れていた）。題名の「2行で切る」もやめる */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-list { display: block; }
  .theme-sekou-kanri .home-latest .article-link, .theme-sekou-kanri .home-latest .article-desc { display: block; min-height: 0; -webkit-line-clamp: unset; overflow: visible; }
  .theme-sekou-kanri .home-latest .article-item { min-height: 0; }
  .theme-sekou-kanri .home-latest .article-item:nth-last-child(-n+2) { border-bottom: 1px solid color-mix(in srgb, var(--line) 60%, transparent); }
  .theme-sekou-kanri .home-latest .article-item:last-child { border-bottom: 0; }
}

/* F3-2. 区画の番号：中途半端な薄さをやめ、オレンジで小さくはっきり */
.theme-sekou-kanri .home-block .block-title::before, .theme-sekou-kanri .home-shelf .block-title::before, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::before { color: var(--kou-orange-deep); }

/* F3-3. スマホにも残っていた下だけ太い線をやめる（テーマのカード）。悩みのボタンは枠だけの軽い作りに（LINE より目立たせない） */
.theme-sekou-kanri .pillar-cards .pillar-card, .theme-sekou-kanri .pillar-cards .pillar-card:hover { border: 0; }
.theme-sekou-kanri .hero-chip { border-width: 1.5px; border-color: var(--kou-navy-mid); box-shadow: none; }
.theme-sekou-kanri .hero-chip:hover { border-color: var(--kou-navy); background: var(--white); }

/* F3-4. 記事の中の箱を「薄い地＋左の細い線」1つの作りにそろえる（要点の紺の帽子・囲みの紺の枠と太い下線・運営会社の箱の枠と表の上の帯） */
.theme-sekou-kanri .summary { padding: var(--space-3); background: var(--kou-orange-soft); border-left: 4px solid var(--kou-navy); border-radius: var(--radius-note); }
.theme-sekou-kanri .summary-title { margin: 0 0 var(--space-1); padding: 0; color: var(--kou-navy); background: none; }
.theme-sekou-kanri .point-box { background: var(--panel-soft); border: 0; border-left: 4px solid var(--kou-navy); border-radius: var(--radius-note); box-shadow: none; }
.theme-sekou-kanri .page-about .table-wrap { border-top: 0; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child { box-shadow: var(--shadow-ring), var(--shadow-1); }
.theme-sekou-kanri .cta-compact { border-left: 4px solid var(--cta); border-radius: var(--radius-note); }

/* F3-5. 一覧のカードの影を少しだけ濃く（背景に溶けていた） */
.theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail), .theme-sekou-kanri .guide-item, .theme-sekou-kanri .pillar-card { box-shadow: var(--shadow-ring), var(--shadow-1); }

/* F3-7. LINE ボタンの下の説明を一段薄く・幅をボタンのまとまりに合わせる。最後の誘いの札は2列の短い箇条書きに */
.theme-sekou-kanri .cta-note { max-width: 30rem; color: color-mix(in srgb, var(--ink) 65%, var(--white)); }
.theme-sekou-kanri .cta-band .cta-points { display: grid; grid-template-columns: repeat(2, max-content); gap: 4px 24px; padding: 0; list-style: none; }
.theme-sekou-kanri .cta-band .cta-points li { padding: 0 0 0 18px; background: none; border: 0; box-shadow: none; font-size: .9375rem; font-weight: 700; }
/* F3-7 の手直し：札を文字の幅のまま2列にしたら、スマホで横に 20〜35px はみ出した（hakaru.mjs で15ページ）。スマホは1列、広い画面で2列 */
.theme-sekou-kanri .cta-band .cta-points { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) {
  .theme-sekou-kanri .cta-band .cta-points { grid-template-columns: repeat(2, max-content); }
}

/* ======================================================================
   2人目のまっさらな採点役（21:59・全体 6.0「どこかで見たブログの型」）の指摘：部品・色・枠を減らし、文字と絵で強弱をつける
   ====================================================================== */
/* G1-1. 右端の紺の丸い矢印をやめ、カード全体を押せるように（リンクの見えない面をカードいっぱいに広げる） */
.theme-sekou-kanri .home-latest .article-item::after, .theme-sekou-kanri .home-shelf .article-item::after, .theme-sekou-kanri .pillar-group .article-item::after, .theme-sekou-kanri .featured-text::after { display: none; content: none; }
.theme-sekou-kanri .article-list .article-item, .theme-sekou-kanri .featured-card { position: relative; }
.theme-sekou-kanri .article-list .article-item .article-link::after, .theme-sekou-kanri .featured-link::after { content: ""; position: absolute; inset: 0; }
.theme-sekou-kanri .home-latest .article-item, .theme-sekou-kanri .pillar-group .article-item, .theme-sekou-kanri .home-shelf .article-item { padding-right: var(--space-2); }
.theme-sekou-kanri .featured-text { padding-right: 0; }
.theme-sekou-kanri .article-list .article-item:hover .article-link, .theme-sekou-kanri .featured-card:hover .featured-link { text-decoration: underline; text-decoration-color: var(--kou-orange); text-decoration-thickness: 3px; text-underline-offset: 5px; }

/* G1-2. 文字の強弱：区画の見出しと記事の題を大きく。数字（01 など）は太く大きい書体で目が止まる所に */
.theme-sekou-kanri .home-block .block-title { font-size: clamp(1.75rem, 4.6vw, 2.75rem); letter-spacing: .01em; }
.theme-sekou-kanri .home-block .block-title::before, .theme-sekou-kanri .home-shelf .block-title::before, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::before { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-size: 1.75rem; font-weight: 800; letter-spacing: 0; line-height: 1; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-group .article-link, .theme-sekou-kanri .home-latest .article-link { font-size: 1.3rem; }
}
.theme-sekou-kanri .guide-no { font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-weight: 800; }

/* G1-3. 最初の画面：LINE ボタンのまわりの余白を倍に・説明文は小さく */
.theme-sekou-kanri .hero .line-box { padding: var(--space-2) 0 var(--space-3); }
.theme-sekou-kanri .hero .cta-note { margin-top: var(--space-2); font-size: .75rem; }
.theme-sekou-kanri .hero .chips-title { margin-top: var(--space-3); }

/* G1-4. 記事ごとの絵の地を、テーマごとに色と模様で変える（水玉・方眼・斜め線・丸） */
.theme-sekou-kanri .pillar-1 { --kou-art-bg: radial-gradient(color-mix(in srgb, var(--kou-orange) 22%, transparent) 1.5px, transparent 1.6px) 0 0 / 14px 14px, var(--kou-orange-soft); }
.theme-sekou-kanri .pillar-2 { --kou-art-bg: linear-gradient(color-mix(in srgb, var(--kou-navy) 10%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, color-mix(in srgb, var(--kou-navy) 10%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, var(--white); }
.theme-sekou-kanri .pillar-3 { --kou-art-bg: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--kou-orange) 16%, transparent) 0 6px, transparent 6px 16px), var(--kou-orange-soft); }
.theme-sekou-kanri .pillar-4 { --kou-art-bg: radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--kou-navy) 14%, transparent) 0 22%, transparent 22.5%), radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--kou-orange) 22%, transparent) 0 18%, transparent 18.5%), var(--white); }
.theme-sekou-kanri .article-thumb--eye, .theme-sekou-kanri .pillar-1 .article-thumb--eye, .theme-sekou-kanri .pillar-3 .article-thumb--eye { background: var(--kou-art-bg, var(--kou-orange-soft)); box-shadow: var(--shadow-ring); }
.theme-sekou-kanri .featured .featured-art:not(:empty) { background: var(--kou-art-bg, var(--white)); }

/* G1-5. 記事の中の枠は「要点」と「LINE」の2種類だけに。中見出しの縦棒をやめ、大きい文字と上の余白で区切る。囲み（:::point）は枠を外して題＋箇条書きに */
.theme-sekou-kanri .article--pop .article-body > h2, .theme-sekou-kanri .article-body > h2 { padding-left: 0; border-left: 0; margin-top: var(--space-6); font-size: clamp(1.4rem, 3.4vw, 1.75rem); }
.theme-sekou-kanri .point-box { padding: 0 0 0 36px; background: none; border: 0; }
.theme-sekou-kanri .point-box::before { left: 0; top: 0; }

/* G1-6. 色を減らす：背景は白と薄いオレンジの2つ（薄い青はやめる）。緑は LINE ボタンだけ（枠の線に使わない）。しま模様はトップの1本だけ */
.theme-sekou-kanri .home-block.pillars, .theme-sekou-kanri .home-block.home-shelf { background: var(--white); }
.theme-sekou-kanri .home-block.pillars { background: var(--kou-orange-soft); }
.theme-sekou-kanri .group-head, .theme-sekou-kanri .pillar-2 .group-head, .theme-sekou-kanri .pillar-4 .group-head { background: var(--kou-orange-soft); }
.theme-sekou-kanri .group-head .group-icon { background: var(--white); }
.theme-sekou-kanri .cta-compact { border-left: 0; }
.theme-sekou-kanri .page-head::after, .theme-sekou-kanri .article-head::after { display: none; }
.theme-sekou-kanri .page-head, .theme-sekou-kanri .article-head { border-bottom: 1px solid var(--desk-deep); }

/* G1-7. 運営会社：会社の情報を1枚のカードに・「できないこと」は赤いバツと色の面をやめ、落ち着いた横線の印に */
.theme-sekou-kanri .page-about .table-wrap { padding: var(--space-2); background: var(--white); border-radius: var(--radius-box); box-shadow: var(--shadow-ring), var(--shadow-1); }
.theme-sekou-kanri .page-about .table-wrap th { color: var(--ink-soft); background: none; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+2) { background: var(--white); border-top-color: var(--line); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+2)::before { content: "—"; color: var(--ink-soft); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { background: var(--ink-soft); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+2) { box-shadow: inset 0 0 0 1px var(--line); }
/* スマホの頭の案内：下線をやめ、小さな文字のリンクを縦線で区切る */
.theme-sekou-kanri .site-nav a { text-decoration: none; font-size: .875rem; }
.theme-sekou-kanri .site-nav .nav-about::before { content: "｜"; margin-right: 8px; color: var(--line); font-weight: 400; }
@media (min-width: 960px) {
  .theme-sekou-kanri .site-nav .nav-about::before { content: none; }
}
/* スマホの「知りたいことから探す」：2×2 のカードをやめ、横長のリスト（アイコン左・文字右）に */
.theme-sekou-kanri .pillar-cards { grid-template-columns: minmax(0, 1fr); }
.theme-sekou-kanri .pillar-cards .pillar-card { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--space-2); align-items: center; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { grid-row: span 2; width: 64px; height: 64px; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon svg { width: 48px; height: 48px; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards { grid-template-columns: repeat(4, 1fr); }
  .theme-sekou-kanri .pillar-cards .pillar-card { grid-template-columns: 1fr; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { grid-row: auto; width: 86px; height: 86px; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon svg { width: 66px; height: 66px; }
}
/* G1-7 の手直し：テーマのカードがもともと grid でなく、横長のリストにならなかった（アイコンが真ん中に積まれた）。並べ方から指定する */
.theme-sekou-kanri .pillar-cards .pillar-card { display: grid; justify-items: start; text-align: left; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { margin: 0; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-link { align-self: center; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards .pillar-card { align-content: start; }
}
/* G1-7 の手直し 2：スマホでは説明文を出さないので、アイコンを2段ぶんにすると題が上に寄って下が空いた。1段にして縦の真ん中に */
.theme-sekou-kanri .pillar-cards .pillar-card { align-items: center; padding-top: 12px; padding-bottom: 12px; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { grid-row: auto; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards .pillar-card { align-items: start; padding: 20px; }
}

/* G2-1. 文字だけの行（くわしく知りたい人へ・一覧のもっとくわしく）：題を紺に・右に薄い →・指を乗せると薄いオレンジの地 */
.theme-sekou-kanri .home-shelf .article-item .article-link, .theme-sekou-kanri .pillar-group .article-item--detail .article-link { color: var(--kou-navy); padding-right: 32px; }
.theme-sekou-kanri .home-shelf .article-item::after, .theme-sekou-kanri .pillar-group .article-item--detail::after { content: "→"; display: block; position: absolute; right: 8px; top: 50%; translate: 0 -50%; width: auto; height: auto; margin: 0; color: var(--kou-orange); background: none; font-weight: 700; }
.theme-sekou-kanri .home-shelf .article-item:hover, .theme-sekou-kanri .pillar-group .article-item--detail:hover { background: var(--kou-orange-soft); }

/* G2-2. 最初の画面：悩みのボタンを LINE と同じ左の列に、題なしで横1行に（パソコン）。説明文は薄く小さく */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "h1 art" "lead art" "box art" "chips art"; }
  .theme-sekou-kanri .hero .chips-title { display: none; }
  .theme-sekou-kanri .hero .hero-chips { display: flex; flex-wrap: nowrap; gap: 8px; }
  .theme-sekou-kanri .hero-chip { padding: 6px 14px; font-size: .875rem; white-space: nowrap; }
}
.theme-sekou-kanri .hero .cta-note { color: color-mix(in srgb, var(--ink) 55%, var(--white)); }

/* G2-3. 新しい記事の題を大きく・説明は2行で切る。「この順で」のカードの文字と矢印を大きく */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-link { font-size: 1.45rem; }
  .theme-sekou-kanri .home-latest .article-desc { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
}
.theme-sekou-kanri .guide-link { font-size: 1.0625rem; }
.theme-sekou-kanri .guide-item + .guide-item::before { font-size: 20px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .guide-item + .guide-item::before { font-size: 18px; }
}

/* G2-4. 一覧の区画の見出し：色の帯をやめ、大きい文字の見出しに。テーマの色は太い下線で */
.theme-sekou-kanri .group-head, .theme-sekou-kanri .pillar-2 .group-head, .theme-sekou-kanri .pillar-4 .group-head { padding: 0 0 12px; background: none; border-radius: 0; border-bottom: 4px solid var(--tone-deep); box-shadow: none; }
.theme-sekou-kanri .group-head h2 { font-size: clamp(1.4rem, 3.4vw, 1.9rem); }
.theme-sekou-kanri .group-head .group-icon { background: var(--tone); }

/* G2-5. パソコンの「知りたいことから探す」も横長のカードに（2列×2段・左の絵を大きく） */
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards { grid-template-columns: repeat(2, 1fr); }
  .theme-sekou-kanri .pillar-cards .pillar-card { grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: var(--space-3); }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { grid-row: span 2; width: 96px; height: 96px; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon svg { width: 72px; height: 72px; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-link { align-self: end; font-size: 1.25rem; }
  .theme-sekou-kanri .pillar-cards .pillar-card p:not(.pillar-count) { align-self: start; }
}

/* G2-6. 囲みの左の線をやめ、地の色だけにそろえる。囲みの印と題を同じ行の頭に */
.theme-sekou-kanri .summary, .theme-sekou-kanri .page-about h2 + p + ul { border-left: 0; border-radius: var(--radius-box); }
.theme-sekou-kanri .point-box { padding-left: 0; }
.theme-sekou-kanri .point-box::before { display: none; }
.theme-sekou-kanri .point-box .point-title { display: flex; align-items: center; gap: 8px; }
.theme-sekou-kanri .point-box .point-title::before { content: "✓"; flex: none; display: grid; place-items: center; width: 24px; height: 24px; font-size: 13px; font-weight: 700; color: var(--white); background: var(--kou-navy); border-radius: 50%; }

/* G2-7. 明るさ：区画の見出しの横に小さなヘルメットとコーンの印（交互）。形は data: の SVG を mask で切り抜いて色を付ける */
:root.theme-sekou-kanri { --kou-cone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4 L31 34 H9 Z M5 34 H35 V38 H5 Z' fill='black'/%3E%3C/svg%3E"); }
.theme-sekou-kanri .home-block .block-title::after { content: ""; display: inline-block; width: .9em; height: .9em; margin-left: 12px; vertical-align: -0.08em; background: var(--kou-orange); -webkit-mask: var(--kou-helmet) center / contain no-repeat; mask: var(--kou-helmet) center / contain no-repeat; }
.theme-sekou-kanri .home-block:nth-of-type(even) .block-title::after { background: var(--kou-navy); -webkit-mask-image: var(--kou-cone); mask-image: var(--kou-cone); }

/* G2 の待ち時間に：スマホの頭の案内が「仮置き」に見えると2人続けて言われた。メニューボタンは開け閉めの仕組みが要るので作れない。
   代わりに文字の前に小さな印（記事一覧＝並んだ線・運営会社＝ビル）を付け、縦線の区切りをやめて、意図した案内に見せる */
:root.theme-sekou-kanri {
  --kou-list: 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.4' stroke-linecap='round'%3E%3Cpath d='M8 6 H20 M8 12 H20 M8 18 H20 M4 6 H4.01 M4 12 H4.01 M4 18 H4.01'/%3E%3C/svg%3E");
  --kou-bldg: 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-linejoin='round'%3E%3Cpath d='M5 21 V4 H14 V21 M14 10 H19 V21 M3 21 H21 M8 8 H11 M8 12 H11 M8 16 H11'/%3E%3C/svg%3E");
}
.theme-sekou-kanri .site-nav .nav-about::before { content: none; }
.theme-sekou-kanri .site-nav .nav-articles::before, .theme-sekou-kanri .site-nav .nav-about::before { content: ""; width: 18px; height: 18px; margin-right: 6px; background: var(--kou-orange-deep); -webkit-mask: var(--kou-list) center / contain no-repeat; mask: var(--kou-list) center / contain no-repeat; }
.theme-sekou-kanri .site-nav .nav-about::before { -webkit-mask-image: var(--kou-bldg); mask-image: var(--kou-bldg); }
.theme-sekou-kanri .site-nav { gap: 0 var(--space-2); }
@media (min-width: 960px) {
  .theme-sekou-kanri .site-nav .nav-articles::before, .theme-sekou-kanri .site-nav .nav-about::before { content: none; }
}

/* G3-1. 見出しの横の小さな印をやめる（紺のコーンが記号の ▲ に見えた） */
.theme-sekou-kanri .home-block .block-title::after, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::after { content: none; display: none; }

/* G3-2. スマホの最初の画面を短く：図を上に小さく置き、悩みのボタンは横に流せる1行に */
.theme-sekou-kanri .hero-grid { grid-template-areas: "art" "h1" "lead" "box" "ct" "chips"; row-gap: var(--space-2); }
.theme-sekou-kanri .hero-art { max-height: 130px; margin: 0 0 0 auto; }
.theme-sekou-kanri .hero .hero-chips { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.theme-sekou-kanri .hero .hero-chips li { flex: none; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "h1 art" "lead art" "box art" "chips art"; row-gap: var(--space-3); }
  .theme-sekou-kanri .hero-art { max-height: none; margin: 0; }
}

/* G3-3. 流れに山を作る：「知りたいことから探す」の区画を紺の地に（白いカードはそのまま） */
.theme-sekou-kanri .home-block.pillars { background: var(--kou-navy); }
.theme-sekou-kanri .home-block.pillars .block-title, .theme-sekou-kanri .home-block.pillars .block-sub { color: var(--white); }
.theme-sekou-kanri .home-block.pillars .block-title::before { color: var(--kou-orange-mid); }

/* G3-4. パソコンの新しい記事：絵を上に大きく置いた3列のカードに（題は切らない）。区画の間をそろえる */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4) var(--space-3); }
  .theme-sekou-kanri .home-latest .article-item, .theme-sekou-kanri .home-latest .article-item:has(.article-thumb--eye) { display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 0; border: 0; min-height: 0; }
  .theme-sekou-kanri .home-latest .article-item:nth-last-child(-n+2), .theme-sekou-kanri .home-latest .article-item:last-child { border-bottom: 0; }
  .theme-sekou-kanri .home-latest .article-thumb--eye { width: 100%; height: auto; aspect-ratio: 16 / 10; }
  .theme-sekou-kanri .home-latest .article-link { font-size: 1.2rem; }
}
.theme-sekou-kanri .home-block.home-shelf { margin-top: 0; }

/* G3-5. 記事の頭の図：大きくせず、後ろにオレンジの丸い地を敷いて存在感を出す */
.theme-sekou-kanri .article-head svg.head-art { background: radial-gradient(circle at 60% 55%, var(--kou-orange-mid) 0 34%, transparent 34.5%); }

/* G3-6. 一覧の見出しの下線：オレンジと紺の2色を交互に（濃いオレンジは間違いの色に見えた） */
.theme-sekou-kanri .pillar-1 .group-head, .theme-sekou-kanri .pillar-3 .group-head { border-bottom-color: var(--kou-orange); }
.theme-sekou-kanri .pillar-2 .group-head, .theme-sekou-kanri .pillar-4 .group-head { border-bottom-color: var(--kou-navy); }

/* G3-7. 運営会社の「できないこと」の札：暗い灰色をやめ、紺の縁取りに */
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { color: var(--kou-navy); background: var(--white); box-shadow: inset 0 0 0 1.5px var(--kou-navy); }
/* G3-2 の手直し：横に流せる1行がパソコンにも効き、3つ目のボタン（残業って多いの？）の端が隠れた。パソコンでは折り返す */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero .hero-chips { flex-wrap: wrap; overflow: visible; }
}

/* ======================================================================
   審査員方式（まっさらな3人・2人以上が同じことを言った所だけ直す）P0：平均 6.2（6.0・6.2・6.5）
   ====================================================================== */
/* P1-1（3人）薄いオレンジは最初の画面だけに。カード・要点・おすすめは白地＋細い線。最後の誘いの帯は紺にして「ここが出口」に */
.theme-sekou-kanri .featured-card, .theme-sekou-kanri .featured-card:hover { background: var(--white); box-shadow: inset 0 0 0 1px var(--line); }
.theme-sekou-kanri .featured-card:hover { box-shadow: inset 0 0 0 1px var(--kou-navy-mid), var(--shadow-1); }
.theme-sekou-kanri .summary { background: var(--white); box-shadow: inset 0 0 0 1px var(--kou-navy-mid); }
.theme-sekou-kanri .home-block.pillars { background: var(--kou-navy); }
.theme-sekou-kanri .page-head, .theme-sekou-kanri .article-head { background: var(--white); }
.theme-sekou-kanri .cta-band { background: var(--kou-navy); color: var(--white); }
.theme-sekou-kanri .cta-band .cta-title, .theme-sekou-kanri .cta-band p, .theme-sekou-kanri .cta-band .cta-points li { color: var(--white); }
.theme-sekou-kanri .cta-band .cta-points li::before { color: var(--kou-orange-mid); border-color: var(--kou-orange-mid); }
.theme-sekou-kanri .cta-band .cta-note, .theme-sekou-kanri .cta-band .cta-note a { color: color-mix(in srgb, var(--white) 78%, transparent); }
.theme-sekou-kanri .site-footer { border-top: 1px solid color-mix(in srgb, var(--white) 18%, transparent); }
.theme-sekou-kanri .cta-compact { background: var(--white); box-shadow: inset 0 0 0 2px var(--kou-orange); }

/* P1-2（3人）番号 01〜05 をやめる（どの区画も「番号＋大見出し」の同じ形でテンプレに見えた） */
.theme-sekou-kanri .home-block .block-title::before, .theme-sekou-kanri .home-shelf .block-title::before, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::before { content: none; display: none; }

/* P1-4（2人）最初の画面：図を大きく、悩みのボタンは図の下に吹き出しの形で。蛍光ペンは「現場の司令塔へ！」だけ */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-columns: 5fr 7fr; grid-template-areas: "h1 art" "lead art" "box chips"; }
  .theme-sekou-kanri .hero-art { width: 100%; max-width: 40rem; }
  .theme-sekou-kanri .hero .hero-chips { justify-content: center; align-self: start; }
}
.theme-sekou-kanri .hero-chip { position: relative; border-radius: 14px; }
.theme-sekou-kanri .hero-chip::after { content: ""; position: absolute; left: 22px; top: -7px; width: 12px; height: 12px; background: var(--white); border-left: 1.5px solid var(--kou-navy-mid); border-top: 1.5px solid var(--kou-navy-mid); transform: rotate(45deg); }
.theme-sekou-kanri .hero h1 .phrase:first-child { background: none; }

/* P1-6（2人）「くわしく知りたい人へ」の行：左に書類の印と「国の資料」の札で、1件ずつが読みものだと分かるように */
:root.theme-sekou-kanri { --kou-doc: 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' stroke-linejoin='round'%3E%3Cpath d='M6 3 H14 L19 8 V21 H6 Z M14 3 V8 H19 M9 12 H16 M9 16 H16'/%3E%3C/svg%3E"); }
.theme-sekou-kanri .home-shelf .article-item { display: flex; align-items: center; gap: 12px; padding-top: 14px; padding-bottom: 14px; }
.theme-sekou-kanri .home-shelf .article-item::before { content: ""; flex: none; width: 28px; height: 28px; background: var(--kou-navy); -webkit-mask: var(--kou-doc) center / contain no-repeat; mask: var(--kou-doc) center / contain no-repeat; }
.theme-sekou-kanri .home-shelf .article-item .article-text::before { content: "国の資料で確かめた記事"; display: block; margin-bottom: 2px; font-size: .75rem; font-weight: 700; color: var(--kou-orange-deep); }

/* P1-7（2人）運営会社の「できないこと」の太い区切り線を細い1本線に */
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+2) { box-shadow: none; border: 0; border-top: 1px solid var(--line); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2) { border-top: 0; box-shadow: inset 0 0 0 1px var(--line); }

/* P1-8（2人）説明文を大きく・濃く（カード・新しい記事・テーマのカード） */
.theme-sekou-kanri .pillar-cards .pillar-card p:not(.pillar-count), .theme-sekou-kanri .article-list .article-item .article-desc, .theme-sekou-kanri .featured-desc { font-size: .9375rem; color: var(--ink); }
/* P1-4 の手直し：左の列を細くしたら大見出しが「現場の／司令塔へ！」と3行に割れた。列は半々に戻す */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-columns: 6fr 6fr; }
}

/* ===== 審査員方式 P1：平均 6.0（5.8・6.0・6.2）。一致した所だけ直す ===== */
/* P2-1（3人）最後の LINE の誘い：紺をやめ、明るい地に（足元の紺と続いて一番目立たなかった）。上にしま模様の区切り・ボタンを大きく・絵を大きく */
.theme-sekou-kanri .cta-band { position: relative; color: var(--ink); background: var(--kou-orange-soft); }
.theme-sekou-kanri .cta-band::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 10px; background: var(--kou-stripe); }
.theme-sekou-kanri .cta-band .cta-title, .theme-sekou-kanri .cta-band p, .theme-sekou-kanri .cta-band .cta-points li { color: var(--ink); }
.theme-sekou-kanri .cta-band .cta-points li::before { color: var(--kou-navy); border-color: var(--kou-navy); }
.theme-sekou-kanri .cta-band .cta-note, .theme-sekou-kanri .cta-band .cta-note a { color: color-mix(in srgb, var(--ink) 65%, var(--white)); }
.theme-sekou-kanri .cta-band .cta-note a { color: var(--accent); }
.theme-sekou-kanri .cta-band .cta-title { font-size: clamp(1.5rem, 3.6vw, 2.1rem); }
.theme-sekou-kanri .cta-band .cta-button, .theme-sekou-kanri .hero ~ .cta-band .cta-button { min-height: 56px; padding: 0 var(--space-5); font-size: 1.125rem; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-art { max-width: 30rem; }
}

/* P2-2（3人）スマホの「知りたいことから探す」：縦に長い札をやめ、小さな2×2のタイル（絵が上・題が下） */
.theme-sekou-kanri .pillar-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.theme-sekou-kanri .pillar-cards .pillar-card { grid-template-columns: 1fr; justify-items: center; text-align: center; row-gap: 8px; padding: 16px 12px; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { grid-row: auto; width: 56px; height: 56px; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon svg { width: 42px; height: 42px; }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-link { font-size: .9375rem; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards .pillar-card { justify-items: start; text-align: left; padding: 20px; }
}

/* P2-3（2人）運営会社の「できないこと」の3つを1つの枠に（1つめだけ枠に入って崩れて見えた） */
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+2) { box-shadow: none; border: 1px solid var(--line); border-top: 0; border-radius: 0; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2) { border-top: 1px solid var(--line); border-radius: var(--radius-box) var(--radius-box) 0 0; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:last-child { border-radius: 0 0 var(--radius-box) var(--radius-box); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(n+3) { box-shadow: inset 0 1px 0 var(--line); }

/* P2-4（2人）記事の中見出しの左に、もくじと同じ番号のオレンジの印（事実確認・資料の見出しは数えない） */
.theme-sekou-kanri .article-body { counter-reset: kou-h2; }
.theme-sekou-kanri .article-body > h2[id^="section-"] { counter-increment: kou-h2; display: flex; align-items: baseline; gap: 12px; }
.theme-sekou-kanri .article-body > h2[id^="section-"]::before { content: counter(kou-h2); flex: none; display: grid; place-items: center; width: 1.6em; height: 1.6em; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-size: .8em; font-weight: 800; color: var(--white); background: var(--kou-orange); border-radius: 50%; translate: 0 -0.1em; }

/* P2-5（2人）「くわしく知りたい人へ」：行ごとの札をやめ（見出しの札1つで足りる）、パソコンでは2列のカードに */
.theme-sekou-kanri .home-shelf .article-item .article-text::before { content: none; }
@media (min-width: 960px) {
  .theme-sekou-kanri .home-shelf .article-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border-top: 0; }
  .theme-sekou-kanri .home-shelf .article-item { padding: 18px 40px 18px 16px; background: var(--white); border: 0; border-radius: var(--radius-box); box-shadow: var(--shadow-ring), var(--shadow-1); }
  .theme-sekou-kanri .home-shelf .article-link { font-size: 1rem; }
}

/* P2-6（2人）見出しの強弱：最初の画面の大見出しをもう一段大きく・字の間を詰める */
.theme-sekou-kanri .hero h1 { font-size: clamp(2.3rem, 7vw, 4rem); letter-spacing: -0.01em; }

/* P2-7（2人）吹き出しの悩みボタン：字を大きく */
.theme-sekou-kanri .hero-chip { font-size: .9375rem; padding: 8px 16px; }
/* P2-4 の手直し：ポップな記事の見出しは別の決まり（.article--pop … display: block）のほうが強く、番号の丸が1文字めに重なった。同じ強さで並べ方を指定する */
.theme-sekou-kanri .article--pop .article-body > h2[id^="section-"], .theme-sekou-kanri .article .article-body > h2[id^="section-"] { display: flex; align-items: baseline; gap: 12px; }
/* P2-6 の手直し：大見出しを大きくしすぎて、パソコンで「現場の／司令塔へ！」と3行に割れた */
.theme-sekou-kanri .hero h1 { font-size: clamp(2.3rem, 6.4vw, 3.5rem); }
/* P2-2 の手直し：パソコンのテーマのカードまで小さいタイルになった。パソコンは横長のカード（左に大きい絵）に戻す */
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards .pillar-card { grid-template-columns: auto minmax(0, 1fr); justify-items: start; align-items: center; column-gap: var(--space-3); }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { grid-row: span 2; width: 96px; height: 96px; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon svg { width: 72px; height: 72px; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-link { font-size: 1.25rem; }
}
/* P2-4 の手直し 2：土台（style.css）で見出しの前の飾りが position: absolute（左端に重ねる作り）だったので、番号の丸が1文字めに重なった。ふつうに並べる */
.theme-sekou-kanri .article-body > h2[id^="section-"]::before { position: static; top: auto; left: auto; box-shadow: none; }

/* ===== 審査員方式 P2：平均 6.5（6.7・6.6・6.3）。一致した所だけ直す ===== */
/* P3-1（3人）記事の絵がどれも同じに見える：テーマごとに地の色をはっきり分け、小さい絵は人物の寄りに切り取って変化をつける */
.theme-sekou-kanri .pillar-1 { --kou-art-bg: radial-gradient(color-mix(in srgb, var(--kou-orange) 26%, transparent) 1.6px, transparent 1.7px) 0 0 / 14px 14px, var(--kou-orange-soft); }
.theme-sekou-kanri .pillar-2 { --kou-art-bg: linear-gradient(color-mix(in srgb, var(--kou-navy) 14%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, color-mix(in srgb, var(--kou-navy) 14%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, var(--kou-navy-mid); }
.theme-sekou-kanri .pillar-3 { --kou-art-bg: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--white) 45%, transparent) 0 6px, transparent 6px 16px), var(--kou-orange-mid); }
.theme-sekou-kanri .pillar-4 { --kou-art-bg: radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--kou-orange) 30%, transparent) 0 22%, transparent 22.5%), var(--kou-navy-soft); }
.theme-sekou-kanri .article-thumb--eye { overflow: hidden; }
.theme-sekou-kanri .article-list .article-item:nth-child(3n+1) .article-thumb--eye svg { transform: scale(1.3); transform-origin: 50% 85%; }
.theme-sekou-kanri .article-list .article-item:nth-child(3n+2) .article-thumb--eye svg { transform: scale(1.15); transform-origin: 30% 90%; }

/* P3-2（2人）見出しの書体：大見出しと区画・記事の見出しを丸ゴシックの太字に（iPhone・Mac に入っている書体を使う。外から読み込まない） */
.theme-sekou-kanri .hero h1, .theme-sekou-kanri .home-block .block-title, .theme-sekou-kanri .article-head h1, .theme-sekou-kanri .page-head h1, .theme-sekou-kanri .cta-band .cta-title, .theme-sekou-kanri .group-head h2, .theme-sekou-kanri .featured-link { font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "BIZ UDGothic", "Yu Gothic", sans-serif; font-weight: 700; letter-spacing: -0.01em; }

/* P3-3（2人）パソコンの悩みのボタン：絵の下に浮かせず、LINE ボタンの下に横1列で「→」付き */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "h1 art" "lead art" "box art" "chips art"; }
  .theme-sekou-kanri .hero .hero-chips { justify-content: flex-start; flex-wrap: nowrap; }
}
.theme-sekou-kanri .hero-chip::after { content: none; }
.theme-sekou-kanri .hero-chip { border-radius: var(--radius-button); }
.theme-sekou-kanri .hero-chip::before { content: "→"; order: 2; margin-left: 6px; color: var(--kou-orange-deep); }

/* P3-4（3人）スマホの最初の画面：図は見出しの下に横いっぱい、悩みのボタンは折り返して全部見せる */
.theme-sekou-kanri .hero-grid { grid-template-areas: "h1" "art" "lead" "box" "ct" "chips"; }
.theme-sekou-kanri .hero-art { max-height: none; width: 100%; max-width: 26rem; margin: 0 auto; }
.theme-sekou-kanri .hero .hero-chips { flex-wrap: wrap; overflow: visible; }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "h1 art" "lead art" "box art" "chips art"; }
  .theme-sekou-kanri .hero-art { max-width: 40rem; }
  .theme-sekou-kanri .hero .hero-chips { flex-wrap: nowrap; }
}

/* P3-5（3人）記事の途中の LINE の箱：オレンジの線と点線をやめ、やわらかい面に。上に小さな吹き出しの印 */
:root.theme-sekou-kanri { --kou-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4 H20 A2 2 0 0 1 22 6 V15 A2 2 0 0 1 20 17 H10 L5 21 V17 H4 A2 2 0 0 1 2 15 V6 A2 2 0 0 1 4 4 Z'/%3E%3C/svg%3E"); }
.theme-sekou-kanri .cta-compact { background: var(--kou-orange-soft); box-shadow: none; border-radius: var(--radius-box); }
.theme-sekou-kanri .cta-compact::before { display: flex; align-items: center; gap: 8px; padding-bottom: 0; border-bottom: 0; font-size: 1rem; }
.theme-sekou-kanri .cta-compact::after { content: none; }

/* P3-6（2人）「くわしく知りたい人へ」の行：記事ごとの出典の札（出典は各記事の先頭の sources で確かめた） */
.theme-sekou-kanri .home-shelf .article-item .article-text::before { display: block; margin-bottom: 2px; font-size: .75rem; font-weight: 700; color: var(--kou-orange-deep); }
.theme-sekou-kanri .home-shelf .article-item:has(a[href*="gijutsu-kentei-kaisei"]) .article-text::before { content: "国土交通省の資料"; }
.theme-sekou-kanri .home-shelf .article-item:has(a[href*="haken-kensetsu-gyoumu"]) .article-text::before { content: "厚生労働省の資料"; }
.theme-sekou-kanri .home-shelf .article-item:has(a[href*="jikangai-jougen"]) .article-text::before { content: "法令と厚生労働省の資料"; }
.theme-sekou-kanri .home-shelf .article-item:has(a[href*="sekou-kanri-shigoto"]) .article-text::before { content: "建設業法と国の資料"; }
/* P3-3 の手直し：悩みのボタンを折り返さない1列にしたら、左の列がその幅まで広がり、右の図が小さくなった。パソコンでも折り返す */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero .hero-chips { flex-wrap: wrap; }
}

/* ===== 審査員方式 P3：平均 6.6（6.3・6.8・6.6）。一致した所だけ直す ===== */
/* P4-2（3人）区画の見出しが弱い：見出しの下にオレンジの短い太線 */
.theme-sekou-kanri .home-block .block-title::after, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::after { content: ""; display: block; width: 56px; height: 6px; margin: 14px 0 0; background: var(--kou-orange); border-radius: 3px; -webkit-mask: none; mask: none; vertical-align: baseline; }
.theme-sekou-kanri .home-block.pillars .block-title::after { background: var(--kou-orange-mid); }

/* P4-3（2人）「この順で」：おすすめの札を「STEP 1」にして①からの流れに。矢印は文字の記号をやめ、線で描く */
.theme-sekou-kanri .featured-text::before { content: "STEP 1 ・ まずはここから"; }
.theme-sekou-kanri .guide-item + .guide-item::before { content: ""; width: 12px; height: 12px; font-size: 0; background: none; border-right: 3px solid var(--kou-navy); border-bottom: 3px solid var(--kou-navy); transform: translateX(-50%) rotate(45deg); top: -22px; }
@media (min-width: 640px) {
  .theme-sekou-kanri .guide-item + .guide-item::before { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }
}

/* P4-4（2人）区画の並べ方を変える：パソコンの新しい記事は、最初の1本だけ2列ぶん大きく */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child { grid-column: span 2; grid-row: span 2; }
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child .article-link { font-size: 1.75rem; }
}

/* P4-6（1人・私の切り取りが原因の崩れ）トップの新しい記事の絵で、時計が枠の上にはみ出して見出しにぶつかった。トップでは切り取りをやめ、枠の外を必ず隠す */
.theme-sekou-kanri .home-latest .article-thumb--eye { overflow: hidden; }
.theme-sekou-kanri .home-latest .article-list .article-item .article-thumb--eye svg { transform: none; }

/* ===== 審査員方式 P4：平均 6.6（6.7・6.3・6.7）。一致した所だけ直す ===== */
/* P5-1・2（3人）区画の形を変える：「知りたいことから探す」は薄いオレンジの地に、カードごとに地の模様を変え、アイコンを大きく右下へはみ出させる */
.theme-sekou-kanri .home-block.pillars { background: var(--kou-orange-soft); }
.theme-sekou-kanri .home-block.pillars .block-title, .theme-sekou-kanri .home-block.pillars .block-sub { color: var(--ink); }
.theme-sekou-kanri .home-block.pillars .block-title::after { background: var(--kou-orange); }
.theme-sekou-kanri .pillar-cards .pillar-card { position: relative; overflow: hidden; background: var(--kou-art-bg, var(--white)); box-shadow: var(--shadow-ring), var(--shadow-1); }
.theme-sekou-kanri .pillar-cards .pillar-card .pillar-link, .theme-sekou-kanri .pillar-cards .pillar-card p { position: relative; z-index: 1; }
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-cards .pillar-card { grid-template-columns: minmax(0, 1fr); padding: var(--space-4) 150px var(--space-4) var(--space-4); min-height: 170px; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon { position: absolute; right: -18px; bottom: -22px; width: 160px; height: 160px; background: color-mix(in srgb, var(--white) 70%, transparent); border-radius: 50%; }
  .theme-sekou-kanri .pillar-cards .pillar-card .pillar-icon svg { width: 104px; height: 104px; }
}
/* 「くわしく知りたい人へ」は紺の帯に（白い札のカード） */
.theme-sekou-kanri .home-block.home-shelf { background: var(--kou-navy); }
.theme-sekou-kanri .home-block.home-shelf .block-title, .theme-sekou-kanri .home-block.home-shelf .block-sub { color: var(--white); }
.theme-sekou-kanri .home-block.home-shelf .block-title::after { background: var(--kou-orange-mid); }
.theme-sekou-kanri .home-shelf .article-list { border-top: 0; }
.theme-sekou-kanri .home-shelf .article-item { background: var(--white); border-radius: var(--radius-box); border-bottom: 0; margin-bottom: 10px; padding-left: 16px; }
.theme-sekou-kanri .home-shelf .more a { background: var(--white); color: var(--kou-navy); border-color: var(--white); box-shadow: none; }

/* P5-3（3人）最初の画面の図をもう一回り大きく、右の端まで */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-art { width: 118%; max-width: 46rem; }
}
/* P5 の手直し：紺の帯の中で「もっとくわしく」の札が紺の上の紺になって見えなかった。オレンジに */
.theme-sekou-kanri .home-shelf .block-sub::before { color: var(--ink); background: var(--kou-orange-mid); }

/* ===== 審査員方式 P5：平均 6.4（6.4・6.3・6.6）。前の回の「カードごとに違う模様」が裏目に出た。一致した所だけ直す ===== */
/* P6-1（3人）テーマのカードの模様を水玉1種類にそろえ、色だけ変える（模様どうしがぶつかり、右上で切れた丸が手違いに見えた） */
.theme-sekou-kanri .pillar-1 { --kou-card-bg: radial-gradient(color-mix(in srgb, var(--kou-orange) 24%, transparent) 1.5px, transparent 1.6px) 0 0 / 14px 14px, var(--kou-orange-soft); }
.theme-sekou-kanri .pillar-2 { --kou-card-bg: radial-gradient(color-mix(in srgb, var(--kou-navy) 18%, transparent) 1.5px, transparent 1.6px) 0 0 / 14px 14px, var(--kou-navy-soft); }
.theme-sekou-kanri .pillar-3 { --kou-card-bg: radial-gradient(color-mix(in srgb, var(--kou-orange) 30%, transparent) 1.5px, transparent 1.6px) 0 0 / 14px 14px, var(--kou-orange-mid); }
.theme-sekou-kanri .pillar-4 { --kou-card-bg: radial-gradient(color-mix(in srgb, var(--kou-navy) 22%, transparent) 1.5px, transparent 1.6px) 0 0 / 14px 14px, var(--kou-navy-mid); }
.theme-sekou-kanri .pillar-cards .pillar-card { background: var(--kou-card-bg, var(--white)); }

/* P6-2（2人）薄いオレンジの区画を減らす：「知りたいことから探す」の区画は白に（薄いオレンジは最初の画面と最後の誘いだけ） */
.theme-sekou-kanri .home-block.pillars { background: var(--white); }

/* P6-4（2人）パソコンにも悩みのボタンの題「どれが気になる？」を付ける */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero-grid { grid-template-areas: "h1 art" "lead art" "box art" "ct art" "chips art"; }
  .theme-sekou-kanri .hero .chips-title { display: block; margin-top: var(--space-2); font-weight: 700; }
}

/* P6-5（3人）「この順で」：カードを高く・番号を大きく・番号どうしを点線でつないだ道のりに */
.theme-sekou-kanri .guide-list { position: relative; }
.theme-sekou-kanri .guide-item { min-height: 96px; align-items: center; padding: var(--space-3) var(--space-2); }
.theme-sekou-kanri .guide-no, .theme-sekou-kanri .guide-list .guide-item .guide-no { width: 48px; height: 48px; font-size: 1.4rem; }
.theme-sekou-kanri .guide-link { font-size: 1.125rem; }
@media (min-width: 640px) {
  .theme-sekou-kanri .guide-list::before { content: ""; position: absolute; left: 8%; right: 8%; top: 50%; border-top: 3px dashed var(--kou-navy-mid); z-index: 0; }
  .theme-sekou-kanri .guide-item { position: relative; z-index: 1; }
}

/* P6-7（2人）文字を一段大きく・濃く（最初の画面の説明文・カードの説明） */
.theme-sekou-kanri .hero .lead { font-size: 1.0625rem; color: var(--ink); }
.theme-sekou-kanri .pillar-cards .pillar-card p:not(.pillar-count), .theme-sekou-kanri .article-list .article-item .article-desc, .theme-sekou-kanri .featured-desc { font-size: 1rem; }

/* ===== 審査員方式 P6：平均 6.5（6.5・6.5・6.5）。P2〜P6 は 6.4〜6.6 で横ばい。逆向きにならない一致点を直す ===== */
/* P7-1（3人）記事の絵の地を、テーマごとにはっきり違う色の無地に（模様をやめ、色で見分ける） */
.theme-sekou-kanri .pillar-1 { --kou-art-bg: var(--kou-orange-mid); }
.theme-sekou-kanri .pillar-2 { --kou-art-bg: var(--kou-navy-mid); }
.theme-sekou-kanri .pillar-3 { --kou-art-bg: var(--kou-orange-soft); }
.theme-sekou-kanri .pillar-4 { --kou-art-bg: var(--kou-navy-soft); }

/* P7-2（3人）区画の見出しの上に、区画の役割を示す小さな英字の名札（番号ではなく） */
.theme-sekou-kanri .home-block .block-title::before { display: block; content: ""; margin: 0 0 6px; font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif; font-size: .8125rem; font-weight: 800; letter-spacing: .14em; color: var(--kou-orange-deep); background: none; border: 0; width: auto; height: auto; transform: none; }
.theme-sekou-kanri .home-block.featured .block-title::before { content: "START HERE"; }
.theme-sekou-kanri .home-block.reading-guide .block-title::before { content: "NEXT"; }
.theme-sekou-kanri .home-block.pillars .block-title::before { content: "THEMES"; }
.theme-sekou-kanri .home-block.home-latest .block-title::before { content: "NEW"; }
.theme-sekou-kanri .home-block.home-shelf .block-title::before { content: "LIBRARY"; color: var(--kou-orange-mid); }

/* P7-3（3人）悩みのボタンを大きく */
.theme-sekou-kanri .hero-chip { padding: 10px 18px; font-size: 1rem; }

/* P7-5（2人）記事の終わりの「この記事を出している会社」の欄を、白い札に（人の顔は付けない＝実在しない担当者を作らない） */
.theme-sekou-kanri .author { padding: var(--space-3); background: var(--white); border-radius: var(--radius-box); box-shadow: var(--shadow-ring), var(--shadow-1); }
.theme-sekou-kanri .author-mark { display: grid; place-items: center; width: 64px; height: 64px; background: var(--kou-orange-soft); border-radius: 50%; }
/* P7-2 の手直し：前に番号を消した決まり（偶数番目の区画で display: none）が名札まで消した。区画ごとの決まりに display を書く */
.theme-sekou-kanri .home-block.featured .block-title::before, .theme-sekou-kanri .home-block.reading-guide .block-title::before, .theme-sekou-kanri .home-block.pillars .block-title::before, .theme-sekou-kanri .home-block.home-latest .block-title::before, .theme-sekou-kanri .home-block.home-shelf .block-title::before { display: block; }
/* P7-2 の手直し 2：偶数番目の区画にだけ前の番号の大きさ（1.75rem）が残り、名札の大きさがそろわなかった */
.theme-sekou-kanri .home-block.featured .block-title::before, .theme-sekou-kanri .home-block.reading-guide .block-title::before, .theme-sekou-kanri .home-block.pillars .block-title::before, .theme-sekou-kanri .home-block.home-latest .block-title::before, .theme-sekou-kanri .home-block.home-shelf .block-title::before { font-size: .8125rem; line-height: 1.4; letter-spacing: .14em; color: var(--kou-orange-deep); }
.theme-sekou-kanri .home-block.home-shelf .block-title::before { color: var(--kou-orange-mid); }

/* ===== 審査員方式 P7：平均 6.4（6.6・6.4・6.2）。3人とも「英字の名札＋見出し＋短い線」の同じ形が5回続くのがひな形っぽい ===== */
/* P8-1（3人）英字の名札と短いオレンジの線をやめ、区画ごとに見出しの置き方を変える（はじめて＝大きく左／この順で＝小さめで道の印／知りたい＝真ん中／新しい＝左に大きく・下線なし／くわしく＝紺の帯で書類の印） */
.theme-sekou-kanri .home-block .block-title::before, .theme-sekou-kanri .home-block.featured .block-title::before, .theme-sekou-kanri .home-block.reading-guide .block-title::before, .theme-sekou-kanri .home-block.pillars .block-title::before, .theme-sekou-kanri .home-block.home-latest .block-title::before, .theme-sekou-kanri .home-block.home-shelf .block-title::before { content: none; display: none; }
.theme-sekou-kanri .home-block .block-title::after, .theme-sekou-kanri .home-block:nth-of-type(even) .block-title::after { content: none; display: none; }
.theme-sekou-kanri .home-block.reading-guide .block-title { display: flex; align-items: center; gap: 12px; font-size: clamp(1.3rem, 3vw, 1.6rem); }
.theme-sekou-kanri .home-block.reading-guide .block-title::after { content: ""; display: block; flex: 1; height: 0; border-top: 3px dashed var(--kou-navy-mid); background: none; width: auto; margin: 0; }
.theme-sekou-kanri .home-block.pillars .block-title, .theme-sekou-kanri .home-block.pillars .block-sub { text-align: center; }
.theme-sekou-kanri .home-block.home-shelf .block-title { display: flex; align-items: center; gap: 12px; }
.theme-sekou-kanri .home-block.home-shelf .block-title::before { content: ""; display: block; flex: none; width: 36px; height: 36px; font-size: 0; background: var(--kou-orange-mid); -webkit-mask: var(--kou-doc) center / contain no-repeat; mask: var(--kou-doc) center / contain no-repeat; }

/* P8-2（2人）記事と運営会社などのページの頭を薄いオレンジの帯に・記事の題を大きく */
.theme-sekou-kanri .article-head, .theme-sekou-kanri .page-head { background: var(--kou-orange-soft); border-bottom: 0; }
.theme-sekou-kanri .article-head h1 { font-size: clamp(1.7rem, 4.2vw, 2.5rem); line-height: 1.35; }

/* P8-3（2人）一覧のカードは影だけに（枠と影の両方で重かった） */
.theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) { box-shadow: var(--shadow-1); border: 0; }

/* ======================================================================
   動き（2026-10-22 22:35〜・依頼「アニメーション入れて動的に」）。
   動きを減らす設定（prefers-reduced-motion: reduce）の人には何も動かさない。動きは CSS だけ（外の道具・JavaScript を足さない）
   ====================================================================== */
@keyframes kou-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes kou-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes kou-swing { 0% { transform: rotate(-4deg); } 100% { transform: rotate(4deg); } }
@keyframes kou-draw { from { stroke-dashoffset: 120; } to { stroke-dashoffset: 0; } }
@keyframes kou-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes kou-stripe { from { background-position: 0 0; } to { background-position: 56px 0; } }
@keyframes kou-shine { 0%, 70% { transform: translateX(-120%) skewX(-20deg); } 100% { transform: translateX(260%) skewX(-20deg); } }
@keyframes kou-pop { 0% { opacity: 0; transform: scale(.6); } 70% { opacity: 1; transform: scale(1.06); } 100% { opacity: 1; transform: scale(1); } }

@media (prefers-reduced-motion: no-preference) {
  /* 最初の画面：大見出し → 説明 → LINE → 図 の順にふわっと */
  .theme-sekou-kanri .hero h1 .phrase { display: inline-block; animation: kou-rise .7s cubic-bezier(.2, .7, .2, 1) both; }
  .theme-sekou-kanri .hero h1 .phrase:nth-child(2) { animation-delay: .12s; }
  .theme-sekou-kanri .hero .lead { animation: kou-rise .7s .25s cubic-bezier(.2, .7, .2, 1) both; }
  .theme-sekou-kanri .hero .line-box { animation: kou-rise .7s .38s cubic-bezier(.2, .7, .2, 1) both; }
  .theme-sekou-kanri .hero .chips-title, .theme-sekou-kanri .hero .hero-chips { animation: kou-rise .7s .5s cubic-bezier(.2, .7, .2, 1) both; }
  .theme-sekou-kanri .hero-art { animation: kou-fade .9s .15s ease-out both; }
  /* 図：クレーンのつり荷がゆっくりゆれる・図面の点線が描かれていく・コーンが小さくはずむ */
  .theme-sekou-kanri .hero-art .kou-hook { transform-box: view-box; transform-origin: 240px 82px; animation: kou-swing 3.2s ease-in-out infinite alternate; }
  .theme-sekou-kanri .hero-art .kou-line { stroke-dasharray: 4 8; animation: kou-draw 2.4s .6s linear both; }
  .theme-sekou-kanri .hero-art .kou-cone { transform-box: fill-box; transform-origin: 50% 100%; animation: kou-bob 2.6s ease-in-out infinite; }
  /* しま模様の帯がゆっくり流れる（最初の画面の下・誘いの帯の上） */
  .theme-sekou-kanri .hero::after, .theme-sekou-kanri .cta-band::before { background-size: 56px 100%; animation: kou-stripe 3s linear infinite; }
  /* LINE ボタン：ときどき光が走る */
  .theme-sekou-kanri .cta-button { position: relative; overflow: hidden; }
  .theme-sekou-kanri .cta-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--white) 45%, transparent), transparent); animation: kou-shine 4.5s ease-in-out infinite; pointer-events: none; }
  /* 誘いの帯の吹き出しがぽんと出る */
  .theme-sekou-kanri .cta-art .kou-bubble { transform-box: fill-box; transform-origin: 30% 100%; animation: kou-pop .6s .3s cubic-bezier(.3, 1.4, .5, 1) both; }
  /* 指を乗せたとき：記事のカードの絵が少し寄る・悩みのボタンが少し浮く */
  .theme-sekou-kanri .article-thumb--eye svg, .theme-sekou-kanri .featured-art svg { transition: transform .35s ease; }
  .theme-sekou-kanri .article-item:hover .article-thumb--eye svg, .theme-sekou-kanri .featured-card:hover .featured-art svg { transform: scale(1.05); }
  .theme-sekou-kanri .hero-chip { transition: transform .2s ease, box-shadow .2s ease; }
  .theme-sekou-kanri .hero-chip:hover { transform: translateY(-2px); box-shadow: var(--shadow-1); }
  /* 読み進めると下から出てくる（対応しているブラウザだけ。対応していなければふつうに表示） */
  @supports (animation-timeline: view()) {
    .theme-sekou-kanri .home-block .article-item, .theme-sekou-kanri .pillar-cards .pillar-card, .theme-sekou-kanri .guide-item, .theme-sekou-kanri .featured-card, .theme-sekou-kanri .pillar-group .article-item, .theme-sekou-kanri .article-body .figure, .theme-sekou-kanri .article-body .point-box {
      animation: kou-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 60%;
    }
  }
}

/* ===== 動き 2 ===== */
@keyframes kou-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes kou-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes kou-drift { from { transform: translateX(-14px); } to { transform: translateX(22px); } }
@keyframes kou-wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-7deg); } 75% { transform: rotate(7deg); } }
@keyframes kou-header { to { box-shadow: var(--shadow-1); } }

/* 記事ページのいちばん上に、安全のしま模様の「読み進めの線」（スクロールに連動するだけなので、動きを減らす設定の人にも出す） */
@supports (animation-timeline: scroll()) {
  .theme-sekou-kanri:has(.article) body::before {
    content: ""; position: fixed; inset: 0 0 auto 0; z-index: 40; height: 5px;
    background: var(--kou-stripe); transform-origin: 0 50%;
    animation: kou-progress linear both; animation-timeline: scroll(root); pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) { @supports (animation-timeline: scroll()) { .theme-sekou-kanri:has(.article) body::before { animation: kou-progress linear both !important; animation-timeline: scroll(root) !important; } } }

@media (prefers-reduced-motion: no-preference) {
  /* 最初の画面の雲がゆっくり流れる */
  .theme-sekou-kanri .hero-art .kou-cloud { animation: kou-drift 9s ease-in-out infinite alternate; }
  .theme-sekou-kanri .hero-art .kou-cloud--2 { animation-duration: 12s; animation-delay: -4s; }
  /* グラフの棒が、見えてきたときに左からのびる（対応しているブラウザだけ） */
  @supports (animation-timeline: view()) {
    .theme-sekou-kanri .article-body .figure { view-timeline-name: --kou-fig; }
    .theme-sekou-kanri .figure-art rect[fill="#FF8A3D"], .theme-sekou-kanri .figure-art rect[fill="#AEB8C2"] { transform-box: fill-box; transform-origin: 0 50%; animation: kou-grow linear both; animation-timeline: --kou-fig; animation-range: entry 30% cover 45%; }
  }
  /* 上の帯：読み進めると下に薄い影 */
  @supports (animation-timeline: scroll()) {
    .theme-sekou-kanri .site-header { animation: kou-header linear both; animation-timeline: scroll(root); animation-range: 0 80px; }
  }
  /* テーマのアイコンが、指を乗せると小さくゆれる */
  .theme-sekou-kanri .pillar-card:hover .pillar-icon svg, .theme-sekou-kanri .pillar-nav a:hover .chip-icon svg { animation: kou-wiggle .5s ease-in-out; }
  /* 本文のリンク：指を乗せると下線がのびる */
  .theme-sekou-kanri .article-body p a, .theme-sekou-kanri .article-body li a { text-decoration: none; background: linear-gradient(var(--kou-orange), var(--kou-orange)) 0 100% / 0 2px no-repeat; transition: background-size .25s ease; box-shadow: inset 0 -1px 0 var(--kou-navy-mid); }
  .theme-sekou-kanri .article-body p a:hover, .theme-sekou-kanri .article-body li a:hover { background-size: 100% 2px; }
}

/* ===== 細部 ===== */
/* 記事の終わりの「あわせて読みたい記事」：絵が上の3列のカードに（スマホは横並びの行のまま） */
.theme-sekou-kanri .related .article-list { border-top: 0; }
@media (min-width: 840px) {
  .theme-sekou-kanri .related .article-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
  .theme-sekou-kanri .related .article-item { display: flex; flex-direction: column; gap: 10px; padding: 0 0 var(--space-2); border: 0; background: var(--white); border-radius: var(--radius-box); box-shadow: var(--shadow-ring), var(--shadow-1); overflow: hidden; }
  .theme-sekou-kanri .related .article-thumb--eye { width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 0; }
  .theme-sekou-kanri .related .article-text { padding: 0 var(--space-2); }
  .theme-sekou-kanri .related .article-link { font-size: 1rem; }
}
/* 選んでいる場所（キーボードで動かしたとき）の枠を、オレンジの太い線に */
.theme-sekou-kanri a:focus-visible, .theme-sekou-kanri .skip-link:focus-visible { outline: 3px solid var(--kou-orange); outline-offset: 3px; border-radius: 4px; }
.theme-sekou-kanri .pillar-card:has(a:focus-visible), .theme-sekou-kanri .article-item:has(a:focus-visible), .theme-sekou-kanri .featured-card:has(a:focus-visible) { outline: 3px solid var(--kou-orange); outline-offset: 4px; }
/* 404 ページ：頭の右に「工事中」の柵の絵（見た目のファイルからの住所なので、どの深さのページでも出る） */
.theme-sekou-kanri .page-404 .page-head .head-grid { position: relative; min-height: 180px; }
.theme-sekou-kanri .page-404 .page-head .head-grid::after { content: ""; position: absolute; right: var(--gutter); bottom: 0; width: 160px; height: 116px; background: url("illust/sekou-kanri/page-404.svg") right bottom / contain no-repeat; }
@media (min-width: 840px) {
  .theme-sekou-kanri .page-404 .page-head .head-grid::after { width: 220px; height: 160px; }
}
.theme-sekou-kanri .page-404 .page-head h1 { padding-right: 180px; }

/* ===== 仕上げの細部 ===== */
.theme-sekou-kanri ::selection { color: var(--ink); background: var(--kou-orange-mid); }
html.theme-sekou-kanri { scrollbar-color: var(--kou-navy-mid) transparent; }
@media (prefers-reduced-motion: no-preference) {
  /* もくじを押したとき、すっと動く */
  html.theme-sekou-kanri { scroll-behavior: smooth; }
  /* 「この記事の要点」のチェックが、上から順にぽんと出る */
  .theme-sekou-kanri .summary li::before { animation: kou-pop .45s cubic-bezier(.3, 1.4, .5, 1) both; }
  .theme-sekou-kanri .summary li:nth-child(1)::before { animation-delay: .35s; }
  .theme-sekou-kanri .summary li:nth-child(2)::before { animation-delay: .5s; }
  .theme-sekou-kanri .summary li:nth-child(3)::before { animation-delay: .65s; }
  /* 記事の頭の図が、ふわっと出る */
  .theme-sekou-kanri .article-head svg.head-art, .theme-sekou-kanri .page-head svg.head-art { animation: kou-rise .8s .1s cubic-bezier(.2, .7, .2, 1) both; }
}
/* 手直し：チェックの印は枠線を回して描いているので、大きさを変える動きが回転を消して「」」の形になった。うっすら出るだけにする */
@keyframes kou-fadein { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .theme-sekou-kanri .summary li::before { animation-name: kou-fadein; animation-timing-function: ease-out; }
}
/* 手直し：本文のリンクの下線の動き（.article-body p a）が、段落の中にある記事の途中の LINE ボタンにもかかり、背景の緑を消していた。ボタンは元に戻す */
.theme-sekou-kanri .article-body .cta-compact > a, .theme-sekou-kanri .article-body .cta-compact > a:hover { background: var(--cta); box-shadow: var(--shadow-btn); color: var(--white); }
.theme-sekou-kanri .article-body .cta-compact > a:hover { background: var(--cta-deep); }
.theme-sekou-kanri .article-body .cta-compact .cta-note a { box-shadow: none; }

/* ===== 審査員方式 Q1：平均 6.2（5.9・6.4・6.3）。一致した所を直す ===== */
/* Q2-1（3人）記事一覧：パソコンでは各テーマの1本目を大きく、残りを2列に（「もっとくわしく」の行は横いっぱいのまま） */
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-group .article-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
  .theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 0 0 var(--space-2); overflow: hidden; }
  .theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) .article-thumb--eye { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 0; }
  .theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail) .article-text { padding: 0 var(--space-3); }
  .theme-sekou-kanri .pillar-group .article-item:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: 6fr 5fr; align-items: center; padding: 0; }
  .theme-sekou-kanri .pillar-group .article-item:first-child .article-thumb--eye { aspect-ratio: 16 / 10; }
  .theme-sekou-kanri .pillar-group .article-item:first-child .article-link { font-size: 1.6rem; }
  .theme-sekou-kanri .pillar-group .article-item--detail { grid-column: 1 / -1; }
}

/* Q2-2（3人）絵の地を、テーマではなく並びの順で4種類に回す（オレンジ・薄い紺・クリーム・白地にしま模様） */
.theme-sekou-kanri .article-list .article-item:nth-child(4n+1) .article-thumb--eye { background: var(--kou-orange-mid); }
.theme-sekou-kanri .article-list .article-item:nth-child(4n+2) .article-thumb--eye { background: var(--kou-navy-mid); }
.theme-sekou-kanri .article-list .article-item:nth-child(4n+3) .article-thumb--eye { background: #FFF6E8; }
.theme-sekou-kanri .article-list .article-item:nth-child(4n+4) .article-thumb--eye { background: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--kou-orange) 14%, transparent) 0 8px, transparent 8px 20px), var(--white); }

/* Q2-3（2人）スマホの上の案内：テーマ4つを横にすべらせる1行で出す（リンクは HTML にもとからある） */
@media (max-width: 959px) {
  .theme-sekou-kanri .site-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; gap: 6px; padding-bottom: 6px; max-width: 100%; }
  .theme-sekou-kanri .site-nav::-webkit-scrollbar { display: none; }
  .theme-sekou-kanri .site-nav .nav-pillar { display: inline-flex; flex: none; align-items: center; min-height: 44px; padding: 0 14px; color: var(--kou-navy); font-weight: 700; background: var(--kou-orange-soft); border-radius: var(--radius-button); white-space: nowrap; text-decoration: none; }
  .theme-sekou-kanri .site-nav .nav-articles, .theme-sekou-kanri .site-nav .nav-about { flex: none; white-space: nowrap; }
}

/* Q2-4 見出しの寄せをそろえる（真ん中寄せをやめて左寄せ） */
.theme-sekou-kanri .home-block.pillars .block-title, .theme-sekou-kanri .home-block.pillars .block-sub { text-align: left; }

/* Q2-5 要点の箱と LINE の箱を見分けられるように：要点は白地に紺の左の線、LINE の箱は白地に緑のふち */
.theme-sekou-kanri .summary { background: var(--white); box-shadow: none; border: 1px solid var(--line); border-left: 5px solid var(--kou-navy); border-radius: var(--radius-note); }
.theme-sekou-kanri .cta-compact { background: var(--white); box-shadow: inset 0 0 0 2px var(--cta); }
.theme-sekou-kanri .cta-compact::before { color: var(--cta); }

/* Q2-6 スマホのおすすめのカード：「STEP 1」とテーマの札が2段に重なるので、テーマの札は出さない */
@media (max-width: 839px) {
  .theme-sekou-kanri .featured-text .article-kicker { display: none; }
}
/* Q2-1 の手直し：前に入れた「小さい絵の寄りの切り取り（1.3倍）」が一覧の大きいカードにもかかり、吹き出しが上で切れた。一覧と関連記事では寄せない */
.theme-sekou-kanri .pillar-group .article-list .article-item .article-thumb--eye svg, .theme-sekou-kanri .related .article-list .article-item .article-thumb--eye svg { transform: none; }
/* LINE の帯の図を「LINEで相談 → 面談 → 求人のご紹介」の3段にした（中に文字があるので、スマホでも小さくしすぎない） */
.theme-sekou-kanri .cta-art, .theme-sekou-kanri .cta-art.theme-img { display: block; width: 100%; max-width: 22rem; justify-self: center; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-art { max-width: 28rem; }
}
.theme-sekou-kanri .home-shelf .article-item:has(a[href*="shoukai-shikumi"]) .article-text::before { content: "厚生労働省の資料"; }

/* 見出しの強弱：丸ゴシックは iPhone・Mac に太さが1つしかなく、太字は機械で太らせた形になる。大きい見出しは、太さのそろった「ヒラギノ角ゴの極太（W8）」にして、本文との差をはっきり */
.theme-sekou-kanri .hero h1, .theme-sekou-kanri .home-block .block-title, .theme-sekou-kanri .article-head h1, .theme-sekou-kanri .page-head h1, .theme-sekou-kanri .group-head h2, .theme-sekou-kanri .cta-band .cta-title { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; font-weight: 800; letter-spacing: -0.02em; }
.theme-sekou-kanri .article-body > h2 { font-weight: 800; letter-spacing: -0.01em; }
/* 運営会社：項目が少ないので右のもくじをやめ、1列で読ませる */
@media (min-width: 960px) {
  .theme-sekou-kanri .page-about .page-cols { display: block; }
  .theme-sekou-kanri .page-about .page-cols > .toc { display: none; }
  .theme-sekou-kanri .page-about .article-main { max-width: 46rem; }
}
.theme-sekou-kanri .featured-link, .theme-sekou-kanri .pillar-group .article-item:first-child .article-link { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; font-weight: 800; letter-spacing: -0.01em; }

/* 直し（Q4 で3人とも）：最初の画面の動きは透明（opacity 0）から始める作りだったので、動きが遅れたり止まったりすると何も見えなかった（写真で最初の画面が空になった）。
   最初から見える状態にし、動きは「少し下から上がる」位置の変化だけにする */
@keyframes kou-lift { from { transform: translateY(14px); } to { transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .theme-sekou-kanri .hero h1 .phrase, .theme-sekou-kanri .hero .lead, .theme-sekou-kanri .hero .line-box, .theme-sekou-kanri .hero .chips-title, .theme-sekou-kanri .hero .hero-chips, .theme-sekou-kanri .article-head svg.head-art, .theme-sekou-kanri .page-head svg.head-art { animation-name: kou-lift; }
  .theme-sekou-kanri .hero-art { animation: none; }
  .theme-sekou-kanri .cta-art .kou-bubble { animation-name: kou-lift; }
}
/* Q4（3人）記事の途中の LINE の箱：緑の枠は広告のように浮いた。枠は紺の細い線、緑はボタンだけ */
.theme-sekou-kanri .cta-compact { box-shadow: inset 0 0 0 1.5px var(--kou-navy-mid); background: var(--white); }
.theme-sekou-kanri .cta-compact::before { color: var(--kou-navy); }
/* Q4（3人）運営会社：中身を真ん中に */
@media (min-width: 960px) {
  .theme-sekou-kanri .page-about .article-main { margin-left: auto; margin-right: auto; }
}
/* Q4（2人）記事一覧：2列の最後に1枚だけ残ったときは、横長の大きいカードに（右が空いて作りかけに見えた） */
@media (min-width: 960px) {
  .theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail):not(:first-child):nth-child(even):is(:last-child, :has(+ .article-item--detail)) { grid-column: 1 / -1; display: grid; grid-template-columns: 5fr 6fr; align-items: center; padding: 0; }
  .theme-sekou-kanri .pillar-group .article-item:not(.article-item--detail):not(:first-child):nth-child(even):is(:last-child, :has(+ .article-item--detail)) .article-thumb--eye { aspect-ratio: 16 / 10; }
}
/* テーマの札の文字を読める大きさに（パソコンで小さすぎた） */
.theme-sekou-kanri .article-tag, .theme-sekou-kanri .pillar-tag { font-size: .8125rem; }

/* もくじ（パソコン）：いま画面に見出しが出ている章を、オレンジの太字で示す（スクロールに連動するだけ・対応していないブラウザでは今までどおり） */
@keyframes kou-toc-on { from, to { color: var(--kou-orange-deep); font-weight: 700; border-left-color: var(--kou-orange); } }
@keyframes kou-toc-off { from, to { color: inherit; font-weight: inherit; border-left-color: transparent; } }
@supports (timeline-scope: --a) and (animation-timeline: view()) {
  .theme-sekou-kanri:has(.article) body { timeline-scope: --kou-s1,--kou-s2,--kou-s3,--kou-s4,--kou-s5,--kou-s6,--kou-s7,--kou-s8,--kou-s9,--kou-s10,--kou-s11,--kou-s12; }
  .theme-sekou-kanri .article-body h2#section-1 { view-timeline: --kou-s1 block; }
  .theme-sekou-kanri .article-body h2#section-2 { view-timeline: --kou-s2 block; }
  .theme-sekou-kanri .article-body h2#section-3 { view-timeline: --kou-s3 block; }
  .theme-sekou-kanri .article-body h2#section-4 { view-timeline: --kou-s4 block; }
  .theme-sekou-kanri .article-body h2#section-5 { view-timeline: --kou-s5 block; }
  .theme-sekou-kanri .article-body h2#section-6 { view-timeline: --kou-s6 block; }
  .theme-sekou-kanri .article-body h2#section-7 { view-timeline: --kou-s7 block; }
  .theme-sekou-kanri .article-body h2#section-8 { view-timeline: --kou-s8 block; }
  .theme-sekou-kanri .article-body h2#section-9 { view-timeline: --kou-s9 block; }
  .theme-sekou-kanri .article-body h2#section-10 { view-timeline: --kou-s10 block; }
  .theme-sekou-kanri .article-body h2#section-11 { view-timeline: --kou-s11 block; }
  .theme-sekou-kanri .article-body h2#section-12 { view-timeline: --kou-s12 block; }
  /* 見出しが画面の上から35%の線を通ったらその章を光らせ、次の見出しが線を通ったら消す（光るのはいつも1つだけ） */
  .theme-sekou-kanri .article-body h2[id^="section-"] { view-timeline-inset: 0% 65%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-1"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s1, --kou-s2; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-2"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s2, --kou-s3; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-3"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s3, --kou-s4; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-4"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s4, --kou-s5; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-5"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s5, --kou-s6; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-6"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s6, --kou-s7; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-7"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s7, --kou-s8; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-8"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s8, --kou-s9; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-9"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s9, --kou-s10; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-10"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s10, --kou-s11; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-11"] { animation: kou-toc-on linear forwards, kou-toc-off linear forwards; animation-timeline: --kou-s11, --kou-s12; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a[href="#section-12"] { animation: kou-toc-on linear forwards; animation-timeline: --kou-s12; animation-range: entry 0% entry 1%; }
  .theme-sekou-kanri .article-cols > .toc a { border-left: 3px solid transparent; margin-left: -3px; padding-left: 9px; }
}

/* ページを移るとき、ふわっと切り替わる（対応しているブラウザだけ・動きを減らす設定では切り替えない） */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: .22s ease-out both kou-vt-out; }
  ::view-transition-new(root) { animation: .28s ease-out both kou-vt-in; }
}
@keyframes kou-vt-out { to { opacity: 0; } }
@keyframes kou-vt-in { from { opacity: 0; transform: translateY(8px); } }
/* 最初の画面の下の真ん中に、「下へ」の小さな印（ゆっくりはずむ）。パソコンだけ */
@keyframes kou-hint { 0%, 100% { transform: translate(-50%, 0) rotate(45deg); } 50% { transform: translate(-50%, 6px) rotate(45deg); } }
@media (min-width: 840px) {
  .theme-sekou-kanri .hero { position: relative; }
  .theme-sekou-kanri .hero::before { content: ""; position: absolute; left: 50%; bottom: 34px; width: 14px; height: 14px; border-right: 3px solid var(--kou-navy); border-bottom: 3px solid var(--kou-navy); opacity: .55; transform: translate(-50%, 0) rotate(45deg); }
}
@media (min-width: 840px) and (prefers-reduced-motion: no-preference) {
  .theme-sekou-kanri .hero::before { animation: kou-hint 1.8s ease-in-out infinite; }
}

/* 指（マウス）を乗せたときの小さな動き：記事の絵が少し寄る・テーマのアイコンがゆれる・ボタンの矢印が進む。マウスのある画面で、動きを減らす設定でないときだけ */
@keyframes kou-wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-8deg); } 75% { transform: rotate(8deg); } }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .theme-sekou-kanri .home-latest .article-list .article-item:hover .article-thumb--eye svg { transform: scale(1.05); }
  .theme-sekou-kanri .pillar-card:hover .pillar-icon { animation: kou-wiggle .5s ease-in-out; }
  .theme-sekou-kanri .cta-button::after, .theme-sekou-kanri .more a::after, .theme-sekou-kanri .cta-compact > a::after { transition: transform .2s ease; }
  .theme-sekou-kanri .cta-button:hover::after, .theme-sekou-kanri .more a:hover::after, .theme-sekou-kanri .cta-compact > a:hover::after { transform: translateX(4px) rotate(45deg); }
}

/* 印刷（紙・PDF）：動き・読み進めの線・もくじ・最後の誘いを外し、図と囲みをページの途中で切らない */
@media print {
  .theme-sekou-kanri *, .theme-sekou-kanri *::before, .theme-sekou-kanri *::after { animation: none !important; transition: none !important; }
  .theme-sekou-kanri body::before, .theme-sekou-kanri .hero::before { display: none !important; }
  .theme-sekou-kanri .toc, .theme-sekou-kanri .related, .theme-sekou-kanri .site-footer { display: none; }
  .theme-sekou-kanri .figure, .theme-sekou-kanri .point-box, .theme-sekou-kanri table { break-inside: avoid; }
  .theme-sekou-kanri .article-body h2 { break-after: avoid; }
}

/* ---------- 審査 R1（初見3人・23:20）で2人以上が一致した所 ---------- */
/* スマホの上の案内：右端を白へぼかし、横に続くと分かるように。1つずつ止まるすべり方 */
@media (max-width: 959px) {
  .theme-sekou-kanri .site-nav { padding-right: 28px; scroll-snap-type: x proximity; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent); }
  .theme-sekou-kanri .site-nav a { scroll-snap-align: start; }
}
/* 最初の画面（パソコン）：LINE ボタンを大きく、ぽってり押せる形に */
@media (min-width: 840px) {
  .theme-sekou-kanri .hero .cta-button { min-height: 56px; padding: 0 32px; font-size: 1.0625rem; }
  .theme-sekou-kanri .cta-art, .theme-sekou-kanri .cta-art.theme-img { max-width: 34rem; }
}
/* LINE の下の注意書き：文はそのまま、色を少し濃く */
.theme-sekou-kanri .hero .cta-note, .theme-sekou-kanri .cta-compact .cta-note, .theme-sekou-kanri .cta-band .cta-note { color: #5B6470; }
/* 記事・ページの頭の帯は、最初の画面より一段薄い地にして、画面ごとの差をつける */
.theme-sekou-kanri .article-head, .theme-sekou-kanri .page-head { background: #FFF4EA; }
/* 一覧のカードの小さな札を少し大きく */
.theme-sekou-kanri .article-kicker { font-size: .75rem; }
/* トップの新しい記事のいちばん大きいカード（パソコン・幅600px前後）：小さい絵用の「線を1.75pxに固定」だと細く安っぽく見えたので、絵と一緒に太らせる（約3.4px） */
@media (min-width: 840px) {
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child .article-thumb--eye svg :is(g, [stroke-width]):not([stroke="#FFFFFF"]) { vector-effect: none; stroke-width: 1.8px; }
}

/* ---------- 審査 R2（初見3人・23:33・平均7.0）で3人が一致した所 ---------- */
/* 最後の誘いの帯（パソコン）：右の図が 3割の列に押し込まれて小さかったので、列を 6:4 にして図を大きく */
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-band .cta-grid { grid-template-columns: 6fr 4fr; gap: var(--space-4); }
  .theme-sekou-kanri .cta-band .cta-art, .theme-sekou-kanri .cta-band .cta-art.theme-img { width: 100%; max-width: 380px; }
}
/* 記事の途中の相談の箱：白地に細い線だけで目立たなかったので、薄いオレンジの面にして、右に人の絵（パソコン） */
.theme-sekou-kanri .article-body .cta-compact { position: relative; padding: 24px 24px 22px; background: #FFF4EA; box-shadow: inset 0 0 0 2px #FFD2AD; border-radius: 16px; }
.theme-sekou-kanri .article-body .cta-compact > a { min-height: 52px; padding: 0 28px; font-size: 1.0625rem; }
@media (min-width: 840px) {
  .theme-sekou-kanri .article-body .cta-compact { padding-right: 150px; }
  .theme-sekou-kanri .article-body .cta-compact::after { content: ""; position: absolute; right: 22px; bottom: 0; width: 112px; height: 124px; background: url("illust/sekou-kanri/cta-person.svg") center bottom / contain no-repeat; pointer-events: none; }
}
/* 「くわしく知りたい人へ」（パソコンの2列）：数が奇数のとき最後の1枚が半分の幅で右下に穴があいたので、横いっぱいに（R1・R2 の審査で計2人） */
@media (min-width: 960px) {
  .theme-sekou-kanri .home-shelf .article-list > .article-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
/* スマホの囲みの見出し：昔の「印を箱の左上に置く」作りの字下げ（34px）が残り、今の「印は見出しの頭」と二重になって右にずれていた */
@media (max-width: 639px) {
  .theme-sekou-kanri .point-box .point-title { padding-left: 0; }
}

/* ---------- 崩れ探し（新しい記事8本・23:44）の直し ---------- */
/* 要点のチェック印：透明から出る動きだと、動きが遅れたとき印が無いまま見えた（熱中症の記事で発生）。最初の画面と同じく、動かさない */
.theme-sekou-kanri .summary li::before { animation: none; }
/* 見出しの番号の丸：10・11 の2桁だと丸からはみ出したので、2桁は横長の丸に */
.theme-sekou-kanri .article-body > h2[id^="section-"]::before { width: auto; min-width: 1.6em; padding: 0 .3em; box-sizing: border-box; border-radius: 999px; font-variant-numeric: tabular-nums; }
/* 関連記事の札：狭いカードで「施工管理ってどんな仕事？」が2行に折れたので、札の字を小さく・1行に収め、収まらなければ省く */
.theme-sekou-kanri .related .article-tag { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .6875rem; }
/* 足元の住所の「階」の1字だけ折れるのを防ぐ（もくじの光り方は12章まで対応させた） */
.theme-sekou-kanri .site-footer p { text-wrap: pretty; }
/* 足元のクレーンの線画が、ボタン（個人情報の扱い）の右端に重なった。ボタンの後ろに回し、少し小さく右へ寄せる */
.theme-sekou-kanri .site-footer::after { right: 1%; width: 200px; height: 150px; z-index: 0; }
.theme-sekou-kanri .site-footer .wrap { position: relative; z-index: 1; }
/* スマホの最初の画面：絵が大きく、LINE ボタンが最初の画面（ブラウザの帯を引くと高さ 650px 前後）に入らなかった（R1・R2 の審査で計2人）。絵を一回り小さく */
@media (max-width: 639px) {
  .theme-sekou-kanri .hero-art { width: 100%; max-width: 240px; margin-inline: auto; }
}
/* R3（初見3人とも）運営会社の「できること／できないこと」の札が箱の枠の線に食い込んで見えた。札を箱の内側の上に置き直す */
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2) { padding-top: 46px; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child::after, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { top: 14px; left: 16px; color: var(--white); border: 0; box-shadow: none; }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::after { background: var(--kou-orange-deep); }
.theme-sekou-kanri .page-about #section-3 + h2 + ul > li:first-child::before, .theme-sekou-kanri .page-about #section-3 + h2 + ul > li:nth-child(2)::before { top: 46px; }
/* 運営会社の表：左の項目名の欄に薄いベージュを敷いて、表らしく（R3 で2人） */
.theme-sekou-kanri .page-about table td:first-child { background: #FFF6EC; font-weight: 700; }
/* スマホの上の案内：右端のぼかしだけでは「切れて壊れて見える」（R3 で3人とも）。右端に「›」の印を重ね、横に送れると分かるように */
@media (max-width: 959px) {
  .theme-sekou-kanri .header-inner { position: relative; }
  .theme-sekou-kanri .header-inner::after { content: "›"; position: absolute; right: 0; bottom: 14px; width: 40px; height: 44px; display: grid; place-items: center end; padding-right: 10px; box-sizing: border-box; font-size: 26px; font-weight: 700; line-height: 1; color: var(--kou-navy); background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 55%); pointer-events: none; }
}
/* 最後の誘いの帯（パソコン）：流れの図がまだ小さい（R1〜R3 で毎回3人）。列を半々にし、図を 440px まで大きく */
@media (min-width: 960px) {
  .theme-sekou-kanri .cta-band .cta-grid { grid-template-columns: 1fr 1fr; }
  .theme-sekou-kanri .cta-band .cta-art, .theme-sekou-kanri .cta-band .cta-art.theme-img { max-width: 440px; }
}
/* 人の手足：小さい絵の「線を1.75pxに固定」で手足まで細くなり、棒人間に見えた（R3 で2人）。手足（.kou-limb）だけ太く */
.theme-sekou-kanri .article-thumb--eye svg path.kou-limb.kou-limb { stroke-width: 4px; }
@media (min-width: 840px) {
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child .article-thumb--eye svg path.kou-limb.kou-limb { stroke-width: 4.5px; }
}
/* R3（2人以上）：新しい記事の見出しとカードの間が 0px でくっついていた → 24px（パソコン32px）／スマホの新しい記事の小さい絵 96×60 → 120×75／LINE の下の注意書き 12px → 13px（文は変えない） */
.theme-sekou-kanri .home-latest .article-list { margin-top: 24px; }
@media (min-width: 840px) { .theme-sekou-kanri .home-latest .article-list { margin-top: 32px; } }
@media (max-width: 639px) { .theme-sekou-kanri .home-latest .article-thumb--eye { width: 120px; height: 75px; } }
.theme-sekou-kanri .cta-note, .theme-sekou-kanri .hero .cta-note { font-size: .8125rem; }
/* 運営会社（スマホ）：メールの住所が「ra-／agent@」と折れたので、箱の字を少し小さくして1行に。見出しは言葉の切れ目で折る */
@media (max-width: 639px) {
  .theme-sekou-kanri .page-about #section-2 + h2 + p + ul li { font-size: .875rem; white-space: nowrap; }
}
.theme-sekou-kanri .page-about .page-body h2 { word-break: auto-phrase; text-wrap: balance; }

/* ---------- 審査 R4（初見3人・00:00・平均6.7） ---------- */
/* 区切りの斜めじまの帯が「工事柵のようで安っぽい」（3人とも）。区切りはオレンジの細い1本線に。しま模様は記事の読み進めの線だけに残す */
.theme-sekou-kanri .hero::after, .theme-sekou-kanri .page-head::after, .theme-sekou-kanri .article-head::after,
.theme-sekou-kanri .site-footer::before, .theme-sekou-kanri .cta-band::before,
.theme-sekou-kanri .home-block.pillars::before, .theme-sekou-kanri .home-block.pillars::after,
.theme-sekou-kanri .home-block.home-shelf::before, .theme-sekou-kanri .home-block.home-shelf::after { height: 4px; background: var(--kou-orange); }
/* 記事・ページの頭の絵：後ろの白い板（斜めの帯・角丸の四角）が絵からはみ出して「途中で切れた」ように見えた（2人）。頭の絵では白い板を出さない */
.theme-sekou-kanri :is(.article-head, .page-head) svg.head-art [fill="#FFFFFF"][fill-opacity] { display: none; }
/* 崩れ探し（前からある記事12本・00:08）：しっかり記事の要点の箱だけ、スマホで画面の端まで広がり角が四角になっていた（昔の「端まで広げる」指定の残り）。ポップ記事と同じ形に */
@media (max-width: 639px) {
  .theme-sekou-kanri .summary { margin-left: 0; margin-right: 0; padding: 20px 18px; border-radius: var(--radius-note); }
}
/* 図の題が「ら）」「査）」など数文字だけ次の行に落ちた。言葉の切れ目で折り、行の長さをそろえる */
.theme-sekou-kanri .figure-title { word-break: auto-phrase; text-wrap: balance; }
.theme-sekou-kanri .article-body li, .theme-sekou-kanri .article-body p { text-wrap: pretty; }
.theme-sekou-kanri .point-box .point-title { text-wrap: balance; word-break: auto-phrase; }
/* タブレット（840〜1199px）：最初の画面の図を 118% に広げる指定で、1024px のとき右へ 29px はみ出し横スクロールが出た（--tablet の測定で発見）。この幅では列の中に収める */
@media (min-width: 840px) and (max-width: 1199px) {
  .theme-sekou-kanri .hero-art { width: 100%; }
}
/* 840〜959px：ページの頭の左の列が中身の幅（約750px）で固まり、右の絵が 105px はみ出した（--tablet の測定で発見）。左の列を縮められるように */
@media (min-width: 640px) and (max-width: 959px) {
  .theme-sekou-kanri .page-head .head-grid { grid-template-columns: minmax(0, 1fr) auto; }
}
/* 640〜959px：上の案内の「個人情報の扱い」が3行に折れ、ほかの丸ボタンまで縦に伸びた（900px の写真で発見）。1行のまま横にすべらせ、高さをそろえる */
@media (max-width: 959px) {
  .theme-sekou-kanri .site-nav { align-items: center; }
  .theme-sekou-kanri .site-nav a { flex: none; white-space: nowrap; }
}
/* トップの新しい記事の大きいカード（パソコン）：右の2枚と高さはそろっていたが、カードの中の下に約150pxの空きがあり「そろっていない」と見えた（2回で計2人）。絵の枠をのばして空きを埋める */
@media (min-width: 840px) {
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child { display: flex; flex-direction: column; }
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child .article-thumb--eye { flex: 1 1 auto; aspect-ratio: auto; min-height: 375px; }
  .theme-sekou-kanri .home-latest .article-list > .article-item:first-child .article-thumb--eye svg { height: 100%; }
}

/* ---------- 審査 R5（初見3人・00:18・平均7.2） ---------- */
/* 最後の相談の区画が、最初の画面と同じ薄いオレンジに埋もれて「最後のひと押し」に見えない（3人）。中身を白いカードに載せて独立させる */
.theme-sekou-kanri .cta-band .cta-grid { background: var(--white); border-radius: 24px; box-shadow: 0 12px 32px rgba(31, 61, 110, .12), inset 0 0 0 2px #FFD2AD; padding: 28px 20px; }
@media (min-width: 840px) { .theme-sekou-kanri .cta-band .cta-grid { padding: 48px; } }
/* 「くわしく知りたい人へ」のカードの題が小さい（2人）。15px → 17px */
.theme-sekou-kanri .home-shelf .article-link { font-size: 1.0625rem; line-height: 1.6; }
/* R6（初見3人・00:22・平均7.0）で2人：最初の画面（パソコン）の絵が見出しより下に沈み、右上が空く → 縦の真ん中に／大見出しの下のオレンジの帯が文字の半分を隠して重い → 文字の下3割の帯に */
@media (min-width: 840px) { .theme-sekou-kanri .hero-art { align-self: center; } }
.theme-sekou-kanri .hero h1 .phrase { background: linear-gradient(transparent 66%, var(--kou-orange) 66%, var(--kou-orange) 94%, transparent 94%); }
.theme-sekou-kanri .hero h1 .phrase:first-child { background: none; }
/* 絵の後ろの斜めじまの地（4枚に1枚）が「作りかけ」「ちぐはぐ」に見えた（R3・R5 で計2人）。無地の薄いクリームに */
.theme-sekou-kanri .article-list .article-item:nth-child(4n+4) .article-thumb--eye { background: #FFF1E2; }
/* 「くわしく知りたい人へ」の紺の帯が重い（R4〜R6 で計3人）。紺を一段明るく（#1D3F73 → #26467F） */
.theme-sekou-kanri .home-block.home-shelf { background: #26467F; }
/* R7（初見3人・00:26・平均6.9）で3人とも：「くわしく知りたい人へ」の紺の帯が重く、明るい調子が途中で切れる（R4〜R6 でも計3人）。薄い青の地に紺の字、カードは白に細い枠 */
.theme-sekou-kanri .home-block.home-shelf { background: #EEF3FA; }
.theme-sekou-kanri .home-block.home-shelf .block-title, .theme-sekou-kanri .home-block.home-shelf .block-sub { color: var(--kou-navy); }
.theme-sekou-kanri .home-shelf .article-list > .article-item { box-shadow: inset 0 0 0 1px #D5DEEC; }
.theme-sekou-kanri .home-shelf .more a { background: var(--kou-navy); color: var(--white); border-color: var(--kou-navy); }

/* ---------- 2026-10-23 依頼「LINE 誘導も強く」：最後の誘いの帯の LINE ボタンを、画面の下にずっと出す ---------- */
/* 共通の部品（型）は触らず、どのページにもある「最後の誘いの帯」のボタンを画面に固定する。帯の中の説明・注意書きはそのまま帯に残る */
@keyframes kou-float-in { from { opacity: 0; transform: translateY(16px); visibility: hidden; } to { opacity: 1; transform: none; visibility: visible; } }
.theme-sekou-kanri .cta-band p > a.cta-button {
  position: fixed; z-index: 50; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom));
  display: flex; justify-content: center; align-items: center; min-height: 56px; margin: 0;
  font-size: 1.0625rem; font-weight: 800; color: var(--white); background: var(--cta);
  border-radius: 999px; box-shadow: 0 4px 0 var(--cta-deep), 0 10px 24px rgba(15, 60, 40, .28); overflow: hidden;
}
.theme-sekou-kanri .cta-band p:has(> a.cta-button) { margin: 0; height: 0; }
.theme-sekou-kanri body { padding-bottom: 84px; }
@media (min-width: 840px) {
  .theme-sekou-kanri .cta-band p > a.cta-button { left: auto; right: 24px; bottom: 24px; padding: 0 32px; }
  .theme-sekou-kanri body { padding-bottom: 0; }
}
/* トップでは、最初の画面に大きな LINE ボタンがあるので、少し下へ読み進めてから出す（対応しているブラウザだけ。対応していなければ最初から出る） */
@supports (animation-timeline: scroll()) {
  .theme-sekou-kanri:has(.hero) .cta-band p > a.cta-button { animation: kou-float-in linear both; animation-timeline: scroll(root); animation-range: 300px 420px; }
}
@media print { .theme-sekou-kanri .cta-band p > a.cta-button { display: none; } }
/* 記事の本文に書いた LINE へのリンク（[…](https://line.me/…)）は、緑のボタンの形にする（キャッチーな記事の途中で何度か誘うため） */
.theme-sekou-kanri .article-body p > a[href^="https://line.me/"]:only-child { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; font-weight: 800; color: var(--white); text-decoration: none; background: var(--cta); border-radius: 999px; box-shadow: 0 4px 0 var(--cta-deep); background-image: none; }
.theme-sekou-kanri .article-body p > a[href^="https://line.me/"]:only-child::after { content: ""; width: 8px; height: 8px; margin-left: 12px; border: solid currentColor; border-width: 2px 2px 0 0; transform: rotate(45deg); }
/* 記事の途中の相談の箱の見出しを、くだけた呼びかけに（2026-10-23） */
.theme-sekou-kanri .cta-compact::before { content: "ちょっと気になったら、LINEで聞いてみて！"; }