@charset "utf-8";

/* menu */
.work #dm .mlddm li.work > a{
	background-color:rgba(194,165,160,0.5);
}
.all #dm .mlddm li li.all > a, .housing #dm .mlddm li li.housingworks > a, .reform #dm .mlddm li li.reformworks > a, .apartment #dm .mlddm li li.apartmentworks > a, .medical #dm .mlddm li li.medicalworks > a, .commerce #dm .mlddm li li.commerceworks > a{
	background-color:rgba(194,165,160,0.3);
}
.work #dm .mlddm li.work > a:hover, .all #dm .mlddm li li.all > a:hover, .housing #dm .mlddm li li.housingworks > a:hover, .reform #dm .mlddm li li.reformworks > a:hover, .apartment #dm .mlddm li li.apartmentworks > a:hover, .medical #dm .mlddm li li.medicalworks > a:hover, .commerce #dm .mlddm li li.commerceworks > a:hover{
	color:#fff;
}

picture{max-width:100%; height: auto;}

/*body*/
body{padding-top:70px;}

/* background-color */
.housing .data, .housing .relatedCategory{background-color:#46a51c;}
.reform .data, .reform .relatedCategory{background-color:#c2b015;}
.apartment .data, .apartment .relatedCategory{	background-color:#1e68c4;}
.medical .data, .medical .relatedCategory{background-color:#a589ce;}

/* data-components */

h1{	
	font-size:36px;
	margin-bottom:10px;
	position:relative;
	font-family: "Reimin Y10 Medium";
}

	h1 strong{
		font-size:12px;
		background-color:#fff;
		display:block;
		margin-bottom:10px;
		font-weight:bold;
		width:130px;
		padding: 5px;
		text-align:center;
		font-family:Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

	.housing h1 strong{color:#46a51c;}
	.reform h1 strong{color:#c2b015;}
	.apartment h1 strong{color:#1e68c4;}
	.medical h1 strong{color:#a589ce;}

.data{
	color:#fff;
	margin-top:470px;
	padding:30px 0;
	}
	.data a{
		color:#fff;	
		margin-right:15px;
		font-size:14px;
	}
.data ul label:first-of-type{ margin-left: 0; }
.work .data li{
	display:inline-block;
	margin-right:20px;
	font-size:14px;

}
.data label{
	background-color:#000;
	border-radius:5px;
	padding:7px 10px;
	margin:3px 10px 3px 0;
	font-size:12px;
}
.data .outline{
	margin:15px auto;	
	font-size:13px;
	line-height: 2em;
}

/* topimg */
section.mainImg{ background-color:#000;}


/* photos-layout */

.photos img.img-responsive{ margin: 0;}

.photos{ background-color:#fff;}
.photos > ul > li{ padding: 30px 0;}
.photos h2{
	margin-bottom:15px;
	font-size:42px;
	color:#555;
	font-family:"Century Gothic" , "Courier New", Courier, monospace;
}
.photos p{
	font-size:13px;
	line-height: 2em;
}
/* position */
.photos li > div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.photos li > div > div:first-of-type{
	flex:0 1 55%;
	display: flex;
	justify-content: flex-end;
	padding : 15px;
}

.photos li > div > div:last-of-type{
	flex: 0 1 45%;
	display: flex;
	padding : 15px;
}

.photos li .detail{
	max-width: 400px;
}

.photos pi

/* even */
.photos > ul > li:nth-of-type(even){
	background-color:#eee;
}
.photos > ul > li:nth-of-type(even) > div > div:first-of-type{
	justify-content: flex-start;
}
.photos > ul > li:nth-of-type(even) > div > div:last-of-type{
	order:-1;
	justify-content: flex-end;
}

/* inqBtn */

.inqBtn{
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	background-color:#fff;
}
div.inqBtn + div.page{padding:0 0 20px;}

div.inqBtn + div.page ul{margin:0;}


.inqBtn a{
	display:inline-block;
	background-color:#cbb344;
	padding:10px 20px;
	border-radius:5px;
	/*border:1px #b29b32 solid;
	box-shadow:0 3px 5px #999;*/
	color:#fff;
	transition:0.5s;
}

.inqBtn a:hover{
	background-color:#e2ce70;
}

.inqBtn a p{
	float:right;
	font-size:18px;
	padding-top:10px;
}

.inqBtn a p small{
	display:block;
	font-size:9px;
	border-top:1px #fff solid;
	padding-top:3px;
}

.inqBtn img{
	float:left;
	margin-right:15px;
}


/* footer-related link */
.relatedLink{
	background-color:#fff;
	padding-bottom:30px;
}
.relatedLink .container{
	border:5px #c0c0c0 solid;
	padding:30px;
}
.relatedLink h2{font-size:18px;}
.relatedLink ul{margin-top:20px;}
.relatedLink li{margin:5px 0;}
.relatedLink a{line-height: 1.6em; margin-left:10px;	transition:0.5s;}
.relatedLink a:hover{	color:#c0c0c0;}

/*  event inforamtion */

.eventInfo{	padding: 50px 0; background-color:#fff;}
	.eventInfo a{ color:#333; text-align:center;}
	.eventInfo .innerFrame{ transition:.5s background;}
	.eventInfo .innerFrame:hover{	background-color:#eee; }
	.eventInfo h2, .eventInfo h3, .eventInfo p{ padding: 0 15px; text-align:left;}
	.eventInfo h2{
		margin:10px auto;
		font-size:16px;
		font-weight:bold;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.eventInfo article.col-sm-4 p{
		line-height:1.6em;
		margin:10px auto;	
		font-size:12px;
	}
	.eventInfo a .viewDetail{
		display:inline-block;
		padding:12px 20px;
		transition:.5s background;
		background-color:#000;
		color:#fff;
		font-size:12px;
		margin-bottom:20px;
	}
	.eventInfo a:hover .viewDetail{ background-color:#555; }

/* footer page controler */

.pageCtr{ padding:20px 0;}
.pageCtr li{ width:50%;}

.pageCtr a{
		transition:.5s;
		font-size:14px;
		line-height:1em;
	}
	.pageCtr a:hover{ color:#86C6F4;}

	.pageCtr > li.nextPage{
		text-align:left;
		float:left;
	}
		.pageCtr > li.nextPage:before{
			content:"←　NEXT";
			font-size:12px;
			font-weight:bold;
			color:#999;
			display:block;
			margin-bottom:15px;
		}
	.pageCtr > li.previousPage{
		text-align:right;
		float:right;
	}
		.pageCtr > li.previousPage:before{
			content:"PREVIOUS \02192";
			font-size:12px;
			font-weight:bold;
			color:#999;
			display:block;
			margin:10px 0;
		}


/* footer-related category */

.relatedCategory{ padding:30px 0;}

.relatedCategory a *{	color:#fff;}

.relatedCategory a{
	display:block;
	border-radius:10px;
	transition:.5s background;
	padding:15px;
	text-decoration:none;
}

.relatedCategory a:hover{
	background-color:rgba(0,0,0,0.5);
	text-decoration:none;
}

.relatedCategory h2{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	margin:15px 0 5px;
	padding-bottom:7px;
	font-size:18px;
	border-bottom:1px #fff solid;
}

.relatedCategory p{font-size:12px;line-height: 1.8em;}


.relatedCategory .col-sm-4{
	display:table;
	padding:0;
}

.relatedCategory .icon, .relatedCategory .text{
	display:table-cell;
	vertical-align:middle;
}
.relatedCategory img{margin:0 auto;}
.relatedCategory .icon{ width:30%;}
.relatedCategory .icon img{ width:100%;}
.relatedCategory .text *{ margin-left:15px; }


/* ///////////////////////// @media */
@media screen and (min-width:1200px){ 
body.work{background-size: auto;}
}

@media screen and (min-width:992px) and (max-width:1199px){
	body.work{ background-size: auto 420px;}
	.data{ margin-top:350px;}

/* vertically long */
.photos li.vertically > div > div:first-of-type, .photos li.vertically > div > div:last-of-type{
	flex:0 0 50%;
}
.photos li > div > div:first-of-type img, .photos li > div > div:first-of-type picture{
	flex: 0 0 auto;
}
}

@media screen and (min-width:768px) and (max-width:992px) {
body.work{ background-size: auto 430px;}

	.data{margin-top:350px;	}
	.relatedCategory .icon, .relatedCategory .text{display:block;}
	.relatedCategory .icon{
		width:100%;
		padding-bottom:10px;
	}
	.relatedCategory .icon img{
		width:auto;
	}
	.relatedCategory h2{
		margin:15px 0 10px;
		text-align:center;
	}
}


@media screen and (max-width:992px){
/* phots position */
	.photos img.img-responsive{ margin: 0 auto;}
	.photos li .detail{	margin:0 auto 50px;}
	
	.photos li > div, .photos li > div > div:first-of-type, .photos li > div > div:last-of-type{
		display: block;
		padding: 0;
	}
	.photos h2{
		text-align: center;
		margin-top:30px;
	}
	.photos > ul > li{ padding:30px 0 0;}
}

@media screen and (max-width:767px){
	body{padding-top:50px;}
	body.work{ background-size: auto 400px;}
	.data{margin-top:350px;	}

	h1{font-size:36px;}
	h1 strong{display:block; margin:0 0 5px 0;}

.photos .container{ padding: 0; margin: 0}	
.photos > ul > li{ padding: 0;}

	.photos h2+p{
		margin-bottom:50px;
		padding: 0 30px;
	}

	.photos p br{
		display:none;
	}

	.relatedCategory h2{
		margin:0 0 5px;
		line-height:1.6em;
		text-align:left;
	}

	.relatedCategory .directLink .col-sm-4{
		margin:0 auto;
		width:100%;
		padding:0 15px;
	}
	
	.work .relatedCategory .directLink div.col-sm-4:not(:last-of-type){
		margin-bottom:10px;
	}
	
	.relatedCategory .icon img{
		width:auto;
	}
	
	.relatedLink .container{
		border:none;
		padding: 30px 15px 0;
	}
	.relatedLink li{margin-bottom:15px;	}
	.eventInfo article{
		max-width:400px;
		margin:0 auto 30px;
	}
}

@media screen and (max-width:500px){
	.work div.inqBtn + div.page{
		padding:20px 0;
	}
	.relatedCategory{ padding:0; }
	.relatedCategory .icon img{ width:100%;	}

	.relatedCategory .container, .relatedCategory .row{
		padding:0;
		margin:0;
	}
	
	.relatedCategory a:hover{ border-radius:0;}
	.relatedCategory h2{
		font-size:16px;
		font-weight:bold;
		border-bottom:none;
	}

	.photos > ul > li:nth-of-type(even){ background-color:#fff; }
	.photos h2{ font-size:33px; }
		
	.relatedCategory .directLink .col-sm-4{
		margin:0 auto;
		width:100%;
		padding:0;
	}
	
	.relatedCategory .directLink div.col-sm-4:not(:last-of-type){
		border-bottom:1px #fff solid;
		margin:0;
	}
	.relatedCategory .directLink .text p{ line-height:1.6em;}

	.pageCtr li{
		width:100%;
		float:none;
		padding: 0 25px;
	}
	.pageCtr > li:last-of-type{
			text-align:left;
			border-top:1px #ddd solid;
			margin-top:5px;
			padding-top:4px;
		}
}


@media screen and (max-width:319px){
	.work .relatedCategory .directLink .text p{
		display:none;
	}
}