/* STEERLINK_ALL-1043: カテゴリ LP（形状＋サイズの一覧ページの解説・FAQ） */
/* 大きな項目の間はすべて 40px（ページ送り→選び方→よくある質問→絞り込み検索→記事→下の検索ボックス）。
   上下の margin は相殺されて大きい方になるので、各項目の上か下に 40px を置けばそろう */
.category-lp {
  margin: 40px 0;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
.category-lp h3 {
  margin: 18px 0 6px;
  padding-left: 8px;
  font-size: 15px;
  font-weight: bold;
  border-left: 4px solid #004ecc;
}
.category-lp p {
  margin: 0 0 8px;
}
.category-lp .category-lp-lead {
  margin-bottom: 24px; /* 導入文（一覧の下・解説の先頭） */
}
.category-lp > h2:not(:first-child) {
  margin-top: 40px;
}

.category-lp-price-range {
  font-size: 15px;
  font-weight: bold;
}
.category-lp-price-range span {
  font-size: 26px;
  color: #d92626;
}
.category-lp-price-range small {
  margin-left: 6px;
  font-size: 14px;
  font-weight: normal;
}
.category-lp-note {
  font-size: 12px;
  color: #666;
}

.category-lp-faq {
  margin-bottom: 0;
}
.category-lp-faq dt {
  margin-top: 14px;
  font-weight: bold;
}
.category-lp-faq dt:first-child {
  margin-top: 0;
}
.category-lp-faq dt::before {
  content: "Q.";
  margin-right: 6px;
  color: #004ecc;
}
.category-lp-faq dd {
  margin: 4px 0 0;
  padding-left: 22px;
}

.category-lp-articles {
  clear: both;
  margin: 40px 0; /* 上は絞り込み検索、下は #bottom-search-box */
}
.category-lp-articles::after {
  content: "";
  display: table;
  clear: both;
}

/* 一覧の下の既存ブロック。LP では絞り込み検索・記事を上に移したので、お気に入りとお客様の声がくっつく。
   上の項目と同じ 40px にそろえる（このファイルは LP だけで読み込む） */
.teian-banner,
.latest {
  margin-top: 40px;
}
.voice-area {
  margin: 40px 0;
}