@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);

@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:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-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%;
}
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.br812-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;
	}
	br.br812-2{
		display:inline;
	}
}
@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;
}

.pc375, .pc414, .pc568, .pc667, .pc736, .pc768, .pc812, .pc1024, .pc1200, .pc1250{
	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;
	}
}
@media (min-width: 1250px) {
	.sp1250{
		display:none;
	}
	.pc1250{
		display:inline;
	}
}

/* ヘッダー */
header{
	position:fixed;
	width:100%;
	background:#FFF;
	height:60px;
	border-bottom:1px solid #EEE;
	box-shadow:0 7px 7px -7px #EEE;
	z-index:100;
}
#header{
	font-size:0;
	padding:10px 15px;
}
#logo h1{
	padding-top:10px;
}
#logo img{
	width:auto;
	height:20px;
	line-height:0;
}
@media (min-width: 568px) {
	#header{
		padding:10px 30px;
	}
}
@media (min-width: 768px) {
	#header{
		padding:10px 40px;
	}
}
@media (min-width: 1024px) {
	header{
		height:70px;
	}
	#logo{
		display:inline-block;
		vertical-align:top;
		width:160px;
	}
	#logo h1{
		padding-top:15px;
	}
	#logo img{
		width:160px;
		height:auto;
	}
}
@media (min-width: 1200px) {
	#header{
		padding:15px 7%;
	}
	#logo{
		width:200px;
	}
	#logo h1{
		padding-top:9px;
	}
	#logo img{
		width:200px;
		height:auto;
	}
}

/* ナビゲーションラベル */
#gnavi-label{
	position:fixed;
	display:block;
	width:60px;
	height:60px;
	top:0;
	right:0;
	cursor:pointer;
	-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;
	z-index:101;
}
#gnavi-label span{
	display:block;
	position:absolute;
	top:23px;
	right:20px;
	width:20px;
	height:2px;
	background:#333;
	-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:23px;
}
#gnavi-label span:nth-of-type(2){
	top:29px;
}
#gnavi-label span:nth-of-type(3){
	top:35px;
}
#gnavi-label.active{
	background:#f7f6f4;
}
#gnavi-label.active span:nth-of-type(1){
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:29px;
}
#gnavi-label.active span:nth-of-type(2){
	opacity: 0;
}
#gnavi-label.active span:nth-of-type(3){
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top:29px;
}
@media (min-width: 568px) {
	#gnavi-label{
		right:10px;
		width:115px;
	}
}
@media (min-width: 768px) {
	#gnavi-label{
		right:20px;
	}
}
@media (min-width: 1024px) {
	#gnavi-label{
		display:none;
	}
}

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

/* ナビゲーション */
#gnavi{
	display:none;
	position:fixed;
	top:60px;
	left:0;
	width:100vw;
	height:calc(100vh - 60px);
	background:#f7f6f4;
	color:#333;
	overflow:scroll;
	/*box-shadow:inset 0 7px 7px -7px #EEE;*/
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	-ms-overflow-scrolling:touch;
	-o-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
#gnavi ul{
	font-size:0;
	padding:15px 30px 90px;
	text-shadow:0 1px 0 #FFF;
}
#gnavi ul li{
	font-family:'Open Sans';
	font-weight:400;
	font-size:1.7rem;
	padding:10px 0;
}
#gnavi ul li a{
	position:relative;
	display:inline-block;
}
#gnavi ul li a::after{
	content:'';
  	position:absolute;
  	bottom:-3px;
  	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-out 0.5s;
	-moz-transition:ease-out 0.5s;
	-ms-transition:ease-out 0.5s;
	-o-transition:ease-out 0.5s;
	transition:ease-out 0.5s;
}
#gnavi ul li a:hover::after{
	background-color:#333;
	-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,
