/* opa-voice — ワンポイントアドバイス各ページに入れる「受講された方の声」 */
.opa-voice{max-width:756px;margin:44px auto 0;text-align:left}
.opa-voice h3{
  text-align:center;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;
  font-size:23px;font-weight:700;color:#2b3a7a;line-height:1.55;margin:0;
}
/* 見出し下の金色の罫線＋菱形（サイト共通の飾り） */
.opa-voice h3::after{
  content:"";display:block;width:200px;height:9px;margin:13px auto 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M4.5 0L9 4.5 4.5 9 0 4.5z' fill='%23b79b60'/%3E%3C/svg%3E") center/9px 9px no-repeat,
    linear-gradient(90deg,rgba(183,155,96,0),rgba(183,155,96,.9)) left center/calc(50% - 11px) 1px no-repeat,
    linear-gradient(90deg,rgba(183,155,96,.9),rgba(183,155,96,0)) right center/calc(50% - 11px) 1px no-repeat;
}
.opa-voice .lead{text-align:center;font-size:14px;color:#555;margin:14px 0 22px;line-height:1.9}
.opa-voice ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.opa-voice li{
  background:#f7faff;border:1px solid #dfe4ee;border-left:4px solid #b79b60;border-radius:8px;
  padding:18px 22px;font-size:15px;line-height:1.95;color:#333;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.opa-voice li b{display:block;color:#2b3a7a;font-size:16px;margin-bottom:8px;line-height:1.6}
.opa-voice li .who{display:block;margin-top:10px;font-size:13px;color:#666;text-align:right}
.opa-voice .note{margin:18px 0 0;font-size:12.5px;color:#666;text-align:center;line-height:1.8}

@media(max-width:720px){
  .opa-voice{margin-top:32px}
  .opa-voice h3{font-size:20px}
  /* ★2026-08-13：スマホの文字を本文（17.5px）に近い大きさへ引き上げる */
  .opa-voice li{padding:16px 16px;font-size:17px;line-height:1.85}
  .opa-voice li b{font-size:18px}
  .opa-voice .lead{font-size:16px;line-height:1.85}
  .opa-voice li .who{font-size:14px}
  .opa-voice .note{font-size:13px}
}

/* 公式LINE登録CTA（opa 11〜18の最後に配置・画像バナー） */
.opa-line{max-width:756px;margin:18px auto 0;text-align:center}
.opa-line a,
.opa-line > img{display:block;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.10);transition:.2s}
.opa-line a:hover{box-shadow:0 6px 18px rgba(0,0,0,.16)}
.opa-line img{width:100%;height:auto;display:block}
.opa-line .sub{font-size:12.5px;color:#666;margin:12px 0 0;line-height:1.8}

@media(max-width:720px){
  .opa-line{margin-top:16px}
}

/* ------------------------------------------------------------
   2026-10-15 LINE登録バナー
   パソコン＝QRコードをスマホで読み取ってもらう（リンクにしない）
   スマホ・タブレット＝これまで通りタップでLINEへ
------------------------------------------------------------ */
.opa-line .line-still{display:none}
.opa-line .line-qr{display:none}

@media(min-width:921px){
  .opa-line .line-tap{display:none}
  .opa-line .line-still{display:block;border-radius:10px;overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.10)}
  .opa-line .line-qr{display:block;margin:18px auto 0;padding:18px 20px 16px;
    background:#fff;border:1px solid #dde5f0;border-radius:10px;max-width:420px}
  .opa-line .line-qr img{display:block;width:180px;height:180px;margin:0 auto}
  .opa-line .line-qr p{margin:12px 0 0;font-size:14px;line-height:1.9;color:#1f2f5e;
    text-align:center;font-weight:700}
}