@charset "UTF-8";

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

@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 W3','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.br736-2,br.br768-2,br.br1024-2,br.br1300-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;
	}
}
@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;
	}
	br.br1300-2{
		display:inline;
	}
}

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;
}

.pc375, .pc414, .pc568, .pc667, .pc736, .pc768, .pc812, .pc1024, .pc1200{
	display:none;
}
@media (min-width: 375px) {
	.sp375{
		display:none;
	}
	.pc375{
		display:inline;
	}
}
@media (min-width: 414px) {
	.sp414{
		display:none;
	}
	.pc414{
		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;
	}
}
@media (min-width: 1200px) {
	.sp1200{
		display:none;
	}
	.pc1200{
		display:inline;
	}
}


/* ヘッダー */
header{
	position:fixed;
	width:100%;
	height:70px;
	background:#FFF;
	z-index:150;
	border-bottom:1px solid rgba(16,64,0,0.3);
}
#header{
	padding:17px 25px 0 20px;
}
#logo{
}
#logo img{
	width:211px;
	height:37px;
}
@media (min-width: 375px) {
	#header{
		padding:15px 25px 0;
	}
	#logo img{
		width:229px;
		height:40px;
	}
}
@media (min-width: 768px) {
	#header{
		padding:15px 40px 0;
	}
}
@media (min-width: 1024px) {
	header{
		/*position:static;
		width:auto;
		height:auto;*/
		height:188px;
		box-shadow:0 0 10px #DDD;
		border-bottom:none;
	}
	#header{
		position:relative;
		padding:30px 40px 0;
	}
	#logo h1{
		padding-top:6px;
	}
	#logo img{
		width:286px;
		height:50px;
	}
}
@media (min-width: 1200px) {
	#header{
		padding:30px 0 0;
		margin:0 auto;
		width:1024px;
	}
	#logo h1{
		padding-top:5px;
	}
	#logo img{
		width:300px;
		height:52px;
	}
}

/* ナビゲーションラベル */
#gnavi-label{
  	position:absolute;
	top:0;
	right:0;
  	width:70px;
  	height:70px;
	cursor: pointer;
	border-left:1px solid rgba(16,64,0,0.3);
	/*-webkit-transition:all ease-in-out 0.5s;
    -moz-transition:all ease-in-out 0.5s;
    -ms-transition:all ease-in-out 0.5s;
    -o-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;*/
	-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:100;
}
#gnavi-label span{
  	position: absolute;
  	right:25px;
  	width:20px;
  	height:2px;
  	background-color:#333;
  	/*-webkit-transition:all .5s;
  	-moz-transition:all .5s;
  	-ms-transition:all .5s;
  	-o-transition:all .5s;
  	transition:all .5s;*/
	-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-label span:nth-of-type(1){
  	top: 28px;
}
#gnavi-label span:nth-of-type(2){
  	top: 34px;
}
#gnavi-label span:nth-of-type(3){
  	top: 40px;
}
#gnavi-label.active{
}
#gnavi-label.active span{
	width:20px;
}
#gnavi-label.active span:nth-of-type(1) {
	top:24px;
  	-webkit-transform: translateY(10px) rotate(45deg);
  	transform: translateY(10px) rotate(45deg);
}
#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(-45deg);
  	transform: translateY(-10px) rotate(-45deg);
}
@media (min-width: 568px) {
	#gnavi-label{
		width:118px;
	}
}
@media (min-width: 768px) {
	#gnavi-label{
		width:148px;
	}
	#gnavi-label span{
		right:40px;
	}
}
@media (min-width: 1024px) {
	#gnavi-label{
		display:none;
	}
}

/* メニューの文字 */
#menu{
	display:none;
}
@media (min-width: 568px) {
	#menu{
		display:inline;
		position:absolute;
		top:24px;
		right:55px;
		font-family:'Open Sans';
		font-weight:600;
		font-size:1.3rem;
	}
}
@media (min-width: 768px) {
	#menu{
		right:70px;
	}
}