#concept #gnavi ul li.concept a,
#plan #gnavi ul li.plan a,
#spec #gnavi ul li.spec a,
#location #gnavi ul li.location a,
#column #gnavi ul li.column a,
#outline #gnavi ul li.outline a{
}
#home #gnavi ul li.home a::after,
#concept #gnavi ul li.concept a::after,
#plan #gnavi ul li.plan a::after,
#spec #gnavi ul li.spec a::after,
#location #gnavi ul li.location a::after,
#column #gnavi ul li.column a::after,
#outline #gnavi ul li.outline a::after{
	-webkit-transform:scaleX(1);
  	-moz--transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
}
#gnavi ul li.btn{
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:normal;
	font-size:1.5rem;
	text-align:center;
}
#gnavi ul li.btn a{
	display:block;
	width:100%;
	background:#DDD;
	border:1px solid #CCC;
	padding:10px 0;
	text-shadow:none;
}
#gnavi ul li.btn.dead{
	display:block;
	width:100%;
	background:#DDD;
	border:1px solid #CCC;
	color:#666;
	padding:10px 0;
	text-shadow:none;
}
#gnavi ul li.btn.reserve{
	margin-top:10px;
}
#gnavi ul li.btn a:hover{
	background:#FFF;
}
#gnavi ul li.btn.map a{
	background:#333;
	border:1px solid #333;
	color:#FFF;
}
#gnavi ul li.btn.map a:hover{
	background:#FFF;
	color:#333;
}
#gnavi ul li.btn a::after{
  	-webkit-transform:scaleX(0);
  	-moz-transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}
#gnavi ul li.dead{
	opacity:0.5;
}
@media (min-width: 768px) {
	#gnavi ul{
		padding:15px 60px 90px;
	}
}
@media (min-width: 1024px) {
	#gnavi{
		display:inline-block;
		position:static;
		top:auto;
		left:auto;
		width:calc(100% - 160px);
		height:auto;
		background:none;
		overflow:hidden;
		vertical-align:top;
	}
	#gnavi ul{
		padding:0;
		padding-top:14px;
		text-shadow:none;
		text-align:right;
	}
	#gnavi ul li{
		font-size:1.4rem;
		display:inline-block;
		padding:0;
		margin-left:20px;
	}
	#gnavi ul li.btn{
		font-size:1.2rem;
		width:75px;
	}
	#gnavi ul li.btn.dead{
	}
	#gnavi ul li.btn:nth-child(9),
	#gnavi ul li.btn:last-child{
		margin-left:10px;
	}
	#gnavi ul li.btn:last-child{
		margin-right:2px;
	}
	#gnavi ul li.btn a{
		padding:0;
	}
	#gnavi ul li.btn.map{
		width:85px;
	}
}
@media (min-width: 1200px) {
	#gnavi{
		width:calc(100% - 200px);
	}
	#gnavi ul{
		padding-top:10px;
	}
}

/* 外枠 */
#container{
	position:relative;
	top:60px;
}
@media (min-width: 1024px) {
	#container{
		top:70px;
	}
}

/* メインイメージ */
#main-image{
	position:relative;
}
#page-title{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	margin-top:-18px;
}
#page-title h2{
	color:#FFF;
	font-size:2.0rem;
	font-family:'Open Sans';
	font-weight:500;
	letter-spacing:0.1em;
}
@media (min-width: 768px) {
	#page-title h2{
		font-size:2.1rem;
	}
}
@media (min-width: 1024px) {
	#page-title{
		margin-top:-20px;
	}
	#page-title h2{
		font-size:2.2rem;
	}
}
@media (min-width: 1200px) {
	#page-title{
		margin-top:-22px;
	}
	#page-title h2{
		font-size:2.5rem;
		letter-spacing:0.2em;
	}
}

/* コンテンツ */
.contents{
	padding:30px 15px 0;
}
@media (min-width: 568px) {
	.contents{
		padding:40px 30px 0;
	}
}
@media (min-width: 768px) {
	.contents{
		padding:50px 40px 0;
	}
}
@media (min-width: 1200px) {
	.contents{
		margin:0 auto;
		padding:60px 0 0;
		width:944px;
	}
}

/* ヘッドライン */
.headline{
	text-align:center;
}
.headline h3{
	font-size:2.0rem;
}
.headline h3.eng{
	font-family:'NewYork';
	font-size:1.3rem;
}
.headline p{
	padding-top:25px;
}
@media (min-width: 768px) {
	.headline h3{
		font-size:2.1rem;
	}
}
@media (min-width: 1024px) {
	.headline h3{
		font-size:2.2rem;
	}
}
@media (min-width: 1200px) {
	.headline h3{
		font-size:2.3rem;
	}
	.headline h3.eng{
		font-size:1.4rem;
	}
}

