/* =========================================================
   修正一覧（2026-10-24）中立の構造（23〜38番）の修正案
   ========================================================= */

/* ---------- 23番：目次が4つ→6つ ----------
   1段に6つ並べると1枚が230px前後になり「ほかの相談先との違い」が2行に割れる。
   JUDGEとはの目次と同じ型（3枚×2段）にする。
   カードが1段（220px）ぶん高くなるので、面の上の逃げも220px足し、
   カードの上端の位置（ヒーローへの食い込み）と、カードの下から見出しまでの間は今のまま */
.pn__list--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: auto;
}
.pn__list--grid > li { flex: none; min-height: 220px; }
.pn__list--grid > li:nth-child(3n+1)::before { display: none; }
.pn__list--grid > li:nth-child(n+4) { box-shadow: inset 0 1px 0 var(--line-soft); }

@media (min-width: 1201px) {
  .stage--promise { padding-top: 470px; }
  .stage--promise .pn { top: -591px; }
}

/* 2列になる幅（751〜1100px）では 2枚×3段 */
@media (max-width: 1100px) and (min-width: 751px) {
  .pn__list--grid { grid-template-columns: repeat(2, 1fr); }
  .pn__list--grid > li::before { display: block; }
  .pn__list--grid > li:nth-child(2n+1)::before { display: none; }
  .pn__list--grid > li:nth-child(n+3) { box-shadow: inset 0 1px 0 var(--line-soft); }
}

/* ---------- 23番：1〜3 は今の暗い面の中に続けて置く ----------
   面と面の間（上120＋下120）と同じ240pxをあける */
.stage--promise .stage__inner + .stage__inner { margin-top: 240px; padding-top: 0; }

/* 3 ほかの相談先との違い：一文とリンク（文の型は指示書50番にそろえる）
   btn：一文の下に金のボタン。一文とボタンの間は、ほかのブロックの見出し→帯と同じ40px */
.diff { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; }
.diff__text { font-size: 20px; line-height: 32px; color: #fff; }

/* card：一文とリンクを1枚の横長の枠に（枠ごと押せる） */
.diff-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 50px;
  border: 1px solid rgba(255, 255, 255, .5);
  background: rgba(255, 255, 255, .06);
  transition: background-color .3s ease;
}
.diff-card:hover { background: rgba(255, 255, 255, .12); }
.diff-card__text {
  font-family: var(--f-serif);
  font-weight: 600;
  font-size: 28px;
  line-height: 44px;
  color: #fff;
}
.diff-card__go {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex: none;
  width: 250px;
  height: 54px;
  background: var(--grad-gold);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
.diff-card__go svg { width: 20px; height: 20px; flex: none; }

/* ---------- 28番：収入の表が5つ→4つ ----------
   「その他」が2つになるので、1段目（主な収入2つ）と同じ半分ずつの幅に */
@media (min-width: 1101px) {
  .src:not(.src--main) { grid-column: span 3; }
}

/* ---------- 27番：表のすぐ下に小さな文字で ---------- */
.srcs-note { margin-top: 20px; }
.srcs-note p {
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, .8);
}

/* ---------- 26番（案1）：約束のすぐ下に本文の大きさで ---------- */
.vows__note {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
}

/* ---------- 24番：憲章の箱から「紹介料は…」の一文を消したあと ----------
   今の箱は中身4つ（英字・見出し・6項目・一文）を上下に散らして、右の書面と高さをそろえている。
   3つになると見出しだけが箱の真ん中に浮くので、英字・見出し・6項目を今の間隔のまま1つにまとめ、
   箱の上下の真ん中に置く（伸びたぶんの余白は上下で同じだけ分ける） */
.charter__doc { justify-content: center; }

/* ---------- 35番：第1〜5部のすぐ下に一文 ---------- */
.parts__more {
  margin-top: 24px;
  font-size: 20px;
  line-height: 32px;
  color: var(--ink);
}

