@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@import url(https://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:100,200,300,400,500,600,700,800,900);

@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;
	/*font-feature-settings:"palt";*/
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
}
body.active{
	overflow:hidden;
}

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: 1300px) {
	br.br1300{
		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;
}

.pc568, .pc667, .pc736, .pc768, .pc812, .pc1024{
	display:none;
}
@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;
}


/* ヘッダー */
header{
	position:fixed;
	width:100%;
	background:#FFF;
	border-bottom:1px solid rgba(35,124,166,0.3);
	z-index:100;
}
#header{
	height:70px;
	padding:0 25px;
}
#logo{
	padding-top:5px;
}
#logo img{
	line-height:0;
	vertical-align:bottom;
	width:196px;
	height:56px;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
@media (min-width: 1024px) {
	header{
		-webkit-transition:ease-in-out 0.5s;
    	-moz-transition:ease-in-out 0.5s;
    	-o-transition:ease-in-out 0.5s;
    	-ms-transition:ease-in-out 0.5s;
   		transition:ease-in-out 0.5s;
	}
	header.hide{
		-webkit-transform:translateY(-100%);
		-moz-transform:translateY(-100%);
		-ms-transform:translateY(-100%);
		-o-transform:translateY(-100%);
		transform:translateY(-100%);
	}
	#header{
		height:auto;
		padding:0;
		margin:0 auto;
	}
	#logo{
		padding:10px 0 15px;
		text-align:center;
	}
	#logo img{
		width:245px;
		height:70px;
	}
}
@media (min-width: 1200px) {
	#logo img{
		width:280px;
		height:80px;
	}
}

/* ナビゲーションラベル */
#gnavi-label{
  	position:absolute;
	width:70px;
	height:70px;
	top:0;
	right:0;
	border-left:1px solid rgba(35,124,166,0.3);
	cursor: pointer;
	-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;
	z-index:101;
}
#gnavi-label span{
  	position: absolute;
	right:25px;
  	width:20px;
  	height:2px;
  	background-color:#267CA7;
	-webkit-transition:ease-in-out 0.4s;
    -moz-transition:ease-in-out 0.4s;
    -ms-transition:ease-in-out 0.4s;
    -o-transition:ease-in-out 0.4s;
    transition:ease-in-out 0.4s;
}
#gnavi-label span:nth-of-type(1){
  	top: 27px;
}
#gnavi-label span:nth-of-type(2){
  	top: 34px;
}
#gnavi-label span:nth-of-type(3){
  	top: 41px;
}
#gnavi-label.active span{
	width:20px;
}
#gnavi-label.active span:nth-of-type(1) {
	top: 24px;
  	-webkit-transform: translateY(10px) rotate(-315deg);
  	transform: translateY(10px) rotate(-315deg);
}
#gnavi-label.active span:nth-of-type(2) {
  	opacity: 0;
}
#gnavi-label.active span:nth-of-type(3) {
	top:44px;
  	-webkit-transform: translateY(-10px) rotate(315deg);
  	transform: translateY(-10px) rotate(315deg);
}
@media (min-width: 568px) {
	#gnavi-label{
		width:116px;
	}
}
@media (min-width: 1024px) {
	#gnavi-label{
		display:none;
	}
}

/* メニューの文字 */
#menu{
	display:none;
	position:absolute;
	font-family:'Open Sans';
	font-weight:700;
	font-size:1.2rem;
	color:#267CA7;
}
@media (min-width: 568px) {
	#menu{
		display:inline;
		right:55px;
		top:50%;
		margin-top:-10px;
	}
}

/* グローバルナビゲーション */
#gnavi-wrap{
	position:fixed;
	top:71px;
	left:0;
	width:100%;
	height:calc(100% - 71px);
	background:#FDFAFA;
	background:#EAF2F6;
	text-shadow:0 1px 0 #FFF;
	overflow:scroll;
	z-index:100;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration:0.5s;
	-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-webkit-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0);
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	-ms-overflow-scrolling:touch;
	-o-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
