@charset "UTF-8";
/* ============================================================
   custom.css ― 自社調整用の上書きCSS
   ------------------------------------------------------------
   ■ このファイルの役割
     common.css / top.css / recruit.css / staff.css / single.css は
     コーダーさんが Sass（src/sass/*.scss）から自動生成しているため、
     直接書き換えてもビルドのたびに消えてしまいます。
     そこで、自社で加える調整はすべてこのファイルに書きます。

   ■ 読み込み順
     common.css → 各ページのCSS → custom.css（最後）
     あとから読み込むぶん、ここの指定が優先されます。
     読み込みの設定は functions.php にあります。

   ■ 書くときのルール
     ・1件ずつ「いつ・誰が・なぜ」をコメントで残す
     ・元に戻したいときは、その塊ごと消せばコーダーさんの指定に戻る
     ・本当に必要な調整だけにとどめる（増やしすぎると追いにくくなる）
   ============================================================ */


/* ------------------------------------------------------------
   2026-10-30　担当：森田
   トップページ ファーストビュー：広い画面で文字を上下中央に

   【背景】
   メインビジュアルは「幅57% ＋ 縦横比752:560」で指定されているため、
   画面が広いほど写真だけが縦に伸びます。一方テキスト側は文字サイズが
   固定なので高さが変わらず、下に余白が寄ってしまいます。
     1440px → 上 76px / 下  -8px（ほぼ均等）
     1920px → 上 76px / 下 271px ← 医院様からご指摘があった余白
     2560px → 上 76px / 下 652px

   【対応】
   1441px以上のときだけ、テキストを写真に対して上下中央に揃えます。
   余った余白が上下に半分ずつ分かれるため、下だけが目立たなくなります。
     1920px → 上 174px / 下 173px
   写真の大きさ・位置は変更していません。

   ※1440px以下（ノートPC・タブレット・スマホ）は一切変わりません。
------------------------------------------------------------ */
@media (min-width: 1441px) {
  .lt_firstView_cont {
    align-items: center;
  }

  /* 上揃え用に付いている余白を取り、中央揃えが正確になるようにする */
  .lt_firstView_fv {
    margin-top: 0;
  }
}