@charset "UTF-8";

/* CSS Docment */

/*---------------------------------
PC用レイアウト(768px以上スクリーン)
---------------------------------*/

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

body{
 font-size:62.5%;
 font-family:"YuGothic","Yu Gothic medium","Hiragino Sans","Meiryo","sans-serif";
 font-weight: normal;
 color:#000;
}

/* リンク文字の設定 */

a{
 text-decoration:underline;
}

a:link,a:visited{
 color: #39f;  
}

a:hover,a:active{
 color: #f60;
}

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

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

section{
 clear: both;
 overflow: auto;
}

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

/* 全体エリア(全体背景を設定するにはここ) */
.main{
    background-color: #f2f2f2;
    background-image: url('../images/AdobeStock_85133296.jpeg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;

}

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

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

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

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

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

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

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

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

/*ヘッダーの問い合わせボタン*/
.header_cta{
 width: 30%;
 float: right;
 margin: 0.3em 12.3em 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 3em;
}

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

.area_cta_inr_left{
    float: left;
    width: 48%;
}

.area_cta_inr_right{
    float: right;
    width: 48%;
}

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

.footer a{
    color: #fff;
}