@charset "UTF-8";

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


/* CSS Docment */

/*---------------------------------
スマホ用レイアウト(768px以下のスクリーン)
---------------------------------*/

/* body全体の初期スタイル調整 */

body{
 width: 100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

/* ブラウザのCSSをリセット */

p{
 margin: 0 !important;
 margin: 0 !important;
}

section{
 clear: both;
 overflow: auto;
}

/*---------------------------------
全体レイアウト/背景設定(PC）
---------------------------------*/

/* 全体エリア(全体背景を設定するにはここ) */
.main{
    background-color: #f2f2f2;
}

/* 記事(ボディ)エリア*/
.article{
    background-color: #fff;
    border-left: none;
    border-right: none;
    font-size: 1.6em;/*=16px*/
}

/* 記事(ボディ)エリアの行間*/
.article p{
line-height: 1.6;
}

/* カラム全体の幅を変更する*/
.article,.top_image_in{
 width: 100%;
 margin: 0 auto;/* 真ん中に要素を置きたいときに使う*/
}

/*---------------------------------
ファーストビュー設定
---------------------------------*/

.top_image{
 background-image: none;
}

.top_image_in img{
 width: 100%;
}

/*---------------------------------
上部固定ヘッダー設定
---------------------------------*/

/*上部固定ヘッダー全体*/
.header{
 background-color: #fff;
 border-bottom:1px solid #ccc;
 overflow: auto;
}

/*ヘッダー内容をカラム幅にする*/
.header_inr{
 max-width: 100%;
 margin: 0 auto;
 overflow: hidden;
}

/*ヘッダーのロゴ*/
.header_logo{
 width: 30%;
 float: left;
 margin-top: 0.5em;
}

/* ヘッダーの電話ボタン */
.header_tel{
    width: 33%;
    float: left;
    margin: 0.8em 0em 0em 0.2em;
}

/*ヘッダーの問い合わせボタン*/
.header_cta{
 width: 35%;
 float: right;
 margin: 0.5em 0.5em 0em 0em;
}

/*ヘッダー内の画像が常に幅100％になるように*/
.header_logo img,.header_cta img,.header_tel img{
 width: 100%;
}

/*---------------------------------
sectionの設定
---------------------------------*/
.box_voice{
    padding-top: 1.5em;
}

.box_q_a{
    padding-top: 1em;
}

/*---------------------------------
CTAエリア
---------------------------------*/
.area_cta{
    background-color: #105FA3;
    padding: 1em 1em;
}

.area_cta_inr{
    background-color: #fff;
    padding: 1em 1em;
    overflow: auto;
}

.area_cta_inr_left{
    float: none;
    width: 100%;
}

.area_cta_inr_right{
    float: none;
    width: 100%;
    margin-top: 1em;
}

/*---------------------------------
フッター部分
---------------------------------*/
.footer{
    background-color: #fa550d;
    padding: 2em 0em;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}

.footer a{
    color: #fff;
}

}