/*===============================================
画面の横幅が640px以下
===============================================*/

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

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

/*  事務所名　*/

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

.nameBox{
	margin-bottom:30px;
	text-align:center;
}

.nameBox .name_left{
}

.nameBox .name_left h2{
	font-size:130%;
	font-weight:bold;
	line-height:1.6em;
}

.nameBox .bt_back{
	margin-top:15px;
}

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

/*  左右　*/

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

.leftBox{
}

.rightBox{
	margin-top:40px;
	text-align:center;
}

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

/*  事務所概要　*/

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

.leftBox .outline{
}

.leftBox .outline dt{
	font-size:100%;
	font-weight:bold;
	line-height:1.8em;
	color:#73BE28;
}

.leftBox .outline dd{
	margin-bottom:20px;
}

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

/*  所属弁護士　*/

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

.leftBox .lawyer{
	margin-top:20px;
	overflow:hidden;
}

.leftBox .lawyer .tit{
	font-size:100%;
	font-weight:bold;
	color:#73BE28;
	line-height:1.8em;
	margin-bottom:20px;
}

.leftBox .lawyer ul{
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.leftBox .lawyer ul li{
	display: inline-block;
	vertical-align:top;
	width:120px;
	margin:0 20px 30px 0;
	text-align:center;
}

.leftBox .lawyer ul li .photo{
	margin-bottom:10px;
}

.leftBox .lawyer ul li .photo img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

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

/*  所属弁護士が左に2名　＆　右に代表社員弁護士1名　のレイアウト　*/

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

.leftBox .lawyer .lawyerleft2{
	float:left;
	width:300px;
}
.leftBox .lawyer .lawyerright2{
	float:left;
	width:150px;
}

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

/*  所属弁護士が左に1名　＆　右に代表社員弁護士1名　のレイアウト　*/

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

.leftBox .lawyer .lawyerleft3{
	float:left;
	width:150px;
}
.leftBox .lawyer .lawyerright3{
	float:left;
	width:150px;
}

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

/*  メッセージ　*/

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

.leftBox .message{
	margin-top:20px;
}

.leftBox .message h3{
	font-size:110%;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:15px;
}

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

/*  サービス　*/

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

.leftBox .service{
	margin-top:60px;
}

.leftBox .service h2{
	margin-bottom:50px;	
}

.leftBox .service h3{
	font-size:110%;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:15px;
}

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

/*  右側：写真　*/

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

.rightBox ul li{
	margin-bottom:10px;
}

.rightBox ul li img{
	width:100%;
}

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

/*  アクセスマップ　*/

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

.access_map{
	clear:both;
	padding-top:40px;
	margin-bottom:20px;
}

.access_map h2{
	margin-bottom:20px;
}

.access_map #googlemapBox{
	border:1px #DDD solid;
	width:100%;
	height:400px;
}

.access_map #googlemapBox iframe{
	width:100%;
	height:400px;
}

}