@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);

@font-face {
	font-family:"NewYork";
	src:url("../fonts/NewYork.eot?") format("eot"),url("../fonts/NewYork.woff") format("woff"),url("../fonts/NewYork.ttf") format("truetype"),url("../fonts/NewYork.svg#NewYork") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"ProximanovaLight";
	src:url("../fonts/ProximanovaLight.eot?") format("eot"),url("../fonts/ProximanovaLight.woff") format("woff"),url("../fonts/ProximanovaLight.ttf") format("truetype"),url("../fonts/ProximanovaLight.svg#ProximanovaLight") format("svg");
	font-weight:normal;
	font-style:normal;
}

html{
	font-size:62.5%;
}

body{
	margin:0 auto;
	padding:0;
	color:#333;
	background:#FFF;
	font-size:1.4rem;
	line-height:160%;
	font-family:'Times New Roman','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	/*font-feature-settings:"palt";*/
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:150%;
}
p{
	margin:0;
	padding:0;
	line-height:180%;
}
img{
	border:none 0;
	width:100%;
}

a{
	color:#333;
	text-decoration:none;
	-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;
}
a:hover{
	color:#333;
	text-decoration:none;
}

br.clearb,
.clear{
	clear:both;
}
br.br375-2,br.br414-2,br.br568-2,br.br667-2,br.br736-2,br.br768-2,br.br1024-2{
	display:none;
}
@media (min-width: 375px) {
	br.br375{
		display:none;
	}
	br.br375-2{
		display:inline;
	}
}
@media (min-width: 414px) {
	br.br414{
		display:none;
	}
	br.br414-2{
		display:inline;
	}
}
@media (min-width: 568px) {
	br.br568{
		display:none;
	}
	br.br568-2{
		display:inline;
	}
}
@media (min-width: 667px) {
	br.br667{
		display:none;
	}
	br.br667-2{
		display:inline;
	}
}
@media (min-width: 736px) {
	br.br736{
		display:none;
	}
	br.br736-2{
		display:inline;
	}
}
@media (min-width: 768px) {
	br.br768{
		display:none;
	}
	br.br768-2{
		display:inline;
	}
}
@media (min-width: 812px) {
	br.br812{
		display:none;
	}
}
@media (min-width: 1024px) {
	br.br1024{
		display:none;
	}
	br.br1024-2{
		display:inline;
	}
}
@media (min-width: 1200px) {
	br.br1200{
		display:none;
	}
}

ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul li{
	margin:0;
	padding:0;
}

ol, ol li{
	margin:0;
	padding:0;
}

dl{
	margin:0;
	padding:0;
}
dt{
	margin:0;
	padding:0;
}
dd{
	margin:0;
	padding:0;
}

.pc3735, .pc414, .pc568, .pc667, .pc736, .pc768, .pc812, .pc1024{
	display:none;
}
@media (min-width: 375px) {
	.sp375{
		display:none;
	}
	.pc375{
		display:inline;
	}
}
@media (min-width: 414px) {
	.sp414{
		display:none;
	}
	.pc4114{
		display:inline;
	}
}
@media (min-width: 568px) {
	.sp568{
		display:none;
	}
	.pc568{
		display:inline;
	}
}
@media (min-width: 667px) {
	.sp667{
		display:none;
	}
	.pc667{
		display:inline;
	}
}
@media (min-width: 736px) {
	.sp736{
		display:none;
	}
	.pc736{
		display:inline;
	}
}
@media (min-width: 768px) {
	.sp768{
		display:none;
	}
	.pc768{
		display:inline;
	}
}
@media (min-width: 812px) {
	.sp812{
		display:none;
	}
	.pc812{
		display:inline;
	}
}
@media (min-width: 1024px) {
	.sp1024{
		display:none;
	}
	.pc1024{
		display:inline;
	}
}

.black{
	background:#333;
	line-height:0;
	vertical-align:bottom;
	overflow:hidden;
}

/* メインイメージ・ヘッドキャッチ */
#main-image{
	position:relative;
	width:100vw;
	height:100vh;
	background-repeat:no-repeat;
	backgorund-position:center;
	background-size:cover;
}

