@charset "utf-8";

.topImg{
	margin-top:30px;
	height:450px;
	background:url(/img/mansion/topimg.jpg) no-repeat scroll center top;
	background-size:cover;
}

	.topImg > div.container:first-of-type{
		padding-top:150px;
	}

	.topImg h1{
		font-size:48px;
		margin-bottom:30px;
	}

		.topImg h1 small{
			display:block;
			font-size:20px;
		}

		.topImg h1, .topImg h1 small{
			color:#fff;
			text-shadow:0 0 7px rgba(0,0,0,0.5);
		}

.categoryMenu{
	background-color:#2d95bf;
}

.feature{
	text-align:center;
	padding:80px 0 0;
}

	.feature .col-md-4{
		padding-bottom:80px;
	}

	.feature h2{
		font-size:20px;	
		margin:20px auto;
	}

	.feature h2+p{
		padding:0 15px;
		margin:0 auto 25px;
		text-align:left;
	}


.mansion .works{
	background:#ddd;
	padding:50px 0;
}

	.mansion .works .col-sm-3{
		padding:0;
	}

		.mansion .works h2{
			text-align:center;
			font-size:22px;
			padding:0 0 15px;
		}
		
			.mansion .works h2 small{
				display:inline-block;
				font-size:11px;
				color:#333;
				letter-spacing:3px;
				margin-top:5px;
				padding-top:5px;
				border-top:1px #000 solid;
			}

	.mansion .works a img{
		transition:.5s;
	}
	
	.mansion .works a:hover img{
		-webkit-filter: brightness(130%);
		filter:brightness(130%);	
	}

.mansion .mainImg{
	margin:30px auto;
}

.serviceDetail{
	background-color:#acdeec;	
	padding:70px 0 90px;
}

	.serviceDetail h2+p{
		width:700px;
		margin:20px auto 0;
		text-align:center;
	}

	.serviceDetail h2{
		text-align:center;
		font-size:32px;
		color:#333;
	}

	.serviceDetail ul{
		margin-top:50px;
	}

		.serviceDetail > .container > ul > li{
			margin:15px auto;
		}
		
		.serviceDetail h3{
			font-size:16px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-weight:bold;
			margin-bottom:10px;
			color:#11738f;
		}

			.serviceDetail h3 small{
				display:inline-block;
				font-size:10px;
				font-family:Verdana, Geneva, sans-serif;
				color:#11738f;
			}

		.serviceDetail h3+p{
			line-height:1.6em;
			color:#333;
		}

		.serviceDetail img{
			max-width:200px;
		}

		.serviceDetail img+h3{
			margin-top:30px;
			text-align:center;
		}
		
.support, .photos{
	padding:70px 0 50px;
}

	.support > div > div:not(:last-of-type), .photos > div > div:not(:last-of-type){
		margin-bottom:100px;
	}

	.support h2, .photos h2{
		font-size:30px;
		margin:0 auto;
		text-align:center;
	}
	
	.support h2+p, .photos h2+p{
		max-width:700px;
		margin:30px auto;
		text-align:center;
	}
	
	.support h2+p+img{
		margin-bottom:30px;
	}

	.support li{
		margin-bottom:30px;
	}
	
	.support li:last-of-type{
		margin-bottom:50px;
	}

	.support .col-md-3{
		padding:0;
	}
		
		.support p{
			margin:0 15px;
		}
		
		
		.support h3{
			text-align:center;
			font-size:20px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			color:#11738f;
			/*border-bottom:2px #11738f solid;*/
			padding-bottom: 10px;
			margin:20px 15px 5px;
			transform: scale(.95,1);
		}
		
		.photos h3{
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size:16px;
			margin:10px auto;
			text-align:center;
		}

		.photos h3+p{
			line-height:1.6em;
			margin:0 auto;
			max-width:300px;	
		}
		
