.servicemark {
    width: 30%;
    height: auto;
    object-fit: contain; /* ← 切れない */
     filter:
    invert(30%)      /* 黒→明るく */
    sepia(200%)       /* 色味を付ける */
    saturate(600%)   /* 彩度アップ */
    hue-rotate(190deg); /* 青方向へ回転 */

  }

  .gyomu {
    width: 100%;
    height: auto;
    object-fit: contain; /* ← 切れない */
  }

.container {
      display: flex;          /* 横並び */
      align-items: flex-start;/* 上揃え */
      gap: 16px;              /* 画像と箇条書きの間隔 */
  }