@charset "utf-8";




@media screen and (min-width:768px){
/*pc・タブレットcss*/

#about{
	margin-bottom:5vw;
}
#about .txt-box{
	width:25%;
}
#about .images{
	width:70%;
}

#about .copy-main{
	margin-bottom:20px;
	color:#18943B;
	font-size:40px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
	font-family: "Zen Old Mincho", serif;
}
#about .copy-txt{
	color:#18943B;
}

#about .number-ttl{
	margin-bottom:10px;
	font-size:40px;
	line-height:1.4;
	font-weight:700;
}

/* +++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++ */

#works-detail{
	margin-bottom:8vw;
}
#works-detail .works-detail-page-ttl{
	display:block;
	margin-bottom:5vw;
	text-align:center;
	font-weight:700;
	font-size:50px;
	line-height:1;
}
#works-detail .works-detail-list{
	
}
#works-detail .works-detail-list > li{
	margin-bottom:10vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#works-detail .works-detail-list .ph-box{
	width:70%;
}
#works-detail .works-detail-list .ph-box .main-ph{
	margin-bottom:40px;
}
#works-detail .works-detail-list .ph-box .main-ph figure{
    position: relative;
    overflow: hidden;
	width:100%;
}
#works-detail .works-detail-list .ph-box .main-ph figure:before{
    content: "";
    padding-top:61%;
    display: block;
}
#works-detail .works-detail-list .ph-box .main-ph figure img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}
#works-detail .works-detail-list .ph-box .gallery-ttl{
	display:block;
	margin-bottom:20px;
	font-weight:700;
	font-size:30px;
	line-height:1.5;
}
#works-detail .works-detail-list .ph-box .gallery-list{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#works-detail .works-detail-list .ph-box .gallery-list li{
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
}
#works-detail .works-detail-list .ph-box .gallery-list li figure{
    position: relative;
    overflow: hidden;
	width:100%;
}
#works-detail .works-detail-list .ph-box .gallery-list li figure:before{
    content: "";
    padding-top:76%;
    display: block;
}
#works-detail .works-detail-list .ph-box .gallery-list li figure img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

#works-detail .works-detail-list .ph-box .gallery-list li:nth-child(3n){
	margin-right:0;
}


#works-detail .works-detail-list .txt-box{
	width:25%;
}
#works-detail .works-detail-list > li:nth-child(odd) .txt-box{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}
#works-detail .works-detail-list .txt-box .property-name{
	display:block;
	margin-bottom:30px;
	font-weight:700;
	font-size:30px;
	line-height:1.5;
}
#works-detail .works-detail-list .txt-box .property-tag{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#works-detail .works-detail-list .txt-box .property-tag li{
	margin-right:1.5em;
}
#works-detail .works-detail-list .txt-box .property-tag li:before{
	content:"# ";
}



}

@media screen and (min-width:768px) and ( max-width:1366px) {
	


}
@media (max-width: 768px) {

		
	
	#about{
		margin-bottom:15vw;
	}
	#about .txt-box{
		width:100%;
		margin-bottom:5vw;
	}
	#about .sp-images{
		margin-bottom:7vw;
	}
	
	#about .copy-main{
		margin-bottom:2vw;
		color:#18943B;
		font-size:20px;
		line-height:1.4;
		font-weight:700;
		letter-spacing:0.01em;
		font-family: "Zen Old Mincho", serif;
	}
	#about .copy-txt{
		color:#18943B;
		font-size:16px;
	}
	
	#about .number-ttl{
		margin-bottom:2vw;
		font-size:30px;
		line-height:1.4;
		font-weight:700;
	}
			
	
	/* +++++++++++++++++++++++++ */
	/* +++++++++++++++++++++++++ */
	
	#works-detail{
		margin-bottom:8vw;
	}
	#works-detail .works-detail-page-ttl{
		display:block;
		margin-bottom:8vw;
		text-align:center;
		font-weight:700;
		font-size:20px;
		line-height:1;
	}
	#works-detail .works-detail-list{
		
	}
	#works-detail .works-detail-list > li{
		margin-bottom:10vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#works-detail .works-detail-list .ph-box{
		width:100%;
		margin-bottom:6vw;
	}
	#works-detail .works-detail-list .ph-box .main-ph{
		margin-bottom:3vw;
	}
	#works-detail .works-detail-list .ph-box .main-ph figure{
		position: relative;
		overflow: hidden;
		width:100%;
	}
	#works-detail .works-detail-list .ph-box .main-ph figure:before{
		content: "";
		padding-top:61%;
		display: block;
	}
	#works-detail .works-detail-list .ph-box .main-ph figure img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
	}
	#works-detail .works-detail-list .ph-box .gallery-ttl{
		display:block;
		margin-bottom:3vw;
		font-weight:700;
		font-size:14px;
		line-height:1.5;
	}
	#works-detail .works-detail-list .ph-box .gallery-list{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#works-detail .works-detail-list .ph-box .gallery-list li{
		width:32%;
		margin-right:2%;
	}
	#works-detail .works-detail-list .ph-box .gallery-list li figure{
		position: relative;
		overflow: hidden;
		width:100%;
	}
	#works-detail .works-detail-list .ph-box .gallery-list li figure:before{
		content: "";
		padding-top:76%;
		display: block;
	}
	#works-detail .works-detail-list .ph-box .gallery-list li figure img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
	}
	
	#works-detail .works-detail-list .ph-box .gallery-list li:nth-child(3n){
		margin-right:0;
	}
	
	
	#works-detail .works-detail-list .txt-box{
		width:100%;
	}
	#works-detail .works-detail-list > li:nth-child(odd) .txt-box{
	}
	#works-detail .works-detail-list .txt-box .property-name{
		display:block;
		margin-bottom:3vw;
		font-weight:700;
		font-size:20px;
		line-height:1.5;
	}
	#works-detail .works-detail-list .txt-box .property-tag{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#works-detail .works-detail-list .txt-box .property-tag li{
		margin-right:1.5em;
	}
	#works-detail .works-detail-list .txt-box .property-tag li:before{
		content:"# ";
	}

}