.brand{
	display: flex;
	flex-wrap:wrap;
	border: double 6px #DDDDDD;
}
.brand li{
  font-size:11px;
	text-align:center;
	width: calc(100%/2);/*←画像を横に4つ並べる場合*/
	padding:0px 0px 0px 0px;/*←画像の上下左右の順に余白を入れる場合*/
	box-sizing:border-box;
	/*border-bottom: dotted 1px gray;*/
  margin-bottom: 5px;
}
.brand li p{
  line-height: 1.4;
}
@media (max-width:599px){/*ブレイクポイントはスマホサイズ599px*/
   .brand {
       flex-wrap: wrap;
   }
   .brand li{
       width: 25%;/*スマホ表示サイズを％で変える*/
   }
}