@charset "utf-8";

*{
	margin:0;
	padding:0;
	border:0;
}

img { vertical-align: middle; border: 0; }
map { visibility: hidden; }
ul	{padding: 0; list-style-type: none; overflow: hidden;}
li	{padding: 0; list-style-type: none; overflow: hidden;}
/* サイズ算出方法 */
html * {
	box-sizing        : content-box;	/* for MacIE, Opera */
	-moz-box-sizing   : content-box;	/* for Mozilla, Firefox,Netscape */
	-khtml-box-sizing : content-box;	/* for Safari */
	-webkit-text-size-adjust:none
}

/* 基本文字サイズ */
th,td {
	font-size: 100% !important;
	font-size /**/: 100%;
}

/* 各種タイトルの文字サイズ */
h1,h2,h4,h5,h6 { font-size: 100%; }

/** html **/
html {
	height: 100%;
}


/* ウェブフォント */
@font-face {
	font-family: 'unitedarrows-bold';
	src: url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Bold.eot');
	src: url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Bold.eot?#iefix') format('embedded-opentype'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Bold.woff') format('woff'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Bold.ttf') format('truetype'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'unitedarrows-mid';
	src: url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Medium.eot');
	src: url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Medium.eot?#iefix') format('embedded-opentype'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Medium.woff') format('woff'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Medium.ttf') format('truetype'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'unitedarrows-reg';
	src: url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Regular.eot');
	src: url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Regular.eot?#iefix') format('embedded-opentype'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Regular.woff') format('woff'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Regular.ttf') format('truetype'), url('//www.globalbase.jp/re-apartment/fonts/UNITEDARROWS-Regular.otf') format('opentype');
}

/** body **/
body {
	font-family: "unitedarrows-reg", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size:12px;
	letter-spacing:0.03em;
	line-height:2.2;
	color: #000;
	background-color:#EEEBEA;
	margin: 0;
	padding: 0px;
	width:100%;
	font-weight: 500;
}

keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#container{display:none;}


/* Media Queries */

div#firstimg { 
	clear:both; 
	display:block; 
	width:100%; 
	height:100%; 
}

.fade_logo { 
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0 0 -114px;
	z-index:9999;
}

.fade_logo img.fade { 
	width:237px;
	height:70px;
}


div#PAGE{ 
	max-width:2500px; 
	height:auto; 
	margin:0px auto; 
	padding: 0px 0px;
	text-align:left;
	position:relative;
}

/*休暇アナウンス*/
#vaca_box{ font-size: 12px; line-height: 1.5em; letter-spacing: -.4em; padding-bottom: 24px; padding-left: 4.2vw; padding-right: 4.2vw; }
#vaca_box strong{ display: block; font-size: 14px; line-height: 1em; color: #323232; letter-spacing: normal; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; padding-bottom: 8px; }
#vaca_box p{ display: block; letter-spacing: normal; vertical-align: middle; font-size: 12px; line-height: 1.6em; color: #7b7b7b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }
#vaca_box p br{line-height: 1.6em; }

/* -- HEADER -- */

div#HEADER { position:relaive; display:table; width:100%; padding:50px 0px 20px 0px; margin:0px 0px 0px 0px; z-index: 100; }
div#HEADER h1 { display:none; width:0px; height:15px; margin:0px auto; padding:0px; }
div#HEADER .logo { text-align:center; display:inline; height: 69px; width: 237px; margin:0px auto 0px auto; padding:30px 0 0 0; text-indent: -9999px; }
div#HEADER .logo a { text-align:center; display:inline; height: 69px; width:237px; margin:0px auto; padding:0px 0px 0px 0px; text-indent: -9999px; display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 237px 69px;}
div#HEADER .logo a:link	{display: block;background-image: url(../imgs/logo_re-apartment_top.png);background-repeat: no-repeat;border: 0px;background-size: 237px 69px;}
div#HEADER .logo a:visited	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 237px 69px;}
div#HEADER .logo a:hover	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 237px 69px;}
div#HEADER .logo a:active	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 237px 69px;}
div#HEADER .project	{ display:inline-block; height:25px; margin:0px 0px 0px 0px; padding:27px 20px 4px 60px; font-size:11px; line-height:20px; letter-spacing:0.05em; vertical-align:middle; text-align:left; float:left;}

.grNav { font-family:"unitedarrows-mid", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif; display:block; text-align:center; list-style-type: none; padding:5px 0 0 0; margin:0 auto;}

.navigation { font-family:"unitedarrows-mid", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif; display:block; text-align:center; list-style-type: none; padding:5px 0 0 0; margin:0 auto;}
ul.navigation li { display:inline-block; padding:15px 18px 3px 18px; font-size:13px; line-height:20px; border-bottom:3px solid #eeebea;}
ul.navigation li.current { display:inline-block; padding:15px 3px 3px 3px; margin:0 15px; font-size:13px; line-height:20px; border-bottom:3px solid #000;}
ul.navigation li span { display:none !important; }
ul.navigation a			{ display:inline; }
ul.navigation a:link		{ color:#000; text-decoration:none; }
ul.navigation a:visited	{ color:#000; text-decoration:none; }
ul.navigation a:hover		{ color:#000; text-decoration:none; }
ul.navigation a:active		{ color:#000; text-decoration:none; }

.project_sp	{ display:none !important; }

/*パンくず*/
#pankz *{ line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#pankz{ width: 100%; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding-top: 12px; padding-bottom: 12px; }
#pankz ul { width: 100%; padding-left: 60px; padding-right: 60px;  }
#pankz ul li{ float: left; color: #000000; margin-right: 4px; display: block; font-size: 10px; }
#pankz ul li:before{ content: '＞ '; font-size: 10px; display: inline-block; } 
#pankz ul li a{ color: #000000; font-size: 10px; text-decoration: none; display: inline-block; padding-top: 6px; padding-bottom: 6px; }
#pankz ul li br{ display: none; }
#pankz ul li a br{ display: none; }
#pankz ul li:first-child:before{ content: '　'; text-indent: -12px;  }


/* -- SHEET -- */

div#SHEET				{ clear:both; display:block; max-width:2500px; min-height:300px; margin:0px 0px 0px 0px; padding:60px 0px 0px 0px;}
div#SHEET_top				{ clear:both; display:block; max-width:2500px; min-height:300px; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px;}
.page_caption { text-align:center; margin:0 auto; font-size:13px; font-style:italic; letter-spacing:0.1px;  padding:2px 0 0px 0}
h2 { clear:both; text-align:center; margin:0px auto 0px auto; font-size:25px; font-weight:normal; padding:5px 0 15px 0; letter-spacing:1px;}

#contents {
    position: relative;
    z-index: 9999;
}

#content {
	clear:both;
	text-align: left;
	width: calc(100% - 80px);
	margin:0px 40px 30px 40px;
	overflow:hidden;
}

#slider_top {
	width: 100%;
	margin:0 0 30px 0;
	display:block;
}

#slider {
	width: 100%;
	margin:0 0 30px 0;
	display:block;
}

.slider-pro {
	width: 100%;
}

.sp-slides {
	width: 100%;
}

.sp-slide {
	width: 100%;
}

#slider img {
	width: 100%;
}

/* TOP */

#top_photo {
	width: calc(100% - 120px);
	margin:0px 60px 30px 60px;
	overflow:hidden;
	clear:both;
	display:block;
}