#headcatch{
	position:absolute;
	top:50%;
	margin-top:-32px;
	width:100%;
	text-align:center;
	color:#FFF;
	text-shadow:0 1px 0 #333;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#headcatch h1{
	font-size:2.0rem;
	font-family:'Open Sans';
	font-weight:700;
	letter-spacing:0.05em;
	padding-bottom:7px;
}
#headcatch p{
	font-size:1.2rem;
	line-height:160%;
}
@media (min-width: 375px) {
	#headcatch p{
		font-size:1.3rem;
	}
}
@media (min-width: 568px) {
	#headcatch h1{
		font-size:2.2rem;
	}
}
@media (min-width: 768px) {
	#headcatch h1{
		font-size:2.4rem;
	}
}
@media (min-width: 1024px) {
	#headcatch h1{
		font-size:2.5rem;
	}
}
@media (min-width: 1200px) {
	#headcatch h1{
		font-size:2.7rem;
	}
}

/* 外枠 */
.wrapper{
	padding:0 15px;
}
@media (min-width: 568px) {
	.wrapper{
		padding:0 30px;
	}
}
@media (min-width: 768px) {
	.wrapper{
		padding:0 40px;
	}
}
@media (min-width: 1200px) {
	.wrapper{
		padding:0;
		margin:0 auto;
		width:1024px;
	}
}

.category-block{
	padding-top:50px;
}

/* オーナー・バイヤー */
#owner-buyer{
	font-size:0;
}
.owner-buyer{
	position:relative;
	padding-bottom:30px;
}
.owner-buyer:last-child{
	padding-bottom:0;
}
.owner-buyer-title{
	position:relative;
	top:-10px;
	left:15px;
	border-left:3px solid #333;
	padding-left:15px;
	padding-top:17px;
}
.owner-buyer-title h2{
	font-family:'Open Sans';
	font-weight:700;
	font-size:2.0rem;
}
.owner-buyer-title p{
	font-size:1.3rem;
	line-height:130%;
	padding-top:3px;
	padding-right:15px;
}
.owner-buyer a{
	display:block;
}
.owner-buyer a img{
	-webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    transition:all 0.7s ease-in-out;
}
.owner-buyer a:hover img{
	-moz-opacity:0.8;
	opacity:0.8;
  	-webkit-transform:scale(105%);
  	-moz-transform:scale(105%);
  	-ms-transform:scale(105%);
  	-o-transform:scale(105%);
  	transform:scale(105%);
}
@media (min-width: 568px) {
	.owner-buyer{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 15px);
		padding-bottom:0;
	}
	.owner-buyer:first-child{
		margin-right:30px;
	}
}
@media (min-width: 768px) {
	.owner-buyer{
		width:calc(50% - 20px);
	}
	.owner-buyer:first-child{
		margin-right:40px;
	}
}
@media (min-width: 1200px) {
	.owner-buyer{
		width:calc(50% - 24px);
	}
	.owner-buyer:first-child{
		margin-right:48px;
	}
}