#gnavi-wrap.active{
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
#gnavi ul{
	font-size:0;
	text-align:center;
	padding:15px 25px 35px;
}
#gnavi ul li{
	font-size:1.5rem;
	padding:20px 0 0;
}
#gnavi ul li a{
	position:relative;
  	display:inline-block;
	color:#267CA7;
}
#gnavi ul li a::after{
	content:'';
  	position:absolute;
  	bottom:-2px;
  	left:0;
  	width:100%;
  	height:1px;
  	background-color:#267CA7;
  	-webkit-transform:scaleX(0);
  	-moz-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
	-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;
}
#gnavi ul li a:hover::after{
	-webkit-transform:scaleX(1);
  	-moz--transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
}
#gnavi ul li.dead{
	color:rgba(35,124,166,0.5);
}
#home #gnavi ul li.home a::after,
#redevelopment #gnavi ul li.redevelopment a::after,
#access #gnavi ul li.access a::after,
#design #gnavi ul li.design a::after,
#plan #gnavi ul li.plan a::after,
#modelroom #gnavi ul li.modelroom a::after,
#spec #gnavi ul li.spec a::after,
#outline #gnavi ul li.outline a::after,
#suenaga #gnavi ul li.suenaga a::after{
	background-color:#267CA7;
	-webkit-transform:scaleX(1);
  	-moz--transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
}
.contact{
	padding:0 25px;
}
.contact#maptel{
	padding-top:15px;
	padding-bottom:25px;
}
.contact ul{
	font-size:0;
	padding-top:0;
	text-shadow:none;
}
.contact ul li{
	padding:0;
}
.contact ul li a{
	display:block;
	width:100%;
	font-size:1.4rem;
	margin-bottom:15px;
	color:rgba(35,124,166,1);
	text-align:center;
	padding:12px 0 10px;
	border:1px solid #FFF;
	box-shadow:4px 4px 0 rgba(35,124,166,0.25);
	box-sizing:border-box;
	-webkit-transition:ease-in-out 0.15s;
	-moz-transition:ease-in-out 0.15s;
	-ms-transition:ease-in-out 0.15s;
	-o-transition:ease-in-out 0.15s;
	transition:ease-in-out 0.15s;
}
.contact ul li.request a{
	color:#FFF !important;
	background-color:rgba(35,124,166,0.8);
}
.contact ul li.reserve a{
	color:#FFF !important;
	background-color:rgba(35,124,166,1);
	margin-bottom:0;
}
.contact ul li.map a{
	border:1px solid rgba(35,124,166,1);
	background-color:#FFF;
	box-shadow:4px 4px 0 rgba(35,124,166,1);
}
.contact ul li.sp-tel{
	display:none;
}
.contact ul li.pc-tel{
	display:block;
	width:100%;
	background-color:#FFF;
	color:rgba(35,124,166,1);
	text-align:center;
	padding:12px 0 10px;
	border:1px solid rgba(35,124,166,1);
	position:relative;
	box-shadow:4px 4px 0 rgba(35,124,166,1);
	box-sizing:border-box;
	font-family:'Averia Serif Libre';
	font-weight:400;
	font-size:2.0rem;
}
.fa-phone{
	font-size:100%;
	padding-right:10px;
}
.contact ul li a:hover{
	box-shadow:none;
	-webkit-transform:translate(4px,4px);
	-moz-transform:translate(4px,4px);
	-ms-transform:translate(4px,4px);
	-o-transform:translate(4px,4px);
	transform:translate(4px,4px);
}
.contact ul li a::after,
.contact ul li a:hover::after{
  	-webkit-transform:scaleX(0);
  	-moz-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}
