@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1200px) {
#contents #txt-intro{
	margin-bottom: 5.555555555555555%;
}
#brands ul li{
	width: 23.557692307692307%;
	margin-right: 1.9230769230769231%;
	margin-bottom: 1.9230769230769231%;
	font-size: 11px;
}
#brands .brand-detail{
	margin-bottom: 6.666666666666667%;
}
#brands .brand-detail p{
	width: 40.38461538461539%;
}
#brands .brand-detail dl{
	width: 55.769230769230774%;
}
#brands .brand-detail dl dt{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#brands .brand-detail dl dd{
	font-size: 15px;
	line-height: 2;
}

}

@media only screen and (min-width: 0px) and (max-width: 640px) {
#brands ul li{
	width: 32.12996389891697%;
	margin-right: 1.8050541516245486%;
	margin-bottom: 1.8050541516245486%;
	font-size: 10px;
}
#brands ul li:nth-child(4n){
	margin-right: 1.8050541516245486%;
}
#brands ul li:nth-child(3n){
	margin-right: 0%;
}
#contents h2{
	font-size: 22px;
	margin-bottom: 3.125%;
	padding: 0.46875% 2.34375%;
}
#brands .brand-detail p{
	width: 40.38461538461539%;
	min-width: 220px;
	margin: 0 auto 3.125%;
}
#brands .brand-detail dl{
	width: 100%;
	margin: 0 auto;
}
#brands .brand-detail dl dt{
	font-size: 16px;
	margin-bottom: 2.34375%;
	padding-bottom: 2.34375%;
}
#brands .brand-detail dl dd{
	font-size: 12px;
}

#brands .brand-detail:nth-of-type(odd) p,
#brands .brand-detail:nth-of-type(even) dl,
#brands .brand-detail:nth-of-type(even) p,
#brands .brand-detail:nth-of-type(odd) dl{
	float: none;
}

}