#top_images {
	width: calc(100% - 120px);
	clear:both;
	/*display:block;*/
	text-align:left;
	position:relative;
	overflow:hidden;
	margin:0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#top_part01 {
	width:48.5%;
	margin:0 0 40px 0%;
	display:block;
	float:left;
}
#top_images #top_part01:only-of-type { float: none; margin-left: auto; margin-right: auto; }

#top_part01:nth-child(2n) {
	width:48.5%;
	margin:0 0 40px 3%;
	display:block;
	float:left;
}

.top_img { width: 100%;  }
div.top_img{ position: relative; display: block!important; }
div.top_img a{ display: block; width: 100%; height: 100%; }
div.top_img .nolink{ display: block; width: 100%; height: 100%;}
div.top_img .atten_txt{ position: absolute; right: 0px; bottom: 0px; color: #FFFFFF; font-size: 10px; padding-left: 6px; padding-right: 6px; background-color: rgba(0,0,0,0.25); display: block; padding-bottom: 0px; padding-top: 3px; }
div.top_img .comingsoon{ width: 100%; height: 100%; position: absolute; top:0; right: 0px; background-color: rgba(0,0,0,0.35); display: flex; align-items: center; justify-content: center;}
div.top_img .comingsoon p{color: #FFFFFF; font-size: 18px;letter-spacing: 0.2em; }

#top_part01 .top_img {
	width:100%;
	height:auto;
}

#top_part01 img {
	width:100%;
	height:auto;
}

#top_part02 {
	width:48.5%;
	margin:0 0 40px 3%;
	display:block;
	float:left;
}

#top_part02 img {
	width:100%;
	height:auto;
}

#top_part02:nth-child(2n-1){ margin-left: 0px; }

#top_part03 {
	width:31.4%;
	margin:0 0 40px 2.9%;
	display:block;
	float:left;
}

#top_part03 img {
	width:100%;
	height:auto;
}

#top_part04 {
	width:48.5%;
	margin:0 0 40px 0;
	display:block;
	float:left;
}

#top_part04 img {
	width:100%;
	height:auto;
}

#top_part03:nth-child(3n+1) {
	width:31.4%;
	margin:0 0 40px 0%;
	display:block;
	float:left;
}

.top_caption {
	font-size:15px;
	line-height:20px;
	float:left;
	text-align:left;
	padding:12px 10px 0 0px;
	color:#484137;
	font-family:"unitedarrows-mid", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif;
}

.top_caption span {
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 10px;
	margin-left:10px;
	border-left:1px solid #CCC;
}

.top_caption span.newmark{ border: 1px solid #CCC; color: #484137; font-size: 10px; line-height: 1em; padding-top: 5px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; display: inline-block; }

div#HEADER .logo { margin:0px 40px 20px 0px;}

/* -- フォームボタン -- */
ul#toform_box { margin: 0 auto; overflow: auto; text-align: center; width: 620px; padding-top: 0px; padding-bottom: 30px; }
ul#toform_box li{ list-style-type: none; width: 47%; float: left; }
ul#toform_box li p{ font-size: 12px; color: #6C5D3E; margin-top: 4px; }

/* -- 来場予約ボタン削除時 -- */
ul#toform_box li:only-of-type{ width: 100%; }
/* -- 来場予約ボタン削除時ここまで -- */

ul#toform_box li.single_list{ list-style-type: none; width: 100%; float: left; }
ul#toform_box li:nth-child(2n){float: right;}
a.btn_toform{ color: #000; padding-top: 11px; padding-bottom: 7px; background-color: #F2F1F0; text-align: center; font-size: 14px; display: block; }
a:link.btn_toform  { text-decoration: none; }
a:visited.btn_toform  { text-decoration: none; }
a:hover.btn_toform  { text-decoration: none; color: #B0542B;}
a:active.btn_toform  { text-decoration: none; color: #B0542B;}

/* -- フォームボタン　メニュー内 -- */
ul#toform_box_sp { display:none!important;}

.company_logo_sp { display:none!important;}


#content {
  overflow: hidden;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding:0px 0px 0 0px;
  clear:both;
}


#FOOTER {
	margin: 50px 0 0px 0;
	background-color:#404040;
	clear:both;
	width:100%; 
	height: auto;
	padding: 10px 0px 20px 0px;
	color:#fff;
	overflow:auto;
	font-size:11px;
}

#FOOTER .information {
	width: 100%;
	max-width:1580px; 
	padding: 0px 0px 30px 0px;
	margin:0 auto;
	text-align:left;
}

#FOOTER .information .left {
    width: 38%;
    padding: 0px 0px 0px 60px;
    text-align: left;
    float: left;
}

#FOOTER .information .right-left {
    width: 17%;
    padding: 50px 2.5% 0px 0;
	text-align:left;
	float:left;
	line-height:24px;
}

#FOOTER .information .right-right {
    width: 16%;
    padding: 74px 24px 0px 0px;
	text-align:left;
	float:left;
	line-height:24px;
}

#FOOTER .information .left .title{
	font-size:15px;
	padding: 20px 0px 5px 0px;
	font-family:unitedarrows-mid; 
	letter-spacing:0.05em;
}

#FOOTER .information .left .company_logo{
	width:500px;
	padding: 30px 0px 5px 0px;
}

#FOOTER .information .left .company_logo li{
	width:200px;
	padding: 0px 50px 5px 0px;
	display:inline-block;
	float:left;
}

#FOOTER .information .left .company_logo li img{
	width:200px;
	padding: 0px 0px 5px 0px;
	display:inline-block;
	float:left;
}


#FOOTER .copyright {
	width:400px; 
	padding: 40px 60px 20px 0px;
	margin: 0;
	float:right;
	text-align:right;
	clear:both;
	font-size:10px;
}


