<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/**
 * style
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
/* @import "../ext_{bukkenID}/{bukkenID}.css"; */

/**
 * 2. html, body
 */
	body {
		background-color: #000;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 1.5;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use &lt;h1&gt; selector*/
	}
	.contentTitle {
		/*dont use &lt;h2&gt; selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
		white-space: pre-wrap;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
#container {
}
@media only screen and (max-width:670px) {
	#containerInner01 {
		background-color: #f2f2f2;
	}
}
#containerInner02 {
}

a.hov,
.hov a {
	transition: opacity .3s;
}
a.hov:hover,
.hov a:hover {
	opacity: .7;
}
img {
	max-width: 100%;
	vertical-align: top;
}
.serif {
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.sp {
	display: none;
}
.wrap {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
@media only screen and (max-width:670px) {
	img {
		width: 100%;
	}
	.sp {
		display: block;
	}
	br.sp {
		display: inline;
	}
	img.sp {
		display: inline-block;
	}
	span.sp {
		display: inline;
	}
	img.sp ~ img,
	span.sp ~ img {
		display: none;
	}
}

	/* header */

#gHeader {
	position: relative;
	overflow: hidden;
}
@media only screen and (max-width:670px) {
	#gHeader {
		overflow: visible;
	}
}
#headline .shldrTxt {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#headline {
	width: 100%;
	height: 103px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	transition: background-color .3s;
}
#headline.bg {
	background-color: #4d4d4d;
	background-color: rgba(0,0,0,.5);
}
#siteTitle {
	position: absolute;
	top: 20px;
	left: 30px;
}
#gNav {
	position: absolute;
	top: 20px;
	right: 340px;
	left: 210px;
	text-align: right;
	line-height: 1px;
}
#gNav li {
	display: inline-block;
	margin: 15px 0 0;
	border-left: 1px solid rgba(255,255,255,.5);
	padding: 0 15px;
}
#gNav .home{
	border-left: none;
	padding-left: 0;
}
#gNav .tel,
#gNav .request,
#gNav .reserve,
#gNav .outline {
	display: none;
}
#gNav a,
#gNav strong,
#gNav .off {
	display: inline-block;
	vertical-align: top;
}
#gNav .off {
	opacity: .2;
	pointer-events: none;
}
#gNav .bg {
	display: none;
}
#headline .cv {
	position: absolute;
	top: 27px;
}

#headline .cv_request {
	right: 190px;
	display: none;
}

#headline .cv_reserve {
	right: 30px;
	display: none;
}

#gHeader .pageTitle img {
	width: 100%;
}

#mainSlider {
	display: block;
	position: relative;
	width: 100%;
	height: 800px;
}
#mainSlider ul {
	position: relative;
	width: 100%;
}
#mainSlider li {
	position: absolute;
}
#mainSlider li img {
	width: 100%;
}


#pNav,
#news {
	position: fixed;
	top: 290px;
	z-index: +1;
	transform-origin: 0 0;
}
#pNav {
	left: 0;
	background: #000;
}
#pNav li {
	cursor: pointer;
	transition: .3s;
}
#pNav .news:hover {
	background: #5cc1bc;
}
#pNav a,
#pNav strong {
	display: block;
	transition: .3s;
}
#pNav a:hover,
#pNav strong {
	background: #99a8ac;
}

#news {
	box-sizing: border-box;
	width: 100%;
	height: 220px;
	border-right: 3px solid #5cc1bc;
	padding: 50px 68px 0 70px;
	right: 100%;
	background: rgba(0,0,0,.9) url(../imgs/hdr-h-news.png) 100% 0 no-repeat;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E6000000,EndColorStr=#E6000000);/*IE8以下用*/
	text-align: center;
	transition: .3s;
}
#news.active {
	right: 0;
}
#news .close {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	cursor: pointer;
}
#news .close img {
	transition: .3s;
}
#news .close:hover img {
	opacity: .7;
}
#news .text {
	margin: 0 0 25px;
}

#news .news_cv {

}

.news_cv ul {
	text-align: center;
}

.news_cv li {
	display: inline-block;
	margin: 10px 15px;
}