/* もっと読む */
.readmore p{
	font-family:'NewYork';
	font-style:italic;
	font-size:1.3rem;
	color:#FFF;
}
a .readmore{
	display:block;
	position:absolute;
	right:50px;
	bottom:120px;
	width:150px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
a .readmore::after{
	content:"";
	display:block;
	position:absolute;
	top:7px;
	right:0;
	width:50px;
	height:7px;
	border-right:2px solid #FFF;
	border-bottom:1px solid #FFF;
	-webkit-transform:skew(45deg);
	-moz-transform:skew(45deg);
	-ms-transform:skew(45deg);
	-o-transform:skew(45deg);
	transform:skew(45deg);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
a .readmore:hover::after{
	right:-45px;
	width:100px;
	border-right:2px solid #FFF;
	border-bottom:1px solid #FFF;
}
@media (min-width: 568px) {
	a .readmore{
		bottom:90px;
	}
}
@media (min-width: 768px) {
	a .readmore{
		right:70px;
	}
}
@media (min-width: 1024px) {
	a .readmore{
		bottom:75px;
		right:150px;
	}
}

/* カテゴリータイトル */
.category-title h2{
	text-align:center;
	font-size:1.5rem;
	line-height:130%;
}
.category-title h2 img{
	width:30px;
	height:auto;
	vertical-align:bottom;
	padding-bottom:5px;
}
.category-title h2.eng{
	font-family:'Open Sans';
	font-weight:700;
	font-size:2.0rem;
	border-bottom:2px solid #333;
	margin-bottom:7px;
	line-height:170%;
}

/* おすすめ */
#recommend{
}
#recommend-wrap{
	font-size:0;
}
.recommend{
	padding-top:40px;
}
.recommend:first-child{
	padding-top:25px;
}
.recommend img{
	-moz-opacity:0.5;
	opacity:0.5;
}
.recommend a img{
	-moz-opacity:1;
	opacity:1;
	-webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    transition:all 0.7s ease-in-out;
}
.recommend a:hover img{
	-moz-opacity:0.8;
	opacity:0.8;
  	-webkit-transform:scale(105%);
  	-moz-transform:scale(105%);
  	-ms-transform:scale(105%);
  	-o-transform:scale(105%);
  	transform:scale(105%);
}
.recommend h3{
	font-size:1.5rem;
}
.recommend p{
	font-size:1.3rem;
	line-height:150%;
	padding:3px 0 5px;
}
.recommend p.used{
	font-family:'Open Sans';
	font-weight:700;
	font-size:1.7rem;
	padding:5px 0 12px;
}
.recommend h4{
	font-size:1.4rem;
	padding-top:15px;
	padding-bottom:2px;
	border-bottom:2px solid #333;
}
.number{
	font-size:200%;
}
.recommend dl{
	font-size:0;
	line-height:15px;
}
.recommend dl.first{
	padding-top:10px;
}
.recommend dl dt{
	display:inline-block;
	width:52px;
	font-size:1.3rem;
}
.recommend dl dd{
	display:inline-block;
	width:calc(100% - 52px);
	font-size:1.3rem;
}
@media (min-width: 568px) {
	#recommend-wrap{
		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;
	}
	.recommend{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 15px);
		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;
		flex-direction: column;
	}
	.recommend:nth-child(2){
		padding-top:25px;
	}
	.recommend:nth-child(odd){
		margin-right:30px;
	}
	.bottom-item{
		margin-top:auto;
	}
}
@media (min-width: 1024px) {
	.recommend{
		width:calc(33.333% - 26px);
		margin-right:39px;
	}
	.recommend:nth-child(3){
		padding-top:25px;
	}
	.recommend:nth-child(odd){
		margin-right:39px;
	}
	.recommend:nth-child(3n){
		margin-right:0;
	}
}
@media (min-width: 1200px) {
	.recommend{
		width:calc(25% - 30px);
		margin-right:40px;
	}
	.recommend:nth-child(4){
		padding-top:25px;
	}
	.recommend:nth-child(odd){
		margin-right:40px;
	}
	.recommend:nth-child(3n){
		margin-right:40px;
	}
	.recommend:nth-child(4n){
		margin-right:0;
	}
}

.space667{
	display:none;
}
@media (min-width: 667px) {
	.space667{
		display:inline;
	}
}

/* テラススタジオ */
#studio.category-block{
	padding-bottom:50px;
}
#studio-wrap{
	font-size:0;
}
.studio{
	padding-top:40px;
}
.studio:first-child{
	padding-top:25px;
}
.studio h3{
	font-family:'Open Sans';
	font-weight:700;
	font-size:1.7rem;
	line-height:100%;
}
.studio p{
	font-size:1.3rem;
	line-height:150%;
	padding:8px 0 5px;
}
.line{
	border-top:2px solid #333;
	margin:5px 0;
}
.studio#shibuya img{
	-moz-opacity:0.5;
	opacity:0.5;
}
#shibuya .black{
	margin-bottom:12px;
}
@media (min-width: 568px) {
	#studio-wrap{
		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;
	}
	.studio{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 15px);
		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;
		flex-direction: column;
	}
	.studio:nth-child(2){
		padding-top:25px;
	}
	.studio:nth-child(odd){
		margin-right:30px;
	}
	.studio h3{
		padding-top:12px;
	}
	.line{
		margin-top:auto;
	}
	.studio:nth-child(3){
		margin-left:calc((50% + 15px)/2);
	}
	#shibuya .black{
		margin-bottom:0;
	}
}
@media (min-width: 768px) {
	.studio h3{
		font-size:1.8rem;
	}
}
@media (min-width: 1024px) {
	.studio{
		width:calc(33.333% - 26px);
		margin-right:39px;
	}
	.studio:nth-child(3){
		padding-top:25px;
		margin-left:0;
		margin-right:0;
	}
	.studio h3{
		font-size:1.9rem;
	}
	.studio p{
		padding-bottom:10px;
	}
}
@media (min-width: 1200px) {
	.studio h3{
		font-size:2.0rem;
	}
}