#FOOTER	a { color:#c5c2b0; }
#FOOTER a:link { text-decoration: none; }
#FOOTER a:visited { text-decoration: none; }
#FOOTER a:hover { text-decoration: underline; }
#FOOTER a:active { text-decoration: underline; }

.br-sp { display:none; }
.br-pc { display:block; }


/* STAEMENT */

.header_logo {
	position:absolute;
	right: 0;
	bottom: 180px;
	left: 0;
	margin: 0 auto;
	text-align:center;
}

.header_logo img {
	width:280px; 
	height: auto;
}

.header_title {
	font-family: "unitedarrows-reg", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	position:absolute;
	right: 0;
	bottom: 60px;
	left: 0;
	margin: 0 auto;
	color:#FFF;
	text-align:center;
	font-size:13px;
	border-top:1px solid #AAA;
	padding:25px 0 0 0;
	width:300px;
	letter-spacing:0.1em;
}

.project_title {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:26px;
	line-height:40px;
	padding:25px 0 0 0;
	letter-spacing:0.08em;
	font-weight:500;
}

.project_catch {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:24px;
	line-height:40px;
	padding:0 0 50px 0;
	letter-spacing:0.15em;
	font-weight:600;
}

.project_statement {
	margin: 0 auto;
	padding:0 30px 20px 30px;
	max-width:800px;
}

#logo {
	margin: 0 auto;
	overflow:auto;
	text-align:center;
	width:550px;
	line-height:40px;
	padding:40px 0 30px 0;
}

#logo .myreno {
	width:200px;
	padding:10px 0 30px 0;
	float:left;
}

#logo .myreno img {
	width:200px;
}

#logo .unitedarrows {
	width:230px;
	padding:0 0 30px 0;
	float:right;
}

#logo .unitedarrows img {
	width:230px;
}

/* ON SALE */
.works_photo_idea{ width: calc(100% - 120px);
	margin:0 60px;
	overflow:hidden;
	clear:both;
	display:block;}

.works_photo_defau{ width: 80%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 0; overflow: hidden; clear: both; display: block; }

.works_photo_more{ width: 80%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 0; overflow: hidden; clear: both; display: block; padding-top: 80px; }
.works_photo_more li:last-child{ padding-top: 50px; padding-bottom: 30px; clear: both; }
.works_photo_more li .btn_toform{ width: 620px; margin-left: auto; margin-right: auto; }

.works_photo_add{ width: 80%; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 0; overflow: hidden; clear: both; display: block; }
.works_photo_add li:last-child{ /*padding-top: 50px; padding-bottom: 30px; clear: both; */}
.works_photo_add li .btn_toform{ width: 620px; margin-left: auto; margin-right: auto; }


