@charset "utf-8";
/* lower_common.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/


/*パンくずリスト
////////////////////////////////////////////////////*/


.bc-link {
	overflow: hidden;
	background: #f5f5f5;
	margin: 0 auto 0px;
}
.bc-link ul {
	max-width: 980px;
	margin: 0 auto;
}
.bc-link li {
	float: left;
	font-size: 75%;
	position: relative;
	padding: 1em;
}
.bc-link li:first-child {
	padding-left: 0;	
}
.bc-link li:before {
	position:absolute;
	content:'>';
	font-size: 8px;
	font-weight: bold;
	top:1.5rem;
	left: -2px;
}
.bc-link li:first-child:before {
	content:none;
}
.bc-link li a {
	display: block;
	text-decoration: none;
}
/*司法・土地
////////////////////////////////////////////////////*/
.ttl-area {
	width: 100%;
	height: 300px;	
}
.ttl-area.legal {
	background: url(../../legal/img/bg_ttl_legal.jpg) center;
	background-size: cover;
}
.ttl-area.survey {
	background: url(../../survey/img/bg_ttl_survey.jpg) center;
	background-size: cover;
}
.ttl-box__works {
	text-align: center;
	padding: 40px 0;
	transform: translate(0,60%);
}
.ttl-box__works h2 {
	font-size: 3.0rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;	
}
.ttl-box__works span {
	color: #024f28;
	font-weight: 600;
}
.works-area__inr {
	max-width: 970px;
	margin: 0 auto;	
}
.works-area__inr {
	
}
.works-area__box {
	margin: 3em 0 0;	
}
.works-area__ttl {
	background: #f5f5f5;
	position: relative;
	height: 60px;
}
.works-area__ttl h3 {
	font-size: 3.0rem;
	padding: 0 0 0 4em;
	transform: translate(0,15%);
	line-height: 1.5;
}
.works-area__ttl span {
	position: absolute;
	top: 0;
	left: 1em;
	display: block;
	color: #024f28;
	font-size: 3.8rem;
	font-weight: 600;
	line-height: 1.6;
	
}
.works-area__detail {
	overflow: hidden;
	padding: 45px 35px 0;
	line-height: 1.7;	
}
.works-area__detail p {
	line-height: 1.7;	
}
.works-area__detail figure {
	float: right;
	margin: 0 0 0 2em;	
}
/*事務所案内
////////////////////////////////////////////////////*/
.ttl-box__office {
	text-align: center;
	padding: 40px 0;
}
.ttl-box__office h2 {
	font-size: 3.0rem;	
}
.ttl-box__office span {
	color: #024f28;
	font-weight: 600;
}
.office-area__inr {
	max-width: 900px;
	margin: 0 auto;	
}
.office-area__inr table {
	border-collapse: collapse;	
}
.office-area__inr th {
	width: 22.222%;
	box-sizing: border-box;
	vertical-align: middle;	
	text-align: center;
	color: #024f28;
	font-weight: 600;
	border-top: 1px solid #024f28;
	border-bottom: 1px solid #024f28;
	padding: 2em;
}
.office-area__inr td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2em 2em 2em 4em;
}
.office-area__inr td li {
	margin: 2em 0 0;	
}
.office-area__inr td li:first-child {
	margin-top: 0;	
}
.office-area__inr td dl {
	overflow: hidden;	
}
.office-area__inr td dl:first-child {
	margin: 0 0 2em;
}
.office-area__inr td dt {
	float: left;
	width: 50%;	
}
.office-area__inr td dd {
	padding: 0 0 0 50%;	
	margin: 0 0 1em;
}
.office-area__inr td dd:last-child {
	margin: 0 0 0em;		
}
.office-area__inr td a:link {
	color: #024f28;
}
.map-area__inr p {
	text-align: center;	
	margin: 0 0 40px;
}
.map-area__map {
	height: 0;
	overflow: hidden;
	/*padding-bottom: 56.25%;*/
	height: 360px;
	position: relative;
}
.map-area__map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height:100%;
	width: 100%;
	}
@media screen and (max-width: 768px) {
	.bc-link {
		width: 100%;
		box-sizing:border-box;
		padding: 0 1em;
	}
	.bc-link li:before {
		position:absolute;
		content:'>';
		font-size: 8px;
		font-weight: bold;
		top:1.5em;
		left: -2px;
	}
	/*司法・土地
	////////////////////////////////////////////////////*/
	.ttl-area {
		width: 100%;
		height: 200px;	
	}
	.ttl-box__works {
		text-align: center;
		padding: 40px 0;
		transform: translate(0,15%);
	}

	.works-area__inr {
		max-width: 970px;
		margin: 0 auto;	
	}
	.works-area__inr {
		
	}
	.works-area__box {
		margin: 1.5em 0 0;	
	}
	.works-area__ttl {
		background: #f5f5f5;
		position: relative;
		height: 40px;
	}
	.works-area__ttl h3 {
		font-size: 2.4rem;
		padding: 0 0 0 3em;
		transform: translate(0,9%);
	}
	.works-area__ttl span {
		position: absolute;
		top: 0;
		left: 0.8em;
		display: block;
		color: #024f28;
		font-size: 3.0rem;
		font-weight: 600;
		
	}
	.works-area__detail {
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		padding: 15px 1em 0;	
	}
	.works-area__detail figure {
		float: none;
		margin: 0 0 .5em 0em;	
	}
	.works-area__detail figure img {
		width: 100%;	
	}
	/*事務所案内
	////////////////////////////////////////////////////*/
	.ttl-box__office {
		text-align: center;
		padding: 40px 0;
	}
	.ttl-box__office h2 {
		font-size: 3.0rem;	
	}
	.ttl-box__office span {
		color: #024f28;
		font-weight: 600;
	}
	.office-area__inr {
		max-width: 900px;
		margin: 0 auto;	
	}
	.office-area__inr table {
		border-collapse: collapse;	
	}
	.office-area__inr th {
		width: 100%;
		display: block;
		box-sizing: border-box;
		vertical-align: middle;	
		text-align: left;
		color: #024f28;
		font-weight: 600;
		border-top: 1px solid #024f28;
		border-bottom: none;
		padding: 1em;
	}
	.office-area__inr td {
		display: block;
		border-top: 1px solid #ccc;
		border-bottom:none;
		padding: 1em;
	}
	.office-area__inr td li {
		margin: 2em 0 0;	
	}
	.office-area__inr td li:first-child {
		margin-top: 0;	
	}
	.office-area__inr td dl {
		overflow: hidden;	
	}
	.office-area__inr td dl:first-child {
		margin: 0 0 2em;
	}
	.office-area__inr td dt {
		float: none;
		width: 100%;
		margin: 0 0 1em;	
	}
	.office-area__inr td dd {
		padding: 0 0 0 0%;	
		margin: 0 0 1em;
	}
	.office-area__inr td dd:last-child {
		margin: 0 0 0em;		
	}
	.office-area__inr td a:link {
		color: #024f28;
	}
	.map-area__inr p {
		text-align: center;	
		margin: 0 0 40px;
	}
	.map-area__map {
		height: 0;
		overflow: hidden;
		/*padding-bottom: 56.25%;*/
		height: 360px;
		position: relative;
	}
	.map-area__map iframe {
		position: absolute;
		left: 0;
		top: 0;
		height:100%;
		width: 100%;
		}		
}