/* グローバルナビゲーション */
#gnavi{
	display:none;
	position:fixed;
	width:100%;
	height:calc(100% - 71px);
	top:71px;
	left: 0;
	overflow:scroll;
	margin:0;
	text-align:center;
	padding:25px 25px 35px;
	box-sizing:border-box;
	background:#F3F5F2;
	z-index:100;
}
#gnavi ul{
	font-size:0;
	padding:0 0 10px;
}
#gnavi ul li{
	font-size:1.6rem;
	padding:12px 0;
	text-shadow:0 1px 0 #FFF;
}
#gnavi ul li.dead{
	color:#BBB;
}
#gnavi ul li a{
	position:relative;
	display:inline-block;
}
#gnavi ul li a:hover{
	color:#104000;
}
#gnavi ul li a::after{
	content:'';
  	position:absolute;
  	bottom:-5px;
  	left:0;
  	width:100%;
  	height:1px;
  	background-color:#104000;
  	-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);
}
#home #gnavi ul li.home a,
#location #gnavi ul li.location a,
#position #gnavi ul li.position a,
#design #gnavi ul li.design a,
#plan #gnavi ul li.plan a,
#spec #gnavi ul li.spec a,
#outline #gnavi ul li.outline a,
#suenaga #gnavi ul li.suenaga a,
#access #gnavi ul li.access a{
	color:#104000;
}
#home #gnavi ul li.home a::after,
#location #gnavi ul li.location a::after,
#position #gnavi ul li.position a::after,
#design #gnavi ul li.design a::after,
#plan #gnavi ul li.plan a::after,
#spec #gnavi ul li.spec a::after,
#outline #gnavi ul li.outline a::after,
#suenaga #gnavi ul li.suenaga a::after,
#access #gnavi ul li.access a::after{
	color:#104000;
	-webkit-transform:scaleX(1);
  	-moz-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
}
#gnavi ul#entry{
	font-size:0;
}
#gnavi ul#entry li{
	font-size:1.7rem;
	padding:0;
	text-shadow:none;
	margin-top:17px;
	border:1px solid #FFF;
	box-shadow:4px 4px 0 rgba(16,64,0,0.2);
	-webkit-transition:0.15s;
	-moz-transition:0.15s;
	-ms-transition:0.15s;
	-o-transition:0.15s;
	transition:0.15s;
}
#gnavi ul#entry li:hover{
	border:none;
	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);
}
#gnavi ul#entry li a{
	padding:19px 0 17px;
	display:block;
	color:#FFF;
}
#gnavi ul#entry li a:hover::after{
	-webkit-transform:scaleX(0);
  	-moz-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}