footer{
	margin-top:calc(60px + 40px);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	color:#FFF;
	-webkit-transition:ease-in-out 0.3s;
	-moz-transition:ease-in-out 0.3s;
	-ms-transition:ease-in-out 0.3s;
	-o-transition:ease-in-out 0.3s;
	transition:ease-in-out 0.3s;
}
footer.active{
	-ms-filter: blur(3px);
	filter: blur(3px);
}

#footer{
	position:relative;
	padding:25px 15px 20px;
	background-color:rgba(0,0,0,0.5);
}

#foot-menu{
	font-size:0;
}
.foot-menu{
	text-align:center;
}
.foot-menu#foot-contact h2{
	font-family:'Open Sans';
	font-weight:600;
	font-size:1.5rem;
	padding:8px 0 5px;
	letter-spacing:0.1em;
}
.foot-menu#foot-contact p{
	font-size:1.2rem;
	line-height:160%;
}
.foot-menu#foot-contact p.yoyaku{
	font-size:1.0rem;
	line-height:100%;
	padding:5px 0 0;
}
.freedial{
	font-size:180%;
}
.foot-menu#foot-contact a{
	color:#FFF;
}
.foot-menu#foot-contact ol{
	margin:0;
	padding:0;
}
.foot-menu#foot-contact ol li{
	position:relative;
	list-style:none;
	line-height:170%;
	padding-left:1.25em;
	font-size:1.2rem;
}
.foot-menu#foot-contact ol li span{
	position:relative;
	left:0;
	margin:0;
}

#contact-btn{
	font-size:0;
	text-align:center;
	padding-top:5px;
}
.contact-btn{
	display:inline-block;
	width:calc(50% - 2.5px);
	font-size:1.2rem;
	margin-top:5px;
}
.contact-btn:first-child{
	margin-right:5px;
}
.contact-btn.privacy{
	width:100%;
}
.contact-btn a{
	display:block;
	border:1px solid #FFF;
	padding:2px 0 1px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	-msborder-radius:24px;
	-o-border-radius:24px;
	border-radius:24px;
}
.contact-btn a:hover{
	background:rgba(255,255,255,0.5);
}
.contact-btn.dead{
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
	padding:2px 0 1px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	-msborder-radius:24px;
	-o-border-radius:24px;
	border-radius:24px;
	color:rgba(255,255,255,0.5);
}
	
.foot-menu#foot-logo{
	padding:20px 0;
}
.foot-menu#foot-logo img{
	width:160px;
	height:auto;
	margin-bottom:10px;
}
.foot-menu#foot-logo p{
	font-size:1.2rem;
	line-height:160%;
}
.foot-menu#foot-logo p{
	font-size:1.2rem;
	line-height:160%;
}
.foot-menu#foot-logo > p a{
	color:#FFF;
	position:relative;
  	display:inline-block;
}
.foot-menu#foot-logo > p a::after{
	content:'';
  	position:absolute;
  	bottom:-2px;
  	left:0;
  	width:100%;
  	height:1px;
  	background-color:#FFF;
  	-webkit-transform:scaleX(1);
  	-moz-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
	-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-menu#foot-logo > p a:hover::after{
	-webkit-transform:scaleX(0);
  	-moz--transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}
.foot-menu#foot-logo p.andsteel-privacy a{
	display:block;
	border:1px solid #FFF;
	padding:4px 0;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	-msborder-radius:24px;
	-o-border-radius:24px;
	border-radius:24px;
	margin-top:10px;
}
.foot-menu#foot-logo > p.andsteel-privacy a::after{
	-webkit-transform:scaleX(0);
  	-moz--transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}
.foot-menu#foot-logo p.andsteel-privacy a:hover{
	background:rgba(255,255,255,0.5);
}

