@charset "utf-8";
/* CSS Document */

/* メイン
-----------------------------------*/


/* Pick Up*/
#pickup {
	width:330px;
	position:relative;
	overflow:hidden;
	zoom:1;
	display:block;
	margin:0 65px 0 0;
	float:left;
}
#pickup .l_slide {
	width:328px;
	height:352px;
	border:solid 1px #cccccc;
}
#pickup ul.bxslider {
	width:330px;
	height:350px;
}
#pickup ul.bxslider img {
	width:160px;
	height:auto;
	margin:30px auto 15px auto;
}
#pickup ul.bxslider #riku_bana {
	padding-top: 60px;
	padding-bottom: 40px;
}
#pickup ul.bxslider p, #pickup .bxslider h4 {
	width:250px;
	margin:2px auto;
}
#pickup .bxslider p {
	font-size:18px;
	line-height:1.5em;
	zoom:1;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	outline:0!important;
	position: relative;
}
#pickup .bxslider h4 {
	font-size:14px;
	line-height:1.5em;
	height:3em;
	overflow:hidden;
	color:#666;
	font-weight:normal;
}
#pickup ul.bxslider .mynaviLogo {
	width: 130px;
	height: 130px;
	margin: 55px auto 35px auto;
}

/* news*/
#news {
	width:605px;
	position:relative;
	overflow:hidden;
	zoom:1;
	display:block;
	/*margin-top:-45px;*/
	float:left;
}
#news ul.newslist {
	width:605px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:20px 0 25px 0;
	zoom:1;
	overflow:hidden;
	position: relative;
	display:block;
}
#news ul.newslist li {
	padding:0;
	margin:10px 0;
	line-height:1.3em;
	float:left;
}
#news ul.newslist li:nth-child(3n+1) {
 clear:both;
}
#news ul.newslist h4 {
	width:75px;
	position:relative;
	overflow:hidden;
	max-height:16px;
	margin:0 20px 0 0;
	padding:2px 1px 0 1px;
	text-align:center;
	background-color:#565656;
	color:#FFF;
	font-size:13px;
	font-weight:normal;
	line-height:1.2em;
}
#news ul.newslist p {
	width:400px;
	line-height:1.3em;
	zoom:1;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	outline:0!important;
	position: relative;
}
#news ul.newslist li.date {
	float:right;
	white-space:nowrap;
	width:80px;
}
#news .more {
	font-size:20px;
	text-align:right;
	margin:10px 0 0 0;
	padding:0;
	line-height:1.2em;
}
#news .more a {
	color:#d60077;
	text-decoration:none;
	-webkit-tap-highlight-color:#fff;
	background-image:url(../img/common/ic_arrow.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding:0 0 0 12px;
}
#news .more a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/* service*/
#service {
	width:100%;
	position:relative;
	overflow:hidden;
	zoom:1;
	display:block;
	margin:65px 0;
	float:left;
}
#service ul.servicelist {
	width:1000px;
	margin:0;
	padding:0;
}
#service ul.servicelist li {
	float:left;
	width:235px;
	margin-right:20px;
	padding:0;
}
#service ul.servicelist li:last-child {
	margin-right:0;
}
#service ul.servicelist img {
	width:235px;
	height:160px;
	margin:0 0 10px 0;
}
#service ul.servicelist p {
	font-size:18px;
	line-height:1.5em;
}
#service ul.servicelist p span {
	font-size:14px;
	line-height:1.5em;
}
#service ul.servicelist p span:before {
	content: " ";
}
#service ul.servicelist h4 {
	font-size:14px;
	line-height:1.4em;
	overflow:hidden;
	color:#666;
	font-weight:normal;
}
 @media screen and (max-width: 1024px) {
	 #pickup {
		 margin:0 25px 0 0;
	}
	#service ul.servicelist {
		 width:980px;
	}
	#service ul.servicelist li {
		 margin-right:10px;
	}
	#service ul.servicelist li:last-child {
		 margin-right:0;
	}
 }
 @media screen and (max-width: 768px) {
	#news {
		 width:370px;
		 float:right;
	}
	#news ul.newslist {
		 padding:20px 0 15px;
		 width:100%;
	}
	#news ul.newslist li {
		 margin:3px 0;
	}
	#news ul.newslist li:nth-child(3n+1) {
		 float:left;
	}
	#news ul.newslist li:nth-child(3n) {
		 clear:both;
	}
	#news ul.newslist h4 {
		 margin:0 5px 0 0;
	}
	#news ul.newslist p {
		 width:100%;
		 margin-bottom:10px;
	}
	#news ul.newslist li.date {
		 float:left;
	}
	#news .more {
		 font-size:16px;
	}
	#news .more a {
		 display:inline-block;
	}
	/* service*/
	#service {
		 margin:25px 0 0;
		 float:none;
	}
	#service ul.servicelist {
		 width:550px;
		 margin:auto;
	}
	#service ul.servicelist li, #service ul.servicelist li:last-child {
		 margin:0 20px 10px;
	}
}
 @media screen and (max-width: 640px) {
	 #news {
		 width:100%;
		 float:none;
		 margin-top:0;
	}
	/* Pick Up*/
	#pickup {
		 width:100%;
		 max-width:480px;
		 margin:0 auto 25px;
		 float:none;
	}
	 #pickup .l_slide {
		 width:100%;
		 height:332px;
		 box-sizing:border-box;
	}
	 #pickup ul.bxslider {
		 width:100%;
		 height:330px;
	}
	#pickup ul.bxslider img {
		 margin:10px auto 15px auto;
	}
	/* service*/
	#service ul.servicelist {
		 width:100%;
	}
	#service ul.servicelist li, #service ul.servicelist li:last-child {
		 width:50%;
		 margin:0 0 25px;
		 padding:0 2% 0 0;
		 box-sizing:border-box;
	}
	#service ul.servicelist li:nth-child(2n){
		 padding:0 0 0 2%;
	}
	#service ul.servicelist img {
		 width:100%;
		 height:auto;
	}
}
 @media screen and (max-width: 320px) {
	#pickup ul.bxslider img {
		width:175px;
		height:auto;
	 }
	 #pickup .l_slide {
		height:282px;
	}
	#pickup ul.bxslider {
		height:280px;
	}

 }