@charset "UTF-8";
/*
 * 事案名入りCTAブロック（冒頭・途中）。inc/article-cta.php・template-parts/article-cta-*.php の見た目。
 * 承認済みモック（fleet/work/fortress/live/20261009-lead-cta-mock/mock/cta/cta.css）の design=b「警告型」
 * （冒頭 copy=1・name=big、途中 midcopy=4・inline）だけを移植した。すべて .fortress-cta の中に閉じる
 * （例外は途中のバナー .fortress-cta-banner の外枠の余白だけ。中身は SANGO と style.css の既存の見た目のまま）。
 * 色はフォートレスTOPのLP（page-top/css/common.css）の語彙：えんじ #af1927／#c32534、黄色 #ffde46、墨 #353535、
 * クリーム #fff9ef、LINE緑 #06c755（橙 #fe7606 はボタンのフォーカス枠）。
 * 書体は記事（SANGO）の書体を継ぐ。A1ゴシックの @font-face は入れない（5.4MiB の OTF を記事に載せない判断）。
 * 文字は14px未満にしない（装飾の LINE アイコン内のロゴ文字を除く）。幅 780px・640px・380px・340px 以下で調整する。
 */

/* ---------- 共通 ---------- */
.fortress-cta {
  /*
   * 見出しの書体（ここ1か所）。既定は記事の書体を継ぐ（inherit）。
   * A1ゴシックなどに切り替えるときは @font-face を足し、この値を "A1GothicStd", "Hiragino Kaku Gothic ProN", sans-serif などにする。
   */
  --fortress-cta-headline-font: inherit;
  --fc-red: #af1927;
  --fc-red2: #c32534;
  --fc-yellow: #ffde46;
  --fc-ink: #353535;
  --fc-cream: #fff9ef;
  --fc-orange: #fe7606;
  --fc-line: #06c755;
  --fc-line-dark: #04a148;
  --fc-line-text: #037a35;
  --fc-num: "Roboto", "Helvetica Neue", Arial, sans-serif;
  --fc-pad-x: 32px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 40px 0 48px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--fc-cream);
  box-shadow: inset 0 0 0 1px #efe1cc, 0 2px 14px rgba(53, 53, 53, .08);
  color: var(--fc-ink);
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: .02em;
  text-align: center;
  scroll-margin-top: 80px;
  overflow-wrap: anywhere;
}
.fortress-cta *,
.fortress-cta *::before,
.fortress-cta *::after { box-sizing: border-box; }
/* SANGO の本文の p・ul・li の余白・線・点を打ち消す */
.entry-content .fortress-cta p,
.entry-content .fortress-cta ul,
.entry-content .fortress-cta li {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  list-style: none;
  font-size: inherit;
  line-height: inherit;
}
.entry-content .fortress-cta li::before,
.entry-content .fortress-cta li::marker { content: none; }
.fortress-cta__case { font-weight: 700; }

.fortress-cta__body { padding: 36px var(--fc-pad-x) 34px; }

/* ---------- 黒帯（⚠・白文字・黄色強調）と下の三角 ---------- */
.fortress-cta__alert {
  position: relative;
  padding: 22px 28px 24px;
  background: linear-gradient(180deg, #2a2a2a 0%, #161616 100%);
  color: #fff;
}
.fortress-cta__alert::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -13px;
  width: 0;
  height: 0;
  margin-left: -16px;
  border-style: solid;
  border-width: 14px 16px 0;
  border-color: #161616 transparent transparent;
}
.entry-content .fortress-cta .fortress-cta__alert-small {
  display: block;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .06em;
  text-align: center;
  text-wrap: balance;
  word-break: keep-all;
}
.fortress-cta__alert-svg { flex: 0 0 auto; width: 26px; height: auto; }
.fortress-cta__alert-small .fortress-cta__alert-svg { display: inline-block; margin-right: 8px; vertical-align: -4px; }
/* 冒頭：事案名＋「の」（.fortress-cta__alert-name）と「被害に遭っている…」（.fortress-cta__alert-big）は1つの段落 .fortress-cta__alert-main の中の span。
   既定は2つとも display: block で2段（事案名は黄色・太字・独立した行。大きさは article-cta.js が 26→24→22→20px／640px以下 21→19→17→16px から選ぶ）。
   短い名前は article-cta.js が .fortress-cta__alert-main--inline を付け、2つを display: inline にして「{事案名}の被害に遭っている」を1行に続ける
   （間の <wbr> と keep-all・text-wrap: balance で「可能性が非常に高いです」は文節で折り返す）。 */
