/*
*********************************************************
背景固定エリア
*********************************************************
*/
#campaign-bg-area {
  position: relative;
  z-index: 0;
  background: url('/campaign/testdrive-report/levorg/img/bg-levorg.webp') no-repeat center top fixed;
  background-size: cover;
  background-attachment: fixed;
}

#campaign-bg-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  z-index: -1;
  pointer-events: none;
}


/*
*********************************************************
SUBAROAD紹介セクション
*********************************************************
*/
@media screen and (max-width: 768px) {
  #campaign-contents .about-subaroad .txt-img-wrap {
    display: grid;
    grid-template-areas:
      "h3ttl"
      "img-wrap"
      "txt"
      "btn-wrap";
  }

  /* 各要素に grid-area を明示 */
  #campaign-contents .about-subaroad .img-wrap {
    grid-area: img-wrap;
  }

  #campaign-contents .about-subaroad .txt-wrap h3 {
    grid-area: h3ttl;
  }

  #campaign-contents .about-subaroad .txt-wrap p {
    grid-area: txt;
  }

  #campaign-contents .about-subaroad .btn-wrap {
    grid-area: btn-wrap;
    text-align: center;
  }

  #campaign-contents .about-subaroad .btn-wrap a {
    display: inline-block;
  }
}