.works_photo {
	width: calc(100% - 120px);
	margin:0 60px;
	overflow:hidden;
	clear:both;
	display:block;
}
a.readMoreBtn { text-decoration: none!important; margin-right: auto; padding-top: 12px; padding-bottom: 11px; border: 1px solid #484137; width: 620px; text-align: center; margin-left: auto; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: -70px; }

a.readAddBtn { text-decoration: none!important; margin-right: auto; padding-top: 12px; padding-bottom: 11px; border: 1px solid #484137; width: 620px; text-align: center; margin-left: auto; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 120px; }
/*a:link.readMoreBtn,a:visited.readMoreBtn,a:hover.readMoreBtn,a:active.readMoreBtn{ text-decoration: none; }*/



.l-a {
	width: 67%;
	display:block;
	padding:0 0 30px 0;
	margin:0 auto;
	text-align:center;
}

.l-b {
	width: 100%;
	display:block;
	padding:0 0 30px 0;
}

.s-left {
	width: calc(50% - 15px);
	float:left;
	padding:0 0 30px 0;
}

.s-right {
	width: calc(50% - 15px);
	float:right;
	padding:0 0 30px 0;
}

.works_detail_img {
	width: 100%;
}

.works_data {
	width: calc(100% - 120px);
	margin:80px 60px 30px 60px;
	overflow:hidden;
	clear:both;
	display:block;
}

.works_name { width: 80%; margin-right: auto; margin-left: auto; overflow: hidden; clear: both; display: block; line-height: 1.2em; }

.works_left {
	width: calc(50% - 60px);
	float:left;
	padding:0 60px 30px 0;
}

.works_right {
	width: calc(50% - 20px);
	float:right;
	padding:0 0 30px 0;
}

.works_both {
	width: 100%;
	float:left;
	padding:0 60px 30px 0;
}

.works_title {
	font-size:25px;
	line-height:30px;
	padding:0 0 10px 0;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.works_place {
	font-size:13px;
	line-height:40px;
	padding:0 0 30px 0;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.works_detail_title {
	font-size:13px;
	border-bottom:1px solid #CCC;
	padding:25px 0 5px 0;
	margin:0 0 20px 0;
}

.works_detail {
	font-size:11px;
	line-height:20px;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

.works_detail li.bottom {
	padding:20px 0 5px 0;
}

.works_description {
	font-size:13px;
	line-height:30px;
	padding:40px 0 30px 0;
	margin:0 0 20px 0;
}

.works_floorplan {
	width:80%;
	text-align:center;
	padding:50px 0 50px 0;
	margin:0 auto;
}

.works_floorplan img {
	width:100%;
}

.proper_caption {
	font-size:17px;
	line-height:20px;
	text-align:left;
	padding:25px 10px 10px 0px;
	color:#484137;
	font-family:"unitedarrows-mid", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif;
}

.proper_caption span {
	font-size:14px;
	line-height:20px;
	padding:5px 0 0 10px;
	margin-left:10px;
	border-left:1px solid #CCC;
}

.proper_caption small {
	font-size: 17px;
    /* line-height: 20px; */
    /* padding-top: 5px; */
    padding-right: 14px;
    /* vertical-align: middle; */
}

.proper_price {
	clear:both;
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 0;
}

.proper_price em{ font-style: normal; display: inline-block; border: 1px solid #535353; padding-left: 10px; padding-right: 10px; margin-right: 10px; font-size: 12px; line-height: 1.2em; padding-top: 6px; padding-bottom: 4px; margin-bottom: 4px; }

.proper_layout {
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 0;
}

.proper_menseki {
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 0;
}

.proper_oviews { font-size:12px; line-height:20px; padding:5px 0 0 0;}

.proper_station {
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 0;
}

.proper_name {
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 0;
}


.onsale_nohand{ text-align: center; border: 1px solid #535353; padding-top: 18px; padding-bottom: 18px; margin-bottom: 40px; margin-top: 20px; padding-right: 18px; padding-left: 18px; }


/* PLAN */

#plan {
	width: calc(100% - 120px);
	margin:0px 60px 30px 60px;
	padding:0;
	overflow:hidden;
	clear:both;
	display:block;
}

#plan_border {
	width: calc(100% - 120px);
	margin:30px 60px 30px 60px;
	padding:50px 0 0 0;
	overflow:hidden;
	clear:both;
	display:block;
	border-top:1px solid #CCC;
}

.plan_data {
	width: calc(100% - 120px);
	margin:40px 60px 0px 60px;
	overflow:hidden;
	clear:both;
	display:block;
}

.plan_left {
	width: calc(50% - 60px);
	float:left;
	padding:0 60px 30px 0;
}

.plan_right {
	width: calc(50% - 20px);
	float:right;
	padding:0 0 30px 0;
}
.plan_both{ padding-bottom: 30px; }

.plan_title {
	font-size:25px;
	line-height:30px;
	padding:0 0 40px 0;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.plan_Outtitle { font-size: 25px; line-height: 30px; padding-top: 0; padding-left: 60px; padding-bottom: 40px; font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; padding-right: 60px; }

.plan_detail_title {
	font-size:13px;
	border-bottom:1px solid #CCC;
	padding:25px 0 5px 0;
	margin:0 0 20px 0;
}

.plan_floorplan {
	width:60%;
	text-align:center;
	padding:0px 0 20px 0;
	margin:0 auto;
}

.plan_floorplan img {
	width:100%;
    border: 15px solid #fff;
    box-sizing: border-box;
}

/* SERVICE */

.service_img {
	width: calc(100% - 120px);
	margin:0px 60px 40px 60px;
	clear:both;
	display:block;
}

.service_img img{
	width: 100%;
}

.service_title {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:20px;
	line-height:30px;
	padding:25px 0 0 0;
	letter-spacing:0.08em;
	font-weight:500;
}

.service_catch {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:20px;
	line-height:30px;
	padding:10px 0 20px 0;
	letter-spacing:0.15em;
	font-weight:600;
}

.service_catch2 {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:20px;
	line-height:40px;
	padding:80px 0 20px 0;
	letter-spacing:0.15em;
	font-weight:600;
}

.service_text {
	font-size:13px;
	margin: 0 auto;
	padding:0 30px 40px 30px;
	max-width:800px;
}

.service_kinds {
	margin: 0px auto 20px auto;
	padding:0 30px 20px 30px;
	max-width:800px;
}

.service_kinds li {
	line-height:20px;
	float:left;
	width: 26.5%;
	max-width:230px;
	padding:20px 18px;
	margin:0 2% 0 0 ;
	background-color:#F2F1F0;
	color:#000;
	font-weight:600;
}

.service_flow {
	margin: 0 auto;
	padding:0 30px 20px 30px;
	max-width:800px;
}

.service_kinds li:nth-child(3n){margin:0 0 0 0 ;}

#service_wrap {
	width:100%;
	overflow:auto;
	display:block;
	position: relative;
	padding:0 0 0 0;
}

.stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	clear:both;
	float:left;
	width: 30%;
	max-width:200px;
	padding:0px 20px 0px 20px;
	margin:0 0 10px 0;
    background-color: #F2F1F0;
    color: #000;
	overflow:auto;
	display:block;
}

.flow{
	float:right;
	width: 60%;
	height:auto;
	padding:0px 0px 0 0;
	margin:0 2% 0px 0;
}

.flow_title{
	font-size:14px;
	line-height:20px;
	padding:10px 30px 40px 20px;
	margin:0 0 10px 0;
	border:1px solid #999;
}

.flow_detail{
	font-size:12px;
	line-height:22px;
	padding:0px;
	margin:0 0 0 0;
}

.flow_arrow{
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
}

.flow_arrow img{
	width:60px;
}

.stage01{
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:12px;
	line-height:20px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
}

.stage02{
	font-size:14px;
	line-height:20px;
	padding:0px;
	margin:0 0 0 0;
	font-weight:600;
}

.stage03{
	font-size:10px;
	line-height:20px;
	padding:0px;
	margin:0 0 0 0;
}

/* ERROR */

.error_text {
	text-align:center;
	margin: 0 auto;
	padding:30px 30px 20px 30px;
	max-width:800px;
}

.pc_only { display: block !important; }
.sp_only { display: none !important; }



/* イデア　vrボタン */
a.vr_btn{ color: #000; text-align: center; font-size: 14px; display: block; position: relative; margin-bottom: 8px; background-color: #F2F1F0; letter-spacing: 0.1em; padding-top: 11px; padding-bottom: 7px; text-decoration: none; margin-top: 20px; }
a.vr_btn:before{ /*content: " ";*/ background-image: url(/img/common/common_360.png); width: 24px; height: 24px; display: inline-block; background-repeat: no-repeat; background-size: cover; margin-right: 10px; vertical-align: middle; margin-bottom: 2px; }
a:link.vr_btn,a:visited.vr_btn,a:hover.vr_btn,a:active.vr_btn{ text-decoration: none; }
a:hover.vr_btn,a:active.vr_btn{color: #B0542B; }

/* イデア　toCASEボタン */
a.tocase_btn{ color: #000; text-align: center; font-size: 14px; display: block; position: relative; margin-bottom: 8px; background-color: #F2F1F0; letter-spacing: 0.1em; padding-top: 11px; padding-bottom: 7px; text-decoration: none; margin-top: 40px; }
/*a.tocase_btn:before{ content: ""; background-image: url(); width: 24px; height: 24px; display: inline-block; background-repeat: no-repeat; background-size: cover; margin-right: 10px; vertical-align: middle; margin-bottom: 2px; }*/
a:link.tocase_btn,a:visited.tocase_btn,a:hover.tocase_btn,a:active.tocase_btn{ text-decoration: none; }
a:hover.tocase_btn,a:active.tocase_btn{ color: #B0542B;}

.ChangeElem_Btn_Content{ display: block; overflow-y: hidden; text-align: center; padding-bottom: 20px; }
/*通常時のタブ装飾*/
.ChangeElem_Btn { background-color: #FFFFFF; color: #484137; cursor: pointer; display: inline-block; flex: 1; padding-bottom: 10px; padding-top: 10px; position: relative; transition: all .3s ease-in-out; vertical-align: middle; padding-left: 20px; padding-right: 20px; margin-left: 4px; margin-right: 4px; /*border: 1px solid #484137;*/ outline: none; font-family: "unitedarrows-reg", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif;}
.ChangeElem_No { background-color: #DFDFDF; color: #948E84; display: inline-block; flex: 1; padding-bottom: 10px; padding-top: 10px; position: relative; vertical-align: middle; padding-left: 20px; padding-right: 20px; margin-left: 4px; margin-right: 4px; text-decoration: line-through; }
/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active { background-color: #484137; color: #FFFFFF; box-sizing: border-box;  }


@media only screen and (max-width: 1350px) {

div#HEADER .logo { text-align:center; display:inline; height: 57px; width: 196px; margin:0px auto 0px auto; padding:30px 0 0 0; text-indent: -9999px; }
div#HEADER .logo a { text-align:center; height: 57px; width:196px; margin:0px auto; padding:0px 0px 0px 0px; text-indent: -9999px; display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 196px 57px;}
div#HEADER .logo a:link	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 196px 57px;}
div#HEADER .logo a:visited	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 196px 57px;}
div#HEADER .logo a:hover	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 196px 57px;}
div#HEADER .logo a:active	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 196px 57px;}


#FOOTER .information .left .company_logo{
	width:460px;
	padding: 30px 0px 5px 0px;
}

#FOOTER .information .left .company_logo li{
	width:165px;
	padding: 0px 50px 5px 0px;
	display:inline-block;
	float:left;
}

#FOOTER .information .left .company_logo li img{
	width:165px;
	padding: 0px 0px 5px 0px;
	display:inline-block;
	float:left;
}

}

@media only screen and (max-width: 1150px) {

.br-sp { display:block; }
.br-pc { display:none; }


}


@media only screen and (max-width: 1100px) {

.navigation { font-family:unitedarrows-mid, serif; display:block; text-align:center; list-style-type: none; padding:5px 0 0 0; margin:0 auto;}
ul.navigation li { display:inline-block; padding:15px 18px 0 18px; font-size:12px; line-height:20px;}
ul.navigation li.current { display:inline-block; padding:15px 3px 3px 3px; margin:0 15px; font-size:12px; line-height:20px; border-bottom:3px solid #000;}

div#HEADER .project	{ display:inline-block; height:25px; margin:0px 0px 0px 0px; padding:17px 20px 4px 40px; font-size:10px; line-height:20px; letter-spacing:0.05em; vertical-align:middle; text-align:left; float:left;}

div#HEADER .logo { text-align:center; display:inline; height: 49px; width: 170px; margin:0px auto 0px auto; padding:30px 0 0 0; text-indent: -9999px; }
div#HEADER .logo a { text-align:center; height: 49px; width:170px; margin:0px auto; padding:0px 0px 0px 0px; text-indent: -9999px; display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 170px 49px;}
div#HEADER .logo a:link	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 170px 49px;}
div#HEADER .logo a:visited	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 170px 49px;}
div#HEADER .logo a:hover	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 170px 49px;}
div#HEADER .logo a:active	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 170px 49px;}

/*パンくず*/
#pankz ul { width: 100%; padding-left: 40px; padding-right: 40px;  }
/*パンくずここまで*/



#top_photo {
	width: calc(100% - 80px);
	margin:0px 40px 30px 40px;
	overflow:hidden;
	clear:both;
	display:block;
}

#top_images {
	width: calc(100% - 80px);
	clear:both;
	display:block;
	text-align:left;
	position:relative;
	overflow:hidden;
	margin:0 40px;
}
#top_part01 {
	width:100%;
	margin:0 0 20px 0;
	display:block;
	float:left;
}


.top_img {
	width:100%;
}

#top_part01 .top_img {
	width:100%;
	height:auto;
}

#top_part01 img {
	width:100%;
	height:auto;
}

#top_part01:nth-child(2n) {
	width:100%;
	margin:0 0 20px 0;
	display:block;
	float:left;
}

#top_part02 { width: 100%; margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 40px; display: block; float: left; border-bottom: 1px solid #E3DFDA; padding-bottom: 40px; }

#top_part02 img {
	width:100%;
	height:auto;
}

#top_part03 { width: 100%; margin-top: 0; margin-right: 0; margin-left: 0%; margin-bottom: 40px; display: block; float: left; padding-bottom: 40px; border-bottom: 1px solid #E3DFDA; }

#top_part03 img {
	width:100%;
	height:auto;
}

#top_part03:nth-child(3n+1) {
	width:100%;
	margin:0 0 20px 0%;
	display:block;
	float:left;
}

#top_part04 {
	width:100%;
	margin:0 0 20px 0%;
	display:block;
	float:left;
}

