@charset "UTF-8";
/* CSS Document */



#contents{
width:1004px;
height:auto;
background:url(../images/contents_back.png);
background-repeat:repeat-y;
margin:0 auto;
top:0px;
}

.main_visual{
width:877px;
height:349px;
margin-left:65px;
margin-top:0px;
}


.main_text{
width:590px;
margin-top:0px;
}

.textarea{
width:590px;
margin-top:5px;
font-size:16px;
line-height:35px;
}


#index_details{
width:900px;
height:auto;
margin-left:85px;
margin-top:50px;
padding:0px 0px 0px 0px;
}

#index_details1{
width:900px;
height:auto;
margin-left:85px;
margin-top:50px;
padding:0px 0px 100px 0px;
}

#index_details2{
width:900px;
height:auto;
margin-left:85px;
margin-top:50px;
padding-bottom: 100px;
}

.details{
	width:590px;
	float:left;
}

.details2{
	width:250px;
	height:330px;
	margin-left:20px;
	float:left;

}

.title{
	width: 700px;
}

.border{
	width: 900px;
	margin: 0 auto;
}

.border_img{
	width: 900px;
	height: 2px;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image:url(../images/border.gif);
	background-position: center center;
	background-repeat: no-repeat;
}


.feature{
	width:275px;
	margin-right:70px;
	margin-top: 20px;
	float: left;
}


.feature2{
	width:275px;
	margin-right:70px;
	margin-top: 40px;
	float: left;
}



.fetitle{
	width:250px;
	margin-top: 5px;
	color: #004E97;
	font-size: 20px;
	line-height:27px;
}


.featuretxt{
	margin-top: 5px;
	font-size: 14px;
	line-height:24px;
}


.introduce{
	width:275px;
	height: 180px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/introduceimg.png);
	background-repeat: no-repeat;
	
}


.introducedetails{
	width:275px;
	height: 200px;
	margin:0 5px;
	margin-top: 15px;
	display: inline-block;
	position: relative;
	
}

.staffindexphoto{
	width:275px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	vertical-align:70%;
}

.staffindexphoto img{
	width:275px;
	height: 200px;
	object-fit: cover; /* この一行を追加するだけ！ */
	object-position: 50% 20%;

}
.object-fit-img {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: bottom;'
}

.lawyersarea{
	width:275px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(255,255,255,0.85);
}



.lawyer{
	width:70px;
	height: 20px;
	margin-left: 10px;
	font-size: 14px;
	line-height:27px;
	float: left;
	margin-top: 3px;
}

.lawyer2{
	width:130px;
	height: 20px;
	font-size: 14px;
	line-height:27px;
	float: left;
	margin-left: 10px;
}

.lawyername1{
	display: none;
}

.lawyername2{
	width:152px;
	height: 30px;
	margin-left: 30px;
	margin-top: 3px;
	font-size: 20px;
	line-height:27px;
	float: left;
	text-align: right;
}

.lawyername3{
	display: none;
}

a.sidemenu_bt2:hover{
	color: #FFF;
	
}

.mrTamura{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mrtamura.png);
	background-repeat: no-repeat;
	
}


.mrYoshi{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mryoshii.png);
	background-repeat: no-repeat;
	
}


.msKawaguchi{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mskawaguchi.png);
	background-repeat: no-repeat;
	
}


.mrUehara{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mruehara.png);
	background-repeat: no-repeat;
	
}

.mrYamada{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mryamada.png);
	background-repeat: no-repeat;
	
}

.msHoriike{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mshoriike.png);
	background-repeat: no-repeat;
	
}


.msYamazaki2{
	width:275px;
	height: 200px;
	margin-right:10px;
	margin-top: 15px;
	float: left;
	background-image: url(../images/mryamazaki3.png);
	background-repeat: no-repeat;
	
}




.topics{
width:600px;
height:350px;
margin-left:0px;
margin-top:15px; 
}

.topics_title{
width:161px;
height:31px;
margin-left:0px;
margin-top:5px;
margin-bottom:5px;
}

.contact{
width:250px;
height:310px;
margin-left:0px;
}

.contact_title{
width:229px;
height:82px;
margin-left:0px;
margin-top:0px;
background-image:url(../images/tokyooffice.png);
background-repeat: no-repeat;
}

.contact_title2{
width:229px;
height:87px;
margin-left:0px;
margin-top:20px;
background-image:url(../images/hiroshimaoffice.png);
background-repeat: no-repeat;
}


.contact_title3{
width:229px;
height:87px;
margin-left:0px;
margin-top:20px;
background-image:url(../images/ichikawaoffice.png);
background-repeat: no-repeat;
}


p.contxt{
display: block;
font-size: 13px;
line-height:16px;
color:#0081CC;
margin-left:190px;
margin-top:5px;
}

.contact_link{
width:115px;
height:100;
margin-left:0px;
margin-top:25px;
}


a.link_bt1{
	display:block;
    width:248px;
    height:50px;
	margin-top:5px;
    background:url(../images/index_link_bt1.png);
	background-repeat:no-repeat;
}

a.link_bt1:hover{
	background:url(../images/index_link_bt1_2.png);
	background-repeat:no-repeat;
}


a.link_bt2{
display:block;
width:248px;
height:50px;
margin-top:0px;
margin-left:0px;
background:url(../images/index_link_bt2.png);
background-repeat:no-repeat;
}


a.link_bt2:hover{
background:url(../images/index_link_bt2_2.png);
background-repeat:no-repeat;
}


a.link_bt3{
display:block;
width:248px;
height:50px;
margin-top:0px;
margin-left:0px;
background:url(../images/index_link_bt3.png);
background-repeat:no-repeat;
}


a.link_bt3:hover{
background:url(../images/index_link_bt3_2.png);
}


.index_textarea{
width:590px;
height:auto;
margin-top:15px;
margin-left:0px;
}

.download{
width:150px;
height:30px;
margin-left:130px;
}

.download_font{
font-size:13px;
color:#888888;
}

.index_date_mini{
font-size:12px;
text-align:left;
color:#888888;

}

.index_category_mini{
font-size:16px;
color:#0081CC;
text-align:left;
}

.index_title_mini{
font-size:16px;
text-align:left;
display:block;
}

.index_textarea ul#topics1{
margin:0px;
padding:0px;
}

.index_textarea ul#topics1 li{
list-style:none;
float:left;
}

.index_textarea2{
width:575px;
height:auto;
margin-top:0px;
margin-left:6px;
}

.index_textarea2 ul#topics1{
margin:0px;
padding:0px;
}

.index_textarea2 ul#topics1 li{
list-style:none;
float:left;
}


.topics_date_mini{
width:180px;
font-size:12px;
text-align:left;
margin-top:10px;
}

.topics_category_mini{
width:80px;
font-size:14px;
color:#0081CC;
text-align:left;
}

.text_title_mini{
width:380px;
height:auto;
font-size:16px;
text-align:left;
margin-left:10px;
margin-top:10px;
}