<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ======================================================================================
	COMMON
====================================================================================== */
	.designP .pageThemeWrap {
		/*color:#fff;*/
		/*background: #484a4c;*/
	}
	
	/*desttl--------------------------------------*/
	.desttl .en {
		position: relative;
		display: block;
		--M-fluidFontSize-max-fontsize: 35;
		--M-fluidFontSize-min-fontsize: 25;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-en_2);
		font-weight: 400;
		line-height: 1;
		letter-spacing:0.3em;
		color: rgba(var(--site-themeColor-accent_1), 1);
	}
	.desttl .en::after {
		content:"";
		display:block;
		height:2px;
		width:100%;
		background:rgba(var(--site-themeColor-accent_1), 1);
		margin:-0.15em 0 0.8em;
	}	
	.desttl .en::before {
		content:"";
		position: absolute;
		left:0;
		bottom:-3px;
		display:block;
		height:1px;
		width:100%;
		background:rgba(var(--site-themeColor-accent_1), 1);
	}	



	/*desttl02--------------------------------------*/
	.desttl02 {
		position: relative;
		display: inline-block;
		padding:0 2em;
		--M-fluidFontSize-max-fontsize: 35;
		--M-fluidFontSize-min-fontsize: 25;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw;
		font-size: clamp( calc(var(--M-fluidFontSize-min-fontsize) * .1rem), calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))), calc(var(--M-fluidFontSize-max-fontsize) * .1rem) );
		font-family: var(--site-font_family-en_2);
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.2em;
		color: rgba(var(--site-themeColor-accent_1), 1);
	}
	.desttl02::after {
		content:"";
		position: absolute;
		width:100%;
		height:2px;
		left:0;
		bottom:0.1em;
		background:rgba(var(--site-themeColor-accent_1), 1);
	}	
	.desttl02::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		/*display: block;*/
		height: 1px;
		width: 100%;
		background: rgba(var(--site-themeColor-accent_1), 1);
	}

/*hr.hrLine--------------------------------------*/
	hr.hrLine {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 1px;
		background: #ccc;
		border: none;
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-block: 0;
		margin-inline: 0;
		padding: 0;
	}	



/* ======================================================================================
	PAGE
====================================================================================== */

/* architectureBg
------------------------------------------------------------------------ */
	.architectureBg {
		background: url("../images/bg_01.jpg") bottom right / 25% auto no-repeat;
	}
@media screen and (max-width: 1390px) {
	.architectureBg {
		background-size: 40%;
	}
}
@media screen and (max-width: 1024px) {
	.architectureBg {
		background: none;
	}
}

@media screen and (max-width: 768px) {
/*	.architectureBg {
		background: none;
		position: relative;
	}
	.architectureBg &gt; * {
		position: relative;
		z-index: 1;
	}
	.architectureBg::after {
		content:"";
		display:block;
		width: 50%;
		height:100%;
		background: url("../images/bg_01.jpg") bottom right / cover no-repeat;
		position: absolute;
		top:0;
		z-index: 0;
	}*/
}



/* conceptSection
------------------------------------------------------------------------ */
	.conceptSection {
		width: calc(((100% - var(--site-sizeContentWide-S))/ 2) + var(--site-sizeContentWide-S));
		max-width: calc(((100% - 1100px)/ 2) + 1100px);
		margin-right: auto;
		margin-left: 0;
		/*background: tan;*/
	}
  
	.conceptWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.conceptWrap .txtBox {
		width: 40%;
		padding-top: var(--site-marpad-M);
	}
	.conceptWrap .picBox {
		width: 60%;
	}
	
@media screen and (max-width: 1024px) {
	.conceptSection {
		width: var(--site-sizeContentWide-M);
		margin-left: auto;
		margin-right: auto;
	}
	.conceptWrap {
		flex-direction: column-reverse;
	}
  	.conceptWrap .txtBox {
		width: 100%;
		padding-top: 0;
	}
	.conceptWrap .picBox {
		width: 100%;
		margin-top:var(--site-marpad-S);
	}
}


/* materialSection
------------------------------------------------------------------------ */
	.materialSection .materialWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: clamp(20px, (20 / 1200 * 100vw), 40px) ;
	}
	.materialSection .materialWrap &gt; * {
		width: 47%;
	}


@media screen and (max-width: 768px) {
	.materialSection .materialWrap {
		padding-top: clamp(0px, (0 / 480 * 100vw), 10px) ;
	}
}