.contact ul li.dead{
	display:block;
	width:100%;
	font-size:1.4rem;
	margin-bottom:15px;
	color:rgba(46,124,166,0.5);
	background:rgba(35,124,166,0.1);
	text-align:center;
	padding:12px 0 10px;
	border:1px solid #FFF;
	box-shadow:4px 4px 0 rgba(35,124,166,0.25);
	box-sizing:border-box;
}
@media (min-width: 568px) {
	#gnavi ul{
		padding:20px 60px 45px;
	}
	#gnavi ul li{
		padding:25px 0 0;
	}
	.contact{
		padding:0 60px;
	}
}
@media (min-width: 1024px) {
	#gnavi-wrap{
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		height:auto;
		background:none;
		text-shadow:none;
		overflow:hidden;
		-moz-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		-webkit-transform:translate3d(0, 0, 0);
		-o-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		border-top:1px solid rgba(35,124,166,0.3);
	}
	#gnavi ul{
		padding:17px 0 15px;
	}
	#gnavi ul li{
		display:inline-block;
		vertical-align:middle;
		padding:0 15px;
		font-size:1.3rem;
		font-weight:bold;
	}
	.contact{
		position:absolute;
		padding:0;
	}
	.contact#left{
		top:25px;
		left:15px;
	}
	.contact#right{
		top:25px;
		right:15px;
	}
	.contact ul li{
		display:inline-block;
		vertical-align:middle;
	}
	.contact ul li.request a,
	.contact ul li.reserve a{
		width:150px;
		margin:0 8px;
	}
	.contact ul li.map a{
		width:auto;
		padding:7px 10px 6px;
		margin:0 8px;
		font-size:1.3rem;
		line-height:120%;
		
		/*padding:14px 10px 13px;*/
	}
	.contact ul li.phone{
		background-color:#FFF;
		color:rgba(35,124,166,1);
		text-align:center;
		padding:12px 10px 10px !important;
		margin:0 8px;
		border:1px solid rgba(35,124,166,1);
		position:relative;
		box-shadow:4px 4px 0 rgba(35,124,166,1);
		box-sizing:border-box;
		font-family:'Averia Serif Libre';
		font-weight:400;
		font-size:1.8rem;
	}
	.contact ul li.dead{
		display:inline-block;
		vertical-align:middle;
		width:150px;
		margin:0 8px;
	}
	.contact ul li.map.dead{
		width:auto;
		padding:7px 10px 6px;
		margin:0 8px;
		font-size:1.3rem;
		line-height:120%;
	}
}
@media (min-width: 1200px) {
	.contact#left{
		top:30px;
		left:10%;
	}
	.contact#right{
		top:30px;
		right:10%;
	}
}


/* メインイメージ */
#main-img{
	position:relative;
	top:71px;
}
@media (min-width: 1024px) {
	#main-img{
		top:151px;
	}
}
@media (min-width: 1200px) {
	#main-img{
		top:161px;
	}
}

/* タイトル */
#title{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-47px;
	color:#FFF;
	text-align:center;
	width:100%;
}
#title h2{
	font-size:1.7rem;
	font-family:'NewYork','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#title h2.brand{
	font-size:1.2rem;
	line-height:130%;
	display:inline-block;
	padding:5px 25px 10px;
	border-top:1px solid #FFF;

}
#title h2.page-title{
	font-size:1.4rem;
}
@media (min-width: 768px) {
	#title{
		margin-bottom:-50px;
	}
	#title h2{
		font-size:1.8rem;
	}
	#title h2.page-title{
		font-size:1.5rem;
	}
}
@media (min-width: 1024px) {
	#title{
		margin-top:-55px;
	}
	#title h2{
		font-size:1.9rem;
	}
	#title h2.brand{
		font-size:1.3rem;
	}
	#title h2.page-title{
		font-size:1.6rem;
	}
}

/* 枠*/
.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;
	}
}

/* アイコンロゴ */
#icon-logo{
	text-align:center;
	padding:101px 0 20px;
}
#icon-logo img{
	width:25px;
	height:25px;
}
@media (min-width: 768px) {
	#icon-logo{
		padding:101px 0 30px;
	}
	#icon-logo img{
		width:30px;
		height:30px;
	}
}
@media (min-width: 1024px) {
	#icon-logo{
		padding-top:182px;
	}
	#icon-logo img{
		width:35px;
		height:35px;
	}
}
@media (min-width: 1024px) {
	#icon-logo{
		padding-top:192px;
	}
}

#charm{
	text-align:center;
	padding-bottom:15px;
}
#charm h3{
	font-family:"NewYork";
	font-size:1.8rem;
	padding-bottom:10px;
}
#charm h4{
	font-size:1.5rem;
	padding:15px 0;
}
#charm a img{
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
#charm a:hover img{
	opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
@media (min-width: 568px) {
	#charm{
		margin:0 70px;
	}
}
@media (min-width: 768px) {
	#charm{
		margin:0 20%;
		padding-bottom:50px;
	}
	#charm h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	#charm{
		margin:0 25%;
	}
	#charm h3{
		font-size:2.0rem;
	}
	#charm h4{
		font-size:1.6rem;
	}
}
@media (min-width: 1200px) {
	#charm h3{
		font-size:2.1rem;
	}
}

