#wrap .brand_box {
	width: 100%; height: 600px;
	margin-top: 4px;
}


#wrap .brand_box_01{ background: url(../images/story01.jpg) no-repeat center center; background-size: cover; margin-top: 35px;   }
#wrap .brand_box_02{ background: url(../images/story02.jpg) no-repeat center center; background-size: cover; }
#wrap .brand_box_03{ background: url(../images/story03.jpg) no-repeat center center; background-size: cover; }
#wrap .brand_box_04{ background: url(../images/story04.jpg) no-repeat center center; background-size: cover; }


#wrap .brand_box > div {
	width: 100%; height: 100%;
	padding: 60px;
	box-sizing: border-box;
}

#wrap .brand_box > div .brand_box_title{
	width: 100%; line-height: 35px;
	font-size: 24px; color: #404040;

}

#wrap .brand_box > div .brand_box_bar{
	width: 100%; height: 2px; line-height: 2px;
	margin: 30px 0px;

}

#wrap .brand_box > div .brand_box_bar .brand_box_bar_item {
	width: 22px; height: 100%;
	background-color: #000000;
}

#wrap .brand_box > div .brand_box_desc{
	width: 100%; line-height: 25px; 
	font-size: 14px; color: #666666;
}


#wrap .brand_box_01 > div,
#wrap .brand_box_03 > div{
	text-align: right;
}


.box_opacity {
	display: none; 
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #000;
	opacity: 0.25;
}

@media (max-width: 479px){ 
	#wrap .brand_box {
		height: 200px;
	}
	#wrap .brand_box_04 {
		height: 135px;
	}

	#wrap .brand_box > div { padding: 15px 20px; }
	#wrap .brand_box > div .brand_box_desc { font-size: 12px; }
	#wrap .brand_box > div .brand_box_desc br { display: none; }
	#wrap .brand_box > div .brand_box_title { font-size: 16px; }
	#wrap .brand_box > div .brand_box_bar { margin: 10px 0px; }
	.box_opacity { display: block; }

	#wrap .brand_box > div .brand_box_title { color: #fff; }
	#wrap .brand_box > div .brand_box_desc { line-height: 20px; color: #fff; }
	#wrap .brand_box > div .brand_box_bar .brand_box_bar_item { background-color: #fff; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#wrap .brand_box {
		height: 250px;
	}
	#wrap .brand_box_04 {
		height: 200px;
	}

	#wrap .brand_box > div { padding: 35px; }
	#wrap .brand_box > div .brand_box_desc { font-size: 12px; }
	#wrap .brand_box > div .brand_box_title { font-size: 18px; }
	#wrap .brand_box > div .brand_box_bar { margin: 15px 0px; }
	.box_opacity { display: block; }

	#wrap .brand_box > div .brand_box_title { color: #fff; }
	#wrap .brand_box > div .brand_box_desc { line-height: 20px; color: #fff; }
	#wrap .brand_box > div .brand_box_bar .brand_box_bar_item { background-color: #fff; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#wrap .brand_box {
		height: 350px;
	}

	#wrap .brand_box > div { padding: 35px; }
	.box_opacity { display: block; }

	#wrap .brand_box > div .brand_box_title { color: #fff; }
	#wrap .brand_box > div .brand_box_desc { color: #fff; }
	#wrap .brand_box > div .brand_box_bar .brand_box_bar_item { background-color: #fff; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#wrap .brand_box {
		height: 500px;
	}

	.box_opacity { display: block; }
	#wrap .brand_box > div .brand_box_title { color: #fff; }
	#wrap .brand_box > div .brand_box_desc { color: #fff; }
	#wrap .brand_box > div .brand_box_bar .brand_box_bar_item { background-color: #fff; }
}

@media (max-width: 1447px) and (min-width: 1280px) { 
	#wrap .brand_box {
		height: 500px;
	}


}

@media (max-width: 1601px) and (min-width: 1448px) { 


}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}

	@media (max-width: 1279px) and (min-width: 1024px) { 

	}


	@media (max-width: 1447px) and (min-width: 1280px) { 
	}

	@media (max-width: 1601px) and (min-width: 1448px) { 


	}


*/