/*
 * sokuraku-doctor.com — 旧Wix書き出しページのレイアウト補正
 *
 * 引き継ぎページ（/ /kaigyo /seminar /privacy）は、Wixから書き出した静的HTMLを
 * そのまま配信している。書き出し時のビューポート幅（1440px）が座標やサイズに
 * 焼き付いており、それより広い画面で右側に余白が出る。
 * Wixのランタイムは本来これをJSで測り直すが、静的配信では効かない。
 *
 * ここでは「1440pxより広いときだけ」補正する。
 * 1440px以下では旧サイトと同じ見た目のまま（＝デザイン・トンマナを踏襲する方針）。
 *
 * ※ ヒーロー画像の width:1440px 固定は scripts/11-fix-fv-width.py がHTML側で直済み。
 */

/* ------------------------------------------------------------------
 * 事業サービスなどのリピーター（カードの横並び）
 *
 * カードは position:absolute で親からの座標が固定されている（60px, 380px, …）。
 * 親だけが画面幅いっぱいに伸びるため、広い画面ではカード群が左に寄り、
 * 右側に大きな余白ができる（実測: ビューポート1905pxで右に525px）。
 *
 * カード群の実寸（幅1260px）に、左の内側余白60pxを足した 1380px を親の幅にして中央寄せする。
 * （1320pxだと左の60px分だけ右にずれる。実測で確認済み）
 * 座標そのものは触らないので、カードの並び・間隔は元のまま。
 * ------------------------------------------------------------------ */
@media (min-width: 1400px) {
  fluid-columns-repeater {
    width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ------------------------------------------------------------------
 * FVの緑バッジ（「クリニック開業から医療提携まで」）
 *
 * バッジは絶対配置で、旧文言「次世代型」(4文字) の右隣に置かれていた。
 * 見出しを「医療とエステの」(7文字) に変えたことで文字が伸び、バッジと重なった。
 * 見出しの文字サイズは変えたくないので、バッジ側を右へ逃がす。
 * ------------------------------------------------------------------ */
/* バッジは 箱(comp-mdi5qpcx) の中に 文字(comp-mdnvbgtv) が入れ子になっている。
   両方に transform を書くと 210px が二重に効いて、文字だけ箱からはみ出す（実測）。
   外側の箱だけを動かすこと。文字は中に入っているので一緒に動く。 */
#comp-mdi5qpcx {
  transform: translateX(210px);
}