#common-bottom{
	margin:50px 0 60px;
}
@media (min-width: 568px) {
	#common-bottom{
		margin:50px 50px 60px;
	}
}
@media (min-width: 768px) {
	#common-bottom{
		margin:50px 15% 60px; 
	}
}
@media (min-width: 1024px) {
	#common-bottom{
		margin:70px 20% 80px; 
	}
}
@media (min-width: 1200px) {
	#common-bottom{
		margin:70px auto 80px;
		width:700px;
	}
}

/* コンタクトボタン */
#contact-btn ul{
	font-size:0;
}
#contact-btn ul li{
	position:relative;
	overflow:hidden;
	text-align:center;
	font-size:1.5rem;
	margin:15px 0;
}
#contact-btn ul li a{
	display:block;
	color:#FFF;
	padding:10px 0;
	box-sizing:border-box;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
#contact-btn ul li a:hover{
	font-weight:bold;
}
#contact-btn ul li.request a{
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(0,0,0,0.6);
	box-shadow:inset 1px 1px 1px #FFF;
	color:#FFF;
	text-shadow:0 1px 0 rgba(0,0,0,1);
}
#contact-btn ul li.request a:hover{
	color:#333;
	background:rgba(0,0,0,0.3);
	text-shadow:none;
}
#contact-btn ul li.reserve a{
	background:rgba(0,0,0,1);
	border:1px solid rgba(0,0,0,1);
	box-shadow:inset 1px 1px 1px #FFF;
}
#contact-btn ul li.reserve a:hover{
	color:#333;
	background:rgba(0,0,0,0.1);
	text-shadow:0 1px 0 #FFF;
}
#contact-btn ul li.dead{
	color:#AAA;
	padding:10px 0;
	background:#DDD;
	border:1px solid #DDD;
	box-shadow:inset 1px 1px 1px #FFF;
	box-sizing:border-box;
}
@media (min-width: 568px) {
	#contact-btn ul li{
		margin:0;
		display:inline-block;
		width:calc(50% - 10px);
	}
	#contact-btn ul li.request{
		margin-right:20px;
	}
}
@media (min-width: 1024px) {
	#contact-btn ul li{
		font-size:1.7rem;
	}
	#contact-btn ul li a{
		padding:12px 0;
	}
	#contact-btn ul li.dead{
		padding:12px 0;
	}
}

/* コーポレート */
#corporate{
	text-align:center;
	margin-top:40px;
}
#corporate h2{
	font-size:1.7rem;
	font-family:"NewYork";
	padding-bottom:10px;
}
#corporate h3{
	font-size:1.5rem;
	padding:10px 0 15px;
}
#corporate a img{
	opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
}
#corporate a:hover img{
	opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
.learnmore{
	margin:0 auto;
	width:170px;
	border:1px #333 solid;
	text-align:center;
	font-family:'NewYork';
	font-size:1.4rem;
	padding:4px 0;
	text-shadow:none;
	background:#FFF;
	overflow:hidden;
	position:relative;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
	z-index:2;
}
a .learnmore .eff{
  	width:100%;
  	height:40px;
	top:-2px;
  	left:-100%;
  	background:#333;
  	position:absolute;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
  	z-index:0;
}
a:hover .learnmore .eff{
	left:0;
}
a .more{
	color:#333;
	position:relative;
	-webkit-transition:ease-in-out 0.5s;
    -moz-transition:ease-in-out 0.5s;
    -o-transition:ease-in-out 0.5s;
    -ms-transition:ease-in-out 0.5s;
    transition:ease-in-out 0.5s;
	z-index:2;
}
a:hover .more{
	color:#FFF;
	z-index:2;
}
@media (min-width: 768px) {
	#corporate h3{
		padding:10px 0 20px;
	}
}
@media (min-width: 1024px) {
	#corporate{
		margin-top:50px;
	}
}
@media (min-width: 1200px) {
	#corporate{
		margin:50px 15% 0;
	}
}

#hanbai-suenaga{
	padding-top:35px;
	text-align:center;
}
#hanbai-suenaga h3{
	font-size:1.4rem;
	line-height:200%;
}
@media (min-width: 1024px) {
	#hanbai-suenaga{
		padding-top:40px;
	}
}

