/*------------------------------------------------------------
	about
------------------------------------------------------------*/
#main {
	margin-bottom: 80px;
}

.pagecase {
	margin: 0 auto;
	padding: 0 80px;
	max-width: 1600px;
}

.ttlBox {
	margin-bottom: 50px;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px dotted #dcdcdc;
}

.ttlBox h3 {
	color: #000;
	font-size: 30px;
	font-weight: normal;
}

.ttlBox h3 span {
	margin: 0 auto 10px;
	padding: 10px 50px;
	display: inline-block;
	color: #fff;
	font-size: 30px;
	text-align: center;
	background: #4395FF;
	border-radius: 30px;
}

.pageLead .visual {
	background: url(../image/page_case.jpg) no-repeat center bottom;
	background-size: cover;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#main {
		margin-bottom: 40px;
	}
	
	.pagecase {
		margin: 0 auto;
		padding: 0 20px;
		max-width: inherit;
	}
	
	.ttlBox {
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	
	.ttlBox h3 {
		font-size: 20px;
	}
	
	.ttlBox h3 span {
		padding: 10px 20px;
		font-size: 20px;
	}
}

.partaner {
	margin-bottom: 50px;
}

.partaner li {
	margin-bottom: 0;
	width: 11.111111%;
	float: left;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}

.partaner li img {
	width: 100%;
}

.caseImg {
	margin-bottom: 50px;
	text-align: center;
}

table {
	width: 100%;
	border-collapse: collapse;
}

.data {
	margin: 0 auto 50px;
	width: 1200px;
}

th {
	width: 33.3333333%;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #ccc;
}

td {
	width: 33.3333333%;
	padding: 20px;
	font-size: 16px;
	border: 1px solid #ccc;
}

.caseList li {
	margin-right: 20px;
	float: left;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.partaner {
		margin-bottom: 30px;
	}
	
	.partaner li {
		width: 50%;
	}
	
	.caseImg {
		margin-bottom: 50px;
		text-align: center;
	}

	.caseImg img {
		width: 100%;
	}
	
	.data {
		margin: 0 0 30px;
		width: auto;
	}
	
	th {
		width: 33.3333333%;
		padding: 5px;
		font-size: 14px;
	}
	
	td {
		width: 33.3333333%;
		padding: 5px;
		font-size: 14px;
	}

	.caseList li img {
		height: 200px;
	}

}