/*
 * 税理士一覧(sigyo_type=1)へ相続税申告LPをマージした際の、一覧ページ専用の見た目調整。
 * style-merge.min.css は build-merge-css.mjs による自動生成物のため、そこへ直接書かず
 * 上書き用のスタイルはこのファイルに手管理で置く。style-merge.min.css の後に読み込む。
 *
 * .lp-sozokuzei-merge は container-type:inline-size なので、サイズは生成CSSと同じ cqw 単位で揃える。
 */

/* PC: .conditions__notice の「画像=左／テキスト=右」配置を、画像を上・テキストを下の縦積み中央に変更 */
@media screen and (min-width: 768px) {
  .lp-sozokuzei-merge .conditions__notice {
    margin-left: 0;
    margin-right: 0;
    /* 画像(::before)の高さ分 + 余白を上に確保してテキストを下へ送る */
    padding-top: calc(clamp(1px, 18.8571428571cqw, 264px) + 16px);
    text-align: center;
  }

  .lp-sozokuzei-merge .conditions__notice::before {
    top: 0;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .lp-sozokuzei-merge .conditions__notice h3 {
    text-align: center;
  }

  /*
   * マージコンテンツは cqw(コンテナ幅基準)でサイズが決まるため、本文カラムが狭い(620px)と
   * 文字が小さくなりすぎる。このファイルは sigyo_type=1 のリスト/lineページでのみ読み込まれる
   * ため、本文カラムを広げてもマージ対象ページ以外には影響しない（サイドバーは非表示構成）。
   */
  #list .wrap_list .wrap_col_main {
    max-width: 980px;
  }

  /* 980px化で taisaku-banner(display:block; max-width:800px) が左寄せになるため中央寄せ */
  #list .wrap_list .wrap_col_main .taisaku-banner {
    margin-left: auto;
    margin-right: auto;
  }

  /* PC画像は margin:20px 0(左右0)・max-width:700px で<a>内が左寄せになるため中央寄せ
     （SP画像は元から margin:20px auto で中央） */
  #list .wrap_list .wrap_col_main .taisaku-banner--pc {
    margin-left: auto;
    margin-right: auto;
  }
}