@charset "UTF-8";
/*=========================================================================
  teloff.css  ―  電話番号の削除にともなうレイアウト・デザイン調整（hatch3）

  ・style.css は他ページでも使用しているため、電話番号削除にともなう
    調整はこのファイルに分離しています。
  ・index.html の style.css の直後に読み込んでいます。
  ・電話番号を元に戻す場合は、index.html のこのファイルへの link 1行を
    削除するだけで、CSSは完全に元の状態に戻ります。

  【設計方針】
  電話ブロックが抜けた片側を新しい文言やボタンで埋めることはせず、
  残ったメール導線を中央に寄せ直して「意図した1カラム」に見せています。
=========================================================================*/


/*=========================================================================
  1. ヘッダー（.brand_inner2）
     旧：ロゴ（左）｜ 電話（右）の space-between 2カラム
     新：ロゴのみ。右カラムが消えた分、中央寄せに揃える。
=========================================================================*/
.brand_inner2 {
  justify-content: center;
}


/*=========================================================================
  2. 本文CTA（.cta_btn_wrap2.cta_wrap_center）※PC・4箇所共通
     旧：電話画像 49% ＋ ボタン 49% の space-between 2カラム
     新：ボタン1本の中央1カラム。
     ・幅は 49% → 56% までの拡大に留めています。GIF/PNGの拡大率は
       約1.14倍で、画質の劣化はほぼ発生しません。
       にじみが気になる場合は width を 49% に戻してください
       （中央寄せは維持されるためレイアウトは崩れません）。
=========================================================================*/
.cta2 .cta_btn_wrap2.cta_wrap_center {
  justify-content: center;
}
.cta2 .cta_btn_wrap2.cta_wrap_center .cta_btn2 {
  width: 56%;
}


/*=========================================================================
  3. PC固定フッターバー（#floatmenu / .floatmenu3）
     .float_inner は justify-content 未指定（＝flex-start）で、
     電話画像＋申込ボタンの2カラムが左詰めに並んでいた。
     電話カラムを削除すると申込ボタンが左端に張り付くため中央寄せにする。
=========================================================================*/
.floatmenu3 .float_inner {
  justify-content: center;
}


/*=========================================================================
  4. SP固定フッターバー（#floatmenu2.floatmenu4）
     旧：電話48% ｜ メール48% の2分割（.cta_btn_sp_2col_ft）
     新：メール1本。
     ・div:first-child に付いていた右マージン10px（2カラム用の間隔）が
       メールボタンに当たって中央からずれるため打ち消す。
     ・ボタン幅は 194px → 260px に広げてタップ領域を確保。
       文字ベースのボタンのため拡大による劣化はない。
=========================================================================*/
.cta_btn_sp_2col_ft div:first-child {
  margin-right: 0;
}
.floatmenu4 .cta_btn_sp_2col_ft > div {
  width: 70%;
}
.cta_btn_sp_mail_ft {
  max-width: 280px;
}


/*=========================================================================
  スマホ（640px以下）
=========================================================================*/
@media screen and (max-width: 640px) {
  /* 本文CTA：.cta_btn_sp_2col > div は元から width:100% の縦積みなので
     電話ボタンを外しても横幅の崩れは起きない。
     2本目以降に付く上マージン（10px）も、1本になった時点で
     :not(:first-child) が効かなくなるため調整は不要。 */
}