.entry-content .fortress-cta .fortress-cta__alert-main {
  line-height: 1.4;
  text-wrap: balance;
  word-break: keep-all;
}
/* 2段のときは2つの span の間の <wbr> を出さない（ブロックの間に中身の無い行を作らない。続けるときだけ折り返し位置として使う） */
.entry-content .fortress-cta .fortress-cta__alert-main > wbr { display: none; }
.entry-content .fortress-cta .fortress-cta__alert-name {
  display: block;
  margin-top: 6px;
  font-family: var(--fortress-cta-headline-font, inherit);
  font-feature-settings: "palt" 1;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .03em;
  text-wrap: balance;
  word-break: keep-all;
}
/* 折り返し: word-break: keep-all（Safari は auto-phrase 非対応）＋ 固定文言は文節位置の <wbr>、事案名は article-cta.js が単語境界に <wbr> を入れる。
   行に収まらない語は .fortress-cta の overflow-wrap: anywhere で折れる。小さい「ィ」「ッ」などが行頭に来ないよう line-break: strict */
.fortress-cta__case--big { line-break: strict; }
.fortress-cta__case { word-break: keep-all; }
.fortress-cta__alert-name .fortress-cta__case--big { color: var(--fc-yellow); font-weight: 700; font-size: 26px; }
.fortress-cta__alert-particle { color: #fff; font-size: 22px; }
/* 事案名がいちばん大きく見えるよう、3段目は一回り小さく */
.entry-content .fortress-cta .fortress-cta__alert-big {
  display: block;
  margin-top: 2px;
  font-family: var(--fortress-cta-headline-font, inherit);
  font-feature-settings: "palt" 1;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .03em;
  text-wrap: balance;
  word-break: keep-all;
}
.fortress-cta__alert-em { color: var(--fc-yellow); }
/* 短い名前（article-cta.js が付ける）：1つの段落の中で続ける。span の上の余白は効かなくなるので、段落に付け直す */
.entry-content .fortress-cta .fortress-cta__alert-main--inline { margin-top: 6px; }
.entry-content .fortress-cta .fortress-cta__alert-main--inline > wbr { display: inline; }
.entry-content .fortress-cta .fortress-cta__alert-main--inline .fortress-cta__alert-name,
.entry-content .fortress-cta .fortress-cta__alert-main--inline .fortress-cta__alert-big { display: inline; margin-top: 0; }
/* 途中ブロックの黒帯（1行） */
.entry-content .fortress-cta .fortress-cta__alert--mid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 20px 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04em;
  color: var(--fc-yellow);
}
.fortress-cta__alert--mid::after { bottom: -9px; margin-left: -11px; border-width: 10px 11px 0; }
.fortress-cta__alert--mid .fortress-cta__alert-svg { width: 20px; }
.fortress-cta__alert--mid > span { text-wrap: balance; word-break: keep-all; }

/* ---------- 見出し（Hタグにしない） ---------- */
.entry-content .fortress-cta .fortress-cta__headline {
  font-family: var(--fortress-cta-headline-font, inherit);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: .04em;
  font-feature-settings: "palt" 1;
  color: var(--fc-ink);
  text-wrap: balance;
  word-break: keep-all;
}
.fortress-cta__headline .fortress-cta__case { color: var(--fc-red); }

