@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width : 768px) {
  /*-------------------------------------------------------------------------------------
スマホ用レイアウト（768px以下スクリーン）
----------------------------------------------------------------------------------------*/
  /*--------------------------------------------------
共通設定(スマホ)
-----------------------------------------------------*/
  html {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  /*body全体の初期スタイル調整*/
  body {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  /*画像サイズの調整*/
  img {
    height: auto;
    max-width: 100%;
  }
  /*--------------------------------------------------
見出しタグ設定（スマホ）
-----------------------------------------------------*/
  h2 {
    background-color: #598fc9;
    margin: 2em 0em 1em;
    padding: 0.5em;
    font-family: "Hiragino Mincho ProN";
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  h2 span {
    font-size: 1em;
    display: inline-block;
    padding-left: 0.5em;
    letter-spacing: 0.1em;
  }
  /*--------------------------------------------------
全体レイアウト／背景設定（スマホ）
-----------------------------------------------------*/
  /*全体エリア（全体背景を設定するにはここ）*/
  .main {
    background-color: #fff;
    width: 100%;
  }
  /*記事(ボディ)エリア*/
  .article {
    background-color: #fff;
    border-left: none;
    border-right: none;
    font-size: 1.6em; /*=16px*/
  }
  /*記事(ボディ)エリアの行間*/
  .article p {
    line-height: 1.6;
  }
  .article {
    width: 100%;
  }
  /*カラム全体の幅を変更する*/
  .aritcle {
    width: 100%;
    margin: 0 auto; /*真ん中に要素を置きたいときに使う*/
  }
  /*--------------------------------------------------
上部固定ヘッダー設定
-----------------------------------------------------*/
  /*上部固定ヘッダー全体*/
  .header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 5000;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    overflow: auto;
  }
  /*ヘッダー内部をカラム幅にする*/
  .header_inr {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  /*ヘッダーのロゴ*/
  .header_logo {
    width: 35%;
    margin: 0.5em 0 0.5em 1.5em;
  }
  /*ヘッダーの問い合わせボタン*/
  .header_mail {
    display: none;
  }
  /*ヘッダーの電話ボタン*/
  .header_tel {
    display: none;
  }
  /*--------------------------------------------------
下部固定ヘッダー（スマホ）
-----------------------------------------------------*/
  .fix_menu_smartphone {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
    box-shadow: 0px 0px 3px #594a42;
  }
  .fix_menu_smartphone img {
    width: 100%;
  }
  .menu_left {
    background-color: #78a4d6;
    float: left;
    width: 50%;
  }
  .menu_right {
    background-color: #099614;
    float: left;
    width: 50%;
  }
  /*--------------------------------------------------
ファーストビュー設定
-----------------------------------------------------*/
  .top_image {
    background-image: url("../images/bg_main_in.png")
  }
  /*--------------------------------------------------
説明パートの設定
-----------------------------------------------------*/
  .display-none {
    display: none;
  }
  /*--------------------------------------------------
CTAエリア
-----------------------------------------------------*/
  .area_cta {
    width: auto;
    margin: 0.5em;
    padding: 0;
    border: 10px solid #78a4d6;
  }
  .cta_inr_price {
    padding-top: 1em;
    width: 100%;
    margin: 0 auto;
  }
  .cta_inr_mail {
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .cta_inr_phone {
    padding-top: 1.5em;
    padding-bottom: 0.7em;
    width: 100%;
    margin: 0 auto;
  }
  .cta_inr_contact {
    text-align: center;
  }
  .area_cta_inr_bottom {
    background-color: #ECECEC;
    height: 120px;
    overflow: scroll;
    width: 80%;
    margin: 0 auto;
    padding: 1em 1em;
    color: #000000;
    font-size: 0.7em;
  }
  span {
    font-weight: bold;
  }
  .checklist li {
    text-align: left;
  }
  /*--------------------------------------------------
マップエリア
-----------------------------------------------------*/
  .area_map {
    background-color: #ECECEC;
    margin: 2em;
  }
  .map_title_img {
    background-color: #598fc9;
  }
  .map_title {
    font-weight: bold;
    font-size: 1.5em;
    color: #000;
    margin-top: 1em;
  }
  .left_01 {
    padding-left: 0.5em;
  }
  .googlemap {
    margin: 1em 0.5em;
    padding-bottom: 1em;
  }
  /*--------------------------------------------------
動画の設定
-----------------------------------------------------*/
  .are_douga {
    margin: 3em;
  }
  .are_douga title {
    margin: 0 auto;
  }
  .video {
    background-color: #000;
    text-align: center;
    padding: 2em 0;
  }
  .youtube {
    width: 100%;
    margin: 2em 0;
    text-align: center;
  }
  /*--------------------------------------------------
フッター部分
-----------------------------------------------------*/
  .footer {
    background-color: #598FC9;
    padding: 2em 0em;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 4em;
  }
  .footer a {
    color: #fff
  }
}