/* MAPボタン */
.map-btn p{
	font-family:'NewYork';
	font-style:italic;
	font-size:1.3rem;
}
.map-btn{
	position:relative;
}
.map-btn a{
	display:block;
	width:150px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.map-btn a::after{
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:40px;
	width:100px;
	height:7px;
	border-right:2px solid #333;
	border-bottom:1px solid #333;
	-webkit-transform:skew(45deg);
	-moz-transform:skew(45deg);
	-ms-transform:skew(45deg);
	-o-transform:skew(45deg);
	transform:skew(45deg);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}
.map-btn a:hover{
	color:#FF8000;
}
.map-btn a:hover::after{
	width:150px;
	border-right:2px solid #FF8000;
	border-bottom:1px solid #FF8000;
}

/* お住いの方・購入したい方・分譲実績 */
.point{
	/*margin-top:50px;*/
	position:relative;
	width:100vw;
	height:30vh;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.headline{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	color:#FFF;
}
.headline h2{
	font-family:'Open Sans';
	font-weight:700;
	font-size:2.5rem;
}
.headline h3{
	font-size:1.4rem;
	line-height:130%;
	padding:15px 0 10px;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.headline p{
	font-size:1.2rem;
	line-height:140%;
}
.headline{
	margin-top:-75px;
}
#result .headline{
	margin-top:-55px;
}
@media (min-width: 375px) {
	#owner .headline{
		margin-top:-55px;
	}
	#buyer .headline{
		margin-top:-65px;
	}
}
@media (min-width: 568px) {
	.point{
		height:60vh;
	}
	#buyer .headline{
		margin-top:-55px;
	}
}
@media (min-width: 768px) {
	.point{
		height:20vh;
	}
	.headline h2{
		font-size:2.6rem;
	}
	.headline h3{
		font-size:1.6rem;
	}
	.headline p{
		font-size:1.3rem;
	}
	#owner .headline,
	#buyer .headline,
	#result .headline{
		margin-top:-60px;
	}
}
@media (min-width: 812px) {
	.point{
		height:60vh;
	}
}
@media (min-width: 1024px) {
	.point{
		height:30vh;
	}
	#owner .headline,
	#buyer .headline,
	#result .headline{
		margin-top:-55px;
	}
}
@media (min-width: 1200px) {
	.headline h2{
		font-size:2.8rem;
	}
	.headline h3{
		font-size:1.8rem;
	}
	.headline p{
		font-size:1.4rem;
	}
	#owner .headline,
	#buyer .headline,
	#result .headline{
		margin-top:-60px;
	}
}

.point-item{
	padding:30px 0;
	padding-bottom:70px;
}
.point-item p{
	padding-bottom:30px;
}
#result-item.point-item{
	padding-bottom:0;
}
@media (min-width: 568px) {
	.point-item p{
		text-align:center;
	}
}

.features{
	font-size:0;
	padding-bottom:40px;
}
#buyer-item .features{
	padding-bottom:0;
}

.category-title.sub h2{
	border:none;
}
.category-title.sub h3{
	text-align:center;
	font-size:1.5rem;
}

.features-item{
	margin-top:30px;
	border-top:2px solid #333;
}
.features-item h4{
	font-size:2.0rem;
	padding:7px 0 10px;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#buyer-item .features-item h4{
	font-family:'Open Sans';
	font-weight:700;
	font-size:2.2rem;
}
#buyer-item .features-item h5{
	font-size:1.5rem;
	line-height:130%;
	padding:5px 0 12px;
}
.features-item ol{
	margin:0;
	padding:0;
	padding:5px 0 10px;
}
.features-item ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding-left:1.25em;
	font-size:1.4rem;
}
.features-item ol li span{
	position:absolute;
	left:0;
	margin:0;
}
.features-item p{
	font-size:1.3rem;
	line-height:150%;
	padding:0;
}
@media (min-width: 568px) {
	.features{
		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;
	}
	.features-item{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 15px);
	}
	.features-item:nth-child(odd){
		margin-right:30px;
	}
	.features-item p{
		text-align:left;
	}
	#buyer-item .features-item:first-child h5,
	#buyer-item .features-item:nth-child(3) h5{
		letter-spacing:-0.01em;
	}
}
@media (min-width: 667px) {
	#buyer-item .features-item:first-child h5,
	#buyer-item .features-item:nth-child(3) h5{
		letter-spacing:0;
	}
}
@media (min-width: 1024px) {
	.features-item{
		width:calc(25% - 30px);
		margin-right:40px;
	}
	.features-item:nth-child(odd){
		margin-right:40px;
	}
	.features-item:last-child{
		margin-right:0;
	}
	#buyer-item .features-item:first-child h5,
	#buyer-item .features-item:nth-child(3) h5{
		letter-spacing:-0.15em;
	}
	#buyer-item .features-item:nth-child(2) h5{
		letter-spacing:-0.02em;
	}
}
@media (min-width: 1200px) {
	#buyer-item .features-item:first-child h5,
	#buyer-item .features-item:nth-child(3) h5{
		letter-spacing:-0.06em;
	}
	#buyer-item .features-item:nth-child(2) h5{
		letter-spacing:0;
	}
}

