@charset "UTF-8";
/* =======================================
	表示崩れの修正（2026-09 追加）
	各ページのCSS（*.scss から作成）の後に読み込む。
	SCSSを作り直しても消えないよう、このファイルにまとめている。
======================================= */

/* お問い合わせフォーム（/contact/・/price/lp/）
	電話番号欄（type="tel"）にだけ枠線の指定がなく、入力欄が見えなかった */
.contact_wrap .contact_inner td input[type=tel] {
  width: 100%;
  padding: 14px 18px;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 8px;
}
@media screen and (max-width: 750px) {
  .contact_wrap .contact_inner td input[type=tel] {
    padding: 2.6666666667vw;
    font-size: 4vw;
    border: 0.1333333333vw solid #cccccc;
    border-radius: 1.0666666667vw;
  }
}

/* ディレクションとは（/direction/）
	スマホでサポート内容の枠がPCの幅（1016px）のままで、文字が画面外にはみ出していた */
@media screen and (max-width: 750px) {
  .direction_wrap .sec03_wrap .bg01 .support_wrap {
    width: 86.6666666667vw;
  }
  .direction_wrap .sec03_wrap .bg01 dl.support03 {
    width: 100%;
  }
}

/* 運営会社（/company/）
	事務所の切り替えタブが幅1200px＋左100pxで、PCは右に17px、スマホは約840pxはみ出していた。
	スマホは地図（幅800px）も画面に収める */
@media screen and (min-width: 1221px) {
  .company_wrap .tab_company {
    right: 0;
    width: auto;
  }
}
@media screen and (max-width: 750px) {
  .company_wrap .tab_company {
    right: 6.4vw;
    width: auto;
    padding-left: 0;
  }
  .company_wrap .map_wrap {
    position: relative;
    padding-bottom: 72vw;
  }
  .company_wrap .map_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* 飾りの画像が画面の右端からはみ出して、横スクロールが出ていたページ
	（/difference/ はPC幅1366pxで77px、/flow/・/size-difference/ はスマホで数px） */
.difference_wrap .fv_wrap .bg03 {
  overflow-x: clip;
}
@media screen and (max-width: 750px) {
  .flow_wrap .fv_wrap,
  .size-difference_wrap .fv_wrap {
    overflow-x: clip;
  }
}