/* ========================================================================== */
/* ===== infographics-common.css ============================================ */
/* ========================================================================== */

.blog-prose {
  --ifg-teal:        #0F8C8C;
  --ifg-teal-light:  #4FB5B5;
  --ifg-teal-dark:   #0A6E6E;
  --ifg-navy:        #0E2A4A;
  --ifg-orange:      #E97A4F;
  --ifg-orange-soft: #F4B49A;
  --ifg-bg:          #F7F5F0;
  --ifg-gray:        #A6A39C;
  --ifg-gray-light:  #E5E2DC;
  --ifg-white:       #FFFFFF;
  --ifg-purple:  #7A4FE9;
  --ifg-magenta: #E94F8C;
  --ifg-green:   #4FE97A;
  --ifg-blue:    #4F8CE9;
  --ifg-yellow:  #E9C44F;
  --ifg-font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --ifg-font-num: "Inter", "Helvetica Neue", "Arial", sans-serif;
  --ifg-radius-sm: 6px;
  --ifg-radius-md: 12px;
  --ifg-radius-lg: 20px;
  --ifg-shadow-sm: 0 2px 6px rgba(14, 42, 74, 0.06);
  --ifg-shadow-md: 0 6px 18px rgba(14, 42, 74, 0.10);
  --ifg-max-width: 1200px;
}

.blog-prose .ifg {
  max-width: var(--ifg-max-width);
  margin: 32px auto;
  padding: 28px 24px;
  background: var(--ifg-white);
  border: 1px solid var(--ifg-gray-light);
  border-radius: var(--ifg-radius-md);
  box-shadow: var(--ifg-shadow-sm);
  font-family: var(--ifg-font-jp);
  color: var(--ifg-navy);
  line-height: 1.6;
  box-sizing: border-box;
}
.blog-prose .ifg *, .blog-prose .ifg *::before, .blog-prose .ifg *::after { box-sizing: border-box; }
.blog-prose .ifg__title { margin: 0 0 6px; padding: 0; font-size: 22px; font-weight: 700; color: var(--ifg-navy); letter-spacing: 0.02em; border: none; }
.blog-prose .ifg__subtitle { margin: 0 0 20px; padding: 0; font-size: 14px; font-weight: 400; color: var(--ifg-gray); }
.blog-prose .ifg__source { margin: 16px 0 0; font-size: 12px; color: var(--ifg-gray); text-align: right; }
.blog-prose .ifg__source a { color: var(--ifg-teal); text-decoration: underline; }
.blog-prose .ifg-num { font-family: var(--ifg-font-num); font-feature-settings: "tnum"; }
.blog-prose .ifg-callout { margin-top: 18px; padding: 12px 16px; background: var(--ifg-orange-soft); border-left: 4px solid var(--ifg-orange); border-radius: var(--ifg-radius-sm); font-size: 13px; color: var(--ifg-navy); line-height: 1.55; }
.blog-prose .ifg-callout::before { content: "⚠ "; font-weight: 700; color: var(--ifg-orange); }
.blog-prose .ifg-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.blog-prose .ifg :focus-visible { outline: 3px solid var(--ifg-orange); outline-offset: 2px; border-radius: var(--ifg-radius-sm); }
@media print { .blog-prose .ifg { box-shadow: none; page-break-inside: avoid; } }

/* ========================================================================== */
/* ===== h2-1-conclusion.css ================================================ */
/* ========================================================================== */