@media only screen and (max-width:1350px) {
	/*#gNav {
		width: 600px;
		top: 11px;
		left: auto;
	}*/
}
@media only screen and (max-width:1120px) {
	#gNav {
		top: 15px;
	}
}
@media only screen and (max-width:760px) {
	#gNav {
		top: 3px;
	}
}
@media only screen and (max-width:670px) {
	#headline {
		height: 60px;
		z-index: 9999;
	}
	#siteTitle {
		width: 100px;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -19px;
	}
	#spMenu {
		display: block;
		width: 30px;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -15px;
	}
	#spMenu .close {
		display: none;
	}
	#headline .cv,
	#pNav,
	#news {
		display: none;
	}

	#gNav {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: auto;
		left: 0;
		background: rgba(0,0,0,.9);
		opacity: 1 !important;
		transform: translateY(-200%);
		transition: .3s;
		overflow-x: scroll;
		text-align: left;
	}
	.spGNav #gNav {
		transform: translateY(0);
	}
	.spGNav #siteTitle,
	.spGNav #spMenu {
		z-index: 9999;
	}
	.spGNav #spMenu .close {
		display: inline-block;
	}
	.spGNav #spMenu .close + img {
		display: none;
	}
	#gNav ul {
		margin: 60px 0 0;
	}
	#gNav li {
		float: left;
/*
*/
		width: 50%;
		margin: 0;
		border: none;
		padding: 0;
		display: block;
/*
inline-block
*/
	}
	#gNav a,
	#gNav strong,
	#gNav .off {
		display: block;
	}

	#gNav .resale {
		display: none;
	}
	#gNav .map {
		clear: both;
	}
	#gNav .map,
	#gNav .outline {
		display: inline-block;
		width: 50%;
	}
	#gNav .outline {
		visibility: hidden;
	}
	
	#gNav .reserve {
		display: inline-block;
		width: 50%;
	}
	#gNav .tel,
	#gNav .reserve,
	#gNav .request {
		display: none;
	}
	#gNav img {
		width: 100%;
	}
	#gNav img.sp {
		display: inline-block;
	}
	#gNav img.sp ~ img {
		display: none;
	}
}

@media only screen and (max-width: 420px) {
	#gNav .home,
	#gNav .location,
	#gNav .design,
	#gNav .plan,
	#gNav .access,
	#gNav .modelroom,
	#gNav .equipment,
	#gNav .structure,
	#gNav .merit {
		overflow: hidden;
		height: 85px;
	}

	#gNav .home img.sp,
	#gNav .location img.sp,
	#gNav .design img.sp,
	#gNav .plan img.sp,
	#gNav .access img.sp,
	#gNav .modelroom img.sp,
	#gNav .equipment img.sp,
	#gNav .structure img.sp,
	#gNav .merit img.sp {
		margin-top: -35px;
		padding-top: 15px;
	}
}


	/* contents */

#mainContent {
	background: #f2f2f2;
}
#mainContent p {
	white-space: pre-wrap;
}
@media only screen and (max-width:670px) {
	.titleA {
		font-size: 20px;
	}
	.titleB {
		font-size: 14px;
	}
}

	/* footer */
#gFooter  {
	background: #fff;
}
#fNews {
	height: 207px;
	margin: 0 0 1px;
	border-top: 1px solid #768489;
	border-bottom: 1px solid #cfccc5;
	padding: 90px 0 0;
	position: relative;
	text-align: center;
	display: none;
}
#fNews:after {
	content: url(../imgs/ftr-h-news.png);
	position: absolute;
	top: 0;
	left: 60px;
}
#fNews .text {
	margin: 0 0 45px;
}

#fNews .fNews_cv {
	text-align: center;
}

.fNews_cv li {
	display: inline-block;
	margin: 0 15px;
}

#contact {
	height: 227px;
	border-top: 8px solid #98a7ac;
	padding: 53px 0 0;
	position: relative;
	background: #000;
	text-align: center;
}
#contact:after {
	content: url(../imgs/ftr-h-contact.png);
	position: absolute;
	top: 0;
	left: 60px;
}
#contact .caption {
	display: inline-block;
	margin: 15px 0 20px;
	color: #fff;
	text-align: center;
}
#contact .nav li {
	display: inline-block;
	margin: 0 5px;
}
#contact .nav li.outline {
	display: none;
}
#contact .nav .tel {
	display: none;
}
#ftNav {
	padding: 10px 0;
	background: #98a7ac;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
