@charset "UTF-8";

/* CSS Document */

@media only screen and (max-width : 768px) {

  /*-------------------------------------
スマホ用レイアウト(768px以下スクリーン)
-------------------------------------*/
  /* body全体の初期スタイル調整 */
  body {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  /*-----------------------------------
見出しタグ設定(スマホ)
-------------------------------------*/
  h2 {
    font-size: 1.6em;
  }

  h3 {
    font-size: 1.4em;
  }

  h4 {
    font-size: 1.2em;
  }

  h5 {
    font-size: 1em;
  }

  /*-------------------------------------
全体レイアウト/背景設定(スマホ)
-------------------------------------*/
  /* 記事(ボディ)エリア */
  .article {
    border-left: none;
    border-right: none;
    width: 100%;
  }

  .top_image {
    display: none;
  }

  .top_image_sp {
    display: block;
  }

  /* カラム全体の幅を変更する */
  .top_image_in,
  .section_inr,
  .section_block {
    width: 100%;
  }

  .content_layout {
    flex-direction: column;
  }

  .content_layout.column_reverse {
    flex-direction: column-reverse;
  }

  .column {
    padding: 0 0 1rem 0;
  }

  /* Fourth Menu Css end */
  /*-------------------------------------
上部固定ヘッダー設定
-------------------------------------*/
  /* ヘッダー部分をカラム幅にする */
  .header_inr {
    max-width: 100%;
    padding: 0.5em;
  }

  /* ヘッダーのロゴ */
  .header_logo {
    width: 80%;
  }

  /* ヘッダーの電話ボタン */
  .header_tel {
    display: none;
  }

  .header_cta {
    width: 100%;
  }


  .fix_tel {
    width: 80%;
  }


  .fix_tel img {
    width: 100%;
    object-fit: contain;
    height: 100%;
  }

  /*-------------------------------------
ファーストビュー設定
-------------------------------------*/
  .top_image {
    background-image: none;
  }

  /*-------------------------------------
CTAエリア
-------------------------------------*/
  .cta_area {
    padding: 1rem;
  }

  .cta_content {
    padding: 1rem;
  }

  .btn_area {
    width: 100%;
  }


  /*-------------------------------------
3つの理由設定
-------------------------------------*/

  .reason_title {
    width: 100%;
  }

  .reason_section {
    padding: 1rem;
  }

  .reason_content {
    padding: 1rem;
  }


  .article .compare_table img {
    width: 100%;
  }

  /*-------------------------------------
お客様の声設定
-------------------------------------*/
  .column_p0 {
    padding-top: 1rem;
  }

  .faq_section {
    padding: 1rem;
  }

  /*-------------------------------------
フッター設定
-------------------------------------*/
  .footer {
    font-size: 1.2em;
  }
}