.blog-prose .ifg-conclusion__band { display: inline-block; margin: 0 0 12px; padding: 6px 14px; background: var(--ifg-navy); color: var(--ifg-white); font-size: 12px; font-weight: 700; letter-spacing: 0.08em; border-radius: 999px; }
.blog-prose .ifg-conclusion__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }
.blog-prose .ifg-conclusion__card { position: relative; display: flex; flex-direction: column; padding: 24px 20px 20px; background: var(--ifg-bg); border: 1px solid var(--ifg-gray-light); border-top: 4px solid var(--ifg-gray); border-radius: var(--ifg-radius-md); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.blog-prose .ifg-conclusion__card:hover { transform: translateY(-2px); box-shadow: var(--ifg-shadow-md); }
.blog-prose .ifg-conclusion__card--teal   { border-top-color: var(--ifg-teal); }
.blog-prose .ifg-conclusion__card--orange { border-top-color: var(--ifg-orange); }
.blog-prose .ifg-conclusion__card--navy   { border-top-color: var(--ifg-navy); }
.blog-prose .ifg-conclusion__icon { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ifg-white); }
.blog-prose .ifg-conclusion__card--teal   .ifg-conclusion__icon { color: var(--ifg-teal); }
.blog-prose .ifg-conclusion__card--orange .ifg-conclusion__icon { color: var(--ifg-orange); }
.blog-prose .ifg-conclusion__card--navy   .ifg-conclusion__icon { color: var(--ifg-navy); }
.blog-prose .ifg-conclusion__label { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--ifg-gray); letter-spacing: 0.04em; }
.blog-prose .ifg-conclusion__number { margin: 0 0 12px; font-family: var(--ifg-font-num); font-size: clamp(32px, 4vw, 44px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.blog-prose .ifg-conclusion__card--teal   .ifg-conclusion__number { color: var(--ifg-teal); }
.blog-prose .ifg-conclusion__card--orange .ifg-conclusion__number { color: var(--ifg-orange); }
.blog-prose .ifg-conclusion__card--navy   .ifg-conclusion__number { color: var(--ifg-navy); }
.blog-prose .ifg-conclusion__unit { margin-left: 6px; font-family: var(--ifg-font-jp); font-size: 16px; font-weight: 600; color: var(--ifg-navy); }
.blog-prose .ifg-conclusion__caption { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ifg-navy); }
.blog-prose .ifg-conclusion__number .ifg-num { display: inline-block; min-width: 1ch; font-variant-numeric: tabular-nums; }
@media (max-width: 768px) {
  .blog-prose .ifg-conclusion__grid { grid-template-columns: 1fr; gap: 12px; }
  .blog-prose .ifg-conclusion__card { padding: 20px 16px 18px; }
  .blog-prose .ifg-conclusion__number { font-size: 36px; }
}

/* ========================================================================== */
/* ===== h2-2-cost-chart.css ================================================ */
/* ========================================================================== */

.blog-prose .ifg-cost__chart { display: grid; grid-template-columns: 56px 1fr; grid-template-rows: 360px auto auto; gap: 0; position: relative; }
.blog-prose .ifg-cost__yaxis { grid-column: 1; grid-row: 1; position: relative; font-family: var(--ifg-font-num); font-size: 11px; color: var(--ifg-gray); font-variant-numeric: tabular-nums; }
.blog-prose .ifg-cost__yaxis span { position: absolute; right: 8px; transform: translateY(50%); white-space: nowrap; }
.blog-prose .ifg-cost__yaxis span[data-y="500"] { bottom: 100%; }
.blog-prose .ifg-cost__yaxis span[data-y="400"] { bottom: 80%; }
.blog-prose .ifg-cost__yaxis span[data-y="300"] { bottom: 60%; }
.blog-prose .ifg-cost__yaxis span[data-y="200"] { bottom: 40%; }
.blog-prose .ifg-cost__yaxis span[data-y="150"] { bottom: 30%; color: var(--ifg-orange); font-weight: 700; }
.blog-prose .ifg-cost__yaxis span[data-y="100"] { bottom: 20%; }
.blog-prose .ifg-cost__yaxis span[data-y="80"]  { bottom: 16%; color: var(--ifg-orange); font-weight: 700; }
.blog-prose .ifg-cost__yaxis span[data-y="50"]  { bottom: 10%; }
.blog-prose .ifg-cost__yaxis span[data-y="40"]  { bottom: 8%;  color: var(--ifg-orange); font-weight: 700; }
.blog-prose .ifg-cost__yaxis span[data-y="20"]  { bottom: 4%; }
.blog-prose .ifg-cost__yaxis span[data-y="0"]   { bottom: 0; }
.blog-prose .ifg-cost__plot { grid-column: 2; grid-row: 1; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; padding: 0 24px; border-left: 1px solid var(--ifg-gray-light); border-bottom: 1px solid var(--ifg-gray-light); }
.blog-prose .ifg-cost__grid { position: absolute; inset: 0; pointer-events: none; }
.blog-prose .ifg-cost__grid-line { position: absolute; left: 0; right: 0; height: 1px; background: var(--ifg-gray-light); opacity: 0.5; }
.blog-prose .ifg-cost__band { position: absolute; left: 0; right: 0; background: rgba(233, 122, 79, 0.08); border-top: 1px dashed var(--ifg-orange); border-bottom: 1px dashed var(--ifg-orange); pointer-events: none; z-index: 1; }
.blog-prose .ifg-cost__band-label { position: absolute; top: -1px; right: 8px; transform: translateY(-100%); padding: 3px 10px; background: var(--ifg-orange); color: var(--ifg-white); font-size: 11px; font-weight: 700; border-radius: 999px; white-space: nowrap; letter-spacing: 0.04em; }
.blog-prose .ifg-cost__bar-wrap { position: relative; height: 100%; display: flex; justify-content: center; align-items: flex-end; z-index: 2; }
.blog-prose .ifg-cost__bar { position: relative; width: 56%; max-width: 110px; background: linear-gradient(180deg, var(--ifg-teal-light) 0%, var(--ifg-teal) 100%); border-radius: 6px 6px 0 0; box-shadow: 0 -2px 6px rgba(14, 42, 74, 0.08); transition: height 1.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s ease; height: calc((var(--bar-max) - var(--bar-min)) / var(--bar-scale) * 100%); margin-bottom: calc(var(--bar-min) / var(--bar-scale) * 100%); }
.blog-prose .ifg-cost__bar:hover { transform: translateY(-2px); }
.blog-prose .ifg-cost__bar--teal-light { background: linear-gradient(180deg, #7AC9C9 0%, var(--ifg-teal-light) 100%); }
.blog-prose .ifg-cost__bar--teal { background: linear-gradient(180deg, var(--ifg-teal-light) 0%, var(--ifg-teal) 100%); }
.blog-prose .ifg-cost__bar--navy { background: linear-gradient(180deg, var(--ifg-teal) 0%, var(--ifg-navy) 100%); }
.blog-prose .ifg-cost__bar-value { position: absolute; left: 50%; transform: translateX(-50%); font-family: var(--ifg-font-num); font-size: 12px; font-weight: 700; color: var(--ifg-navy); white-space: nowrap; }
.blog-prose .ifg-cost__bar-value--top { top: -22px; }
.blog-prose .ifg-cost__bar-value--bottom { bottom: -22px; color: var(--ifg-gray); font-weight: 600; }
.blog-prose .ifg-cost__bar-value::after { content: "万"; margin-left: 1px; font-family: var(--ifg-font-jp); font-size: 10px; font-weight: 600; }
.blog-prose .ifg-cost__xaxis-spacer { grid-column: 1; grid-row: 2; height: 36px; }
.blog-prose .ifg-cost__xaxis { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: repeat(3, 1fr); padding: 36px 24px 0; text-align: center; }
.blog-prose .ifg-cost__xlabel { display: flex; flex-direction: column; gap: 4px; }
.blog-prose .ifg-cost__xlabel strong { font-size: 15px; font-weight: 700; color: var(--ifg-navy); }
.blog-prose .ifg-cost__xlabel span { font-family: var(--ifg-font-num); font-size: 12px; color: var(--ifg-teal); font-weight: 700; }
.blog-prose .ifg-cost__xlabel small { font-size: 11px; color: var(--ifg-gray); line-height: 1.4; }
.blog-prose .ifg-cost__yunit { grid-column: 1 / -1; grid-row: 3; margin: 8px 0 0; font-size: 11px; color: var(--ifg-gray); text-align: left; padding-left: 56px; }
.blog-prose .ifg-cost[data-anim="initial"] .ifg-cost__bar { height: 0; margin-bottom: calc(var(--bar-min) / var(--bar-scale) * 100%); }
.blog-prose .ifg-cost[data-anim="initial"] .ifg-cost__bar-value--top { opacity: 0; }
.blog-prose .ifg-cost.is-revealed .ifg-cost__bar { height: calc((var(--bar-max) - var(--bar-min)) / var(--bar-scale) * 100%); }
.blog-prose .ifg-cost.is-revealed .ifg-cost__bar-value--top { opacity: 1; transition: opacity 0.4s ease 1.0s; }
@media (prefers-reduced-motion: reduce) {
  .blog-prose .ifg-cost[data-anim="initial"] .ifg-cost__bar, .blog-prose .ifg-cost.is-revealed .ifg-cost__bar { transition: none; }
  .blog-prose .ifg-cost[data-anim="initial"] .ifg-cost__bar-value--top { opacity: 1; }
}
@media (max-width: 768px) {
  .blog-prose .ifg-cost__chart { grid-template-columns: 40px 1fr; grid-template-rows: 280px auto auto; }
  .blog-prose .ifg-cost__plot { padding: 0 8px; }
  .blog-prose .ifg-cost__bar { width: 70%; }
  .blog-prose .ifg-cost__band-label { font-size: 10px; padding: 2px 8px; }
  .blog-prose .ifg-cost__xaxis { padding: 36px 8px 0; }
  .blog-prose .ifg-cost__xlabel strong { font-size: 13px; }
  .blog-prose .ifg-cost__xlabel span   { font-size: 11px; }
  .blog-prose .ifg-cost__xlabel small  { font-size: 10px; }
  .blog-prose .ifg-cost__yunit { padding-left: 40px; }
}

/* ========================================================================== */
/* ===== h2-3-subsidy-flow.css ============================================== */
/* ========================================================================== */

.blog-prose .ifg-flow__list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; list-style: none; margin: 24px 0 0; padding: 0; position: relative; }
.blog-prose .ifg-flow__step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 4px; }
.blog-prose .ifg-flow__step + .ifg-flow__step::before { content: ""; position: absolute; top: 26px; left: -50%; width: 100%; height: 2px; background: var(--ifg-gray-light); z-index: 0; }
.blog-prose .ifg-flow__step + .ifg-flow__step::after { content: ""; position: absolute; top: 21px; left: calc(0% - 6px); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid var(--ifg-teal); z-index: 0; }
.blog-prose .ifg-flow__node { position: relative; width: 56px; height: 56px; border-radius: 50%; background: var(--ifg-gray); color: var(--ifg-white); display: flex; align-items: center; justify-content: center; font-family: var(--ifg-font-num); font-size: 22px; font-weight: 800; z-index: 1; box-shadow: 0 2px 8px rgba(14, 42, 74, 0.10); transition: transform 0.2s ease; }
.blog-prose .ifg-flow__step--teal   .ifg-flow__node { background: var(--ifg-teal); }
.blog-prose .ifg-flow__step--gray   .ifg-flow__node { background: var(--ifg-gray); }
.blog-prose .ifg-flow__step--orange .ifg-flow__node { background: var(--ifg-orange); }
.blog-prose .ifg-flow__step--navy   .ifg-flow__node { background: var(--ifg-navy); }
.blog-prose .ifg-flow__step--accent .ifg-flow__node { width: 68px; height: 68px; font-size: 26px; margin-top: -6px; box-shadow: 0 4px 16px rgba(233, 122, 79, 0.35); animation: ifg-flow-pulse 2.4s ease-in-out infinite; }
.blog-prose .ifg-flow__star { position: absolute; top: -6px; right: -8px; width: 22px; height: 22px; background: var(--ifg-white); color: var(--ifg-orange); border-radius: 50%; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
@media (prefers-reduced-motion: reduce) { .blog-prose .ifg-flow__step--accent .ifg-flow__node { animation: none; } }
.blog-prose .ifg-flow__body { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; }
.blog-prose .ifg-flow__label { margin: 0; font-size: 14px; font-weight: 700; color: var(--ifg-navy); }
.blog-prose .ifg-flow__step--orange .ifg-flow__label { color: var(--ifg-orange); }
.blog-prose .ifg-flow__desc { margin: 0; font-size: 11px; line-height: 1.5; color: var(--ifg-gray); }
.blog-prose .ifg-flow__period { margin: 4px 0 0; padding: 2px 8px; align-self: center; background: var(--ifg-bg); border: 1px solid var(--ifg-gray-light); border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--ifg-teal); font-feature-settings: "tnum"; }
.blog-prose .ifg-flow__step--accent .ifg-flow__period { background: var(--ifg-orange); border-color: var(--ifg-orange); color: var(--ifg-white); }
.blog-prose .ifg-flow[data-anim="initial"] .ifg-flow__step { opacity: 0; transform: translateY(8px); transition: opacity 0.5s ease, transform 0.5s ease; }
.blog-prose .ifg-flow__step.is-revealed { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .blog-prose .ifg-flow[data-anim="initial"] .ifg-flow__step, .blog-prose .ifg-flow__step.is-revealed { opacity: 1; transform: none; transition: none; }
}
@media (max-width: 980px) {
  .blog-prose .ifg-flow__list { grid-template-columns: repeat(3, 1fr); gap: 24px 0; }
  .blog-prose .ifg-flow__step:nth-child(4)::before, .blog-prose .ifg-flow__step:nth-child(4)::after { display: none; }
}
@media (max-width: 600px) {
  .blog-prose .ifg-flow__list { grid-template-columns: 1fr; gap: 24px; }
  .blog-prose .ifg-flow__step { flex-direction: row; align-items: flex-start; gap: 16px; text-align: left; padding: 0 8px; }
  .blog-prose .ifg-flow__step + .ifg-flow__step::before { top: -24px; left: 28px; width: 2px; height: 24px; background: var(--ifg-gray-light); }
  .blog-prose .ifg-flow__step + .ifg-flow__step::after { top: -8px; left: 22px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid var(--ifg-teal); border-bottom: none; }
  .blog-prose .ifg-flow__body { margin-top: 0; flex: 1; align-items: flex-start; }
  .blog-prose .ifg-flow__period { align-self: flex-start; }
  .blog-prose .ifg-flow__step--accent .ifg-flow__node { margin-top: 0; }
}

/* ========================================================================== */
/* ===== h2-7-5checks.css =================================================== */
/* ========================================================================== */

.blog-prose .ifg-checks__list { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.blog-prose .ifg-checks__item { border: 1px solid var(--ifg-gray-light); border-radius: var(--ifg-radius-md); background: var(--ifg-white); transition: border-color 0.2s ease, background 0.2s ease; }
.blog-prose .ifg-checks__item:hover { border-color: var(--ifg-teal-light); background: var(--ifg-bg); }
.blog-prose .ifg-checks__label { display: grid; grid-template-columns: auto auto 1fr; align-items: flex-start; gap: 14px; padding: 16px 18px; cursor: pointer; position: relative; }
.blog-prose .ifg-checks__input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.blog-prose .ifg-checks__box { width: 28px; height: 28px; border: 2px solid var(--ifg-gray); border-radius: 6px; background: var(--ifg-white); color: transparent; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s ease; }
.blog-prose .ifg-checks__input:checked + .ifg-checks__box { background: var(--ifg-teal); border-color: var(--ifg-teal); color: var(--ifg-white); }
.blog-prose .ifg-checks__input:focus-visible + .ifg-checks__box { outline: 3px solid var(--ifg-orange); outline-offset: 2px; }
.blog-prose .ifg-checks__num { width: 32px; height: 32px; border-radius: 50%; background: var(--ifg-orange); color: var(--ifg-white); font-family: var(--ifg-font-num); font-size: 16px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.2s ease; }
.blog-prose .ifg-checks__item:has(.ifg-checks__input:checked) .ifg-checks__num { background: var(--ifg-teal); }
.blog-prose .ifg-checks__body { display: flex; flex-direction: column; gap: 4px; }
.blog-prose .ifg-checks__title { font-size: 16px; font-weight: 700; color: var(--ifg-navy); line-height: 1.4; }
.blog-prose .ifg-checks__desc { font-size: 13px; color: var(--ifg-gray); line-height: 1.6; }
.blog-prose .ifg-checks__item:has(.ifg-checks__input:checked) { background: rgba(15, 140, 140, 0.04); border-color: var(--ifg-teal-light); }
.blog-prose .ifg-checks__item:has(.ifg-checks__input:checked) .ifg-checks__title { color: var(--ifg-teal-dark); }
.blog-prose .ifg-checks__item.is-checked { background: rgba(15, 140, 140, 0.04); border-color: var(--ifg-teal-light); }
.blog-prose .ifg-checks__item.is-checked .ifg-checks__num { background: var(--ifg-teal); }
.blog-prose .ifg-checks__item.is-checked .ifg-checks__title { color: var(--ifg-teal-dark); }
.blog-prose .ifg-checks__result { margin-top: 24px; padding: 18px 22px; background: var(--ifg-bg); border: 1px solid var(--ifg-gray-light); border-radius: var(--ifg-radius-md); transition: background 0.4s ease, border-color 0.4s ease; }
.blog-prose .ifg-checks__result.is-complete { background: var(--ifg-teal); border-color: var(--ifg-teal-dark); color: var(--ifg-white); }
.blog-prose .ifg-checks__progress { width: 100%; height: 8px; background: var(--ifg-gray-light); border-radius: 999px; overflow: hidden; margin-bottom: 12px; }
.blog-prose .ifg-checks__progress-bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(--ifg-teal-light) 0%, var(--ifg-teal) 100%); border-radius: 999px; transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); }
.blog-prose .ifg-checks__result.is-complete .ifg-checks__progress { background: rgba(255, 255, 255, 0.25); }
.blog-prose .ifg-checks__result.is-complete .ifg-checks__progress-bar { background: var(--ifg-white); }
.blog-prose .ifg-checks__count { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; font-size: 14px; color: var(--ifg-navy); transition: color 0.4s ease; }
.blog-prose .ifg-checks__count-num { font-family: var(--ifg-font-num); font-size: 20px; font-weight: 800; color: var(--ifg-teal); }
.blog-prose .ifg-checks__result.is-complete .ifg-checks__count, .blog-prose .ifg-checks__result.is-complete .ifg-checks__count-num { color: var(--ifg-white); }
.blog-prose .ifg-checks__count-text { font-weight: 700; }
.blog-prose .ifg-checks__item { transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease; }
.blog-prose .ifg-checks__item:active { transform: scale(0.995); }
@media (prefers-reduced-motion: reduce) {
  .blog-prose .ifg-checks__item, .blog-prose .ifg-checks__box, .blog-prose .ifg-checks__num, .blog-prose .ifg-checks__progress-bar, .blog-prose .ifg-checks__result { transition: none; }
}
@media (max-width: 600px) {
  .blog-prose .ifg-checks__label { grid-template-columns: auto auto 1fr; gap: 10px; padding: 14px 14px; }
  .blog-prose .ifg-checks__title { font-size: 15px; }
  .blog-prose .ifg-checks__desc  { font-size: 12px; }
  .blog-prose .ifg-checks__num { width: 28px; height: 28px; font-size: 14px; }
  .blog-prose .ifg-checks__box { width: 24px; height: 24px; }
}