#ftNav .off {
	opacity: 0.2;
	pointer-events: none;
}
#ftNav li {
	display: inline-block;
}
#ftNav li:last-child {
	display: none;
}
#ftNav li:before {
	content: '│';
}
#ftNav .home:before {
	content: normal;
}
#ftNav a,
#ftNav strong {
	margin: 0 0.5em;
}
#ftNav a {
	color: #fff;
	text-decoration: none;
}
#ftNav strong {
	color: #5cc1bc;
	font-weight: normal;
}
#ftNav a:hover {
	color: #5cc1bc;
}
#ci {
	padding: 30px 50px;
	background: #000;
}
#ci .logo {
	text-align: center;
	/* float: left; */
}
#ci .logo li {
	display: inline-block;
	margin: 0 30px 0 0;
}
#ci .copyright {
	float: right;
	color: #fff;
	font-size: 10px;
	line-height: 45px;
}
#pageTop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9999;
	transition: .3s;
}
#pageTop.off {
	opacity: 0;
}
#footAreaWrapper {
	border-top: 8px solid #98a7ac;
    background: #CCC;
    padding: 20px 0;
}
#footArea {
    max-width: 910px;
    margin: 0 auto;
    font-size: 11px;
}
#footArea dl, #footArea dd ul {
    margin-right: 30px;
    float: left;
}
#footArea dl, #footArea dd ul li a {
    text-decoration: none;
	color: #666;
}
#footArea dt {
    background: #333;
    padding: 2px 5px;
    color: #FFFFFF;
    margin-bottom: 5px;
    font-size: 10px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#presentation {
    float: right;
    width: 37%;
	color: #666;
}

@media only screen and (max-width:670px) {
	#gNav li {
		display:inline-block;
	}

	#gFooter {
		/* padding: 0 0 9.375%; */
	}
	#fNews {
		height: auto;
		margin: 0 0 1px;
		border-top: 2px solid #98a7ac;
		border-bottom: 1px solid #cfccc5;
		padding: 11.406% 0 12.244%;
		position: static;
		background: #e6e6e6;
		text-align: center;
	}
	#fNews:after {
		content: normal;
	}
	#fNews .text {
		width: 65.625%;
		margin: 0 auto 5.156%;
	}
	.fNews_cv li {
		display: block;
		margin-bottom: 20px;
	}
	#contact {
		height: auto;
		border-top: 5px solid #98a7ac;
		padding: 10.781% 6.094% 10.938% 17.812%;
		position: static;
		background: #000 url(../imgs/sp/ftr-h-contact.png) 0 0 no-repeat;
		background-size: auto 100%;
	}
	#contact:after {
		content: normal;
	}
	#contact .caption {
		display: block;
		margin: 4.107% 0 8.83%;
	}
	#contact .nav .tel {
		display: block;
		margin: 0 0 3.901%;
	}
	#contact .nav .map,
	#contact .nav .outline {
		width: 48.46%;
		margin: 0;
	}
	#contact .nav .map {
		margin-right: 3.08%;
	}
	#ftNav {
		display: none;
	}
	#ci {
		border-top: 5px solid #98a7ac;
		padding: 0;
		/* margin-bottom: 12%; */
	}
	#ci .logo {
		padding: 6.406% 0 0;
		float: none;
	}
	#ci .logo li {
		display: block;
		width: 81.25%;
		margin: 0 auto 4.531%;
	}
	#ci .copyright {
		padding-bottom: 15px;
		float: none;
		font-size: 10px;
		line-height: 1.5;
		text-align: center;
	}
	#fNav {
		display: block;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9901;
	}
	#fNav li {
		display: inline-block;
		width: 50%;
		text-align: center;
	}
	#fNav li:first-child{
		background-color: #53ada7;
	}
	#fNav li:nth-child(2){
		background-color: #6d9ec5;
	}
	#fNav li img{
		width: 50%;
	}
	#fNav li a {
		display: block;
	}
	#fNav li a[href^="https"] {
		display: none;
	}

	#pageTop {
		width: 10.625%;
		padding: 0 0 9.375%;
		z-index: 9900;
		bottom: 60px;
	}
	#footArea dl, #footArea dd ul {
		margin-right: 0;
		float: none;
	}
	#presentation {
		float: none;
		width: 98%;
		padding-top: 20px;
	}
}

iframe {
	position: fixed;
	left: 0;
	bottom: 0;
}

.y-txt {
	color: #fdf359;
}

.kyugyoTxt {
	font-size: 1.5em;
}

@media screen and (max-width: 670px){
	.kyugyoTxt {
		font-size: 1.0em;
	}	
}

@media only screen and (max-width:670px) {
	.pc{
		display:none;
	}
}


</pre></body></html>