/* フッター */
footer{
	background:#267CA7;
	padding:25px;
	box-shadow:0 0 7px rgba(35,124,166,0.2);
	color:#FFF;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#footer{
	font-size:0;
}
#foot-logo{
	padding-bottom:25px;
}
#foot-logo img{
	width:200px;
	height:38px;
}
#foot{
	border-left:1px solid #FFF;
	padding:5px 0 5px 15px;
	box-sizing:border-box;
}
#foot p{
	font-size:1.3rem;
}
#foot h3{
	font-family:'Open Sans';
	font-weight:500;
	font-size:3.4rem;
	line-height:100%;
	padding:3px 0 6px;
}
#foot h3 a{
	color:#FFF;
}
.foot-dial{
	font-size:80%;
	padding-right:10px;
	vertical-align:2px;
}
#foot ol{
	margin:0;
	padding:0;
}
#foot ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding:2px 0 0;
	padding-left:1.25em;
	font-size:1.1rem;
	line-height:150%;
}
#foot ol li span{
	position:absolute;
	left:0;
	margin:0;
}
.foot-navi{
	display:none;
}
address{
	font-family:"ProximanovaLight";
	font-size:1.3rem;
	font-style:normal;
	padding-top:25px;
}
@media (min-width: 568px) {
	#foot-logo{
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 300px);
	}
	#foot{
		display:inline-block;
		vertical-align:top;
		width:300px;
		padding-left:20px;
	}
	address{
		text-align:right;
	}
}
@media (min-width: 667px) {
	#foot h3{
		font-size:3.7rem;
	}
}
@media (min-width: 768px) {
	footer{
		padding:25px 40px;
	}
	address{
		font-size:1.4rem;
	}
}
@media (min-width: 1024px) {
	#foot-logo{
		width:300px;
	}
	#foot-logo img{
		width:220px;
		height:42px;
	}
	#foot{
		border-left:none;
		width:310px;
		padding-left:30px;
		box-sizing:content-box;
	}
	#foot h3{
		font-size:4.0rem;
	}
	#foot ol li{
		font-size:1.2rem;
	}
	.foot-navi{
		display:inline-block;
		vertical-align:top;
		width:calc((100% - 640px)/2);
		font-family:'Open Sans';
		box-sizing:border-box;
	}
	.foot-navi h4{
		font-size:1.3rem;
		font-weight:700;
		color:#93BED3;
	}
	.foot-navi ul li{
		font-size:1.3rem;
		line-height:150%;
		padding:5px 0 0;
	}
	.foot-navi ul li a{
		position:relative;
		display:inline-block;
		color:#FFF;
	}
	.foot-navi ul li a::after{
		content:'';
  		position:absolute;
  		bottom:-2px;
  		left:0;
  		width:100%;
  		height:1px;
  		background-color:#FFF;
  		-webkit-transform:scaleX(0);
  		-moz-transform:scaleX(0);
  		-ms-transform:scaleX(0);
  		-o-transform:scaleX(0);
  		transform:scaleX(0);
		-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;
	}
	.foot-navi ul li a:hover::after{
		-webkit-transform:scaleX(1);
  		-moz--transform:scaleX(1);
  		-ms-transform:scaleX(1);
  		-o-transform:scaleX(1);
  		transform:scaleX(1);
	}
	.foot-navi ul li.dead{
		color:#68A4C2;
	}
	#home .foot-navi ul li.home a::after,
	#redevelopment .foot-navi ul li.redevelopment a::after,
	#access .foot-navi ul li.access a::after,
	#design .foot-navi ul li.design a::after,
	#plan .foot-navi ul li.plan a::after,
	#modelroom .foot-navi ul li.modelroom a::after,
	#spec .foot-navi ul li.spec a::after,
	#outline .foot-navi ul li.outline a::after,
	#suenaga .foot-navi ul li.suenaga a::after{
		-webkit-transform:scaleX(1);
  		-moz--transform:scaleX(1);
  		-ms-transform:scaleX(1);
  		-o-transform:scaleX(1);
  		transform:scaleX(1);
	}
	address{
		padding-top:0;
		font-size:1.5rem;
	}
}
@media (min-width: 1200px) {
	footer{
		padding:25px 0;
	}
	#footer{
		margin:0 auto;
		padding:0;
		width:1024px;
	}
	.foot-navi{
		width:150px;
	}
	.foot-navi#contact{
		margin-right:calc(100% - 940px);
	}
}