/* 黄色の筆マーカー下線（LP info_tt / info_tt02 の筆の線） */
.fortress-cta__brush {
  white-space: nowrap;
  padding: 0 .06em .14em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 18' preserveAspectRatio='none'%3E%3Cpath d='M4 11.5C40 6 82 5.5 122 8.5s78 3.2 113-2.5' fill='none' stroke='%23ffde46' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M30 14.5c46-3.5 104-4 182-6.5' fill='none' stroke='%23ffde46' stroke-width='3.2' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E") no-repeat left bottom / 100% .42em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* ---------- 冒頭の見出し画像（2026-10-10 決定: モックの leadbanner=crop・cropdesk=narrow・c01=open） ----------
   assets/img/article-cta-lead.jpg は既存バナーC を、デザイナーの Adobe XD の元データから右のえんじの列・0円の虫眼鏡・画像内のLINEボタン・
   外枠を外して描き直した版（720×500。@2x は 1440×1000。2026-10-11 決定、モックの clean=1）。切り抜き枠は不要になった。
   641px以上は最大幅460px（LINEボタンと同じ）で中央・枠なし。640px以下は本体の幅いっぱい。
   2026-10-12 から冒頭の本体は本文（「既に{事案名}に入金してしまった場合は…」）で始まり、画像はその下（下の「冒頭の本文」）。
   本体の上の余白は途中ブロックと同じ既定（36px／640px以下 30px）に戻し、黒帯の三角（13px）が最初の段落に重ならないようにした。
   画像のクリーム地（#faf1e8）と境目を出さないよう、冒頭ブロックの地色だけ #faf1e8 にする（途中ブロックは #fff9ef のまま）。
   黒帯の三角は本体の上に重ねる（.fortress-cta__alert に z-index）。 */
.fortress-cta.fortress-cta--lead { --fc-cream: #faf1e8; }
.fortress-cta--lead .fortress-cta__alert { z-index: 1; }
.entry-content .fortress-cta .fortress-cta__visual {
  max-width: 460px;
  margin: 0 auto;
  line-height: 0;
  text-align: center;
}
.entry-content .fortress-cta .fortress-cta__visual-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.entry-content .fortress-cta.fortress-cta--lead .fortress-cta__visual { margin-top: 16px; }
.entry-content .fortress-cta.fortress-cta--lead .fortress-cta__visual + .fortress-cta__text { margin-top: 16px; }

/* ---------- 途中ブロックの画像（2026-10-12 決定「1・2番目は案E、3番目は案F」：モックの midstyle=under・clean=1・textalign=center） ----------
   黒帯 → 事案名入りの見出し → 既存バナーを XD の元データから描き直した画像（1番目 A 1000×380、2番目 B 1000×466、3番目以降 C＝冒頭と同じ 720×500。
   0円の虫眼鏡と画像内のボタンなし、@2x あり）→ 本文（中央揃え）→ HTMLのLINEボタン → 注記。
   画像は 641px以上は最大幅460pxで中央、640px以下は本体の幅いっぱい（冒頭と同じ .fortress-cta__visual）。地色は画像のクリーム（#faf1e8）。 */
.fortress-cta.fortress-cta--mid-visual { --fc-cream: #faf1e8; }
.entry-content .fortress-cta .fortress-cta__visual--mid { margin-top: 16px; }
.entry-content .fortress-cta.fortress-cta--mid-visual .fortress-cta__visual + .fortress-cta__text { margin-top: 16px; }

/* ---------- 本文 ---------- */
.entry-content .fortress-cta .fortress-cta__text {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.85;
  text-wrap: pretty;
  word-break: keep-all;
}
.fortress-cta__text .fortress-cta__case { font-weight: 700; }
/* 黄色の太い下線（LP info__tt span と同じ扱い） */
.fortress-cta__mark {
  white-space: nowrap;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--fc-yellow);
  text-decoration-thickness: 6px;
  text-underline-offset: -3px;
  text-decoration-skip-ink: none;
}

/* ---------- 冒頭の本文（2026-10-12 ユーザー指定：旧「リード文CTA」116 の構成を借りる。バッジは残す（同日のユーザー決定）） ----------
   本体の並び：本文（既に{事案名}に入金してしまった場合は…）→ 画像 → 本文（…無料で承っております。（ご相談はこちら））→
   本文（まずはLINEで弁護士にご相談ください。）→ バッジ → LINEボタン（強調「詐欺被害は早期対応が解決に繋がります。」の段落は 2026-10-12 のユーザー決定で外した）。
   本文は中央揃え（どの幅でも。2026-10-12 ユーザー決定「中央寄せにしてみて」。116 は左揃えだった）。641px以上は段落の幅を 600px までにして中央に置く（1行が長くなりすぎないように）。
   黄色の下線（.fortress-cta__mark）は冒頭の本文の中では折り返せる（<wbr> の位置で。途中ブロックの筆マーカーとは別の、LP info__tt の下線）。 */
.entry-content .fortress-cta .fortress-cta__text.fortress-cta__text--lead {
  max-width: 600px;
  margin: 14px auto 0;
  font-size: 17px;
  line-height: 1.8;
  text-align: center;
  text-wrap: pretty;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.entry-content .fortress-cta.fortress-cta--lead .fortress-cta__text.fortress-cta__text--before { margin-top: 0; }
.fortress-cta__strong { font-weight: 700; }
.fortress-cta__text--lead .fortress-cta__mark { white-space: normal; }
/* 「ご相談はこちら」：サイトの文字リンク（style.css の .info-line-text：#4f96f6・下線・太字）と同じ見た目。
   style.css が読み込まれない場合でもリンクと分かるよう、同じ値をブロックの中にも置く。クリックは info.js が .info-line で LINE を開く */
.entry-content .fortress-cta .fortress-cta__inline-link {
  color: #4f96f6;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

/* ---------- バッジ（LP info-menu） ---------- */
.entry-content .fortress-cta .fortress-cta__badges {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 40px;
}
.entry-content .fortress-cta .fortress-cta__badge {
  position: relative;
  flex: 0 1 168px;
  min-width: 0;
  min-height: 96px;
  padding: 16px 6px 10px;
  border-radius: 10px;
  background: linear-gradient(170.71deg, var(--fc-red2) 51.83%, var(--fc-red) 51.83%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fortress-cta__badge::after {
  content: "";
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  margin: auto;
  width: 42px;
  height: 36px;
  background: url("../../page-top/img/info01.svg") center / auto 32px no-repeat;
}
.fortress-cta__badge--consult::after { background-image: url("../../page-top/img/info04.svg"); background-size: auto 30px; }
.fortress-cta__badge--refund::after { background-image: url("../../page-top/img/info05.svg"); background-size: auto 30px; }
.fortress-cta__badge-label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.fortress-cta__badge-value {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: 2px;
  font-size: 46px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}
/* 数字だけ欧文の書体（記事では Roboto は読み込まれていないので Helvetica Neue・Arial になる） */
.fortress-cta__badge-num { font-family: var(--fc-num); }
.fortress-cta__badge-value small { margin-left: 2px; font-size: 18px; font-weight: 900; }
.fortress-cta__badge-value--text {
  align-items: center;
  min-height: 46px;
  font-size: 23px;
  letter-spacing: .02em;
}

/* 冒頭：最後の段落（まずはLINEで…）とバッジの間。バッジのアイコン（::after）は箱の上に 22px（640px以下 19px）はみ出すので、
   段落とアイコンの上端の間が約 18px になるよう、はみ出す分を足す（18px＋22px＝40px、640px以下 18px＋19px＝37px）。バッジ→ボタンは .fortress-cta__actions のまま */
.entry-content .fortress-cta.fortress-cta--lead .fortress-cta__text--lead + .fortress-cta__badges { margin-top: 40px; }

/* ---------- LINEボタン（.info-line。クリックは info.js が LIFF を開く） ---------- */
.fortress-cta__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.entry-content .fortress-cta .fortress-cta__button {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 12px;
  background: var(--fc-line);
  color: #fff;
  box-shadow: 0 5px 0 var(--fc-line-dark), 0 9px 18px rgba(0, 0, 0, .14);
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.entry-content .fortress-cta .fortress-cta__button:hover { filter: brightness(1.05); }
.entry-content .fortress-cta .fortress-cta__button:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--fc-line-dark), 0 4px 10px rgba(0, 0, 0, .14); }
.entry-content .fortress-cta .fortress-cta__button:focus-visible { outline: 3px solid var(--fc-orange); outline-offset: 4px; }
.fortress-cta__button-icon { flex: 0 0 auto; display: block; line-height: 0; }
.fortress-cta__button-svg { display: block; width: 50px; height: auto; }
.fortress-cta__button-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.fortress-cta__button-main { display: block; font-size: 24px; font-weight: 900; line-height: 1.3; letter-spacing: .04em; text-wrap: balance; word-break: keep-all; }
.fortress-cta__button-sub {
  display: block;
  width: 100%;
  max-width: 230px;
  padding: 1px 12px 2px;
  border-radius: 999px;
  background: #fff;
  color: var(--fc-line-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}
.fortress-cta__button-arrow { flex: 0 0 auto; display: block; width: 24px; height: 24px; }
/* LINEボタンの最大幅：冒頭・途中とも 460px（デスクトップで間延びしないように） */
.entry-content .fortress-cta .fortress-cta__button--lead { max-width: 460px; min-height: 92px; padding: 12px 18px 12px 20px; }
.fortress-cta__button--lead .fortress-cta__button-main { font-size: 23px; }

/* ---------- 途中ブロック（コンパクト） ---------- */
.fortress-cta.fortress-cta--mid { margin: 40px 0 44px; border-radius: 10px; }
.fortress-cta--mid .fortress-cta__body { padding: 26px var(--fc-pad-x) 24px; }
.entry-content .fortress-cta .fortress-cta__headline--mid { font-size: 25px; line-height: 1.5; }
.entry-content .fortress-cta .fortress-cta__text--mid { margin-top: 12px; font-size: 16px; line-height: 1.8; }
.entry-content .fortress-cta .fortress-cta__button--mid { max-width: 460px; min-height: 64px; margin: 20px auto 0; padding: 10px 14px 10px 16px; gap: 10px; }
.fortress-cta__button--mid .fortress-cta__button-svg { width: 38px; }
.fortress-cta__button--mid .fortress-cta__button-main { font-size: 19px; letter-spacing: .03em; }
.fortress-cta__button--mid .fortress-cta__button-arrow { width: 22px; height: 22px; }
.entry-content .fortress-cta .fortress-cta__sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 4px;
  margin-top: 14px;
  color: var(--fc-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}
.fortress-cta__sub-sep { color: #b9a98f; }

/* ---------- 途中のバナー（template-parts/article-cta-mid-banner.php。既存の同期パターン 345 と同じ中身） ----------
 * 外枠に .fortress-cta の箱（クリーム地・角丸・影）は付けない。画像・ボタンの見た目は SANGO の figure.wp-block-image と
 * style.css の .info-line-button のまま。外枠には上の余白 24px だけを付ける（既存の 345 の直前の段落の下余白と同じ値。下は次のH2の上余白 56px がそのまま効く）。 */
.entry-content .fortress-cta-banner { margin: 24px 0 0; scroll-margin-top: 80px; }

/* ---------- 780px以下 ---------- */
@media (max-width: 780px) {
  .fortress-cta { --fc-pad-x: 24px; }
  .entry-content .fortress-cta .fortress-cta__headline { font-size: 28px; }
  .entry-content .fortress-cta .fortress-cta__headline--mid { font-size: 23px; }
  .entry-content .fortress-cta .fortress-cta__alert-big,
  .fortress-cta__alert-particle { font-size: 20px; }
}

/* ---------- 640px以下：スマートフォン ---------- */
@media (max-width: 640px) {
  .fortress-cta { --fc-pad-x: 16px; margin: 32px 0 40px; border-radius: 10px; }
  .fortress-cta.fortress-cta--mid { margin: 32px 0 36px; }
  .fortress-cta__body { padding: 30px var(--fc-pad-x) 24px; }
  .entry-content .fortress-cta .fortress-cta__headline { font-size: 22px; line-height: 1.5; letter-spacing: .02em; }
  /* 冒頭・途中ブロックの画像は本体の幅いっぱい */
  .entry-content .fortress-cta .fortress-cta__visual { max-width: none; margin: 0 calc(-1 * var(--fc-pad-x)); }
  .entry-content .fortress-cta.fortress-cta--lead .fortress-cta__visual { margin-top: 14px; }
  .entry-content .fortress-cta.fortress-cta--lead .fortress-cta__visual + .fortress-cta__text { margin-top: 14px; }
  .entry-content .fortress-cta .fortress-cta__visual--mid { margin: 14px calc(-1 * var(--fc-pad-x)) 0; }
  .entry-content .fortress-cta.fortress-cta--mid-visual .fortress-cta__visual + .fortress-cta__text { margin-top: 14px; }
  .entry-content .fortress-cta .fortress-cta__text { margin-top: 14px; font-size: 16px; line-height: 1.8; }
  .entry-content .fortress-cta .fortress-cta__text.fortress-cta__text--lead { margin-top: 12px; font-size: 16px; line-height: 1.8; }
  .fortress-cta__mark { text-decoration-thickness: 5px; text-underline-offset: -2px; }
  .entry-content .fortress-cta .fortress-cta__badges { gap: 8px; margin-top: 34px; }
  .entry-content .fortress-cta .fortress-cta__badge { flex: 1 1 0; min-height: 88px; padding: 14px 4px 8px; border-radius: 8px; }
  .fortress-cta__badge::after { top: -19px; width: 36px; height: 30px; background-size: auto 27px; }
  .fortress-cta__badge--consult::after,
  .fortress-cta__badge--refund::after { background-size: auto 26px; }
  .fortress-cta__badge-label { font-size: 14px; }
  .fortress-cta__badge-value { font-size: 38px; }
  .fortress-cta__badge-value small { font-size: 16px; }
  .fortress-cta__badge-value--text { min-height: 38px; font-size: 18px; }
  .entry-content .fortress-cta.fortress-cta--lead .fortress-cta__text--lead + .fortress-cta__badges { margin-top: 37px; }
  .fortress-cta__actions { margin-top: 24px; }
  .entry-content .fortress-cta .fortress-cta__button--lead { max-width: none; min-height: 80px; padding: 10px 12px 10px 14px; gap: 10px; }
  .fortress-cta__button-svg { width: 44px; }
  .fortress-cta__button-main,
  .fortress-cta__button--lead .fortress-cta__button-main { font-size: 21px; }
  .fortress-cta__button-sub { max-width: 200px; font-size: 14px; }
  .fortress-cta__button-arrow { width: 22px; height: 22px; }
  .fortress-cta--mid .fortress-cta__body { padding: 26px var(--fc-pad-x) 20px; }
  .entry-content .fortress-cta .fortress-cta__headline--mid { font-size: 20px; }
  /* 本文は 640px以下も中央揃え（2026-10-12 決定。641px以上は元から中央） */
  .entry-content .fortress-cta .fortress-cta__text--mid { margin-top: 10px; font-size: 15px; line-height: 1.75; text-align: center; }
  .entry-content .fortress-cta .fortress-cta__button--mid { min-height: 60px; margin-top: 16px; padding: 9px 10px 9px 12px; gap: 8px; }
  .fortress-cta__button--mid .fortress-cta__button-svg { width: 34px; }
  .fortress-cta__button--mid .fortress-cta__button-main { font-size: 17px; letter-spacing: .02em; }
  .fortress-cta__button--mid .fortress-cta__button-arrow { width: 20px; height: 20px; }
  .entry-content .fortress-cta .fortress-cta__sub { margin-top: 12px; }
  .fortress-cta__alert { padding: 18px 14px 20px; }
  .entry-content .fortress-cta .fortress-cta__alert-small { font-size: 16px; }
  .fortress-cta__alert-small .fortress-cta__alert-svg { margin-right: 6px; vertical-align: -3px; }
  .fortress-cta__alert-svg { width: 22px; }
  .fortress-cta__alert-name .fortress-cta__case--big { font-size: 21px; }
  .entry-content .fortress-cta .fortress-cta__alert-big,
  .fortress-cta__alert-particle { font-size: 17px; }
  .entry-content .fortress-cta .fortress-cta__alert-big { margin-top: 2px; }
  .entry-content .fortress-cta .fortress-cta__alert--mid { padding: 8px 12px 9px; font-size: 15px; }
}

/* ---------- 380px以下：狭いスマートフォン ---------- */
@media (max-width: 380px) {
  .fortress-cta { --fc-pad-x: 14px; }
  .entry-content .fortress-cta .fortress-cta__headline { font-size: 20px; }
  .entry-content .fortress-cta .fortress-cta__headline--mid { font-size: 19px; }
  .entry-content .fortress-cta .fortress-cta__badges { gap: 6px; }
  .fortress-cta__badge-value { font-size: 34px; }
  .fortress-cta__badge-value--text { font-size: 17px; letter-spacing: 0; }
  .entry-content .fortress-cta .fortress-cta__button--lead { padding: 10px 10px 10px 12px; gap: 8px; }
  .fortress-cta__button-svg { width: 40px; }
  .fortress-cta__button-main,
  .fortress-cta__button--lead .fortress-cta__button-main { font-size: 19px; letter-spacing: .02em; }
  .fortress-cta__button-arrow { width: 20px; height: 20px; }
  .fortress-cta__button--mid .fortress-cta__button-main { font-size: 16px; letter-spacing: 0; }
  .fortress-cta__button--mid .fortress-cta__button-svg { width: 30px; }
}

/* ---------- 340px以下：とても狭い画面 ---------- */
@media (max-width: 340px) {
  .fortress-cta { --fc-pad-x: 12px; }
  .fortress-cta__alert { padding: 16px 12px 18px; }
  .entry-content .fortress-cta .fortress-cta__alert-small { font-size: 15px; letter-spacing: .03em; }
  .entry-content .fortress-cta .fortress-cta__headline { font-size: 19px; letter-spacing: 0; }
  .entry-content .fortress-cta .fortress-cta__headline--mid { font-size: 18px; }
  .entry-content .fortress-cta .fortress-cta__badges { gap: 5px; }
  .entry-content .fortress-cta .fortress-cta__badge { padding: 14px 2px 8px; }
  .fortress-cta__badge-value { font-size: 32px; }
  .fortress-cta__badge-value--text { font-size: 16px; }
  .fortress-cta__button-main,
  .fortress-cta__button--lead .fortress-cta__button-main { font-size: 18px; letter-spacing: 0; }
  .fortress-cta__button-svg { width: 36px; }
  .fortress-cta__button--mid .fortress-cta__button-main { font-size: 15px; }
}