/*======================================

	林建設工業
	会社情報　会社概要CSS

=======================================*/

#about_outline h3.s_title{
	position: relative;
	font-size: 145%;
	font-weight: normal;
	vertical-align: middle;
	padding-left: 45px;
	margin-bottom: 15px;
	line-height: 1.3;
}
#about_outline h3.s_title::before{
	position: absolute;
	top: 12px;
	left: 0;
	content: "";
	display: block;
	width: 37px;
	height: 8px;
	background: #0a8d00;
}


/*======================================
	会社概要
=======================================*/
#gaiyou{
	margin-bottom: 100px;
}

#gaiyou ul.executive li{
	position: relative;
}
#gaiyou ul.executive li .post{
	position: absolute;
	left: 0;
}
#gaiyou ul.executive li{
	padding-left: 9em;
}

#gaiyou ul.list{
	float: right;
	max-width: 275px;
	width: 100%;
}
#gaiyou ul.list > li:not(:last-child){
	margin-bottom: 50px;
}
#gaiyou ul.address li:not(:last-child){
	margin-bottom: 15px;
}
#gaiyou ul.list .caption{
	margin-top: 10px;
}

#gaiyou dl.info{
	position: relative;
	float: left;
	max-width: 770px;
	width: calc(100% - 330px);
	background: url(../img/outline/bk_outline.png);
	background-repeat: repeat-y;
	border-top: solid 1px #000;
}
#gaiyou .info dt{
	font-weight: bold;
	position: absolute;
	left: 20px;
	padding-top: 13px;
}
#gaiyou .info dd{
	position: relative;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 145px;
	padding-right: 10px;
	border-bottom: solid 1px #000;
}
#gaiyou .info ol{
	counter-reset: number 0;
}
#gaiyou .info ol li::before{
	counter-increment: number 1;
	content: counter(number) ".";
	margin-right: 5px;
}

#gaiyou .address .txt{
	margin-right: 10px;
}

/*======================================
	沿革
=======================================*/
#enkaku{
	margin-bottom: 100px;
}

#enkaku dl{
	position: relative;
	background: url(../img/outline/bk_outline.png);
	background-repeat: repeat-y;
	border-top: solid 1px #000;
	margin-bottom: 60px;
}
#enkaku dl dt{
	font-weight: bold;
	position: absolute;
	left: 20px;
	padding-top: 13px;
}
#enkaku dl dd{
	position: relative;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 145px;
	padding-right: 10px;
	border-bottom: solid 1px #000;
}


/*======================================
	本社へのアクセス
=======================================*/
#map{
	
}
#map .desc{
	margin-bottom: 1em;
}
#map .map_wrap iframe{
	max-width: 100%;
	width: 100%;
}



@media screen and (max-width:960px) {
	#gaiyou dl.info{
		max-width: 590px;
		width: 64.1%;
		margin-right: 5%;
	}
	#gaiyou ul.list{
		float: right;
		max-width: 275px;
		width: 29.8%;
	}
	
	#gaiyou .address .txt{
		display: block;
		margin-bottom: 5px;
	}
	#gaiyou .address .mapbtn{
		display: block;
		margin-bottom: 10px;
	}
}

@media screen and (min-width:600px) and (max-width:700px) {
	#gaiyou dl.info{
		background: none;
	}
	#gaiyou .info dt {
		position: relative;
		padding-left: 10px;
		padding-bottom: 10px;
		left: 0;
		margin-bottom: 0;
		background: #e6e6e6;
	}
	#gaiyou .info dd {
		padding-top: 13px;
		padding-left: 10px;
	}
}

@media screen and (max-width:600px) {
	#gaiyou dl.info {
		float: none;
		max-width: 100%;
		width: 100%;
		margin-right: 0;
	}
	#gaiyou ul.list {
		float: none;
		width: 100%;
		margin: 40px auto 0 auto;
	}
	#gaiyou ul.list li:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:500px) {
	#gaiyou dl.info{
		background: none;
	}
	#gaiyou .info dt {
		position: relative;
		padding-left: 10px;
		padding-bottom: 10px;
		left: 0;
		margin-bottom: 0;
		background: #e6e6e6;
	}
	#gaiyou .info dd {
		padding-top: 13px;
		padding-left: 10px;
	}
}