/* No.08 ai-recommendation-marketing 固有：自己診断表の記入欄（○/△/×）だけ */
.mf-table.airec-diag td.airec-mark { white-space: nowrap; text-align: center; vertical-align: middle; width: 1%; }
.airec-mark span {
  display: inline-block; width: 26px; height: 26px; line-height: 24px; margin: 0 2px;
  border: 1px dashed var(--mf-ink-2); text-align: center;
  font-family: var(--font-jp); font-size: 13px; color: var(--mf-ink);
}
.mf-table.airec-diag tbody th { white-space: nowrap; }
@media (max-width: 720px) {
  .mf-table.airec-diag td.airec-mark { width: 100%; text-align: left; }
}
/* mf-loop の説明文が長いため、狭い幅で折り返させる */
.mf-loop span { flex: 0 1 auto; min-width: 0; }
@media (max-width: 720px) { .mf-loop::before { flex: 0 0 28px; } }
/* 記事本文内（.article-section）で mf-flow を使うと、main.css の li リセット・番号カウンタに上書きされるため復元する */
.article-section .mf .mf-flow { counter-reset: mff; }
.article-section .mf .mf-flow > li {
  counter-increment: mff; padding: 16px 16px 18px !important;
  border: 1px solid var(--mf-line); border-right: 0; font-size: 12.5px; line-height: 1.7;
}
.article-section .mf .mf-flow > li:last-child { border-right: 1px solid var(--mf-line); }
.article-section .mf .mf-flow > li.is-key { border-color: var(--mf-navy); color: #E6E9F0; }
.article-section .mf .mf-flow > li + li::after { content: ""; }
@media (max-width: 720px) {
  .article-section .mf .mf-flow > li { border-right: 1px solid var(--mf-line); border-bottom: 0; }
  .article-section .mf .mf-flow > li:last-child { border-bottom: 1px solid var(--mf-line); }
}
/* mf-table--stack のモバイル縦積み補正（caption が縦書き状に潰れる／行見出しが幅22%のまま残る） */
@media (max-width: 720px) {
  .mf .mf-table.mf-table--stack caption { display: block; width: 100%; }
  .mf .mf-table.mf-table--stack tbody th { width: 100%; white-space: normal; }
}