@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width:820px) {
	.header_mail {
    width: 26%;
}
}
@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: 3.6rem;
  }
  h3 {
    font-size: 2.4rem;
  }
  h4 {
    font-size: 2rem;
  }
  /*-------------------------------------------------------
全体レイアウト/背景エリア(スマホ)
------------------------------s---------------------------*/
  /*全体エリア（全体背景を設定するにはここ）*/
  .main {
    background-color: #fcfcfc;
  }
  /*記事（ボディ）エリア*/
  .article {
    border-right: none;
    border-left: none;
  }
  /*記事（ボディ）エリアの行間*/
  .article p {
    line-height: 1.6;
  }
  /*カラム全体の幅を変更する*/
  .top_image_in, .section_inr {
    padding: 0;
  }
  .section_inr {
    width: 94%;
    margin: 0 3%;
  }
  /*sectionの設定*/
  .section {
    padding: 2rem 0;
  }
  /*-------------------------------------------------------
上部固定ヘッダー設定
---------------------------------------------------------*/
  .header_logo {
    width: 35%;
    margin: 1.3rem 0 1rem .8rem;
  }
  .header_tel {
    width: 53%;
    padding: 1rem 7rem 1rem 0;
  }
  .header_mail {
    display: none;
  }
  /*　ハンバーガーメニューボタン　*/
  .hamburger {
    top: 2px;
    right: 10px
  }
  /*-------------------------------------------------------
ファーストビュー設定
---------------------------------------------------------*/
  .top_image {
    width: 100%;
    background-image: none;
  }
  .top_image_in {
    padding: 0;
  }
  .top_image_in img {
    width: 100%;
  }
  /*-------------------------------------------------------
CTAエリアの設定
---------------------------------------------------------*/
  .cta_area {
    padding-top: 2rem;
  }
  .cta_area_wrap {
    padding: .8rem 0;
  }
  .cta_inr {
    padding: 0 .8rem;
  }
  .cta_ttl {
    padding-bottom: 1.6rem;
  }
  .cta_btn {
    padding: 2.4rem 0 1.6rem;
  }
  a.btn_mail {
    margin-right: 0;
  }
  .cta_area a.btn_mail {
    margin-bottom: 1.6rem;
  }
  .tel_ttl {
    margin-bottom: .8rem;
  }
  .tel_number {
    border: 2px solid #333;
    padding: 1rem;
  }
  /*-------------------------------------------------------
ポイントエリア設定
---------------------------------------------------------*/
  .section_point h2 {
    margin-bottom: 4rem;
  }
  .section_point h2 img {
    width: 80%;
  }
  ul.flex_3column li {
    width: 100%;
    padding-bottom: 4rem;
  }
  ul.flex_3column li:last-child {
    padding-bottom: 0;
  }
  ul.flex_3column li img {
    margin: 0 auto;
  }
  /*-------------------------------------------------------
サポートメニューエリア設定
---------------------------------------------------------*/
  .section_menu h2 {
    padding-bottom: 3.2rem;
  }
  .heading_10::before {
    font-size: 3rem;
  }
  .txt_box {
    width: 100%;
  }
  /*--スライドショーの設定--*/
  .slider_wrap {
    height: 228px;
  }
  .slick-prev, .slick-next {
    top: 37%;
  }
  .price_box {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3.2rem;
  }
  .menu_img {
    padding-bottom: 0;
  }
  th, td {
    width: 100%;
    display: block;
  }
  .table-block th {
    font-size: 1.1rem;
  }
  .table-block td {
    font-size: 1rem;
  }
  /*-------------------------------------------------------
流れエリア設定
---------------------------------------------------------*/
  ul.flex_4column li {
    width: 100%;
  }
  /*-------------------------------------------------------
よくある質問設定
---------------------------------------------------------*/
  .section_question h2 {
    margin: 0rem auto 2.4rem;
  }
  /*-------------------------------------------------------
お問い合わせ設定
---------------------------------------------------------*/
  .form_line_area a.btn_line {
    width: 100%;
  }
  /*-------------------------------------------------------
フッター部分
---------------------------------------------------------*/
  .footer {
    padding: 1.6rem .8rem 5.4rem;
    text-align: center;
    font-size: 1rem;
    margin-bottom: 5rem;
  }
  /*--------------------------------------------------
下部固定ヘッダー（スマホ）
-----------------------------------------------------*/
  .fix_menu_smartphone {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
    background-color: #fcfcfc;
  }
  .fix_menu_smartphone a.btn_mail {
    width: 100%;
  }
}