/* インタビュー記事のみにスコープしたスタイル（Bootstrap 非依存・ヘッダー/フッターに影響なし） */
.interview-article .border-bottom { border-bottom: 1px solid #dee2e6 !important; }
.interview-article .pb-3 { padding-bottom: 1rem !important; }
.interview-article .mb-4 { margin-bottom: 1.5rem !important; }
.interview-article .mb-3 { margin-bottom: 1rem !important; }
.interview-article .mb-2 { margin-bottom: 0.5rem !important; }
.interview-article .mb-1 { margin-bottom: 0.25rem !important; }
.interview-article .mb-0 { margin-bottom: 0 !important; }
.interview-article .mt-2 { margin-top: 0.5rem !important; }
.interview-article .mt-4 { margin-top: 1.5rem !important; }
.interview-article .ps-3 { padding-left: 1rem !important; }
.interview-article .text-muted { color: #6c757d !important; }
.interview-article .small { font-size: 0.875em !important; }
.interview-article .text-secondary { color: #6c757d !important; }
.interview-article .h5 { font-size: 1.25rem; font-weight: 500; }
.interview-article .h6 { font-size: 1rem; font-weight: 500; }
.interview-article .border-start { border-left-width: 1px; border-left-style: solid; }
.interview-article .border-3 { border-width: 3px !important; }
.interview-article .border-secondary { border-color: #6c757d !important; }
.interview-article .border-warning { border-color: #ffc107 !important; }
.interview-article .badge { display: inline-flex; align-items: center; gap: 0.35em; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; }
.interview-article .badge .material-icons { font-size: 1.1em; vertical-align: middle; }

/* スプライト interview.png（4列2行）を img で表示・印刷・PDF対応 */
/* [0]マスコット・インタビュー [1]男性・アイデア [2]マスコット・パニック [3]女性・考え中 */
/* [4]マスコット・グラフ [5]マスコット・機材 [6]男性・PC作業 [7]マスコット・電卓 */
.interview-article .interview-icon {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.interview-article .interview-icon img {
  position: absolute;
  width: 256px;
  height: 112px;
  top: 0;
  left: 0;
}
/* 列×64px・行×56px でオフセット（セルを円内で中央表示） */
.interview-article .interview-icon-1 img { left: -4px; }       /* [0] 列0, 行0 */
.interview-article .interview-icon-2 img { left: -68px; }      /* [1] 列1, 行0 */
.interview-article .interview-icon-3 img { left: -132px; }    /* [2] 列2, 行0 */
.interview-article .interview-icon-4 img { left: -196px; }     /* [3] 列3, 行0 */
.interview-article .interview-icon-5 img { left: -4px; top: -56px; }   /* [4] 列0, 行1 */
.interview-article .interview-icon-6 img { left: -68px; top: -56px; }  /* [5] 列1, 行1 */
.interview-article .interview-icon-7 img { left: -132px; top: -56px; } /* [6] 列2, 行1 */
.interview-article .interview-icon-8 img { left: -196px; top: -56px; } /* [7] 列3, 行1 */
.interview-article .rounded-pill { border-radius: 50rem !important; }
/* 青系は .com_tit（#516ab6 / #7fb3d4 / #eaf3ff）とかぶらないようスレート寄り・明るめ */
.interview-article .bg-primary { background-color: #267ED3 !important; color: #fff !important; }
.interview-article .bg-success { background-color: #30ca30 !important; color: #fff !important; }
.interview-article .list-group { display: flex; flex-direction: column; padding-left: 0; list-style: none; }
.interview-article .list-group-numbered { list-style-type: none; counter-reset: list-item; }
.interview-article .list-group-numbered > .list-group-item { counter-increment: list-item; }
.interview-article .list-group-numbered > .list-group-item::before { content: counter(list-item) ") "; font-weight: 500; }
.interview-article .list-group-item { padding: 0.5rem 1rem; border: 1px solid rgba(0,0,0,.125); border-top-width: 0; background-color: #fff; list-style: none; }
.interview-article .list-group-item:first-child { border-top-width: 1px; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.interview-article .list-group-item:last-child { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.interview-article .interview-block { padding: 0.75rem 1rem; border-radius: 0.5rem; }
.interview-article .interview-question { background-color: #e5eefa; border-left: 3px solid #267ED3; }
.interview-article .interview-answer { background-color: #e5f9e5; border-left: 3px solid #30ca30; }