.interviewList{
	padding:0 0 70px;
}

	.interviewList h1{
		text-align:center;
		font-size:28px;
		color:#777;
		margin-bottom:40px;
	}
	
		.interviewList h1 small{
			display:block;
			font-size:12px;
			color:#999;
			letter-spacing:2px;
			margin-top:5px;
			text-transform:uppercase;
			font-family:Tahoma, Geneva, sans-serif;
		}

	
	.interviewList a h2{
		font-size:16px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:bold;
		margin-top:10px;
		color:#333;
	}
	
	 .interviewList a p{
		 color:#333;
	 }
	
	.interviewList a:hover h2, .interviewList a:hover p{
		color:#999;
	}

	.interviewList li{
		margin-bottom:50px;
	}
		
		.interviewList li a, .interviewList li a *{
			transition:.5s;
		}
	

		.interviewList li a{
			display:block;
			text-align:center;
		}

			.interviewList li a span{
				display:inline-block;
				background-color:#333;
				color:#fff;
				border-radius:2px;
				padding:5px 10px;
				margin-top:5px;
				font-size:11px;
			}
					
			.interviewList li a:hover span{
				background-color:#999;
			}

			.interviewList li a:hover img{
				-webkit-filter: brightness(130%);
				filter:brightness(130%);	
			}

.interview{
	max-width:700px;
	margin:0 auto;
	padding: 25px 25px 0;
}

	.interview h2{
		font-size:28px;
		text-align:center;
		padding: 15px 0 50px;
		margin:0 auto;
	}

		.interview h2 small{
			display:block;
			color:#777;
			margin-top:10px;
			font-size:14px;
		}

	.interview .wer{
		color:#af9361;
		font-size:14px;
		margin-bottom:10px;
		line-height:1.6em;
	}

		.interview .wer:before{
			content:"－";
			font-size:18px;
		}


	.occupier .interview .wer:before{
			content:"■";
		}

	.interview .wee{
		margin-bottom:50px;
	}

	.interviewDetail .facade{
		background-color:#dfd1b9;
	}

		.interviewDetail .facade > div{
			max-width:750px;
			margin:0 auto;
			position:relative;
		}
		
			.interviewDetail .facade > div > p{
				position:absolute;
				bottom:0;
				right:0;
				padding:15px;
				color:#fff;
				font-size:14px;
				background-color:rgba(0,0,0,.7);
			}

	.interviewDetail .detailData{
		max-width:750px;
		margin:30px auto;
		background-color:#555;
		color:#fff;
		padding:15px;
	}
	
		.interviewDetail .detailData h3{
			color:#fff;
			font-size:18px;
			margin-bottom:15px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		
			.interviewDetail .detailData h3 small{
				font-size:9px;
				padding-left:5px;
				color:#bbb;
			}
		
		.interviewDetail .detailData h3+p{
			line-height:1.6em;
		}

			.interviewDetail .detailData h3+p b{
				font-size:16px;
			}



.mansion .outline{
	margin:0 auto 50px;
	max-width:700px;
	padding: 0 15px;
}

.mansion .ntc{
	font-size:10px;
	text-align:right;
}


.bottominqBtn{
	background-color:#eee;
	padding:50px 0;
}

	.bottominqBtn > div > div{
		display:table;
	}
	.bottominqBtn > div > div > div{
		display:table-cell;
		vertical-align:middle;
	}
	
	.bottominqBtn .text{
		width:70%;
	}
		
		.bottominqBtn .text p:first-of-type{
			font-size:20px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-weight:bold;
			color:#333;
		}

		.bottominqBtn .text p:last-of-type{
			font-size:12px;
			color:#999;
		}

			.bottominqBtn p span{
				font-size:20px;
			}
			
	.bottominqBtn .innerBtn{
		width:30%;
	}

	.bottominqBtn a{
		display:inline-block;
		float:right;
		padding: 10px 15px;
		border-radius:2px;
		background-color:#333;
		color:#fff;
		transition:.5s;
	}

	.bottominqBtn a:hover{
		background-color:#459cdf;
	}



/* ///////////////////////// @media */

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

@media screen and (min-width:992px) and (max-width:1199px){
}

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

@media screen and (max-width:767px){
	
	.feature h2+p{
		max-width:500px;
		padding:0;
	}
	
	.serviceDetail h3+p{
		margin:0 15px;
	}
	.serviceDetail li:not(:last-of-type) h3+p{
		padding-bottom:30px;
	}
	
	.support > .container > div:not(:last-of-type){
		border-bottom:1px #ddd solid;
	}

	.mansion .ntc{
		text-align:left;
		line-height:1.4em;
	}

	.bottominqBtn{
		visibility:visible;
		display:block;
		margin-bottom:70px;
		background-color:#ddd;
	}








}