/* =====================================================
   loadcell.css
   「ロードセル」ページ専用のスタイル。
   共通の style.css は変更せず、このページだけで使うルールをここに記述する。
   style.css の後に読み込むこと。
===================================================== */

/* ===== Hero（カテゴリ別：ロードセル） ===== */
.lp-product-category .hero {
  background-image: linear-gradient(120deg, rgba(124, 147, 171, 0.82) 0%, rgba(93, 121, 152, 0.82) 45%, rgba(47, 77, 112, 0.82) 100%), url('https://www.incom.co.jp/word/img/loadcell/hero.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 100px 0;
}
/* style.css のSP用 padding(72px) が、後読みのこのファイルに上書きされないよう再指定 */
@media (max-width: 640px) {
  .lp-product-category .hero { padding: 72px 0; }
}