@charset "utf-8";

#mutualLink {
    margin: 80px auto;
}

#mutualLink p:before {
	content:"●";
	font-size: 14px;
	color:#D0261A;
	padding-right: 10px;
}

#mutualLink p a {
	text-decoration: underline;
}

#linkList {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 60px 0;
}

#linkList li {
	width: 23.5%;
	margin: 0 2% 3% 0;
    border: 1px solid #cdcdcd;
}

#linkList li:nth-child(4n) {
	margin: 0 0 3% 0;
}

#linkList li a {
	display: block;
	text-align: center;
	padding: 15px;
	font-size: 14px;
}

@media only screen and (max-width: 767px){
    
	#linkList {
		margin: 30px 0;
	}
	
	#linkList li {
		width: 49%;
		margin: 0 2% 2% 0;
		border: 1px solid #cdcdcd;
	}

	#linkList li:nth-child(2n) {
		margin: 0 0 2% 0;
	}
	
	#linkList li a {
		font-size: 12px;
	}	
	
	
}