/* ------------------------------
  医薬品原料ページ専用スタイル
  （共通ヘッダー／フッター／SubPageHero／page-section・section-heading・page-introは
  company.css、product-card・product-list__gridは products-archive.css を参照）
------------------------------ */

.pharma-section {
  background-color: #fff;
}

.pharma-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(16rem, 20rem));
  justify-content: start;
}

.pharma-note {
  max-width: 84rem;
  margin: 2.5rem auto 0;
  font-size: max(0.875rem, 12px);
  font-weight: 500;
  line-height: 1.9;
  color: var(--color-text-light);
}

.pharma-note a {
  color: var(--color-primary);
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .pharma-product-grid {
    grid-template-columns: 1fr;
  }
}