@charset "utf-8";
/* CSS Document */
/*-------全体---------*/
body{
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	text-align: center;
}
#main_bk {
	background-image: url(../img_ind/main_bk_loop.gif);
	background-position: top center;
	text-align: center;
	background-repeat: repeat-x;
	clear:both;
}
#main{
	margin: 0 auto;
	background-image: url(../img_ind/main_bk.jpg);
	background-position: top center;
	height: 592px;
	background-repeat: no-repeat;
}
#main_b_box {
	padding: 480px 0 0 0;

}

/* スマートフォン 縦(ポートレート) */

@media only screen and (max-width: 900px) {
	#main_bk{
		width:100%;
		height:100%;
		padding: 59% 0 0;
		position:relative;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		background-image: url(../img_ind/main_bk_loop_sp.jpg);
	}
	#main{
		width:100%;
		height:100%;
		-webkit-background-size: 100% auto;
		background-image: url(../img_ind/main_bk_sp.jpg);
		-o-background-size: 100% auto;
		background-size: 100% auto;
		position: absolute;
		top: 0;
		left: 0;
	}
	#main_b_box {
		padding: 44% 0 0 0;
	}
}
@media only screen and (max-width: 580px) {
	#main_b_box {
		padding: 44% 0 0 0;
	}
	#main img{
		width:70%;
	}
}

/*---------------------------------
キャンペーン
---------------------------------*/
#campaign_bk{
	background-image:url(../img_ind/cp_obi2.jpg), url(../img_ind/cp_obi1.jpg);
	background-position: right, left;
	background-repeat: no-repeat, repeat-x;
	padding:17px 0;
}
@media only screen and (max-width: 900px) {
	#campaign_bk{
		width:100%;
		height:100%;
		padding: 0;
		background:none;
		position:relative;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
	#campaign_bk img{
		width:100%;
	}
}

/*---------------------------------
追及しました
---------------------------------*/
#pursue_bk {
	background-color: #F0F0F0;
}
.pursue_box{
	width:1000px;
	padding:30px 0;
	margin: 0 auto;
	overflow: hidden;
}
.pursue_list li{
	width:318px;
	float:left;
	margin: 0 20px 20px 0;
	display: block;
	height: 240px;
}
.pursue_list li:nth-child(3n){
	margin-right:0;
}
.pursue_list li img{	margin: 0 0 10px 0;}
.pursue_list li p{
	font-size:20px;
	color: #006699;
	line-height: 1.4em;
}
.pursue_list li span{
	font-size:14px;
	line-height: 1.8em;
}

@media only screen and (max-width: 900px) {
	#pursue_bk{
		width:98%;
		padding:0 1%;
	}
	.pursue_box{
		width:100%;
	}
	.pursue_list{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	.pursue_list li{
		width:48%;
		position:relative;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		margin: 0 0 15px 0;
		height: auto;
	}
	.pursue_list li img{
		width:100%;
	}
	.pursue_list li p{
		font-size:1em;
		font-weight:bold;
	}
	.pursue_list li span{
		font-size:0.8em;
	}
}
@media only screen and (max-width: 480px) {
	.pursue_list li p{
		text-align:left;
	}
	.pursue_list li span{
		text-align:left;
	}
}
.ind_t1{
	font-size:34px;
	color: #000000;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: 1.8em;
}
.ind_t2{
	font-size:34px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: 1.8em;
}
@media only screen and (max-width: 900px) {
	.ind_t1{
		font-size:1.5em;
		line-height: 1.2em;
	}
	.ind_t2{
		font-size:1.5em;
		line-height: 1.2em;
	}
}

/*---------------------------------
お困り
---------------------------------*/
#trouble_bk{
background-color:#FF9900;
}
.trouble_box{
	width:1000px;
	padding:30px 0;
	margin: 0 auto;
	overflow: hidden;
}
.ind_check{
	margin: 0 0 20px 0;
}
.ind_check li{
	color: #000000;
	font-size: 25px;
}
.ind_check li img{
	vertical-align:bottom;
}
#b_box1{
	margin:-50px 0 0 0;
}
@media only screen and (max-width: 900px) {
	#trouble_bk{
		width:98%;
		padding:0 1%;
	}
	.trouble_box{
		width:100%;
	}
	.ind_check{
		margin: 0;
	}
	.ind_check li{
		font-size: 1.2em;
		margin-bottom:1%;
	}
	.ind_check li img{
		width:4%;
		height:4%;
		margin-right:1%;
		vertical-align:bottom;
	}
	.trouble_img{
		width:94%;
	}
}
@media only screen and (max-width: 580px) {
	#b_box1{
		margin:-10px 0 0 0;
	}
	#b_box1 img{
		width:70%;
	}
}
/*---------------------------------
お客様の声
---------------------------------*/
#voice_bk {
	background-color: #FFFFFF;
}
.voice_box{
	width:1000px;
	padding:30px 0 10px 0;
	margin: 0 auto;
	overflow: hidden;
}
.voice_list li{
	border-bottom:2px dotted #ccc;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:left;
}
.voice_list li img{
	float:left;
	margin:0 10px 0 0;
}
.voice_list li .voice_txt1{
	font-size:16px;
	font-weight:bold;
}
.voice_list li .voice_txt2{
	font-size:28px;
	font-weight:bold;
	color:#F48304;
}

@media only screen and (max-width: 900px) {
	#voice_bk {
		width:98%;
		padding:0 1%;
	}
	.voice_box{
		width:100%;
	}
	.voice_list li img{
		width:43%;
		margin-bottom:10px;
	}
	.voice_list li .voice_txt2{
	font-size:18px;
	line-height:1.4em;
	}
	.voice_list li span{
		font-size:0.8em;
	}
}