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

.page-header span.cover{
	background-image: url("../img/works_top.webp");
}

/*//////////----- WORKS-ARCHIVE-BOX-CHILD -----//////////*/

.archive-works-box-child div.inner{
	width:100%;
	height:100%;
	
	/*background-color:#fff;*/
	color:#212121;
	
	box-sizing: border-box;
	padding-bottom:10px;
}

.archive-works-box-child p.thumbnail{
	width:100%;
	position: relative;
	
	margin-bottom:10px;
}

.archive-works-box-child p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

.archive-works-box-child div.text{
	box-sizing: border-box;
	padding-left:15px;
	
	position: relative;
}

.archive-works-box-child div.text:before{
	display:block;
	content:"";
	
	width:10px;
	height:50px;
	
	position: absolute;
	top:0;
	left:0;
	
	background:linear-gradient(bottom, #ff934c 0%, #fc686f 100%);
	background: -webkit-linear-gradient(bottom, #ff934c 0%, #fc686f 100%);
	background: -moz-linear-gradient(bottom, #ff934c 0%, #fc686f 100%);
	background: -o-linear-gradient(bottom, #ff934c 0%, #fc686f 100%);
	background: -ms-linear-gradient(bottom, #ff934c 0%, #fc686f 100%);
}

.archive-works-box-child div.text h4{
	font-size:1.8rem;
	line-height:25px;
}

.archive-works-box-child div.text p.note{
	font-size:1.6rem;
	line-height:25px;
}

@media only screen and (min-width: 960px){
	
	.archive-works-box-child div.text h4{
		font-size:0.9rem;
		line-height:25px;
	}
	
	.archive-works-box-child div.text p.note{
		font-size:0.7rem;
		line-height:25px;
	}
	
}

/*//////////----- WORKS（施工実績）PAGE -----//////////*/

#works div.content-child{
	box-sizing: border-box;
	padding:30px 15px;
}

@media only screen and (min-width: 960px){
	
	#works div.content-child{
		padding:80px 15px;
	}
	
}

/*//////////----- WORKS-RESULT -----//////////*/

#result{
	background-color:#fafafa;
	color:#212121;
	
	width:100%;
}

#result div.content-inner{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 960px;
}

#result article{
	width:100%;
	margin-bottom:30px;
}

#result article:last-child{
	margin-bottom:0;
}

@media only screen and (min-width: 960px){
	
	#result article{
		width:calc(100%/3);
		
		box-sizing: border-box;
		padding:0 5px;
		
		margin-bottom:50px;
	}
	
	#result article:nth-of-type(3n + 1){
		padding-right:10px;
		padding-left:0;
	}
	
	#result article:nth-of-type(3n){
		padding-left:10px;
		padding-right:0;
	}
	
	#result article:nth-last-child(-n + 3){
		margin-bottom:0;
	}
	
}