お待たせいたしました！

【ご相談内容①(CSSの修正)】「1.画像1の箇所で、文字の色を変えると画像2のように改行されてしまうので改行されないように修正していただきたいです。」の修正が完了しました！

widgetを入れ直していただければと思います！

もし今のままで修正したい場合は下記コードをご参考ください！

CSS修正箇所

283行目
 .product__point-list {
  /*display: grid;
  gap: 0.75em; 削除*/
  font-weight: bold;
  color: #000;
  list-style: none;
  margin: 0;
  padding: 0;
}

.product__point-list li {
  /*display: flex;
  align-items: center;
  gap: 10px;
削除*/
  position: relative;/*追加*/
  padding-left: 25px;/*追加*/
}

 .product__point-list li+li {/*3行追加*/
  margin-top: 10px;
}

 .product__point-list li .mark {
  /*display: flex;
  align-items: center;
  gap: 5px;
  position: relative;削除*/
  position: absolute; /*追加*/
  top: 5px;
  left: 0;
}