#gnavi ul#entry li.dead{
	padding:19px 0 17px;
	border:none;
	box-shadow:none;
}
#gnavi ul#entry li.dead:hover{
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}
#gnavi ul#entry li.request{
	background:#EE7700;
}
#gnavi ul#entry li.reserve{
	background:#327A32;
}
#gnavi ul#entry li.request.dead{
	background:#F7BB80;
	color:#FCE4CC;
}
#gnavi ul#entry li.reserve.dead{
	background:#99BD99;
	color:#D6E4D6;
}
#tel{
	margin-top:25px;
}
#tel h2{
	font-family:"NewYork";
	font-size:1.3rem;
	letter-spacing:1px;
}
.freedial{
	font-size:180%;
}
.pc568-1023{
	display:none;
}
@media (min-width: 375px) {
	#tel h2{
		font-size:1.4rem;
	}
	.freedial{
		font-size:200%;
	}
}
@media (min-width: 568px) {
	#gnavi ul#entry li{
		display:inline-block;
		width:calc(50% - 13px);
		box-sizing:border-box;
	}
	#gnavi ul#entry li:first-child{
		margin-right:26px;
	}
	#tel{
		margin-top:30px;
	}
}
@media (min-width: 768px) {
	#gnavi{
		padding:30px 40px 40px;
	}
	#gnavi ul#entry li{
		width:calc(50% - 20px);
	}
	#gnavi ul#entry li:nth-child(1){
		margin-right:40px;
	}
	#tel h2{
		font-size:1.6rem;
	}
}
@media (min-width: 1024px) {
	#gnavi{
		display:block;
		position:static;
		width:auto;
		height:auto;
		top:auto;
		left:auto;
		overflow:hidden;
		margin:0;
		text-align:center;
		padding:16px 0 12px;
		background:none;
	}
	#gnavi ul li{
		font-size:1.4rem;
		text-shadow:none;
		display:inline-block;
		vertical-align:middle;
		width:12.5%;
		box-sizing:border-box;
		border-right:1px solid rgba(15,15,15,0.3);
	}
	#gnavi ul li:nth-child(2){
		border-left:1px solid rgba(15,15,15,0.3);
	}
	#gnavi ul li.access{
		padding:4px;
	}
	#gnavi ul li.home{
		display:none;
	}
	.ten{
		display:none;
	}
	#gnavi ul#entry{
		position:absolute;
		top:40px;
		right:40px;
	}
	#gnavi ul#entry li{
		font-size:1.2rem;
		border:none;
		width:160px;
		box-shadow:none;
	}
	#gnavi ul#entry li:hover{
		-webkit-transform:translate(0,0);
		-moz-transform:translate(0,0);
		-ms-transform:translate(0,0);
		-o-transform:translate(0,0);
		transform:translate(0,0);
	}
	#gnavi ul#entry li:nth-child(1){
		margin-right:5px;
	}
	#gnavi ul#entry li.dead{
		padding:6px 0 4px;
	}
	#gnavi ul#entry li a{
		padding:6px 0 4px;
	}
	#gnavi ul#entry li a:hover{
		background:#FFF;
	}
	#gnavi ul#entry li.request{
		border:1px solid #EE7700;
	}
	#gnavi ul#entry li.reserve{
		border:1px solid #327A32;
	}
	#gnavi ul#entry li.request a:hover{
		color:#EE7700;
	}
	#gnavi ul#entry li.reserve a:hover{
		color:#327A32;
	}
	#gnavi ul#entry li.request.dead{
		border:1px solid #FCE4CC;
	}
	#gnavi ul#entry li.reserve.dead{
		border:1px solid #D6E4D6;
	}
	#tel{
		margin:0;
		position:absolute;
		top:30px;
		right:40px;
	}
	#tel h2{
		font-size:1.2rem;
		letter-spacing:0;
	}
	.freedial{
		font-size:170%;
	}
}
@media (min-width: 568px) and (max-width: 1023px) {
	.pc568-1023{
		display:inline;
	}
}
@media (min-width: 1200px) {
	#gnavi ul#entry{
		right:0;
	}
	#gnavi ul#entry li{
		font-size:1.3rem;
		width:175px;
	}
	#tel{
		right:0;
	}
	#tel h2{
		font-size:1.3rem;
	}
}

/* メインイメージ */
#main-img{
	position:relative;
	top:71px;
}
@media (min-width: 568px) {
	#main-img{
		line-height:0;
	}
}
@media (min-width: 1024px) {
	#main-img{
		top:auto;
	}
}
.pc568-1023,.pc1024-1199,.pc1200{
	display:none;
}
@media (min-width: 568px) and (max-width: 1023px) {
	.pc568-1023{
		display:inline;
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	.pc1024-1199{
		display:inline;
	}
}
@media (min-width: 1200px) {
	.pc1200{
		display:inline;
	}
}

/* タイトル */
#title{
	padding-top:100px;
	text-align:center;
}
#title h2{
	font-size:1.7rem;
	font-family:'NewYork','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#title h2.brand{
	font-size:1.2rem;
	line-height:130%;
	display:inline-block;
	padding:5px 30px 10px;
	border-top:1px solid #333;
}
#title h2.page-title{
	font-size:1.4rem;
}
@media (min-width: 768px) {
	#title h2{
		font-size:1.8rem;
	}
	#title h2.page-title{
		font-size:1.5rem;
	}
}
@media (min-width: 1024px) {
	#title{
		padding-top:230px;
	}
	#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: 1024px) {
	.wrapper.narrow{
		padding:0 10%;
	}
}
@media (min-width: 1200px) {
	.wrapper{
		padding:0;
		margin:0 auto;
		width:1024px;
	}
	.wrapper.narrow{
		box-sizing:border-box;
		padding:0 8%;
	}
}

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

