/*customer*/
.pcImg{display:block;}
.spImg{display:none;}

@media screen and (max-width:480px) {
.pcImg{display:none;}
.spImg{display:block;}
}


h1{
	width:650px;
	margin:30px auto 30px;
	font-size:36px;
}
.indent-1{
	text-indent:-1em;
	padding-left:1em;
}
.customerWrap{
	width:730px;
	margin:40px auto 0;
}
.customerWrap .leftBox{
	float:left;
	width:358px;
}
.customerWrap .rightBox{
	float:right;
	width:358px;
}
.customerWrap ul{
	list-style:none;
	padding-left:0;
	margin:0;
}
.customerWrap ul li{
	padding-bottom:10px;
}
.grayBox{
	background:#f7f7f7;
	font-size:12px;
	padding:1rem;
}
/* ----- / @media screen and (max-width:768px) ----- */
@media screen and (max-width:768px) {
	h1{
		width:100%;
		font-size:32px;
	}
	.customerWrap .img100{
		width:100%;
	}
	.customerWrap{
		width:100%;
		margin:20px auto 0;
	}
	.customerWrap .leftBox{
		float:left;
		width:49%;
	}
	.customerWrap .rightBox{
		float:right;
		width:49%;
	}
}

@media screen and (max-width:480px) {
	h1{
		font-size:28px;
	}
	.customerWrap .leftBox{
		float:none;
		width:100%;
	}
	.customerWrap .leftBox img,
	.customerWrap .rightBox img{
		margin-bottom:1rem;
	}
	.customerWrap .rightBox{
		float:none;
		width:100%;
	}
	.customerWrap ul{
		margin:0;
	}
	.customerWrap ul li {
		padding-bottom:0;
	}
	.customerWrap ul li img{
		vertical-align:middle;
	}
	.sp_mgb20{
		margin-bottom:20px;
	}

/* ----- / @media screen and (max-width:480px) ----- */
}