@charset "utf-8";

/* content.index
---------------------------------------- */
#content.index{
}
#content.index #h1_wrap {
	background-image: url("../img/bg_company.jpg");
}
#content.index #copy{
	max-width: 615px;
}

/* links */
#content.index #links{
	width:calc(100% - 80px);
	max-width: 1000px;
	margin: 0 auto 50px auto;
}
#content.index #links ul{
}
#content.index #links ul li{
	float: left;
	box-sizing: border-box;
	width:32%;
	max-width: 320px;
	border: 1px solid #CCC;
	margin: 0 2% 40px 0;
}
#content.index #links ul li:nth-child(3n){
	margin-right:0;
}
#content.index #links ul li a{
	display: block;
	width: 100%;
}
#content.index #links ul li a:hover{
	text-decoration: none;
}
#content.index #links ul li a img{
	width: 100%;
}
#content.index #links ul li a p{
	width: 100%;
	text-align: center;
	font-size:15px;
	color: #444;
	padding:8px 0 9px 0;
	font-weight: bolder;
}

@media screen and (max-width:700px) {
	#content.index #links{
		width:calc(100% - 40px);
		margin: 0 auto 20px auto;
	}
	#content.index #links ul li{
		width:48%;
		margin: 0 4% 20px 0;
	}
	#content.index #links ul li:nth-child(3n){
		margin-right:4%;
	}
	#content.index #links ul li:nth-child(2n){
		margin-right:0;
	}
	#content.index #links ul li a p{
		font-size:14px;
		padding:8px 0 9px 0;
	}
}