@charset "utf-8";
/* CSS Document */

img{
	max-width:100%;
	height:auto;
}
.clear{
	clear:both;
}
.clear2{
	clear:both;
	border-top:1px solid #e0dfdf;
}
.center{
	text-align:center;
}
.center2{
	text-align:center;
	margin-top:30px;
	padding-bottom:30px;
}
.center3{
	text-align:center;
	padding-top:33px;
	margin-bottom:27px;
}
.center4{
	text-align:center;
	padding-top:15px;
	margin-bottom:15px;
}
h2{
	margin-bottom:10px;
}
.tright{
	text-align:right
}

/**********************************header***************************************/
.boxA{
	width:40%;
	float:left;
	margin-top:20px;
	line-height:0;
}
.boxB{
	width:60%;
	float:left;
	margin-top:20px;
	line-height:0;
}
header:after{
	content:"";
	display:block;
	clear:both;
}

/**********************************navi***************************************/
#menu .navi li,#menu .navi2 li{
	float:left;
}
.navi2{
	line-height:0;
}
/*##################1281px以上##################*/
@media (min-width: 1281px) {
.lawyers{
	background-image:url(../images/lawyers_small_s2.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	/*background-attachment: fixed;*/
	/*background-size:cover;*/
	height:400px;
}
}
/*##################1280px以下##################*/
@media (max-width: 1280px) {
	.hind{	
		background-image:url(../images/eye.jpg);
		background-position: center center;
		background-repeat:no-repeat;
		background-size:cover;
		height:600px;
	}
	.lawyers{
	background-image:url(../images/lawyers_small_s2.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}
}

/*##################950px以上##################*/
@media (min-width: 950px) {
	#menubtn{
		display:none;
	}
	.in{
		width:1008px;
		margin:0 auto;
	}
}

/*##################949px以下##################*/
@media (max-width: 949px) {
	#menu{
		display: none;
		background-image:none;
	}
	#menu .navi,#menu .navi2{
		margin:0;
		padding:0;
		list-style:none;
	}
	.navi li,.navi2 li{
		float: none;
		width:100%;
	}
	.navi li a img,.navi2 li a img{
		display: none;
	}
	.navi li a,.navi2 li a{
		display: block;
    	background: #eee;
    	border-bottom: solid 1px #bbb;
    	padding: 6px;
    	text-decoration: none;
    	color: #666;
		line-height:25px;
		font-size:80%;
    	-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
	}
	.navi li a:before,.navi2 li a:before {
		content: attr(data-label);
	}
}

/*##################768px以下##################*/
@media (max-width: 768px) {
	.lawyers{
		background-image:url(../images/lawyers2.jpg);
		/*background-position: center center;*/
		background-repeat:no-repeat;
		background-size:contain;
		height:200px;
	}
	.center2{
		padding-bottom:20px;
	}
	.centertx{
		margin-left:0px;
	}
	.foottx3{
		width:30%;
	}
}

/*##################480px以下##################*/
@media (max-width: 480px) {
	.hind{	
		background-image:url(../images/eye.jpg);
		background-position: top center;
		background-repeat:no-repeat;
		background-size:contain;
		height:199px;
	}
	.lawyers{
		height:150px;
	}
	.center2{
		padding-bottom:0px;
	}
	.flg{
		width:100%;
		margin-bottom:15px;
	}
	.flg2{
		width:100%;
		margin-left:0px;
		margin-bottom:15px;
	}
	.info1 dd{
		width:70%;
		margin-left:50px;
	}
	#map-canvas{
		height:250px;
	}
	.foottx,.foottx2,.foottx3{
		width:100%;
	}
	.foottx2{
		margin-bottom:10px;
	}
	.foottx3{
		margin-left:0px;
	}
	.fllawyer{
		width:100%;
		margin-bottom:30px;
	}
	.fllawyer2{
		width:100%;
		margin-left:0px;
		margin-bottom:30px;
	}
	.ac_fl{
		width:70%;
	}
	#map-canvas2{
		height:200px;
	}
}

/*##################320px以下##################*/
@media (max-width: 320px) {
	.hind{	
		height:140px;
	}
	.lawyers{
		height:100px;
	}
	.info1 dd{
		width:100%;
		margin-left:0;
	}
	.ac_fl{
		width:65%;
	}
}