/* ========================================================================== */
/* ===== h2-8-flow-7steps.css =============================================== */
/* ========================================================================== */

.blog-prose .ifg-7steps__list { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; list-style: none; margin: 24px 0 0; padding: 0; position: relative; }
.blog-prose .ifg-7steps__step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 4px; }
.blog-prose .ifg-7steps__step + .ifg-7steps__step::before { content: ""; position: absolute; top: 28px; left: -50%; width: 100%; height: 3px; background: var(--ifg-gray-light); z-index: 0; border-radius: 2px; }
.blog-prose .ifg-7steps__step + .ifg-7steps__step::after { content: ""; position: absolute; top: 23px; left: -2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid var(--ifg-teal); z-index: 1; }
.blog-prose .ifg-7steps__node { position: relative; width: 60px; height: 60px; border-radius: 50%; background: var(--ifg-teal-light); color: var(--ifg-white); display: flex; align-items: center; justify-content: center; font-family: var(--ifg-font-num); font-size: 22px; font-weight: 800; z-index: 2; box-shadow: 0 2px 8px rgba(14, 42, 74, 0.10); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.blog-prose .ifg-7steps__step--lvl1 .ifg-7steps__node { background: var(--ifg-teal-light); }
.blog-prose .ifg-7steps__step--lvl2 .ifg-7steps__node { background: var(--ifg-teal); }
.blog-prose .ifg-7steps__step--lvl3 .ifg-7steps__node { background: var(--ifg-navy); width: 68px; height: 68px; font-size: 26px; margin-top: -4px; }
.blog-prose .ifg-7steps__step:hover .ifg-7steps__node { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(14, 42, 74, 0.18); }
.blog-prose .ifg-7steps__body { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; align-items: center; }
.blog-prose .ifg-7steps__label { margin: 0; font-size: 13px; font-weight: 700; color: var(--ifg-navy); line-height: 1.4; }
.blog-prose .ifg-7steps__period { margin: 4px 0 0; font-size: 12px; font-weight: 700; color: var(--ifg-teal); font-feature-settings: "tnum"; }
.blog-prose .ifg-7steps__owner { margin: 4px 0 0; }
.blog-prose .ifg-7steps__chip { display: inline-block; padding: 2px 8px; background: var(--ifg-bg); border: 1px solid var(--ifg-gray-light); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.04em; }
.blog-prose .ifg-7steps__chip--client { color: var(--ifg-orange); border-color: var(--ifg-orange); }
.blog-prose .ifg-7steps__chip--vendor { color: var(--ifg-teal); border-color: var(--ifg-teal); }
.blog-prose .ifg-7steps__chip--both   { color: var(--ifg-navy); border-color: var(--ifg-gray); }
.blog-prose .ifg-7steps__total { margin-top: 28px; padding: 14px 20px; background: var(--ifg-orange-soft); border-left: 4px solid var(--ifg-orange); border-radius: var(--ifg-radius-sm); display: inline-flex; align-items: baseline; gap: 10px; }
.blog-prose .ifg-7steps__total-label { font-size: 13px; font-weight: 700; color: var(--ifg-navy); }
.blog-prose .ifg-7steps__total-value { font-size: 18px; font-weight: 800; color: var(--ifg-orange); font-family: var(--ifg-font-jp); }
.blog-prose .ifg-7steps[data-anim="initial"] .ifg-7steps__step { opacity: 0; transform: translateY(8px); transition: opacity 0.5s ease, transform 0.5s ease; }
.blog-prose .ifg-7steps[data-anim="initial"] .ifg-7steps__step + .ifg-7steps__step::before { width: 0; transition: width 0.4s ease; }
.blog-prose .ifg-7steps__step.is-revealed { opacity: 1; transform: translateY(0); }
.blog-prose .ifg-7steps__step.is-revealed + .ifg-7steps__step::before, .blog-prose .ifg-7steps__step.is-revealed::before { width: 100%; }
@media (prefers-reduced-motion: reduce) {
  .blog-prose .ifg-7steps[data-anim="initial"] .ifg-7steps__step, .blog-prose .ifg-7steps__step.is-revealed, .blog-prose .ifg-7steps[data-anim="initial"] .ifg-7steps__step + .ifg-7steps__step::before { opacity: 1; transform: none; width: 100%; transition: none; }
}
@media (max-width: 1100px) {
  .blog-prose .ifg-7steps__label  { font-size: 12px; }
  .blog-prose .ifg-7steps__period { font-size: 11px; }
}
@media (max-width: 880px) {
  .blog-prose .ifg-7steps__list { grid-template-columns: 1fr; gap: 24px; }
  .blog-prose .ifg-7steps__step { flex-direction: row; align-items: flex-start; gap: 16px; text-align: left; padding: 0 8px; }
  .blog-prose .ifg-7steps__step + .ifg-7steps__step::before { top: -24px; left: 30px; width: 3px !important; height: 24px; background: var(--ifg-teal-light); }
  .blog-prose .ifg-7steps__step + .ifg-7steps__step::after { top: -8px; left: 25px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid var(--ifg-teal); border-bottom: none; }
  .blog-prose .ifg-7steps__body { margin-top: 0; flex: 1; align-items: flex-start; }
  .blog-prose .ifg-7steps__step--lvl3 .ifg-7steps__node { margin-top: 0; }
}

/* ========================================================================== */
/* ===== h2-5-map-section.css =============================================== */
/* ========================================================================== */

.blog-prose .mie10-map, .blog-prose .mie10-cards {
  --m10-teal:           #0F8C8C;
  --m10-teal-dark:      #0A6E6E;
  --m10-teal-light-bg:  #D4ECEC;
  --m10-navy:           #0E2A4A;
  --m10-navy-light-bg:  #E0E5EE;
  --m10-orange:         #E97A4F;
  --m10-orange-light-bg:#FAE5DC;
  --m10-gray:           #6B7280;
  --m10-gray-light-bg:  #E5E2DC;
  --m10-greenkishu-bg:  #C9E5DC;
  --m10-bg:             #F7F5F0;
  --m10-text:           #1F2937;
  --m10-muted:          #6B7280;
  --m10-border:         #E5E7EB;
  --m10-radius:         12px;
  --m10-shadow:         0 1px 3px rgba(14, 42, 74, 0.06), 0 4px 12px rgba(14, 42, 74, 0.04);
  --m10-shadow-hover:   0 2px 6px rgba(14, 42, 74, 0.10), 0 8px 24px rgba(14, 42, 74, 0.10);
}
.blog-prose .mie10-map { margin: 2.5rem 0 3rem; padding: 1.5rem; background: var(--m10-bg); border-radius: var(--m10-radius); border: 1px solid var(--m10-border); }
.blog-prose .mie10-map__title { font-size: 1.25rem; font-weight: 700; color: var(--m10-navy); margin: 0 0 0.75rem; padding-bottom: 0.5rem; border-bottom: 3px solid var(--m10-teal); display: inline-block; }
.blog-prose .mie10-map__lead { font-size: 0.95rem; line-height: 1.7; color: var(--m10-text); margin: 0 0 1.25rem; }
.blog-prose .mie10-map__embed { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 360px; background: #fff; border-radius: var(--m10-radius); overflow: hidden; box-shadow: var(--m10-shadow); }
.blog-prose .mie10-map__embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.blog-prose .mie10-map__note { font-size: 0.85rem; color: var(--m10-muted); margin: 0.5rem 0 1.5rem; text-align: right; }
.blog-prose .mie10-map__note a { color: var(--m10-teal-dark); text-decoration: underline; }
.blog-prose .mie10-cards { margin-top: 0.5rem; }
.blog-prose .mie10-cards__region { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 700; color: var(--m10-navy); margin: 1.5rem 0 0.75rem; padding-bottom: 0.25rem; border-bottom: 1px dashed var(--m10-border); }
.blog-prose .mie10-cards__region-pin { display: inline-block; width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; }
.blog-prose .mie10-cards__region--hokusei      .mie10-cards__region-pin { background: var(--m10-teal); }
.blog-prose .mie10-cards__region--chusei       .mie10-cards__region-pin { background: var(--m10-gray); }
.blog-prose .mie10-cards__region--nansei       .mie10-cards__region-pin { background: var(--m10-orange); }
.blog-prose .mie10-cards__region--iga          .mie10-cards__region-pin { background: var(--m10-navy); }
.blog-prose .mie10-cards__region--higashikishu .mie10-cards__region-pin { background: var(--m10-teal-dark); }
.blog-prose .mie10-cards__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0.75rem; }
.blog-prose .mie10-card { margin: 0; padding: 0; }
.blog-prose .mie10-card__link { display: flex; align-items: stretch; gap: 0.75rem; padding: 0.85rem 1rem; background: #fff; border: 1px solid var(--m10-border); border-left: 4px solid var(--m10-teal); border-radius: var(--m10-radius); box-shadow: var(--m10-shadow); text-decoration: none; color: var(--m10-text); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; height: 100%; }
.blog-prose .mie10-card__link:hover, .blog-prose .mie10-card__link:focus-visible { transform: translateY(-2px); box-shadow: var(--m10-shadow-hover); text-decoration: none; outline: none; }
.blog-prose .mie10-card__link:focus-visible { outline: 2px solid var(--m10-orange); outline-offset: 2px; }
.blog-prose .mie10-card--hokusei      .mie10-card__link { border-left-color: var(--m10-teal); }
.blog-prose .mie10-card--chusei       .mie10-card__link { border-left-color: var(--m10-gray); }
.blog-prose .mie10-card--nansei       .mie10-card__link { border-left-color: var(--m10-orange); }
.blog-prose .mie10-card--iga          .mie10-card__link { border-left-color: var(--m10-navy); }
.blog-prose .mie10-card--higashikishu .mie10-card__link { border-left-color: var(--m10-teal-dark); }
.blog-prose .mie10-card__num { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--m10-teal); color: #fff; font-weight: 700; font-size: 0.9rem; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }
.blog-prose .mie10-card--hokusei      .mie10-card__num { background: var(--m10-teal); }
.blog-prose .mie10-card--chusei       .mie10-card__num { background: var(--m10-gray); }
.blog-prose .mie10-card--nansei       .mie10-card__num { background: var(--m10-orange); }
.blog-prose .mie10-card--iga          .mie10-card__num { background: var(--m10-navy); }
.blog-prose .mie10-card--higashikishu .mie10-card__num { background: var(--m10-teal-dark); }
.blog-prose .mie10-card__body { display: flex; flex-direction: column; gap: 0.2rem; flex: 1 1 auto; min-width: 0; }
.blog-prose .mie10-card__name { font-size: 0.98rem; font-weight: 700; color: var(--m10-navy); line-height: 1.4; }
.blog-prose .mie10-card__addr { font-size: 0.8rem; color: var(--m10-muted); line-height: 1.5; word-break: break-word; }
.blog-prose .mie10-card__tag { display: inline-block; margin-top: 0.25rem; padding: 0.15rem 0.55rem; font-size: 0.72rem; font-weight: 600; color: var(--m10-teal-dark); background: var(--m10-teal-light-bg); border-radius: 999px; align-self: flex-start; line-height: 1.5; }
.blog-prose .mie10-card--chusei       .mie10-card__tag { color: #4B5563; background: var(--m10-gray-light-bg); }
.blog-prose .mie10-card--nansei       .mie10-card__tag { color: #B6532E; background: var(--m10-orange-light-bg); }
.blog-prose .mie10-card--iga          .mie10-card__tag { color: var(--m10-navy); background: var(--m10-navy-light-bg); }
.blog-prose .mie10-card--higashikishu .mie10-card__tag { color: var(--m10-teal-dark); background: var(--m10-greenkishu-bg); }
.blog-prose .mie10-map__caption { font-size: 0.8rem; color: var(--m10-muted); margin: 1.5rem 0 0; padding-top: 0.75rem; border-top: 1px solid var(--m10-border); }
@media (max-width: 768px) {
  .blog-prose .mie10-map { padding: 1rem; margin: 2rem 0; }
  .blog-prose .mie10-map__title { font-size: 1.1rem; }
  .blog-prose .mie10-map__lead { font-size: 0.9rem; }
  .blog-prose .mie10-map__embed { aspect-ratio: 4 / 5; min-height: 420px; }
  .blog-prose .mie10-cards__list { grid-template-columns: 1fr; gap: 0.6rem; }
  .blog-prose .mie10-card__link { padding: 0.75rem 0.85rem; }
  .blog-prose .mie10-card__name { font-size: 0.95rem; }
}
@media (max-width: 480px) {
  .blog-prose .mie10-map__embed { min-height: 380px; }
  .blog-prose .mie10-card__num { width: 32px; height: 32px; font-size: 0.82rem; }
}
@media print {
  .blog-prose .mie10-map__embed { display: none; }
  .blog-prose .mie10-map__note  { display: none; }
  .blog-prose .mie10-cards__list { grid-template-columns: 1fr 1fr; }
  .blog-prose .mie10-card__link { box-shadow: none; border: 1px solid #ccc; }
}


/* 元記事の本文装飾に合わせた追加CSS。対象は下記の専用クラスのみです。 */
.blog-prose .p-entry__body .ff-toc-title {
  color: #fff;
  background: #2196f3;
  border: 0;
  padding: 9px 15px 6px 18px;
  margin: 36px 0 0;
  font-size: 18.2px;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 2px 0 #f2f2f2;
}
.blog-prose .p-entry__body .ff-toc-list {
  border: 2px solid #2196f3;
  padding: 6px 12px;
  margin: 0 0 70px;
  font-size: 14px;
  line-height: 1.8;
  list-style: none;
  counter-reset: ff-toc-number;
}
.blog-prose .p-entry__body .ff-toc-list > li {
  position: relative;
  margin: 0;
  padding: 7px 7px 7px 30px;
  border-bottom: 1px dashed #2196f3;
  list-style: none;
  counter-increment: ff-toc-number;
}
.blog-prose .p-entry__body .ff-toc-list > li:last-child { border-bottom: 0; }
.blog-prose .p-entry__body .ff-toc-list > li::before {
  content: counter(ff-toc-number);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #2196f3;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  text-align: center;
}
.blog-prose .p-entry__body .ff-toc-list a, .blog-prose .p-entry__body .ff-reference-link { color: #ff7f00; }
.blog-prose .p-entry__body .ff-toc-list a:hover, .blog-prose .p-entry__body .ff-reference-link:hover { text-decoration: underline; }
.blog-prose .p-entry__body .ff-reference-link {
  display: inline-block;
  margin-top: 4px;
  line-height: 1.8;
}
.blog-prose .p-entry__body .ff-external-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.35em;
  vertical-align: -0.15em;
}
.blog-prose .p-entry__body .ff-reference-source {
  margin-left: 0.6em;
  color: #777;
  font-size: 0.85em;
}
.blog-prose .p-entry__body .ff-step-heading {
  position: relative;
  background: transparent;
  color: #000;
  border: 0;
  padding: 12px 0 12px 35px;
  margin: 44px 0 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  scroll-margin-top: 90px;
}
.blog-prose .p-entry__body .ff-step-heading::before {
  position: absolute;
  top: 16px;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #2196f3;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
}
.blog-prose .p-entry__body .ff-step-1::before { content: "1"; }
.blog-prose .p-entry__body .ff-step-2::before { content: "2"; }
.blog-prose .p-entry__body .ff-step-3::before { content: "3"; }
.blog-prose .p-entry__body .ff-step-4::before { content: "4"; }
.blog-prose .p-entry__body .ff-step-5::before { content: "5"; }
.blog-prose .p-entry__body .ff-step-6::before { content: "6"; }
.blog-prose .p-entry__body .ff-step-7::before { content: "7"; }
.blog-prose .p-entry__body .ff-step-8::before { content: "8"; }
.blog-prose .p-entry__body .ff-step-9::before { content: "9"; }
.blog-prose .p-entry__body .ff-step-10::before { content: "10"; }
.blog-prose .p-entry__body .ff-step-11::before { content: "11"; }
.blog-prose .p-entry__body .ff-step-12::before { content: "12"; }
.blog-prose .p-entry__body .ff-step-13::before { content: "13"; }
.blog-prose .p-entry__body .ff-step-14::before { content: "14"; }
.blog-prose .p-entry__body .ff-subheading {
  color: #2ca9e1;
  background: transparent;
  border: 0;
  border-bottom: 1px dotted #aaa;
  padding: 15px 0 13px;
  margin: 24px 0 15px;
  font-size: 16.8px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 600px) {
  .blog-prose .p-entry__body .ff-step-heading { font-size: 21px; }
  .blog-prose .p-entry__body .ff-step-heading::before { top: 14px; }
  .blog-prose .p-entry__body .ff-toc-list { padding: 6px 10px; margin-bottom: 42px; }
}


.blog-prose .p-entry__body .ff-screenshot { max-width: 720px; margin: 24px auto 38px; }
.blog-prose .p-entry__body .ff-screenshot img { display: block; width: 100%; height: auto; border: 1px solid #ddd; box-sizing: border-box; }
.blog-prose .p-entry__body .ff-screenshot figcaption { display: block; width: 100%; box-sizing: border-box; clear: both; color: #666; font-size: 14px; line-height: 1.9; margin-top: 10px; text-align: left; }

/* 操作名のラベルと画面説明の番号付きリスト */
.blog-prose .p-entry__body .key-02 { display: inline-block; padding: 0 7px; color: #fff; background: #797979; border: 1px solid #ccc; border-radius: 5px; font-weight: 400; }
.blog-prose .p-entry__body .ff-editor-areas {
  list-style: decimal;
  padding: 14px 20px 14px 44px;
  margin: 20px 0 24px;
  border: 1px solid #9dd6f5;
  border-left: 4px solid #2196f3;
  background: #f3faff;
  line-height: 2;
}
.blog-prose .p-entry__body .ff-editor-areas > li {
  list-style: decimal;
  padding-left: 4px;
  margin: 8px 0;
}
.blog-prose .p-entry__body .ff-editor-areas > li::marker { color: #1688d0; font-weight: 700; }
@media (max-width: 600px) { .blog-prose .p-entry__body .ff-editor-areas { padding: 12px 16px 12px 36px; } }
.blog-prose .p-entry__body .ff-screenshot figcaption .ff-caption-text, .blog-prose .p-entry__body .ff-screenshot figcaption .ff-caption-text * { font-weight: 700; }
.blog-prose .p-entry__body .ff-screenshot figcaption, .blog-prose .p-entry__body .ff-screenshot figcaption .ff-caption-text { color: #2ca9e1; }