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

/*  取り扱い事件一覧　*/

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

@media print, screen and (min-width: 641px){

.serviceList{
	width:960px;
	overflow:hidden;
}

.serviceList ul{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.serviceList ul li{
	width:450px;
	overflow:hidden;
	margin-bottom:40px;
}

.serviceList ul li .photo{
	float:left;
	width:180px;
	margin-right:25px;
}

.serviceList ul li .info{
	float:left;
	width:245px;
	padding-top:5px;
}

.serviceList ul li .photo .inner{
	width:170px;
	height:170px;
	text-align:center;
}

.serviceList ul li .photo .inner a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.serviceList ul li .info h3{
	font-size:17px;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:13px;
}

.serviceList ul li .info h3 a {text-decoration: none;}
.serviceList ul li .info h3 a:link {color:#333;}
.serviceList ul li .info h3 a:visited {color:#333;}
.serviceList ul li .info h3 a:active {color:#333;}
.serviceList ul li .info h3 a:hover {color:#333; text-decoration: underline;}

.serviceList ul li .info p{
	font-size:12px;
	color:#555;
	font-weight:nomal;
	line-height:1.7em;
	margin-bottom:15px;
}

.serviceList ul li .info .bt{
}

}

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

.serviceList{
}

.serviceList ul li{
	float:left;
	overflow:hidden;
	margin-bottom:35px;
}

.serviceList ul li .photo{
	float:left;
	width:24%;
	margin-right:4%;
}

.serviceList ul li .info{
	float:left;
	width:72%;
}

.serviceList ul li .photo .inner{
	text-align:center;
}

.serviceList ul li .photo .inner a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.serviceList ul li .info h3{
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:5px;
}

.serviceList ul li .info h3 a {text-decoration: none;}
.serviceList ul li .info h3 a:link {color:#333;}
.serviceList ul li .info h3 a:visited {color:#333;}
.serviceList ul li .info h3 a:active {color:#333;}
.serviceList ul li .info h3 a:hover {color:#1841ce; text-decoration: underline;}

.serviceList ul li .info p{
	font-size:12px;
	color:#555;
	font-weight:nomal;
	line-height:1.7em;
	margin-bottom:10px;
}

.serviceList ul li .info .bt{
}

}