@charset "utf-8";

.pc				{ display: block !important; }
.sp				{ display: none !important; }
img.pc			{ display: inline-block !important; }
img.sp			{ display: none !important; }
#brand, .pageup	{ font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; }
#brand .bgGray	{ background: #f8f8f8; }
#brand .inner	{ width: 960px; margin: 0 auto; overflow: hidden; }
#brand h3		{ margin: 20px 0; font-size: 158%; text-align: center; }
#brand h4		{ margin: 30px 0 5px; font-size: 158%; text-align: center; }
#brand .exp		{ margin-top: 15px; text-align: left; }

#brand #section03	{ padding: 50px 0;}
#brand #section03 h4	{ color: #fff; background: #f90; margin: 0;}
#brand #section03 ul	{ width: 980px; }
#brand #section03 li	{ float: left; width: 444px; height: 860px; margin: 0 19px 20px 0; border: 1px solid #f90; padding: 10px;}
#brand #section03 li p img	{ width: 100%;}

@media screen and (min-width: 0px) and (max-width: 667px){
.pc				{ display: none !important; }
.sp				{ display: block !important; }
img.pc			{ display: none !important; }
img.sp			{ display: inline-block !important; }
a				{ text-decoration: none !important; }
.order li		{ margin-top: 13px; margin-bottom: 0 !important; }
#brand .inner	{ width: auto; padding: 0 20px; text-align: center;}
#brand .exp		{ line-height: 41px;}

#header_logo     { width: 37%; float: left; }
#header_inquiry  { width: 53%; float: right; }

#brand #section03			{ width: auto;padding:30px 0 ; }
#brand #section03 ul			{ width: auto; }
#brand #section03 li			{ float: none; width: auto;height: auto; margin: 0 0 20px; }
#brand #section03 li p img	{ max-width: 100%; height: auto; }