@charset "utf-8";
/* CSS Document */

@media (max-width:1600px){

#brands {
    width: 100%;
}

}

@media (max-width:1400px){


}

@media (max-width:1280px){
	
.header-img {
    width: 100%;
}


}

@media (max-width:1200px){


	
}

@media (max-width:1024px){
	
.brand-box-wrap {
    width: 33.33%;
}

h2 {
    font-size: 30px;
}

}

@media (max-width:949px){
	

}

@media (max-width:800px){
	
.brand-box-wrap {
    width: 50%;
}

h1 {
    width: 30%;
}




}

@media (max-width:768px){

}

@media (max-width:600px){
	
.content {
    padding: 20px;
}

.brand-box-wrap {
    margin-bottom: 40px;
}


.brand-cap {
    font-size: 12px;
}

.brand-name {
    font-size: 14px;
}

.brand-name span {
    font-size: 12px;
}





}

@media (max-width:479px){

h1 {
    width: 30%;
}


h2 {
    font-size: 20px;
	margin-bottom: 10px;
}

h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}


.sns {
    width: 80%;
}

.brand-box-wrap {
	padding: 5px;
}

footer img {
	width: 80%;
}

.brand-box-wrap {
    width: 100%;
    padding: 0;
	float: none;
}



}

@media (max-width:414px){

}

@media (max-width:375px){

}

@media (max-width:320px){

}