@charset "utf-8";
  

/*---------------------------------------
  タイトル部分
---------------------------------------*/

.title_img{
  background-image: url(../about/img/main_img.jpg);
}
.title_img h2 img{
	width:800px;
}
@media screen and (max-width: 900px) {
.title_img h2 img{
	width:620px;
}
}
@media screen and (max-width: 600px) {
.title_img h2 img{
	width:450px;
}
.title_img{
  background-image: url(../about/img/main_img_sp.jpg);
}
}
#contents .h2_txt_bg{
	width:80%;
}

/*---------------------------------------
  静岡県林業会議所とは
---------------------------------------*/
#about{
}

#about .txt{
	text-align:center;
	padding-top: 3rem;
}

#about .about_sizuokakenringyo p{
	font-family: 'Shippori Mincho', serif;
	text-align:	center;
	line-height:3.5;
	font-size:120%;
}

#about .overview dl{
	overflow:hidden;
}
#about .overview dt{
	width: 200px;
	padding: 20px;
	float:	left;
	text-align: right;
}
#about .overview dt::after{
	content:"　:"
}
#about .overview dd{
	margin-left: 220px;
	padding:20px;
}
#about p span,
#about p a{
	color:#24741d;
}

#about .director p{
	text-align:center;
	line-height:3;
}
#about .about_bl p,
#about .about_bl dl,
#about .about_bl ul,
#about .business_img{
	padding:0 5% 3rem;
}
#about .business_img:last-child{
	padding-bottom:0
}
#about .sample{
	overflow:hidden;
}
#about .sample img{
	border:1px solid #ccc;
	max-width:140px;
	margin-right:20px;
	float: left;
}
#about .business_img img{
	width:32%;
	margin-right:1.5%;
	vertical-align: top;
}
#about .business_img img.last{
	margin-right:0;
}
#about .business dd{
	padding:0.5rem 0 0 15px;
}
#about .about_bl .gray{
	background:#E5E5E5;
	padding:1rem 5%;
	margin-top:10rem;
}
@media screen and (max-width:600px) {
#about .business_img img{
	margin-bottom:0.4rem;
	width:48.5%;
}
#about .txt{
	padding-top: 2rem;
}
#about .about_sizuokakenringyo p{
	line-height:2.5;
	font-size:100%;
}
#about .overview dt{
	width: 90px;
	padding:10px 10px 10px 0;
}
#about .overview dd{
	margin-left: 90px;
	padding:10px;
}
#about .about_bl p,
#about .about_bl dl,
#about .about_bl ul{
	padding:0 5% 1.5rem;
}
#about .sample img{
	max-width:100px;
}
}

/*---------------------------------------
  事業体系図
---------------------------------------*/

.construction{
}

.construction h4{
	width:150px;
	text-align:center;
	border:3px solid #24741d;
	padding:5px 15px;
	background:#fff;
	color:#000;
	border-radius:0;
	float:left;
	margin:0;
}

.construction ul {
	margin-left: 186px;
}

.construction ul li{
	background-repeat:no-repeat;
	background-position:left;
}
.construction ul li.no1{
	background-image:url(../about/img/zu_arrow_1.gif);
	padding-left:33px;
}
.construction ul li.no2{
	background-image:url(../about/img/zu_arrow_2.gif);
	padding:20px 0 10px 33px;
}
.construction ul li.no3{
	background-image:url(../about/img/zu_arrow_3.gif);
	padding:10px 0 10px 33px;
}
.construction ul li strong{
	border:3px solid #24741d;
	padding:5px 15px;
	display:inline-block;
	min-width:100px;
	text-align:center;
}
.construction span{
	padding-left:15px;
}


@media screen and (max-width: 770px) {
.construction h4{
	float:none;
}
.construction ul {
	margin-left: 0;
}
.construction ul li.no1{
	background-image:url(../about/img/zu_arrow_2.gif);
	padding:20px 0 10px 30px;
}
.construction ul li.no2{
	padding:10px 0 10px 30px;
}	
.construction ul li.no3{
	padding:10px 0 10px 30px;
}
}
@media screen and (max-width:600px) {	
.construction ul li strong{
	min-width:50px;
}
.construction ul li strong{
	min-width:auto;
}
}