@charset "utf-8";
/* CSS Document */
/*ビジュアル*/
#visual{
	padding-bottom:4%;
}
#visual h2{
	background-image: url(../img/top/mainvisual.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	border: 5px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (min-width:480px){}
@media screen and (min-width:768px){}
@media screen and (min-width:1000px){}/*ビジュアルend*/
/*サービス*/
#service h2{
	padding: 10px;
	margin-bottom: 0;
}
#service h2 img{
	vertical-align: middle;
	margin-right: 10px;
}
#service a{
	color:#FFFFFF;
	display: block
}
#service .pattern02{
	border: 1px solid #eee;
	padding: 10px 5%;
	margin-bottom: 20px
}
#service .leftimg{
	width: 40%;
	margin: 20px auto ;
}
@media screen and (min-width:480px){}
@media screen and (min-width:768px){
#service .leftimg{
	width: 36%;
}	
	#service .righttxt{
	width: 57%;
}
}
@media screen and (min-width:1000px){}/*サービスend*/

.news {
margin-bottom: 	
}
.news h3{
	font-weight: normal;

}
.news h3 span{
	font-size: 2.5rem;
	vertical-align: middle;
	margin-right: 10px;
	color:#3577D8;
}
.news dl{
	border-bottom:1px solid #303030;
	padding:3% 0;
	}
.news li:first-child dl{
	border-top: 1px solid #303030;
}

.news dl dt{
	margin-bottom: 10px;
}
.news dl dt:after{
	display:inline-block;
	font-size:90%;
	width:80px;
	text-align:center;
	margin-left:15%;
	}
.news dl.new dt:after{
	content:"new";
	color:#fff;
	background-color:#009944;
	}
.news dl. dt:after{
	content:"";
	background-color:#0085CA;
}
.news dl. dt:after{
	content:"";
	background-color:#EC6941;
	}
.news dd{
	float:left;
	}
@media screen and (min-width:480px){}
@media screen and (min-width:768px){
	.news ul{
	max-height:200px;
	overflow-y:scroll;
	}

	.news dl{
		padding:2% 0
	}
	.news dl dt{
	float:left;
	width:210px;
	margin-bottom: 0;
	}
	.news dd{
	width:68%;
	}

}
@media screen and (min-width:1000px){}/*ビジュアルend*/

#content .ttl{
	padding:10px 0;
	font-size: 2rem;
	display: table;
	width: 100%;
}
#content .ttl>*{
	display: table-cell;
	vertical-align: middle;
	min-width: 40px;
	padding-left: 10px
}
#content .ttl img{
	vertical-align: middle;
}
#content .pattern02{
	padding: 7% 0
	
}
#content .column3 li{
	text-align:center;
	}
#content .leftimg{

	margin-bottom: 7%;
}

#content .righttxt{
	
}

#content .righttxt p{
	margin-bottom: 5%;	
}
#scrap .txt{
	padding:3% 0%;
	}
#scrap li{
	margin-bottom:20px;
	}

.after {
	margin-bottom: 20px;
}
	.after li{
		width: 45%;
		float: left;
		margin: 0 2%;
	}
	.after li:first-child{
		margin-right: 3%;
	}


#area .ttl_border img{
	margin-right :25px;
}

#content #area .leftimg{
	width:40%;
	margin-right:5%;
	}
#content #area .righttxt p{
	margin-bottom:10px;
	}
@media screen and (min-width:480px){}
@media screen and (min-width:768px){
.halfsp>*:nth-child(2n) {
     margin-right:5% ;
	  
}
.column3 li:nth-child(3n) {
    margin-right: 0;
}
		.after{
		display: table;
		width: 100%;
	}
	.after li{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		float:none;
		width:auto;
	}


	.after li{
		width:auto;
		float: none;
	}

	#content .leftimg{
	width: 45%;
	margin-right: 5%;margin-bottom: 0;
}
	#area .righttxt{
	width:55%;
	}


}
@media screen and (min-width:1000px){}