.foot-menu#foot-company h2{
	padding-bottom:7px;
}
.foot-menu#foot-company img{
	width:80px;
	height:auto;
}
.foot-menu#foot-company p{
	font-size:1.2rem;
	line-height:160%;
}
.foot-menu#foot-company p a{
	color:#FFF;
	position:relative;
  	display:inline-block;
}
.foot-menu#foot-company p a::after{
	content:'';
  	position:absolute;
  	bottom:-2px;
  	left:0;
  	width:100%;
  	height:1px;
  	background-color:#FFF;
  	-webkit-transform:scaleX(1);
  	-moz-transform:scaleX(1);
  	-ms-transform:scaleX(1);
  	-o-transform:scaleX(1);
  	transform:scaleX(1);
	-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-menu#foot-company p a:hover::after{
	-webkit-transform:scaleX(0);
  	-moz--transform:scaleX(0);
  	-ms-transform:scaleX(0);
  	-o-transform:scaleX(0);
  	transform:scaleX(0);
}

address{
	font-family:"ProximanovaLight";
	font-size:1.2rem;
	font-style:normal;
	text-align:center;
	padding-top:20px;
}
@media (min-width: 568px) {
	footer{
		margin-top:calc(60px + 50px);
	}
	#footer{
		padding:40px 30px 35px;
	}
	#contact-btn{
		padding:5px 25% 0;
	}
	.foot-menu#foot-logo img{
		width:170px;
		height:auto;
	}
	.foot-menu#foot-logo p.andsteel-privacy a{
		margin:10px 25% 0;
	}
}
@media (min-width: 768px) {
	footer{
		margin-top:calc(60px + 60px);
		height:50vh;
	}
	#footer{
		padding:0 40px;
		height:50vh;
	}
	#foot-menu{
		height:50vh;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.foot-menu{
		text-align:left;
	}
	.foot-menu#foot-contact{
		width:38%;
	}
	.freedial{
		font-size:170%;
	}
	.foot-menu#foot-contact ol li span{
		position:absolute;
	}
	.foot-menu#foot-logo{
		text-align:center;
		padding:0;
		width:36%;
	}
	.foot-menu#foot-logo img{
		width:180px;
	}
	.foot-menu#foot-logo p.andsteel-privacy a{
		margin:15px 15% 0;
	}
	.foot-menu#foot-company{
		width:26%;
	}
	.foot-menu#foot-company h2{
		padding-bottom:10px;
	}
	.foot-menu#foot-company img{
		width:95px;
	}
	#contact-btn{
		padding:5px 0 0;
	}
	address{
		position:absolute;
		width:100%;
		bottom:5%;
		text-align:center;
	}
	.itopia-tsume{
		letter-spacing:-0.03em;
	}
	.itopia-link{
		letter-spacing:-0.05em;
	}
}
@media (min-width: 1024px) {
	footer{
		margin-top:calc(70px + 70px);
		height:calc(100vh - 70px);
	}
	#footer{
		height:calc(100vh - 70px);
		padding:0 7%;
	}
	#foot-menu{
		height:calc(100vh - 70px);
	}
	.foot-menu#foot-contact,
	.foot-menu#foot-logo{
		width:38.75%;
	}
	.foot-menu#foot-company{
		width:22.5%;
	}
	.foot-menu#foot-logo img{
		width:190px;
	}
	.foot-menu#foot-company p{
		padding-bottom:20px;
	}
	.foot-menu#foot-company p a::after{
		bottom:-1px;
	}
	.nomura-tsume{
		letter-spacing:-0.01em;
	}
	.itopia-tsume,.itopia-link{
		letter-spacing:0;
	}
}
@media (min-width: 1080px) {
	.nomura-tsume{
		letter-spacing:0;
	}
}
@media (min-width: 1200px) {
	.freedial{
		font-size:200%;
	}
	.foot-menu#foot-logo img{
		width:200px;
	}
	address{
		font-size:1.3rem;
	}
}
@media (min-width: 1250px) {
	.foot-menu#foot-contact p{
		font-size:1.2rem;
	}
	.foot-menu#foot-contact p.yoyaku{
		padding:0;
	}
}

.pc768-1023{
	display:none;
}
@media (min-width: 768px) and (max-width: 1023px){
	.pc768-1023{
		display:inline;
	}
}

br.br768-1023{
	display:none;
}
@media (min-width: 768px) and (max-width: 1023px){
	br.br768-1023{
		display:inline;
	}
}

.space375,.space768-1079{
	display:none;
}
@media (min-width: 375px) {
	.space375{
		display:inline;
	}
}