@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gNavi .navi02 a img {
	visibility: hidden;
}

#conts .comUlPhoto {
	margin: 0 10px 14px 0;
}

#conts p {
	font-size: 1.4em;
	line-height: 1.9;
	margin: 0 0 16px 5px;
}

#conts .textP {
	background: url(../images/about/p_bg.gif) repeat-y left top;
	font-size: 1.4em;
	line-height: 2.51;
	margin: 0 0 15px;
	padding: 1px 0 0 4px;
} 

#conts .nameBox {
	margin: 0 12px 51px 0;
	text-align: right;
}

#conts .spePhoto {
	margin-bottom: 20px;
	width: 664px;
}

#conts .deveBox {
	background-color: #fcf7e9;
	margin-bottom: 45px;
	padding: 11px 16px 10px 22px;
}

#conts .deveBox h3 {
	margin: 9px 0 13px;
}

#conts .deveBox p {
	color: #5a5a5a;
	line-height: 2.05;
	margin: 0 0 0 18px;
}

#conts .deveBox .leftDeveBox {
	float: left;
	width: 330px;
}

#conts .deveBox .rightDeveBox {
	background: url(../images/common/line06.gif) repeat-y left top;
	float: right;
	padding: 0 0 2px 23px;
	width: 250px;
}

#conts .btmSec {
	padding-top: 47px;
}

#conts .btmSec h2 {
	margin-bottom: 23px;
}

#conts .btmSec .img {
	margin-bottom: 22px;
}

#conts .btmSec p {
	margin-bottom: 30px;
	letter-spacing: -1px;
}

@media all and (min-width: 0) and (max-width: 640px)  { 
	#conts .textP {
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 2.2;
	}
	
	#conts .nameBox {
		margin: 0 2px 34px 0;
		text-align: right;
	}
	
	#conts .spePhoto {
		margin-bottom: 16px;
		width: auto;
	}
	
	#conts .spePhoto li {
		width: 50%;
	}
	
	#conts .spePhoto li:last-child {
		width: 50%;
	}
	
	#conts .deveBox {
		margin: 0 -10px 30px;
		padding: 4px 16px 10px 11px;
		background: url(../images/about/sp_deve_box_bg.gif) repeat left top;
		background-size: 100% auto;
	}
	
	#conts .deveBox .leftDeveBox,
	#conts .deveBox .rightDeveBox {
		float: none;
		width: auto;
		padding: 0;
		background: none;
		height: inherit !important;
	}
	
	#conts .deveBox .leftDeveBox {
		margin-bottom: 25px;
	}
	
	#conts .deveBox p {
		margin-left: 10px;
		font-size: 16px;
		line-height: 1.5;
	}
	
	#conts .deveBox h3 {
		margin-bottom: 4px;
		color: #894700;
		font-size: 16px;
	}
	
	#conts .idea {
		margin: 0 -10px;
		padding: 14px 14px 70px;
		background: url(../images/about/sp_idea_bg.jpg) no-repeat left bottom;
		background-size: 100% auto;
	}
	
	#conts .idea li {
		padding: 0 0 10px 30px;
		font-size: 16px;
		text-indent: -30px;
	}
	
	#conts .btmSec {
		padding-top: 25px;
	}
	
	#conts .btmSec .img img {
		width: 100%;
		height: auto;
	}
	
	#conts .btmSec p {
		font-size: 16px;
	}
}