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

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

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

  ※HTML側では、電話ボタンを営業時間内／時間外で出し分けていた
    「//時間帯出し分け」スクリプト（syukujitsu.csv を読む処理）も
    あわせて削除しています。電話導線がなくなり、
    かつ .float_mail2（全幅メールボタン）を常時非表示にしてしまう
    分岐が含まれていたためです。
=========================================================================*/


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


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


/*=========================================================================
  3. PC固定フッターバー（#floatmenu / .floatmenu3）
     左カラムは「キャッチ＋電話画像（高さ73px）」だったが、
     電話画像を外してキャッチのみになる。
     .float_inner は justify-content:space-around のままなので
     2カラム構成は維持されるが、左カラムが軽くなりすぎるため
     キャッチを主役サイズに引き上げて高さのバランスを取る。
=========================================================================*/
.floatmenu3 .float_left {
  text-align: center;
}
.floatmenu3 .float_inner .cta_catch {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.2;
}


/*=========================================================================
  スマホ（640px以下）
  ※style.css のSP指定より後に読み込む必要があるため、
    このファイルは必ず style.css の後で link してください。
=========================================================================*/
@media screen and (max-width: 640px) {

  /*--- SP固定フッターバー ----------------------------------------------
    旧：「電話48% ｜ 半幅メール48%」の2カラム行（.cta_btn_sp_2col_ft）と、
        全幅メール（.float_mail2）を時間帯で出し分けていた。
    新：2カラム行をHTMLごと削除し、全幅メール1本に一本化。
        半幅用画像を引き伸ばすと歪むが、全幅用画像
        （footer_btn_mail_4.png）が元から .float_mail2 にあるため、
        画像の拡大・変形は一切発生しない。
  --------------------------------------------------------------------*/
  #floatmenu2.floatmenu4 .float_mail2 {
    display: block;
  }
  #floatmenu2.floatmenu4 .float_mail2 img {
    height: 50px;
    width: auto;
  }
}


/*=========================================================================
  5. policy.html のSP固定フッターバー
     policy.html は index.html と違い、全幅メール（.float_mail2）を持たない
     「電話48% ｜ メール48%」の2カラムのみの構成。
     電話ボタンを削除するとメールが左に寄る（SPのメディアクエリで
     justify-content:space-between が当たっているため）ので中央に戻し、
     1カラム用に幅を広げる。
     ※index.html では該当要素をHTMLごと削除済みのため影響しない。
=========================================================================*/
.floatmenu4 .cta_btn_sp_2col_ft {
  justify-content: center;
}
.floatmenu4 .cta_btn_sp_2col_ft > div {
  width: 70%;
}
.cta_btn_sp_2col_ft div:first-child {
  margin-right: 0;
}