@import "item.css";

.member-lists{
	margin:20px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}

.member-lists li{
	/* display:inline-block; */
	/* margin:10px; */
	/* max-width:400px; */
	width:31.0%;
}

.member-lists .flex{
	gap:20px;
	margin-bottom:10px;
	align-items:center;
	height:100px;
}

.member-lists .message{
	font-size:0.8em;
}

.member-lists .man{
	background-color:#063F7B;
	padding:10px;
	width:100px;
	height:100px;
}
.member-lists li:nth-of-type(2n) .man{
	background-color:#F8BD2C;
}
.member-lists .man svg{
	fill:white;
}
.member-lists svg{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
}

.member-lists li img{
	width:100%;
	height:200px;
	object-fit:cover;
}

@media (max-width:768px){
	.member-lists li{
		width:47%;
	}
}

@media (max-width:500px){
	.member-lists li{
		/* display:inline-block; */
		/* margin:10px; */
		/* max-width:400px; */
		width:100;
	}
}