@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

#head .main{
background-image: url("../images/lawyer-images/main.jpg");
}
.nav03 a span{
border-bottom: 1px solid #ffffff;
}

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

------------------------------------------------------------ */
.profile .float-l{
width: 20%;
}
.profile .float-r{
width: 75%;
}
.profile table{
width: 100%;
border-top: 1px solid #c4bdba;
}
.profile table th{
width: 20%;
box-sizing: border-box;
border-right: 1px solid #c4bdba;
padding: 10px;
}
.profile table td{
box-sizing: border-box;
padding: 10px 10px 10px 20px;
}
.profile table tr:first-child th,.profile table tr:first-child td{
padding-top: 20px;
}
.profile table tr:last-child th,.profile table tr:last-child td{
padding-bottom: 20px;
}
.profile ul li{
background: url("../images/cmn-images/title-icon03.png") 10px 8px no-repeat;
background-size: 4px auto;
padding-left: 23px;
margin-bottom: 10px;
}

.lawyer-list {
	width: 103.333%;
}
.lawyer-list li {
	float: left;
	position: relative;
	width: 30%;
	margin-right: 3.333%;
}
.lawyer-list li img {
	width: 100%;
	height: auto;
}
.lawyer-list li .mask {
display: flex;
align-items: center;
justify-content:center;
width: 100%;
height: 100%;
position: absolute;	/* 絶対位置指定 */
top: 0;
left: 0;
opacity: 0;	/* マスクを表示しない */
background-color:	rgba(0,0,0,0.5);	/* マスクは半透明 */
-webkit-transition:	all 0.2s ease;
transition:		all 0.2s ease;
}
.lawyer-list li .caption {
	color: #fff!important;
	text-align: center;
}
.lawyer-list li .caption h2 {
	font-size: 2.2rem;
	margin-bottom: 20px;
}
.lawyer-list li .caption h2 a,.lawyer-list li .caption h2 a:visited {
	color: #fff;
}
.lawyer-list li .caption p {
	color: #cec1b7;
	font-size: 1.6rem;
	letter-spacing: 0.2em;
	margin-bottom: 0;
}
.lawyer-list li:hover .mask {
	opacity: 1;	/* マスクを表示する */
	cursor: pointer;
}
.btn-back {
	margin: 0 auto;
}

/* ==========================================================================
pc
========================================================================== */
@media screen and (min-width: 1200px) {
}

/* ==========================================================================
tablet
========================================================================== */
@media screen and (max-width: 1199px) {





}

/* ==========================================================================
sp
========================================================================== */
@media screen and (max-width: 699px) {
.profile .float-l{
float: none;
width: 50%;
margin: 0 auto 20px auto;
}
.profile .float-r{
float: none;
width: 100%;
margin: 0 auto 20px auto;
}

.profile table th{
width: 20%;
padding: 5px;
}
.profile table td{
padding: 5px;
}

.lawyer-list {
	width: 105%;
}
.lawyer-list li {
	width: 45%;
	margin-right: 5%;
}
.lawyer-list li .caption h2 {
	font-size: 1.8rem;
}
.lawyer-list li .caption p {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}

}