/* コンテンツ */
.content{
	padding:0 0 60px;
}
.content.bottom{
	padding-bottom:40px;
}
.content ol{
	margin:0;
	padding:0;
}
.content ol li span{
	position:absolute;
	left:0;
	margin:0
}
.content ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding-left:1.25em;
	font-size:1.2rem;
	line-height:150%;
}
@media (min-width: 768px) {
	.content{
		padding:0 0 70px;
	}
	.content.bottom{
		padding-bottom:50px;
	}
}
@media (min-width: 1024px) {
	.content{
		padding:0 0 80px;
	}
	.content.bottom{
		padding-bottom:60px;
	}
	.content ol li{
		text-align:center;
	}
	.content ol li span{
		position:relative;
	}
}
@media (min-width: 1200px) {
	.content{
		padding:0 0 90px;
	}
	.content.bottom{
		padding-bottom:70px;
	}
}

/* ヘッドライン */
#headline h3{
	text-align:center;
	font-size:1.7rem;
}
#headline p{
	font-size:1.4rem;
	padding-top:15px;
}
@media (min-width: 768px) {
	#headline h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	#headline h3{
		font-size:2.1rem;
	}
	#headline p{
		font-size:1.5rem;
	}
}
@media (min-width: 1200px) {
	#headline h3{
		font-size:2.3rem;
	}
}

/* エントリーボタン */
#entry-btn{
	text-align:center;
}
#entry-btn ul{
	font-size:0;
}
#entry-btn ul li{
	font-size:1.4rem;
	margin-top:10px;
	box-sizing:border-box;
	-webkit-transition:0.15s;
	-moz-transition:0.15s;
	-ms-transition:0.15s;
	-o-transition:0.15s;
	transition 0.15s;
}
#entry-btn ul li a{
	padding:10px 0 8px;
	display:block;
	color:#FFF;
}
#entry-btn ul li a:hover{
	background:#FFF;
}
#entry-btn ul li.request{
	background:#EE7700;
	border:1px solid #EE7700;
}
#entry-btn ul li.reserve{
	background:#327A32;
	border:1px solid #327A32;
}
#entry-btn ul li.request a:hover{
	color:#EE7700;
}
#entry-btn ul li.reserve a:hover{
	color:#327A32;
}
#entry-btn li.dead{
	padding:10px 0 8px;
}
#entry-btn li.request.dead{
	background:#F7BB80;
	color:#FCE4CC;
	border:none;
}
#entry-btn li.reserve.dead{
	background:#99BD99;
	color:#D6E4D6;
	border:none;
}
@media (min-width: 568px) {
	#entry-btn ul li{
		display:inline-block;
		width:calc(50% - 3px);
	}
	#entry-btn ul li:nth-child(1){
		margin-right:6px;
	}
}
@media (min-width: 768px) {
	#entry-btn{
		padding:0 120px;
	}
}
@media (min-width: 1024px) {
	#entry-btn{
		padding:0 200px;
	}
}

/* コーポレートプロフィール */
#corporate-profile{
	padding:40px 0;
}
#corporate-profile h2{
	text-align:center;
	font-family:'NewYork';
	font-size:1.7rem;
	padding-bottom:15px;
}
#corporate-profile ul{
	font-size:0;
}
#corporate-profile ul li{
	padding-top:25px;
}
#corporate-profile ul li:nth-child(1){
	padding-top:0;
}
#corporate-profile ul li a{
	-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;
}
#corporate-profile ul li a:hover{
	opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
}
@media (min-width: 568px) {
	#corporate-profile ul li{
		padding-top:0;
		display:inline-block;
		width:calc(50% - 13px);
	}
	#corporate-profile ul li:nth-child(1){
		margin-right:26px;
	}
}
@media (min-width: 736px) {
	.suenagagumi{
		width:calc(100% - 30px);
		padding-left:30px;
	}
	.suenagakikaku{
		width:calc(100% - 30px);
		padding-right:30px;
	}
}
@media (min-width: 768px) {
	#corporate-profile h2{
		font-size:1.9rem;
	}
	#corporate-profile ul li{
		width:calc(50% - 15px);
	}
	#corporate-profile ul li:nth-child(1){
		margin-right:30px;
	}
	.suenagagumi{
		width:calc(100% - 60px);
		padding-left:60px;
	}
	.suenagakikaku{
		width:calc(100% - 60px);
		padding-right:60px;
	}
}
@media (min-width: 1024px) {
	#corporate-profile{
		padding:60px 0;
	}
	#corporate-profile h2{
		font-size:2.0rem;
	}
	#corporate-profile ul li{
		width:calc(50% - 20px);
	}
	#corporate-profile ul li:nth-child(1){
		margin-right:40px;
	}
	.suenagagumi{
		width:70%;
		padding-left:30%;
	}
	.suenagakikaku{
		width:70%;
		padding-right:30%;
	}
}
@media (min-width: 1200px) {
	#corporate-profile{
		padding:70px 0;
	}
	#corporate-profile h2{
		font-size:2.2rem;
	}
	.suenagagumi{
		width:65%;
		padding-left:35%;
	}
	.suenagakikaku{
		width:65%;
		padding-right:35%;
	}
}

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

