/* =========================================================
   ngr.css（ngr.html専用）
========================================================= */

/* ▼ PC：ngrページは main(PC用画像) を表示、imain(スマホ画像)は非表示 */
@media screen and (min-width: 750px){
  body.ngr main { display: block; }
  body.ngr imain { display: none; }
}

/* ▼ スマホ：ngrページは main(PC用画像) を非表示、imain(スマホ画像)だけ表示 */
@media only screen and (max-width: 768px) {
  body.ngr main { display: none; }
  body.ngr imain { display: block; }
}

/* =========================================================
   ngr.html：Q&A（シンプル版：枠・影なし／Q&A丸なし）
========================================================= */

body.ngr .ngr-title{
  text-align:center;
  font-size:28px;
  margin:40px 0 20px;
  font-weight:700;
  letter-spacing:0.02em;
}

/* あなたのHTMLでは .qa-wrap を使っていないので、ここは効いても害なし */
body.ngr .qa-wrap{
  max-width:980px;
  margin:0 auto 60px;
  padding:0 20px;
}

/* ★枠線・影・白背景を全部やめる */
body.ngr .qa-item{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin: 0 0 18px;
}

/* 質問 */
body.ngr .qa-q{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.6;
  font-weight:700;
}

/* 回答 */
body.ngr .qa-a{
  margin:0;
  font-size:16px;
  line-height:1.9;
  color:#333;
}

/* =========================================================
   Q / A の色分け（丸なし・文字のみ）
========================================================= */

body.ngr .qa-q::before{
  content:"Q：";
  font-weight:800;
  margin-right:6px;
  color:#FB607F;   /* ピンク */
}

body.ngr .qa-a::before{
  content:"A：";
  font-weight:800;
  margin-right:6px;
  color:#4F8DFB;   /* ピンクと釣り合う青 */
}