/*
Theme Name:   te-sora 子テーマ
Theme URI:    https://www.te-sora.com/
Description:  te-sora をベースにした子テーマ
Author:       あなたの名前
Author URI:   https://www.taiyo-ai-medicalblue.jp/
Template:     te-sora
Version:      1.0.0
Text Domain:  te-sora-child
*/


/* 見出し（一般症状 / アレルギー症状）だけ調整 */
.home-case-category-title {
    display: block;
    text-align: center;
    font-size: 1.2rem;       /* 少し大きめ */
    font-weight: bold;
    color: #3a2d22;          /* テーマの濃いブラウン系 */
    margin: 24px 0 12px;     /* 上下余白 */
    letter-spacing: 0.05em;  /* 少し文字間隔 */
    border-bottom: 1px solid #e0d8ce; /* 下に薄いライン */
    padding-bottom: 4px;
}

/* 上のリストと見出しの間隔を広げる */
.home-case-list + .home-case-category-title {
    margin-top: 32px;
}

.footer-line-banner {
  margin-top: 16px;      /* ボタンとの余白 */
  text-align: center;    /* 中央寄せ */
}

.footer-line-banner img {
  width: 100%;           /* 親幅にフィット */
  height: auto;          /* 縦横比維持 */
  aspect-ratio: 1200 / 628; /* 実寸比。対応ブラウザでさらにCLS低減 */
  display: inline-block;
  max-width: 900px;      /* 任意：PCで大きすぎないように制限。不要なら削除OK */
}