@charset "UTF-8";

/* 施工事例　詳細 */
#contents{
	padding-bottom:0;
}
#contents#no-bottom{
	padding-bottom:0;
}

#title{
	padding-bottom:0;
	margin-left:15px;
	margin-right:15px;
	background:#FFF;
	color:#333;
	text-align:center;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#title img{
	width:50px;
	height:auto;
}
#title.rs img{
	width:40px;
	height:auto;
}
#title h2#series-logo{
	font-family:'NewYork';
	font-size:1.5rem;
	letter-spacing:0.03em;
	padding-top:0;
	line-height:180%;
}
#title h2{
	font-size:2.0rem;
	padding:20px 0;
	font-weight:normal;
}
#title p{
	font-size:1.3rem;
	line-height:150%;
}
@media (min-width: 568px) {
	#title{
		margin-left:30px;
		margin-right:30px;
	}
}
@media (min-width: 768px) {
	#title{
		margin-left:40px;
		margin-right:40px;
	}
	#title h2{
		font-size:2.1rem;
	}
}
@media (min-width: 1024px) {
	#title h2{
		font-size:2.2rem;
	}
	#title p{
		font-size:1.4rem;
	}
}
@media (min-width: 1300px) {
	#title{
		margin-left:4%;
		margin-right:4%;
	}
}

.headline{
	text-align:center;
}
.headline h3{
	font-size:1.8rem;
	padding-bottom:10px;
	letter-spacing:0.1em;
}
.headline p{
	line-height:200%;
}
.image-shot{
	padding-top:25px;
}
@media (min-width: 768px) {
	.headline h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	.headline h3{
		font-size:2.0rem;
		letter-spacing:0.2em;
	}
}

.photo-wrap{
	font-size:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.photo-item{
	width:100%;
	margin-top:30px;
}
.photo-item.one{
	margin-top:0;
}
#two-thirds{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.drawing{
	padding-bottom:30px;
}
.photo-item h4{
	font-size:1.6rem;
	padding:8px 0 4px;
}
.photo-item p{
	font-size:1.3rem;
	line-height:170%;
}
@media (min-width: 568px) {
	.photo-item{
		display:inline-block;
		width:calc(33.333% - 10px);
		margin-right:15px;
		margin-top:15px;
	}
	.photo-item.white-space{
		margin-top:45px;
	}
	.photo-item.two,
	.photo-item.three{
		margin-top:0;
	}
	.photo-item:nth-child(3n){
		margin-right:0;
	}
	.photo-item.half{
		width:calc(50% - 8px);
		margin-right:16px;
	}
	.photo-item.half:nth-child(2n){
		margin-right:0;
	}
	.photo-item.two-thirds{
		width:calc(66.666% - 10px);
		margin-right:0;
	}
	.photo-item.full{
		width:100%;
		margin-right:0;
	}
	.photo-item h4{
		padding:0 0 5px;
	}
}

br.br568-735,br.br568-767{
	display:none;
}
@media (min-width: 568px) and (max-width: 735px){
	br.br568-735{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 767px){
	br.br568-767{
		display:inline;
	}
}

#return-back{
	text-align:center;
	font-size:1.3rem;
}
#return-back a{
	padding:15px 30px;
	color:#FFF;
	text-shadow:0 -1px 0 #545E66;
	border:1px solid #545E66;
	background:#697580;
	background:-webkit-linear-gradient( top, #697580, #A5ACB3 );
	background:-moz-linear-gradient( top, #697580, #A5ACB3 );
	background:-ms-linear-gradient( top, #697580, #A5ACB3 );
	background:-o-linear-gradient( top, #697580, #A5ACB3 );
	background:linear-gradient(to bottom, #697580, #A5ACB3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#697580', endColorstr='#A5ACB3');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#697580, endcolorstr=#A5ACB3))";
	zoom: 1;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
#return-back a:hover{
	color:#F0F1F3;
	text-shadow:0 1px 0 #545E66;
	background:#A5ACB3;
	background:-webkit-linear-gradient( top, #A5ACB3, #697580 );
	background:-moz-linear-gradient( top, #A5ACB3, #697580 );
	background:-ms-linear-gradient( top, #A5ACB3, #697580 );
	background:-o-linear-gradient( top, #A5ACB3, #697580 );
	background:linear-gradient(to bottom, #A5ACB3, #697580);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5ACB3', endColorstr='#697580');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#A5ACB3, endcolorstr=#697580))";
	zoom: 1;
}
#return-back a:active{
	color:#424950;
	text-shadow:0 1px 0 #FFF;
	background:#545E66;
	background:-webkit-linear-gradient( top, #545E66, #5E6973 );
	background:-moz-linear-gradient( top, #545E66, #5E6973 );
	background:-ms-linear-gradient( top, #545E66, #5E6973 );
	background:-o-linear-gradient( top, #545E66, #5E6973 );
	background:linear-gradient(to bottom, #545E66, #5E6973);
}
.fas{
	font-size:1.5rem;
	padding-right:10px;
}