#flow{
	font-size:0;
}
.flow{
	padding-top:20px;
}
.flow h4{
	font-size:1.7rem;
	color:#FFF;
	padding:5px 0 5px 15px;
	background:url(../img/arrow.jpg) no-repeat right;
	background-size:cover;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.flow p{
	font-size:1.3rem;
	line-height:150%;
	padding:7px 0 0;
}
@media (min-width: 568px) {
	.flow{
		display:inline-block;
		vertical-align:top;
		width:50%;
	}
	.flow:last-child{
		margin-left:25%;
	}
	.flow p{
		text-align:left;
		padding-left:15px;
		padding-right:30px;
	}
}
@media (min-width: 768px) {
	.flow{
		width:33.333%;
	}
	.flow:nth-child(4){
		margin-left:16.666%;
	}
	.flow:last-child{
		margin-left:0;
	}
}
@media (min-width: 1024px) {
	.flow{
		width:20%;
	}
	.flow:nth-child(4){
		margin-left:0;
	}
}

.contact-btn{
	margin:40px auto 0;
	text-align:center;
	font-size:1.7rem;
}
.contact-btn a{
	display:block;
	border:1px solid #333;
	background:#333;
	color:#FFF;
	padding:9px 0 7px;
	-webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}
.contact-btn a:hover{
	background:#FFF;
	color:#333;
}
@media (min-width: 568px) {
	.contact-btn{
		width:350px;
	}
	#buyer-item .contact-btn{
		width:500px;
	}
}
@media (min-width: 768px) {
	.contact-btn{
		width:450px;
	}
	#buyer-item .contact-btn{
		width:600px;
	}
}
@media (min-width: 1024px) {
	.contact-btn{
		width:500px;
	}
}

@media (min-width: 1024px) {
	#map{
		text-align:center;
		margin:0 auto;
		width:800px;
	}
}

#works{
	font-size:0;
}
.works{
	padding-top:40px;
}
.works:first-child{
	padding-top:25px;
}
.works h3{
	font-size:1.5rem;
	padding-top:7px;
}
.works p{
	font-size:1.3rem;
	line-height:150%;
	padding:3px 0 5px;
}
.works dl{
	font-size:0;
	line-height:15px;
}
.works dl.first{
	padding-top:10px;
}
.works dl dt{
	display:inline-block;
	width:52px;
	font-size:1.3rem;
}
.works dl dd{
	display:inline-block;
	width:calc(100% - 52px);
	font-size:1.3rem;
}
.works .bottom-item{
	border-top:2px solid #333;
}
@media (min-width: 568px) {
	#works{
		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;
	}
	.works{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 15px);
		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;
		flex-direction: column;
	}
	.works:nth-child(2){
		padding-top:25px;
	}
	.works:nth-child(odd){
		margin-right:30px;
	}
	.works p{
		text-align:left;
	}
	.bottom-item{
		margin-top:auto;
	}
}
@media (min-width: 1024px) {
	.works{
		width:calc(33.333% - 26px);
		margin-right:39px;
	}
	.works:nth-child(3){
		padding-top:25px;
	}
	.works:nth-child(odd){
		margin-right:39px;
	}
	.works:nth-child(3n){
		margin-right:0;
	}
}
@media (min-width: 1200px) {
	.works{
		width:calc(25% - 30px);
		margin-right:40px;
	}
	.works:nth-child(4){
		padding-top:25px;
	}
	.works:nth-child(odd){
		margin-right:40px;
	}
	.works:nth-child(3n){
		margin-right:40px;
	}
	.works:nth-child(4n){
		margin-right:0;
	}
}

#footer{
	text-align:center;
	padding:40px 0 20px;
}
address{
	font-family:"ProximanovaLight";
	font-size:1.2rem;
	font-style:normal;
	line-height:130%;
}
@media (min-width: 375px) {
	address{
		font-size:1.3rem;
	}
}
@media (min-width: 768px) {
	address{
		font-size:1.4rem;
	}
}
@media (min-width: 1200px) {
	address{
		font-size:1.5rem;
	}
}

br.br568-666, br.br568-735, br.br568-767, br.br568-1023, br.br667-735, br.br1080, br.br1180{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px){
	br.br568-666{
		display:inline;
	}
}
@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;
	}
}
@media (min-width: 568px) and (max-width: 1023px){
	br.br568-1023{
		display:inline;
	}
}
@media (min-width: 667px) and (max-width: 735px){
	br.br667-735{
		display:inline;
	}
}
@media (min-width: 1080px) {
	br.br1080{
		display:inline;
	}
}
@media (min-width: 1180px) {
	br.br1180{
		display:inline;
	}
}