/******************************/
/* product list */
/******************************/
.p-productlist__ttl {
  color: var(--heading-text-color);
  font-size: var(--heading-font-size-sp);
  font-weight: var(--heading-font-weight);
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin: 10px 0 30px;
}
@media screen and (min-width: 768px) {
  .p-productlist__ttl {
    font-size: var(--heading-font-size-pc);
  }
}
.p-productlist-free {
  margin-bottom: 40px;
  line-height: 2;
}

 /* バナー画像専用のIDを使ってスタイルを当てる */
  #banner-image {
    display: block;      /* 中央寄せのためにブロック要素化 */
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 15px;
  }

  /* スマホなど画面幅が767px以下の場合、幅100％にする */
  @media (max-width: 767px) {
    #banner-image {
      width: 100%;
    }
  }