/* ▼▼ CSS（スマホ先行 → PCで横並び） ▼▼ */
.voice-wrap{
  max-width: 760px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
  line-height: 1.9;
  font-size: 16px;
  color: #222;
}

/* 画像の共通 */
.figure-full{
  margin: 24px 0;
}
.figure-full img{
  width: 100%;
  height: auto;
  display: block;
}

/* 段落 */
.section{
  margin: 16px 0 28px;
}
.section-center{
  text-align: center;
}

/* テキストサイズ */
.text-md{ font-size: 16px; }
.text-lg{ font-size: 18px; font-weight: 600; }

/* アクセント色（元の青#0000FF相当） */
.text-accent{ color: #0066ff; font-size: 16px;}

/* CTAリンク */
.link-cta{
  display: inline-block;
  text-decoration: none;
  border-bottom: 2px solid currentColor;
  padding-bottom: 2px;
  color: #008000;
  transition: opacity .2s ease;
}
.link-cta:hover{ opacity: .8; }

/* 分割レイアウト：スマホは縦積み（テキスト→画像） */
.split{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  margin: 24px 0 32px;
}

/* 要素ブロック */
.split__text{ order: 1; }
.split__image{ order: 2; }
.split__image img{
  width: 100%;
  height: auto;
  display: block;
}

/* PC幅で横並びに変更 */
@media (min-width: 768px){
  .split{
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
  }
  /* 画像左・テキスト右（デフォルト） */
  .split--img-left .split__text{ order: 2; }
  .split--img-left .split__image{ order: 1; }

  /* テキスト左・画像右 */
  .split--text-left .split__text{ order: 1; }
  .split--text-left .split__image{ order: 2; }
}
/* ▲▲ CSS（ここまで） ▲▲ */

/* Q&A見出し用スタイル */
/* Q&A見出し（グラデーション＋白文字） */
.qa-heading {
    background: linear-gradient(to right, #ffc587, #ff8c00); /* 左→右 オレンジグラデーション */
    color: #fff;                  /* 白文字 */
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    display: block;               /* 横幅いっぱいに表示 */
    margin: 24px 0 12px;
    text-align: center;           /* 中央寄せ */
  }
  img.on-mark{
    width:1.7em;
    display:inline-block;
  }
  .on-comment{
    margin-left:2em;color:#e88945;
  }