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

/*  --------------------------------------
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
 PCおよび大型タブレット向け：426px～768px
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
 --------------------------------------*/
 @media only screen and (min-width: 767px) {
	.pc { display: block !important; }
	.sp { display: none !important; }
	img { max-width: 100%; }
/* --------------------------------------
header●ロゴ＆ボタン●
----------------------------------------*/
header {
	width: 100%;	
	margin-bottom: 10px;
}

header img {
	display: block;
	width: 10%;
	margin-top: 10px;
  margin-left: 20px;
	float: left;
}

.pc2 { 
	width: 200px;
	float: right;
	display: block !important;
	 }

.pc3 { 
		width: 200px;
		float: right;
		display: block !important;
		margin-right: 10px; }



/* --------------------------------------
トップ画像
----------------------------------------*/
#top {
	background: url(images/top-haikei-tb.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100%;
}

#top img {
	display: block;
	width: 95%;
  padding-top: 50px;
	margin: 0 auto	;
}

/* --------------------------------------
メリット
----------------------------------------*/
#merit {
	width: 100%;
}

/* ------------------------------------------------ */

#merit-line {
	background: url(images/merit-line-tb.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#merit-line img {
	width: 80%;
}


/* --------------------------------------
不安喚起
----------------------------------------*/
#fuan {
	background-color: aliceblue;
	width: 100%;
}

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

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

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

/* --------------------------------------
お客様の声
----------------------------------------*/
#koe {
	background: url(images/koe-line.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100px;
}

#koe img{
	width: 230px;
	padding-top: 35px;
}

#koe1 {
	width: 90%;
	margin: 0 auto;
}

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

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

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

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




/* --------------------------------------
閉じ
----------------------------------------*/


}