@charset "UTF-8";
/* ------------------------------
コンサルタント紹介
------------------------------ */
.consultList {
	max-width: 1170px;
	margin:115px auto 0 auto;
	margin-bottom:75px;
	list-style: none;
	font-size: 0;
}
.consultList li{
	display: inline-block;

	position: relative;
	/*width: 370px;*/
	width: 31.5%;
	margin-bottom: 45px;

	font-size:16px;
	font-size:1.6rem;

	vertical-align: top;

}
.consultList li a{
	color: #000;
}
.consultList li a:hover{
	color: #666;
}
.consultList li .picture{
	position: relative;
	background-color: #000;
}
.consultList li a:hover .picture:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: 'VIEW';
	width: 130px;
	height: 40px;
	margin:auto;
	background-color: #fff;
	line-height: 40px;
	text-align: center;
}

.consultList li p{
	margin-top: 20px;
}
.consultList li span{
	font-size:14px;
	font-size:1.4rem;
}
.consultList li:nth-child(3n-1){
	/*margin-right: 30px;*/
	/*margin-left: 30px;*/
	margin-right: 2.75%;
	margin-left: 2.75%;
}
.consultList li span{
	display: block;
	letter-spacing: 0.1em;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1170px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {

.consultList {
	margin:115px 47.5px 0 47.5px;
}
.consultList li{
	width: 33%;
	padding:0 15px;
}
.consultList li:nth-child(3n-1){
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.consultList li span{
	letter-spacing: 0.1em;
}

}



/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

.category-consult #main .pageTTL{
	padding:0 3%;
}

.consultList {
	margin:40px 3% 0 3%;
}
.consultList li{
	width: 100%;
	padding:0 0px;
}






}