#top_part04 img {
	width:100%;
	height:auto;
}
.top_caption {
	font-size:13px;
	line-height:20px;
	float:left;
	text-align:left;
	padding:12px 10px 0 0px;
	color:#484137;
}

.top_caption span {
	font-size:11px;
	line-height:20px;
	padding:5px 0 0 10px;
	margin-left:10px;
	border-left:1px solid #CCC;
}

#FOOTER {
	margin: 50px 0 0px 0;
	clear:both;
	width:100%; 
	height: auto;
	padding: 10px 0px 20px 0px;
	overflow:auto;
}

#FOOTER .information {
	width: 100%;
	max-width:1580px; 
	padding: 0px 0px 30px 0px;
	margin:0 auto;
	text-align:left;
}

#FOOTER .information .left {
	width: 48.5%;
	padding: 0px 0px 0px 40px;
	text-align:left;
	float:left;
}

#FOOTER .information .right-left {
    clear: both;
    width: 28%;
    padding: 30px 4% 0px 40px;
    text-align: left;
    float: left;
    line-height: 24px;
}

#FOOTER .information .right-right {
    width: 28%;
    padding: 54px 20px 0px 0px;
    text-align: left;
    float: left;
    line-height: 24px;
}

#FOOTER .information .left .title{
	font-size:14px;
	padding: 20px 0px 5px 0px;
}

#FOOTER .information .left .company_logo{
	width:500px;
	padding: 30px 0px 5px 0px;
}

#FOOTER .information .left .company_logo li{
	width:165px;
	padding: 0px 50px 5px 0px;
	display:inline-block;
	float:left;
}

#FOOTER .information .left .company_logo li img{
	width:165px;
	padding: 0px 0px 5px 0px;
	display:inline-block;
	float:left;
}


#FOOTER .copyright {
	width:400px; 
	padding: 40px 40px 20px 0px;
	margin: 0;
	float:right;
	text-align:right;
	clear:both;
	font-size:10px;
}


#FOOTER	a { color:#c5c2b0; }
#FOOTER a:link { text-decoration: none; }
#FOOTER a:visited { text-decoration: none; }
#FOOTER a:hover { text-decoration: underline; }
#FOOTER a:active { text-decoration: underline; }

.br-sp { display:none; }
.br-pc { display:block; }


/* STATEMENT */

