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



/*--------------------------------------
　ABOUT US
---------------------------------------*/
.we .logos {
	display: table;
	margin: 6rem auto 0;
}
.we .logos ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
.we .logos ul:before {
	content: "";
	background: #fff;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
}
.we .logos ul li {
	width: 50%;
	height: 17rem;
	border-right: solid 1px #C9C9C9;
	border-bottom: solid 1px #C9C9C9;
	display: flex;
	align-items: center;
	justify-content: center;
}
.we .logos ul li:nth-child(3),
.we .logos ul li:nth-child(4){
	border-bottom: none;
}
.we .logos ul li:nth-child(2n) {
	border-right: none;
}
.we .logos ul li:nth-child(1) img {
	width: 188px;
}
.we .logos ul li:nth-child(2) img {
	width: 172px;
}
.we .logos ul li:nth-child(3) img {
	width: 150px;
}
.we .logos ul li:nth-child(4) img {
	width: 205px;
}

@media screen and (max-width: 834px) {

/*--------------------------------------
　ABOUT US
---------------------------------------*/
.we .logos {
	display: table;
	margin: 5rem auto 0;
}
.we .logos ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
.we .logos ul:before {
	content: "";
	background: #fff;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
}
.we .logos ul li {
	width: 50%;
	height: 17rem;
	border-right: solid 1px #C9C9C9;
	border-bottom: solid 1px #C9C9C9;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}
.we .logos ul li:nth-child(3),
.we .logos ul li:nth-child(4){
	border-bottom: none;
}
.we .logos ul li:nth-child(2n) {
	border-right: none;
}
.we .logos ul li:nth-child(1) img {
	width: 148px;
}
.we .logos ul li:nth-child(2) img {
	width: 132px;
}
.we .logos ul li:nth-child(3) img {
	width: 110px;
}
.we .logos ul li:nth-child(4) img {
	width: 175px;
}
	
}