@charset "UTF-8";
/*==========================
	brand
============================*/
#brandInner {
	text-align: center;
}
.bgGlay {
	background: url(../img/brand/bgGray.jpg) left top;
}
.itemBox {
	margin: 0 auto;
	max-width: 1100px;
}
.acceBlock li {
	padding: 80px 0;
}
.textLeft, .imgLeft, .imgRight, .textRight{
	width: 50%;
}
.textLeft, .imgLeft {
	float: left;
}
.imgRight, .textRight {
	float: right;
}
.titleNumber {
	margin: 0 auto 55px;
	max-width: 550px;
}
.titleNumber img {
	width: 73%;
	display: block;
}
.textLeft .titleNumber img {
	margin: auto 0 0 0;
}
.textRight .titleNumber img {
	margin: 0 0 0 auto;
}
.titleBrush {
	margin: 0 auto 15px;
	max-width: 291px;
}
.textBlock {
	margin: 0 auto 40px;
}
.bigText {
	margin: 0 auto 25px;
	max-width: 410px;
}
.lineup {
	width: 265px;
}
.imgRight {
	max-width: 550px;
}
/*media queries--------------------------------------css*/
@media screen and (max-width: 786px) {
	#brandInner {
		text-align: center;
	}
	.bgGlay {
		background: url(../img/brand/bgGray.jpg) left top;
	}
	.itemBox {
		margin: 0 auto;
		max-width: 100%;
		width: 90%;
	}
	.description {
		text-align: left;
	}
	.acceBlock li {
		padding: 10% 0;
	}
	.acceBlock li:last-child {
		padding:10% 0 0;
	}
	.textLeft, .imgLeft, .imgRight, .textRight{
		width: 100%;
	}
	.textLeft, .imgLeft {
		float: none;
	}
	.imgRight, .textRight {
		float: none;
	}
	.imgLeft, .imgRight {
		margin: 0 auto 5%;
	}
	.titleNumber {
		margin: 0 auto 8%;
		max-width: 100%;
	}
	.titleNumber img {
		width: 100%;
		display: block;
	}
	.textLeft .titleNumber img {
		margin: auto;
	}
	.textRight .titleNumber img {
		margin: auto;
	}
	.titleBrush {
		margin: 0 auto 2%;
		max-width: 100%;
		width: 87%;
	}
	.textBlock {
		margin: 0 auto 5%;
	}
	.bigText {
		margin: 0 auto 10%;
		max-width: 100%;
	}
	.lineup {
		width: 70%;
	}
	.imgRight {
		max-width: 100%;
	}
}

/* Media Queries ================================================== */