.project_title {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:20px;
	line-height:35px;
	padding:25px 0 0 0;
	letter-spacing:0.08em;
	font-weight:500;
}

.project_catch {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:18px;
	line-height:32px;
	padding:0 0 50px 0;
	letter-spacing:0.15em;
	font-weight:600;
}

/* SERVICE */

.service_img {
	width: calc(100% - 80px);
	margin:0px 40px 40px 40px;
	clear:both;
	display:block;
}

.service_img img{
	width: 100%;
}

/* PLAN */

#plan {
	width: calc(100% - 80px);
	margin:0px 40px 30px 40px;
	padding:0;
	overflow:hidden;
	clear:both;
	display:block;
}

#plan_border {
	width: calc(100% - 80px);
	margin:30px 40px 30px 40px;
	padding:50px 0 0 0;
	overflow:hidden;
	clear:both;
	display:block;
	border-top:1px solid #CCC;
}

.plan_data {
	width: calc(100% - 80px);
	margin:40px 40px 0px 40px;
	overflow:hidden;
	clear:both;
	display:block;
}

/* ON SALE */

.works_photo {
	width: calc(100% - 80px);
	margin:0 40px;
	overflow:hidden;
	clear:both;
	display:block;
}

.works_data {
	width: calc(100% - 80px);
	margin:80px 40px 30px 40px;
	overflow:hidden;
	clear:both;
	display:block;
}

}



/* Media Queries */
@media only screen and (max-width: 767px) {

div#HEADER			{ background-color:#EEEBEA;  position:fixed; top:0; display:table; width:100%; height:40px; padding:15px 0px 20px 0px; margin:0px 0px 0px 0px; z-index: 8000; /*border-bottom:1px solid #8A8A8A;*/ z-index:10000;}
div#HEADER h1		{ display:none; width:0px; height:15px; margin:0px; padding:0px; }


div#HEADER .logo { text-align:center; display:inline; height: 38px; width: 129px; margin:0px auto 0px auto; padding:20px 0 0 0; text-indent: -9999px; }
div#HEADER .logo a { text-align:center; display:inline; height: 38px; width: 129px; margin:0px auto; padding:0px 0px 0px 0px; text-indent: -9999px; display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 129px 38px;}
div#HEADER .logo a:link	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 129px 38px;}
div#HEADER .logo a:visited	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 129px 38px;}
div#HEADER .logo a:hover	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 129px 38px;}
div#HEADER .logo a:active	{ display: block; background-image: url(../imgs/logo_re-apartment_top.png); background-repeat: no-repeat; border:0px; background-size: 129px 38px;}
div#HEADER .project	{ display:none!important;}

.grNav { font-family: "unitedarrows-mid", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif; width: 100%; height: 0px; display: block; text-align: left; list-style-type: none; padding: 5px 0 0 0; margin: 0 auto; }

.navigation { font-family:"unitedarrows-mid", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif; width:100%; height:700px; display:block; text-align:left; list-style-type: none; padding:5px 0 0 0; margin:0 auto; background-color:#EEEBEA;
	position: fixed; /*bodyに対しての絶対位置*/
    left:0;
    top: -700px; /*通常時はビュー外*/
	z-index:9999;}
ul.navigation li { display:block; width:100%; padding:13px 0px 13px 0px; font-size:13px; line-height:20px; border-bottom:1px solid #ddd;}
ul.navigation li.current { display:block; width:100%; padding:13px 0px 13px 0px; margin:0px; font-size:13px; line-height:20px; border-bottom:1px solid #ddd;}
ul.navigation a			{ display:block; padding:0px 0px 0px 30px; }
ul.navigation a:link		{ color:#000; text-decoration:none; }
ul.navigation a:visited	{ color:#000; text-decoration:none; }
ul.navigation a:hover		{ color:#000; text-decoration:none; }
ul.navigation a:active		{ color:#000; text-decoration:none; }
ul.navigation li span { display:inline !important; padding:3px 0 0 11px; margin-left:11px; font-size:10px; line-height:20px; border-left:1px solid #8A8A8A;}


/*パンくず*/

#pankz { margin-top: 77px; }
#pankz ul { padding-left: 2%; padding-right: 2%; padding-top: 0px; }
#pankz ul li a{ font-size: 10px; letter-spacing: -0.05em;  }

/*パンくずここまで*/


.project_sp	{ display:block!important; margin:0px auto; padding:15px 20px 15px 30px; font-size:10px; line-height:15px; letter-spacing:0.05em; vertical-align:middle; color:#484137; text-align:center;}

div#SHEET				{ clear: both; display: block; min-height: 300px; margin: 0px 0px 0px 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; }
div#SHEET_top				{ clear: both; display: block; min-height: 300px; margin: 0px 0px 0px 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; }

body {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size:11px;
	font-family: "unitedarrows-reg", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", serif;
	letter-spacing:0.03em;
	line-height:2.2;
	background-color:#EEEBEA;
	height: 100%;
	min-height:500px; 
	margin: 0;
	padding: 0px;
	width:100%;
}

div#PAGE{ 
	height:auto; 
	margin:0px auto; 
	padding: 0px 0px;
	text-align:left; 
}


/* top */

#top_photo {
	width: 100%;
	margin:0px 0px 30px 0px;
	overflow:hidden;
	clear:both;
	display:block;
}

#top_images {
	width: calc(100% - 40px);
	clear:both;
	display:block;
	text-align:left;
	position:relative;
	overflow:hidden;
	margin:0 20px;
}

#top_part01 {
	width:100%;
	margin:0 0 20px 0;
	display:block;
	float:left;
}

.top_img {
	width:100%;
}

#top_part01 .top_img {
	width:100%;
	height:auto;
}

#top_part01 img {
	width:100%;
	height:auto;
}

#top_part02 {
	width:100%;
	margin:0 0 20px 0%;
	display:block;
	float:left;
}

#top_part02 img {
	width:100%;
	height:auto;
}


.top_caption {
	width:100%;
	font-size:12px;
	line-height:17px;
	float:left;
	text-align:left;
	padding:10px 8px 0 0;
	min-height:20px;
}

.top_caption span {
	padding:3px 0 0 10px;
	font-size:10px;
	line-height:20px;
}

/*フォームボタン*/
ul#toform_box { width: calc(100% - 40px); }
ul#toform_box li{ list-style-type: none; width: 48%; float: left; }
/* -- 来場予約ボタン削除時 -- */
ul#toform_box li{ width: 100%; margin-bottom: 10px; }
/* -- 来場予約ボタン削除時ここまで -- */
a.btn_toform{ color: #000; background-color: #F2F1F0; text-align: center; font-size: 12px; display: block; }
/*フォームボタンここまで*/

/*フォームボタン　メニュー内*/
ul#toform_box_sp { display:block!important; width: calc(100% - 60px); position: fixed; left:0px; top: -700px; z-index:9999; padding: 30px 0px 5px 30px;}
ul#toform_box_sp li{ list-style-type: none; width: 48%; float: left; }
ul#toform_box_sp li:only-child{ width: 100%;  }
ul#toform_box_sp li p{ font-size: 10px; text-align: center; display: block; color: #DCDCDC; line-height: 1.2em; margin-top: 4px; }
a.btn_toform_sp{ color: #000; padding-top: 11px; padding-bottom: 7px; background-color: #F2F1F0; text-align: center; font-size: 12px; display: block; font-weight:600;}
ul#toform_box_sp li:nth-child(2n){float: right;}
a:link.btn_toform_sp  { text-decoration: none; }
a:visited.btn_toform_sp  { text-decoration: none; }
a:hover.btn_toform_sp  { text-decoration: none; }
a:active.btn_toform_sp  { text-decoration: none;}
/*フォームボタン　メニュー内ここまで*/

.company_logo_sp{
	display:block!important;
	width: calc(100% - 30px);
	padding: 30px 30px 5px 30px;
	position: fixed;
	left:0;
	top: -680px;
	z-index:9999;
}

.company_logo_sp li{
	width:40%;
	padding: 0px 10% 5px 0px;
	display:inline-block;
	float:left;
}

.company_logo_sp li img{
	width:100%;
	max-width:200px;
	padding: 0px 0px 5px 0px;
	display:inline-block;
	float:left;
}

#FOOTER {
	font-size:10px;
	margin: 20px 0 0px 0;
	clear:both;
	width:100%; 
	height: auto;
	padding: 0px 0px 20px 0px;
}

#FOOTER .information {
	width:100%; 
	padding: 20px 0px 30px 0px;
}

#FOOTER .information {
	width: 100%;
	padding: 0px 0px 30px 0px;
	text-align:left;
}

