@charset "utf-8";
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/* --------------------------------------
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
 全デバイス共通とスマートフォン向け
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
----------------------------------------*/
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	color: #000;
}

.pc { display: none !important; }
.sp { display: block !important; }
.pc2 { display: none !important; }
.pc3 { display: none !important; }

/* --------------------------------------
header●ロゴのみ●
----------------------------------------*/
header {
	width: 100px;
	margin: 0 auto;
}

header img {
	width: 100%;
}

/* --------------------------------------
トップ画像
----------------------------------------*/

#top {
	background: url(images/top-haikei-sp.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

#top img {
	display: block;
	width: 100%;
}

/* --------------------------------------
メリット
----------------------------------------*/

#merit {
	background: url(images/merit-haikei.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

#merit img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
/* ------------------------------------------------ */

#merit-line {
	background: url(images/merit-line-sp.png);
	background-repeat: no-repeat;
	background-size:cover;
	width: 100%;
	margin: 0 auto;
	}

#merit-line img {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}


/* --------------------------------------
不安喚起
----------------------------------------*/

#fuan {
	background-color: aliceblue;
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 40px;
}

#fuan img {
	display: block;
	margin: 0 auto;
	width: 90%;
}

/* --------------------------------------
解決＆選ばれる理由
----------------------------------------*/
#kaiketsu {
	background: url(images/kaiketsu-haikei.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 60px;
	}

#kaiketsu img {
	display: block;
	width: 95%;
	margin: 0 auto;	
}

/* --------------------------------------
お客様の声
----------------------------------------*/

#koe {
	background: url(images/koe-line.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 70px;
	margin-bottom: 30px;
}

#koe img{
	display: block;
	width: 150px;
	margin: 0 auto;
	padding-top: 25px;
}

#koe1 {
	overflow-x :auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	width: 90%;
	margin: 0 auto;
}

.koe2 {
	/* 横スクロール用 */
	display: inline-block;
	width: 90%;

	/* 見た目調整 */
	margin: 5px;
	font-size: 48px;
}

.koe2 img {
	display: block;
	width: 90%;
}
/* --------------------------------------
FP紹介
----------------------------------------*/
#sonota {
	width: 80%;
	margin: 30px auto;
}

#sonota img {
	display: block;
	width: 100%;
  margin: 0 auto;
}

/* --------------------------------------
フッター
----------------------------------------*/
footer {
	background-color: #07346B;
	height: 170px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}
/* --------------------------------------
下部固定のお問い合わせ
----------------------------------------*/

#fixed {
	position: fixed; /* 要素の位置を固定する */
	bottom: 0; /* 基準の位置を画面の一番下に指定する */
	left: 0; /* 基準の位置を画面の一番右に指定する */
	width: 100%; /* 幅を指定する */

	}

#line {
	height: 80px;
	width: 50%;
	background: rgb(194, 160, 7);
	float: left;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#line img {
	padding-top: 15px;
	width: 80%;
}

#mail {
	height: 80px;
	width: 50%;
	background:rgb(15, 10, 37);
	float: left;
	}

	#mail img {
		padding-top: 15px;
		padding-left: 25px;
		width: 80%;
	}