ピクパで合わせると文の途中から文字がずれてしまいます。

実現したいこと

ピクセルパーフェクトにするために
ズレる原因として考えられることを教えていただきたいです

前提

フォントサイズや行間もデザインカンプ通りに合わせており
画像はアコーディオンメニュー内のテキストのズレなのですが
他のテキストはほとんどがピクパで重ねて綺麗に収まっています

原因となっていると予想しているのが
数字がテキストに入るとズレが起こっているということです。
下記のテキストにも「常時50種類以上〜」と数字以降がずれており
上の画像も「1年通って〜」あたりからずれています

他に確認したこと

フォントがそもそも間違っているのでしょうか？
デザイン還付ではNoto Sans JP　Regularで指定されており
下記コードを読み込んでいます。（自分では合っている認識でいます）
どなたかアドバイスいただけますと幸いです

html

1 <!-- googleフォント -->2 <link rel="preconnect" href="https://fonts.googleapis.com">3 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>4 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap" rel="stylesheet">