@media screen and (max-width: 640px) {
	.materialSection .materialWrap &gt; * {
		width: 100%;
	}
	.materialSection .materialWrap .picBox {
		margin-top:var(--site-marpad-XXS);
	}
}



/* designerSection
------------------------------------------------------------------------ */
	.designerSection .designerWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: clamp(20px, (20 / 1200 * 100vw), 40px) ;
	}
	.designerSection .designerWrap .txtBox {
		width: 70%;
	}
	.designerSection .designerWrap .picBox {
		width: 25%;
	}

@media screen and (max-width: 768px) {
	.designerSection .designerWrap {
		padding-top: clamp(0px, (0 / 480 * 100vw), 10px) ;
	}
}



@media screen and (max-width: 480px) {
	.designerSection .designerWrap .txtBox {
		width: 100%;
	}
	.designerSection .designerWrap .picBox {
		width: 100%;
		max-width:250px;
		margin-left:auto;
		margin-right:auto;
		margin-top:var(--site-marpad-XXS);
	}
}


/* entrancelSection
------------------------------------------------------------------------ */
	.entrancelSection {
		background: #edebe0;
	}


/* masterSection
------------------------------------------------------------------------ */
	.masterSection .masterWrap {
		display: flex;
		/*flex-wrap: wrap;*/
		justify-content: space-between;
	}
	.masterSection .masterWrap &gt; * {
		width: 48%;
	}
	.masterSection .masterWrap .figureBox {
		position: sticky;
		inset: var(--site-stickyHeader-height) auto auto 0;
		height: 100%;	
	}
	
@media screen and (max-width: 768px) {
	.masterSection .masterWrap {
		flex-wrap: wrap;
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	.masterSection .masterWrap &gt; * {
		width: 100%;
	}
	.masterSection .masterWrap .figureBox {
		position: relative;
		inset: 0 auto auto 0;
		margin-bottom:2em;
	}
}


/* facilitiesSection
------------------------------------------------------------------------ */
/* facilitieWrap---------------------------------------*/
	.facilitieWrap {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: clamp(50px, (50 / 1024 * 100vw), 60px) clamp(20px, (20 / 1024 * 100vw), 60px);
	}
	
@media screen and (max-width: 768px) {
	.facilitieWrap {
		grid-template-columns: repeat(2, 1fr);
		gap: clamp(30px, (30 / 480 * 100vw), 40px) clamp(20px, (20 / 480 * 100vw), 30px);
	}
}
@media screen and (max-width: 480px) {
	.facilitieWrap {
		max-width:320px;
		margin-left:auto;
		margin-right:auto;
		grid-template-columns: repeat(1, 1fr);
		gap: clamp(40px, (40 / 320 * 100vw), 50px) 0;
	}
}

/* facilitieBox*/
	.facilitieBox .txtUnit .title {
		margin-top:0.8em;
		margin-bottom:0.5em;
	}
	.facilitieBox .txtUnit .title .num {
		display: inline-block;
		margin-right:0.5em;
		width: 1.5em;
		height:1.5em;
		text-align: center;
		line-height: 1.5;
		color:#fff;
		background: #000;
	}
	.facilitieBox .txtUnit .txt {
		font-size:0.85em;
		line-height: 1.7;
	}


	/*parkingWrap*/
	.facilitiesSection .parkingWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.facilitiesSection .parkingWrap .picBox {
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
		width: 60%;
	}
	.facilitiesSection .parkingWrap .picBox .picUnit {
		position: relative;
	}
	.facilitiesSection .parkingWrap .picBox .picUnit .picTtl {
		position: absolute;
		bottom:0.5em;
		left: 50%;
		transform: translate(-50%);
		z-index: 2;
		text-align: center;
		width: 100%;
		color:#fff;
	}
	.facilitiesSection .parkingWrap .txtBox {
		width: 35%;
	}


@media screen and (min-width: 768.02px) {
	.facilitiesSection .parkingWrap .txtBox.facilitieBox .txtUnit .title {
		margin-top:0;
	}
}

@media screen and (max-width: 768px) {
	.facilitiesSection .parkingWrap .picBox,
	.facilitiesSection .parkingWrap .txtBox {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.facilitiesSection .parkingWrap {
		max-width:320px;
		margin-left:auto;
		margin-right:auto;
	}


	.facilitiesSection .parkingWrap .picBox {
		flex-wrap: wrap;
	}


}














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