/* ---------- 32番（案1）：約束タイルが4つ→3つ ----------
   2列のままだと右下が1枠空く。3列にして、英字を上・文を下に積む */
@media (min-width: 1101px) {
  .pledges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pledges li { display: block; padding: 32px; }
  .pledges b { display: block; width: auto; }
  .pledges p { margin-top: 20px; }
  .pledges .pledge-br { display: inline; }
}
/* 3列のときだけ言葉の切れ目で改行する（「あったとき／は、」と切れるため） */
.pledge-br { display: none; }

@media (max-width: 750px) {
  .pn__list--grid { display: block; height: auto; }
  .pn__list--grid > li { min-height: 0; }
  .pn__list--grid > li:nth-child(n+4) { box-shadow: none; }

  .stage--promise .stage__inner + .stage__inner { margin-top: 20rem; padding-top: 0; }

  .diff { gap: 4rem; }
  .diff__text { font-size: 2.6rem; line-height: 1.85; }
  .diff__btn { width: 100%; }

  .diff-card { flex-direction: column; align-items: stretch; gap: 3.6rem; padding: 4.4rem 3rem; }
  .diff-card__text { font-size: 3rem; line-height: 1.6; }
  .diff-card__go { width: 100%; height: 9.2rem; gap: 2.2rem; font-size: 2.8rem; line-height: 1; }
  .diff-card__go svg { width: 3.2rem; height: 3.2rem; }

  .srcs-note { margin-top: 2rem; }
  .srcs-note p { font-size: 2.2rem; line-height: 1.7; }

  .vows__note { font-size: 2.6rem; line-height: 1.75; }

  /* 約束タイル：スマホも「修／正した」と切れるので、3列のときと同じ切れ目で改行 */
  .pledges .pledge-br { display: inline; }

  .parts__more { margin-top: 3rem; font-size: 2.6rem; line-height: 1.75; }
}

/* ---------- 3 ほかの相談先との違い ----------
   JUDGEとはの Our Standard の帯と同じ作り。値は about.css の .standard をそのまま写した */
.standard {
  display: flex;
  align-items: center;
  height: 800px;
  padding: 132px 0 121px;
  background: url("../img/standard-bg.jpg") no-repeat 0 100% / 100.04% 108%;
}
.standard .container { display: flex; flex-direction: column; align-items: center; gap: 50px; }
.standard__head { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; }
.standard__en { font-family: var(--f-en); font-weight: 700; font-size: 46px; line-height: 1.2; letter-spacing: .1em; color: #fff; }
.standard__rule { width: 753px; max-width: 100%; height: 4px; background: linear-gradient(90deg, #513c14 0%, #c8af80 50%, #503b12 100.1%); }
.standard__title { font-family: var(--f-serif); font-weight: 600; font-size: 64px; line-height: 110px; text-align: center; color: #fff; }
.standard__text { font-weight: 400; font-size: 16px; line-height: 32px; text-align: center; color: #fff; }
.standard__btn { width: 380px; padding: 15px 40px; }
@media (max-width: 1200px) and (min-width: 751px) {
  .standard__title { font-size: 52px; line-height: 88px; }
}
@media (max-width: 750px) {
  .standard { height: auto; padding: 10rem 0; background-size: cover; background-position: center; }
  .standard .container { gap: 4rem; }
  .standard__head { gap: 2rem; }
  .standard__en { font-size: 4rem; }
  .standard__rule { width: 100%; height: .4rem; }
  .standard__title { font-size: 4.4rem; line-height: 1.5; }
  .standard__text { font-size: 2.4rem; line-height: 1.8; }
  .standard__btn { width: 46rem; height: 9.2rem; padding: 0 3rem; font-size: 2.6rem; }
}

/* 言葉の途中（「受けま／す。」「からで／す。」）で折れないよう、印（wbr）の所でだけ折る。文字は変えない */
.kp { word-break: keep-all; overflow-wrap: anywhere; }
.kp-nw { white-space: nowrap; }