/* フッター */
footer{
	background:#EFEFEF;
}
#footer{
	font-size:0;
	padding:30px 15px 15px;
	text-align:center;
	text-shadow:0 1px 0 #FFF;
}
#foot-logo{
	padding-bottom:15px;
}
#foot-logo img{
	width:170px;
	height:32px;
}
#foot-navi{
	display:none;
	font-family:'NewYork','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#contact{
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#contact h3{
	font-size:1.4rem;
}
#foot-tel{
	font-size:0;
}
#foot-tel h4{
	display:inline-block;
	vertical-align:middle;
	font-family:"NewYork";
	padding:3px 0 2px;
}
#foot-tel h4.foot-freedial{
	font-size:1.4rem;
	line-height:100%;
	padding-right:10px;
	
	font-size:2.0rem;
	padding-top:10px;
	padding-right:5px;
}
#foot-tel h4.foot-number{
	font-size:3.0rem;
}
#contact ol{
	margin:0;
	padding:0;
	text-align:left;
}
#contact ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding:2px 0;
	padding-left:1.25em;
	font-size:1.3rem;
	line-height:140%;
}
#contact ol li span{
	position:absolute;
	left:0;
	margin:0
}
address{
	font-family:"ProximanovaLight";
	font-size:1.3rem;
	font-style:normal;
	padding-top:15px;
}
@media (min-width: 568px) {
	#contact ol{
		text-align:center;
	}
	#contact ol li span{
		position:relative;
	}
}
@media (min-width: 1024px) {
	#footer{
		padding:50px 40px 0;
		text-align:left;
		position:relative;
	}
	#foot-logo{
		display:inline-block;
		vertical-align:top;
		width:200px;
	}
	#foot-navi{
		display:inline;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 585px);
		border-left:1px solid #333;
		box-sizing:border-box;
		padding-left:30px;
	}
	#foot-navi ul li{
		font-size:1.3rem;
		padding:3px 0;
	}
	#foot-navi ul li:last-child{
		padding-bottom:20px;
	}
	#foot-navi ul li.dead{
		color:#999;
	}
	#foot-navi ul li a{
		position:relative;
		display:inline-block;
	}
	#foot-navi ul li a::after{
		content:'';
  		position:absolute;
  		bottom:0;
  		left:0;
  		width:100%;
  		height:1px;
		background-color:#333;
  		-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);
	}
	#home #foot-navi ul li.home a::after,
	#setagaya-place #foot-navi ul li.setagaya-place a::after,
	#design #foot-navi ul li.design a::after,
	#plan #foot-navi ul li.plan 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,
	#access #foot-navi ul li.access a::after{
		-webkit-transform:scaleX(1);
  		-moz-transform:scaleX(1);
  		-ms-transform:scaleX(1);
  		-o-transform:scaleX(1);
  		transform:scaleX(1);
	}
	#contact{
		display:inline-block;
		vertical-align:top;
		width:385px;
	}
	#foot-tel h4{
		padding:0;
	}
	#foot-tel h4.foot-freedial{
		font-size:1.5rem;
	}
	#foot-tel h4.foot-number{
		font-size:3.5rem;
	}
	#contact ol{
		text-align:left;
	}
	#contact ol li span{
		position:absolute;
	}
	address{
		font-size:1.4rem;
		position:absolute;
		bottom:20px;
	}
}
@media (min-width: 1200px) {
	#footer{
		padding:50px 0 0;
		margin:0 auto;
		width:1024px;
	}
	#foot-tel h4.foot-freedial{
		font-size:1.7rem;
	}
	#foot-tel h4.foot-number{
		font-size:3.9rem;
	}
	address{
		font-size:1.5rem;
	}
}