#FOOTER .information .left {
	width:90%; 
	padding: 0px 0px 0px 5%;
	clear:both;
	text-align:left;
	float:left;
}

#FOOTER .information .left .title{
	font-size:12px;
	padding: 30px 0px 5px 20px;
}

#FOOTER .information .left .company_logo{
	width:100%;
	padding: 30px 0px 5px 20px;
}

#FOOTER .information .left .company_logo li{
	width:40%;
	padding: 0px 10% 5px 0px;
	display:inline-block;
	float:left;
}

#FOOTER .information .left .company_logo li img{
	width:100%;
	max-width:200px;
	padding: 0px 0px 5px 0px;
	display:inline-block;
	float:left;
}

#FOOTER .information .right-left {
	clear:both;
	width: calc(35% - 20px);
	padding: 30px 0 0 20px;
	text-align:left;
	float:left;
	line-height:18px;
}

#FOOTER .information .right-right {
	width: calc(32% - 30px);
	padding: 48px 20px 0px 10px;
	text-align:left;
	float:left;
	line-height:18px;
}

#FOOTER .copyright {
	width:90%; 
	padding: 25px 0px 10px 20px;
	margin: 0;
	float:left;
	text-align:left;
	clear:both;
	font-size:9px;
}


#FOOTER	a { color:#c5c2b0; }
#FOOTER a:link { text-decoration: none; }
#FOOTER a:visited { text-decoration: none; }
#FOOTER a:hover { text-decoration: underline; }
#FOOTER a:active { text-decoration: underline; }


.br-sp { display:block; }
.br-pc { display:none; }

.pc_only { display: none !important; }
.sp_only { display: block !important; }


/*STATEMENT*/


.header_logo {
	position:absolute;
	right: 0;
	bottom: 190px;
	left: 0;
	margin: 0 auto;
	text-align:center;
}

.header_logo img {
	width:50%; 
	max-width:280px;
	height: auto;
}

.header_title {
	position:absolute;
	right: 0;
	bottom: 60px;
	left: 0;
	margin: 0 auto;
	color:#FFF;
	font-family:"unitedarrows-reg", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:12px;
	line-height:24px;
	border-top:1px solid #AAA;
	padding:20px 0 0 0;
	width:270px;
	letter-spacing:0.1em;
	font-weight:500;
}

.project_title {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:20px;
	line-height:30px;
	padding:50px 0 0 0;
	letter-spacing:0.1em;
}

.project_catch {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:18px;
	line-height:40px;
	padding:0 0 50px 0;
	letter-spacing:0.15em;
	font-weight:600;
}

.project_statement {
	margin: 0 auto;
	padding:0 20px 20px 20px;
	width: calc(100% - 40px);
}

#logo {
	margin: 0 auto;
	overflow:auto;
	text-align:center;
	width:70%;
	line-height:40px;
	padding:40px 0 30px 0;
}


#logo .myreno {
	width:40%;
	padding:10px 0 30px 0;
	float:left;
}

#logo .myreno img {
	width:100%;
}

#logo .unitedarrows {
	width:44%;
	padding:0 0 30px 0;
	float:right;
}

#logo .unitedarrows img {
	width:100%;
}

/* ON SALE */

.works_photo_more { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; margin-bottom: 0; overflow: hidden; clear: both; display: block; }
.works_photo_more li .btn_toform{ width: 100%; }

.works_photo_add { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; margin-bottom: 0; overflow: hidden; clear: both; display: block; }
.works_photo_add li .btn_toform{ width: 100%; }

.works_photo_defau {
	width: calc(100% - 40px);
	margin:30px 20px 0 20px;
	overflow:hidden;
	clear:both;
	display:block;
}
a.readMoreBtn { margin-bottom: 30px; padding-top: 4px; padding-bottom: 4px; width: calc(100% - 40px); }
a.readAddBtn { margin-bottom: 90px; padding-top: 7px; padding-bottom: 5px; width: calc(100% - 40px); margin-top: 20px; }

.works_photo {
	width: calc(100% - 40px);
	margin:30px 20px 0 20px;
	overflow:hidden;
	clear:both;
	display:block;
}

