/**
 * File: archive-symptoms.css
 * Usage: archive-symptoms.php（お悩み一覧ページ）専用のスタイルを定義します。
 * Note: イントロ・スライダー・カテゴリーリストの共通スタイルは base.css に定義
 */

/* ========================================
   レイアウト
   ======================================== */
.ly_cont.ly_symptoms {
  padding-inline: 16px;
  padding-block: 40px 80px;
  background-color: #fff;
  overflow: hidden;
}

/* ========================================
   archive-symptoms専用：noteの色上書き
   ======================================== */
.ly_symptoms .bl_symptomsCatList_note {
  color: var(--color-gold);
}

/* ========================================
   Tablet (768px〜)
   ======================================== */
@media screen and (min-width: 768px) {
  .ly_cont.ly_symptoms {
    padding-inline: 60px;
    padding-block: 70px 120px;
  }
}

/* ========================================
   PC (1024px〜)
   ======================================== */
@media screen and (min-width: 1024px) {
  .ly_cont.ly_symptoms {
    padding-inline: 80px;
  }
}