.works_name { width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; clear: both; display: block; padding-left: 20px; padding-right: 20px; padding-top: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.l-a {
	width: 100%;
	display:block;
	padding:0 0 10px 0;
	margin:0 auto;
	text-align:center;
}

.l-b {
	width: 100%;
	display:block;
	padding:0 0 10px 0;
}

.s-left {
	width: calc(50% - 5px);
	float:left;
	padding:0 0 10px 0;
}

.s-right {
	width: calc(50% - 5px);
	float:right;
	padding:0 0 10px 0;
}

.works_detail_img {
	width: 100%;
}

.works_data {
	width: calc(100% - 40px);
	margin:50px 20px 30px 20px;
	overflow:hidden;
	clear:both;
	display:block;
}

.works_left {
	width: 100%;
	padding:0 0 20px 0;
}

.works_right {
	width: 100%;
	padding:0 0 20px 0;
}

.works_title {
	font-size:20px;
	line-height:24px;
	padding:0 0 5px 0;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.works_place {
	font-size:12px;
	line-height:40px;
	padding:0 0 30px 0;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.works_data {
	padding:0 0 30px 0;
}

.works_detail_title {
	font-size:13px;
	border-bottom:1px solid #CCC;
	padding:25px 0 5px 0;
	margin:0 0 20px 0;
}

.works_detail {
	font-size:10px;
	line-height:18px;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

.works_detail li.bottom {
	padding:20px 0 5px 0;
}

.works_description {
	font-size:12px;
	line-height:26px;
	padding:40px 0 0px 0;
	margin:0 0 20px 0;
}

.works_floorplan {
	width:70%;
	text-align:center;
	padding:40px 0 50px 0;
	margin:0 auto;
}
.works_floorplan#w-full{
    width: 100%;
}
.works_floorplan img {
	width:100%;
}

/* PLAN */


#plan {
	width: calc(100% - 40px);
	margin:20px 20px 30px 20px;
	overflow:hidden;
	clear:both;
	display:block;
}

#plan_border {
	width: calc(100% - 40px);
	margin:20px 20px 30px 20px;
	padding:30px 0 0 0;
	overflow:hidden;
	clear:both;
	display:block;
	border-top:1px solid #CCC;
}

.plan_data {
	width: calc(100% - 40px);
	margin:30px 20px 0px 20px;
	overflow:hidden;
	clear:both;
	display:block;
}

.plan_left {
	width: 100%;
	padding:0 0 20px 0;
}

.plan_right {
	width: 100%;
	padding:0 0 20px 0;
}

.plan_title {
	font-size:20px;
	line-height:24px;
	padding:0 0 20px 0;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.plan_Outtitle { font-size: 20px; line-height: 24px; padding-top: 30px; padding-right: 20px; padding-left: 20px; font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; padding-bottom: 0px; }

.plan_detail_title {
	font-size:13px;
	border-bottom:1px solid #CCC;
	padding:25px 0 5px 0;
	margin:0 0 20px 0;
}

.plan_floorplan {
	width:60%;
	text-align:center;
	padding:20px 0 20px 0;
	margin:0 auto;
}

.plan_floorplan img {
	width:100%;
}

/* SERVICE */

.service_img {
	width: calc(100% - 40px);
	margin:15px 20px 40px 20px;
	clear:both;
	display:block;
}

.service_img img{
	width: 100%;
}

.service_title {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:15px;
	line-height:20px;
	padding:25px 0 0 0;
	letter-spacing:0.08em;
	font-weight:500;
}

.service_catch {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:15px;
	line-height:20px;
	padding:10px 0 20px 0;
	letter-spacing:0.05em;
	font-weight:600;
}

.service_catch2 {
	margin: 0 auto;
	font-family: "unitedarrows-bold", YuGothic Bold, "游ゴシック Bold", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	font-size:15px;
	line-height:20px;
	padding:40px 0 20px 0;
	letter-spacing:0.05em;
	font-weight:600;
}

.service_text {
	font-size:11px;
	margin: 0 auto;
	padding:0 20px 20px 20px;
	width: calc(100% - 40px);
}

.service_kinds {
	width: calc(100% - 40px);
	margin: 0px;
	padding:0 20px 20px 20px;
}

.service_kinds li {
	width: 100%;
	min-width:calc(100% - 40px);
	font-size:11px;
	line-height:20px;
	padding:20px 20px;
	margin:0 0 10px 0 ;
	font-weight:600;
}

.service_kinds li:nth-child(3n){margin:0 0 0 0 ;}

.service_flow {
	width:calc(100% - 40px);
	min-width:calc(100% - 40px);
	padding:0 0px 20px 0px;
}


#service_wrap {
	width:100%;
	padding:0;
	overflow:auto;
	display:block;
	position: relative;
}

.stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	clear:both;
	float:left;
	width: 30%;
	padding:0px 10px 0px 10px;
	margin:0 0 10px 0;
	color:#484137;
	overflow:auto;
	display:block;
}

.flow{
	float:right;
	width: 60%;
	height:auto;
	padding:0px 0px 0 0;
	margin:0 0 0 0;
}

.flow_title{
	font-size:12px;
	line-height:20px;
	padding:10px 15px 40px 15px;
	margin:0 0 10px 0;
	border:1px solid #999;
}

.flow_detail{
	font-size:11px;
	line-height:22px;
	padding:0px;
	margin:0 0 0 0;
}

.flow_arrow{
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
}

.flow_arrow img{
	width:60px;
}

.stage01{
	font-family: "unitedarrows-bold", YuGothic Medium, "游ゴシック Medium", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:10px;
	line-height:20px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
}

.stage02{
	font-size:12px;
	line-height:20px;
	padding:0px;
	margin:0 0 0 0;
	font-weight:600;
}

.stage03{
	font-size:9px;
	line-height:20px;
	padding:0px;
	margin:0 0 0 0;
}

/* ERROR */

.error_text {
	text-align:center;
	margin: 0 auto;
	padding:30px 30px 20px 30px;
	max-width:800px;
}



}


html,body{
  width: 100%;
  height: 100%;
}



#box1,#box2,#box3,#box4,#box5,#box6,#box7,#box8,#secondcontent
 {
  display: none;
}



/* リンク色 */
a { color: #000000; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }


/* フロートクリア */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.fixing-base .fixing-box.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
}


@media only screen and (max-width: 500px) {

/*パンくず*/
#pankz ul { padding-left: 20px; padding-right: 20px; padding-top: 0px; }
#pankz ul li a{ padding-top: 2px; padding-bottom: 4px; }
/*パンくずここまで*/


/* STATEMENT */

#logo {
	margin: 0 auto;
	overflow:auto;
	text-align:center;
	width:80%;
	line-height:40px;
	padding:20px 0 0 0;
}


#logo .myreno {
	width:40%;
	padding:10px 0 30px 0;
	float:left;
}

#logo .myreno img {
	width:100%;
}

#logo .unitedarrows {
	width:44%;
	padding:0 0 30px 0;
	float:right;
}

#logo .unitedarrows img {
	width:100%;
}


}