/*--------------------------
	style.css
--------------------------*/

/* WEB FONT //////////////////////////////////////////////////////////////////////////////////////////////// */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* WEB COLOR ////////////////////////////////////////////////////////////////////////////////////////////////
MAIN COLOR
	紺／#203B85／rgba(32,59,133, 1)
	赤／#773537／rgba(119,53,55, 1)

SUB COLOR
	1／#928373／rgba(146,131,115, 1)
	2／#B3A89D／rgba(179,168,157, 1)
	3／#D3CDC7／rgba(211,205,199, 1)
	4／#F4F3F1／rgba(244,243,241, 1)

FONT COLOR
	#4B4B4B／rgba(75,75,75, 1.0);
*/

/* Corrects block display not defined in IE8/9. */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}

/* LOADING //////////////////////////////////////////////////////////////////////////////////////////////// */
/* ローディング画面 */
body {/*overflow:hidden;*/position:relative;}
body.scrollSW {overflow:auto;}
#loading {
	width:100vw;
	height:100vh;
	background-color:rgba(255, 255, 255, 1);
	position:fixed;
	top:0;left:0;
	z-index:20000;
	transition:all 1s;
}
.spinner {width:120px;margin:49vh auto 0;text-align:center;}
.spinner > div {width:8px;height:8px;background-color:#928373;
	border-radius:100%;
	display:inline-block;
	-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
	animation:sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {margin:0 12px 0;-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1;}
	40% {-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.6;}
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1;}
	40% {-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.6;}
}
.loaded {
	opacity:0;
	visibility:hidden;
	display:none;
	background-color:rgba(255, 255, 255, 0);
	transition:all 1s;
}

/* COMMON //////////////////////////////////////////////////////////////////////////////////////////////// */
body {
	margin:0;
	padding:0;
	font-family:"Noto Serif JP",serif,"Yu Gothic","Meiryo",sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	color:#4B4B4B;
	text-align:center;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {margin:0;}
h4,h5,h6 {font-weight:normal;}
ul, li {margin:0;padding:0;text-decoration:none;list-style:none;}
address {font-style:normal;}
img {max-width:100%;vertical-align:middle;border:0}

.clearfix:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}

/* MENU //////////////////////////////////////////////////////////////////////////////////////////////// */
#hamburgericon {position:fixed;/*display:none;*/display:block;z-index:10002;top:0.2vw;right:-15vw;transition:all 1s;}
#hamburgericon.active {top:0.2vw;right:0.2vw;transition:all 1s;}
#hamburgericon.native {top:0.2vw;right:-15vw;transition:all 1s;}
#closeicon {position:fixed;display:block;z-index:10004;opacity:0.4;transition:all 1s;}
#menu {position:fixed;display:block;z-index:10003;right:0;background:rgba(119,53,55, 0.6);transition:all 1s;}

nav#menu ul li a,
nav#menu ul li a:link,
nav#menu ul li a:visited,
nav#menu ul li a:active
{font-size:140%;text-decoration:none;color:#FFF;}
nav#menu ul li a:hover {opacity:0.6}

nav#menu ul#menubtn #menubtnCTA {}
nav#menu ul li a {
	display:block;
	width:100%;
}
nav#menu ul li a#menubtnCTA {
	width:80%;
	margin-left:10%;
	color:rgba(119,53,55, 1);
	padding:0.8em 0;
	background:rgba(255, 255, 255, 0.9);
	/*border:1px solid #CCC;*/
}

/* --- MENU BACK SCREEN ---------------------------------- */
#bgscreen {position:fixed;display:block;z-index:10001;}

/* PAGE TOP BTN //////////////////////////////////////////////////////////////////////////////////////////////// */
a#pageTopBTN {position:fixed;right:8vw;z-index:10000;font-family:'EB Garamond';text-decoration:none;}
a#pageTopBTN span,
a#pageTopBTN:link span,
a#pageTopBTN:visited span,
a#pageTopBTN:active span
{font-size:140%;color:#928373;}
a#pageTopBTN:hover span {opacity:0.6}

/* ---------------------------- */

/* AREA HEADER //////////////////////////////////////////////////////////////////////////////////////////////// */
#about header, #merit header, #mHouse header, #faq header, #flow header {padding:1.4em 0 1.0em;color:#FFF;background:#773537;}
#about header h2, #merit header h2, #mHouse header h2, #faq header h2, #flow header h2 {font-weight:normal;}
#about header h3, #merit header h3, #mHouse header h3, #faq header h3, #flow header h3 {font-family:'EB Garamond';letter-spacing:0.05em;color:#B3A89D;font-weight:normal;}

/* RESERVE BTN //////////////////////////////////////////////////////////////////////////////////////////////// */
a.reserveBTN, .reserveBTN-flow {display:inline-block;margin-top:3em;position:relative;background:#FFF;color:#FFF;border:2px solid #203B85;}
a.reserveBTN:hover, .reserveBTN-flow:hover {opacity:0.6;}
a.reserveBTN:link, .reserveBTN-flow:link {text-decoration:none;}
a.reserveBTN p, .reserveBTN-flow p {padding:0.4em 0;background:#203B85;border:4px solid #FFF;}
a.reserveBTN p span {font-size:160%;letter-spacing:0.1em;}
a.reserveBTN p img {position:absolute;top:1.6em;right:1em;height:1.7em;}
.reserveBottom {border:1px solid #928373;padding-bottom:0.4em;}
.reserveBottom p:nth-child(1) {color:#FFF;background:#928373;margin-bottom:0.4em;}
.reserveBottom p:nth-child(2) span {color:#00978B;}

/* ---------------------------- */

/* SLICK //////////////////////////////////////////////////////////////////////////////////////////////// */
ul.mainvisual .slick-dots {bottom:25px !important;}
ul.mainvisual .slick-dotted.slick-slider {margin-bottom:0 !important;}
ul.mainvisual-sp .slick-dots {bottom:3vw !important;}
ul.mainvisual-sp .slick-dotted.slick-slider {margin-bottom:0 !important;}
ul.mHouse-slide .slick-dots {bottom:-32px !important;}
.slick-prev {z-index:9998;left:25px !important;}
.slick-next {z-index:9999;right:25px !important;}
.slick-dots li{width:12px!important;}
.slick-dots li.slick-active button:before {color:#203B85 !important;}
.slick-dots li button:before {font-size:12px !important;color:#A5A5A5 !important;opacity:1 !important;}

#mHouse .slideWrap {position:relative;}
#mHouse .slideWrap h4 {
	position:absolute;
	bottom:0;
	width:100vw;
	z-index:15000;
	border-top:1px solid #B3A89D;
	background:url(../images/mh-slide-titlebg.png);
	background-size:cover;
	background-position:center center;
	overflow:hidden;
}
#mHouse .slideWrap h4 span {color:#D3CDC7;}
#mHouse .slideWrap h4 span:nth-child(2) {padding:0 0 0 1em;}

ul.mHouse-slide  {}
/* ---------------------------- */

/* First VIEW //////////////////////////////////////////////////////////////////////////////////////////////// */
#fView {position:relative;width:100vw;}
#fView > h1, #fView > h2, #fView > p.fViewBodyCopy {color:#FFF;position:absolute;}

/* ABOUT //////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------- */
#youtubeAREA div {display:inline-block;background:#F4F3F1;}
#youtubeAREA div p:nth-child(2) {display:block;margin:0.4em 0;padding:0.3em 0;letter-spacing:0.1em;color:#203B85;border:1px solid #203B85;}

/* MERIT //////////////////////////////////////////////////////////////////////////////////////////////// */
#merit{background:#F4F5F9;}
#merit section:nth-child(2) {background:#FFF;margin-bottom:5em;}
#merit section:nth-child(2) > div > p {font-family:'EB Garamond';color:#B3A89D;}
/* ---------------------------- */
#merit article.clearfix h5 {color:#B3A89D;font-family:'EB Garamond';}
#merit article.clearfix h5 > p {color:#928373;font-family:"Noto Sans JP";}

/* FAQ //////////////////////////////////////////////////////////////////////////////////////////////// */
#faq {background:#F4F3F1;}
#faq article {border-top:1px dotted #B3A89D;text-align:left;}
#faq article:nth-child(2) {border-top:0;margin-top:3em;}
#faq article > div {display:flex;}
#faq article div:nth-child(1) {color:#773537;}
#faq article div:nth-child(2) {color:#203B85;}
#faq article div > p, #faq article div > span {/*display:inline-block;*/}
#faq article div > span {width:10%;font-family:'EB Garamond';text-align:center;}
/* === FAQ ADDRESS LIST === */
#faq section.faqAddress {}
#faq section.faqAddress ul {margin-top:1em;}

/* FLOW //////////////////////////////////////////////////////////////////////////////////////////////// */
#flow > section {text-align:left;}
#flow > section article > div {color:#773537;}
#flow > section article > div:after {content:'';display:block;clear:both;height:0;}
#flow > section article > div > h5 {font-family:'EB Garamond';letter-spacing:0.1em;}
#flow > section article > div > h5 span {font-size:320%;line-height:0.8em;color:#A07273;}
#flow > section article > div > h6 {font-family:"Noto Sans JP";font-size:80%;}

/*==== mainCTA / SP ====*/	
#mainCTA {}
#mainCTA > div {}
#mainCTA > div > img {margin-bottom:1em}
#mainCTA > div > address {display:block;position:relative;text-align:left;}
#mainCTA > div > address h3 {
	font-size:0.9em;
	letter-spacing:0.1em;}
#mainCTA > div > address a,
#mainCTA > div > address a:link,
#mainCTA > div > address a:visited,
#mainCTA > div > address a:active
{color:#4B4B4B;text-decoration:none;}
#mainCTA > div > address a:hover {color:#4B4B4B;text-decoration:none;opacity:0.6}
#mainCTA > div > address > a {
	display:block;
	position:absolute;
}

/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////// */
footer {height:6em;line-height:6em;background:#F4F3F1;}


/* RESPONSIVE WEB ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 959px) {	/*== SP Style sheet ========================================= 画面サイズの横幅が 960px より小さい場合に適用 */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	/* COMMON / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	/* INIT 	#bgscreen {display:none;}*/
	.slick-prev, .slick-next {display:none !important;}
	/* PAGE TOP BTN / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#pageTopBTN, #hamburgericon img, #closeicon img {width:14vw;}
	
	#pageTopBTN {bottom:2em;transition:all 0.4s;	}
	#pageTopBTN.active {}
	#pageTopBTN.native {bottom:-15vw;transition:all 0.4s;}

	#pageTopBTN {}
	#pageTopBTN span {font-size:4vw;padding:0.2em 0;}

	#menu {width:100%;/*height:66vh;*/background:rgba(119,53,55, 0.9);top:0;right:0;transition:all 1s;}
	#menu.active {top:0;transition:all 1s;}
	#menu.native {top:-100vh;transition:all 1s;}

	#closeicon {top:2vw;right:2vw;transition:all 1s;}
	#closeicon.active {top:2vw;transition:all 1s;}
	#closeicon.native {top:-15vw;transition:all 1s;}

	nav#menu ul {width:72%;margin-left:14%;margin-top:12vh;padding-bottom:10vw;font-size:3.4vw;}
	nav#menu ul li {padding:4vw 0;border-top:1px dotted rgba(244,243,241, 0.72);}

	/* --- MENU BACK SCREEN ---------------------------------- */
	#bgscreen {left:0;bottom:0;width:100vw;height:34vh;opacity:1;}
	#bgscreen.native {bottom:-35vh;height:0;opacity:0;}

	/* RESERVE BTN / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	a.reserveBTN, .reserveBTN-flow {width:90%;font-size:80%;}
	a.reserveBTN p img {top:1.8em;}
	.reserveNote {width:80%;margin-left:10%;font-size:4vw;line-height:140%;}
	.reserveBottom {width:80%;margin:1.6em 0 0 10%;font-size:80%;}
	.reserveBottom p:nth-child(2) {font-size:4vw;padding:0.4em;}
	.reserveBottom p:nth-child(1) {padding:0.6em 1.2em;}

	/* First VIEW / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#fView > h1 {display:block;top:0.6vw;left:0.6vw;z-index:9001;background:#FFF;padding:0 0.3em;height:1.0em;line-height:0.7em;}
	#fView > h1 img {height:0.6em;}
	#fViewTitle {top:22vh;}
	#fView > h2 {width:100%;z-index:9002;}
	#fView > h2 > span:nth-child(1) {font-size:4vw;font-weight:normal;filter:drop-shadow(0 6px 6px rgba(0, 0, 0, 0.8));}
	#fView > h2 > p:nth-child(2) {font-size:5.2vw;letter-spacing:0.1em;line-height:1.4em;filter:drop-shadow(0 8px 6px rgba(0, 0, 0, 0.6));}
	#fView > h2 > p:nth-child(3) {font-size:9vw;letter-spacing:0.1em;line-height:1.1em;filter:drop-shadow(0 8px 6px rgba(0, 0, 0, 0.6));}
	#fViewSentence {top:46vh;}
	#fView > p.fViewBodyCopy {width:70%;margin-left:15%;font-size:4vw;filter:drop-shadow(0 6px 6px rgba(0, 0, 0, 0.8));z-index:9003;}

	/* Slick / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	.mainvisual {display:none;}
	.mainvisual-sp {display:Block;}
	#mHouse .slideWrap h4 {font-size:4.2vw;padding:0.1em 0;}
	#mHouse .slideWrap h4 span:nth-child(1) {margin-right:2em;}


	/* AREA HEADER / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#about, #merit, #mHouse, #faq, #flow {padding-bottom:10vw;}
	#about header, #merit header, #mHouse header, #faq header, #flow header {font-size:66%;}
	#about header h1, #merit header h1, #mHouse header h1, #faq header h1, #flow header h1 {font-size:5.4vw;height:1.6em;line-height:1.5em;}
	#about header h2, #merit header h2, #mHouse header h2, #faq header h2, #flow header h2 {font-size:3.6vw;}
	#about header h3, #merit header h3, #mHouse header h3, #faq header h3, #flow header h3 {font-size:5vw;}

	/* ABOUT / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#about .aboutTopic {width:80%;margin:10vw 0 0 10%;}
	#about .aboutTopic article {margin-bottom:10vw;background:#F4F3F1;}
	#about section.aboutTopic article div > h4 {height:2em;line-height:2em;font-size:6vw;color:#773537;background:#D3CDC7;}
	#about section.aboutTopic article div > p {padding:0.4em 1em 1em;font-size:4vw;line-height:140%;text-align:left;}
	/* ---------------------------- */
	#youtubeAREA div {width:82%;padding:7%;}
	#youtubeAREA div:nth-child(1) {margin-bottom:2em;}
	#youtubeAREA div iframe {width:100%;height:53.5vw;}
	#youtubeAREA div p:nth-child(2) {font-size:5vw;}
	#youtubeAREA div p:nth-child(3) {font-size:4vw;line-height:140%;text-align:left;}

	/* MERIT / SP  //////////////////////////////////////////////////////////////////////////////////////////////// */
	#merit section:nth-child(2) {margin-bottom:6vw;padding:10vw 0;}
	#merit section:nth-child(2) h4 {font-size:5vw;padding:0 1em;}
	#merit section:nth-child(2) > ul {display:flex;flex-wrap:wrap;width:88%;margin:10vw 0 4vw 6.2%;}
	#merit section:nth-child(2) > ul li {width:41.5%;padding:4%;}
	#merit section:nth-child(2) > ul li:nth-child(1) {border-right:1px dotted #928373;border-bottom:1px dotted #928373;}
	#merit section:nth-child(2) > ul li:nth-child(2) {border-bottom:1px dotted #928373;}
	#merit section:nth-child(2) > ul li:nth-child(4) {border-left:1px dotted #928373;}
	#merit section:nth-child(2) > ul li img {width:80%;}
	#merit section:nth-child(2) > ul li p {padding:0.6em 0 0 0.6em;font-size:4vw;line-height:140%;text-align:left;}

	#merit section:nth-child(2) > div > p {font-size:8vw;letter-spacing:0.16em;}
	#merit section:nth-child(2) > div > img {width:26vw;margin-bottom:4vw;}
	/* ---------------------------- */
	#merit article.clearfix {width:88%;margin:10vw 0 0 6%;text-align:left;}
	#merit article.clearfix:nth-child(3) {margin:6vw;}
	#merit article.clearfix img {margin-bottom:0.6em;}
	#merit article.clearfix h5 {font-size:6vw;letter-spacing:0.08em;}
	#merit article.clearfix h5 span {font-size:320%;line-height:0.8em;}
	#merit article.clearfix h5 p {font-size:6vw;letter-spacing:0;}
	#merit article.clearfix > p {font-size:4vw;line-height:140%;padding-top:0.4em;}

	/* MODEL HOUSE / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#mHouse .highLightsWrap > img.drawing {width:93%;margin:2.3em 0 0 0;}

	#mHouse .highLightsWrap > section.highLights {width:80%;margin-left:10%;padding-top:2vw;text-align:left}
	#mHouse .highLightsWrap > section.highLights h4 {padding:0.2em 0;font-size:7.6vw;text-align:center;/*border-top:1px dotted #B3A89D;*/border-bottom:1px dotted #B3A89D;}
	#mHouse .highLightsWrap > section.highLights div {display:flex;flex-wrap:wrap;margin-top:0.4em;font-size:4vw;}
	#mHouse .highLightsWrap > section.highLights div span, #mHouse .highLightsWrap > section.highLights div p {padding:0.6em 0;}
	#mHouse .highLightsWrap > section.highLights div span {width:6%;text-align:center;}
	#mHouse .highLightsWrap > section.highLights div p {width:94%;}

	/* FAQ / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#faq article {width:80%;margin-left:10%;padding:6vw 0;}
	#faq article:nth-child(2) {margin-top:6vw;}
	#faq article > div {display:table;width:100%;}
	#faq article div > span {font-size:8vw;}
	#faq article span, #faq article p {display:table-cell;vertical-align:middle;}
	#faq article div:nth-child(1) > p {width:86%;padding-left:4%;font-size:110%;line-height:120%;}
	#faq article div > span {vertical-align:top;}
	#faq article div:nth-child(2) > span {padding-top:0.3em;}
	#faq article div:nth-child(2) > p {padding-top:0.8em;}
	#faq article div:nth-child(2) > p {width:86%;padding-left:4%;font-size:4vw;line-height:140%;}
	/* === FAQ ADDRESS LIST === */
	#faq section.faqAddress {padding-top:0.8em;padding-left:4%;}
	#faq section.faqAddress p {font-size:4vw;}
	#faq section.faqAddress ul li {font-size:3vw;line-height: 1.4em;}

	/* FLOW / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#flow > section,
	#mainCTA
	{width:88%;margin:6vw 0 0 6%;}
	#flow > section article {padding:5vw 0;}
	#flow > section article > div {font-size:5.2vw;}
	#flow > section article > p {font-size:4vw;padding:0.4em 0 0;line-height:140%;}

	/* FLOW - RESERVE BTN / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	.reserveBTN-flow {font-size:0.7rem;bottom:4em;}
	#flow > section article > div {font-size:7vw;letter-spacing:0.08em;}
	#flow > section article > div > img {margin-bottom:0.4em;}
	#flow > section article > div > h5 span {font-size:320%;line-height:0.8em;}
	#flow > section article > div > h6 {font-size:6vw;letter-spacing:0;}

	/* FLOW - RESERVE AREA / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	section.reserveAREA {}
	section.reserveAREA h2 {width:100%;text-align:center;font-size:5vw;margin:2em 0 1em 0;}
	section.reserveAREA > div {text-align:center;}
	section.reserveAREA > div > P {letter-spacing:0.3em;padding:0.5em 0;}
	section.reserveAREA > div a.reserveBTN {width:100%;margin-top:0;margin-bottom:4em;}
	#mHouse section.reserveAREA > div:nth-child(4) a.reserveBTN {margin-bottom:2em;}
	#flow section.reserveAREA > div:nth-child(5) a.reserveBTN {margin-bottom:2em;}
	section.reserveAREA > div a.reserveBTN p {padding:1.0em 0;border:2px solid #FFF;}
	section.reserveAREA > div a.reserveBTN p img {top:1.7em;height:1.2em;}
	/*==== mainCTA / SP ====*/	
	#mainCTA {padding:2em 0 0;}
	#mainCTA > div > address {margin:0 0 2em;}
	#mainCTA > div > address > h3 {padding:0 0 0.2em;letter-spacing:0.05em;}
	#mainCTA > div > address > p {font-size:0.7em;}
	#mainCTA > div > address > p > span {display:block;line-height:90%;}
	#mainCTA > div > address > a {
		top:0;
		right:0;
		width:3.2em;
		padding:0.25em 0 0.3em 0.25em;
		font-size:1.2em;
		text-align:center;
		letter-spacing:0.2em;
		border:1px solid #CCC;
	}

	/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////// */
	footer {font-size:2.8vw;}
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 960px) {	/*== PC Style sheet ========================================= 画面サイズの横幅が 960px より大きい場合に適用 */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	/* COMMON / PC //////////////////////////////////////////////////////////////////////////////////////////////// */	
	#pageTopBTN, #hamburgericon img, #closeicon img {width:4vw;}

	#pageTopBTN {bottom:1em;transition:all 0.4s;}
	#pageTopBTN.active {}
	#pageTopBTN.native {bottom:-20vw;transition:all 0.4s;}

	#pageTopBTN span {font-size:1.25vw;padding:0.2em 0;}

	#menu {width:30%;height:100vh;top:0;right:0;transition:all 1s;}
	#menu.active {right:0;transition:all 1s;}
	#menu.native {right:-30%;transition:all 1s;}

	#closeicon {right:0.25vw;transition:all 1s;}
	#closeicon.active {right:0.2vw;transition:all 1s;}
	#closeicon.native {right:-15vw;transition:all 1s;}

	nav#menu ul {width:72%;margin-left:14%;margin-top:5vw;font-size:1vw;}
	nav#menu ul li {padding:2em 0;border-top:1px dotted #D3CDC7;}

	/* --- MENU BACK SCREEN ---------------------------------- */
	#bgscreen {top:0;left:0;width:70%;height:100vh;opacity:1;}
	#bgscreen.native {left:-70vw;width:0;height:0;opacity:0;}

	/* RESERVE BTN /PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	a.reserveBTN, .reserveBTN-flow {width:70%;font-size:2vw;}
	.reserveNote {font-size:1.3vw;}
	.reserveBottom {width:56%;margin:1.6em 0 0 22%;font-size:1.5vw;}
	.reserveBottom p:nth-child(2) {font-size:120%;}
	.reserveBottom p:nth-child(1) {padding:0.6em 0;}

	/* First VIEW / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#fView > h1 {display:block;top:0.6vw;left:0.6vw;z-index:9001;background:#FFF;padding:0 0.3em 0.3em;}
	#fView > h1 img {height:1.2em;}
	#fViewTitle {top:32vh;}
	#fView > h2 {width:70%;margin-left:15%;z-index:9002;}
	#fView > h2 > span:nth-child(1) {font-size:2.2vw;font-weight:normal;filter:drop-shadow(0 6px 6px rgba(0, 0, 0, 0.8));}
	#fView > h2 > p:nth-child(2) {font-size:3.45vw;letter-spacing:0.1em;line-height:1.4em;filter:drop-shadow(0 8px 6px rgba(0, 0, 0, 0.6));}
	#fView > h2 > p:nth-child(3) {font-size:5.8vw;letter-spacing:0.1em;line-height:1.1em;text-indent:1.5vw;filter:drop-shadow(0 8px 6px rgba(0, 0, 0, 0.6));}
	#fViewSentence {top:73vh;}
	#fView > p.fViewBodyCopy {width:70%;margin-left:15%;font-size:1.4vw;filter:drop-shadow(0 6px 6px rgba(0, 0, 0, 0.8));z-index:9003;}

	/* Slick / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	.mainvisual {display:Block;}
	.mainvisual-sp {display:none;}
	#mHouse .slideWrap h4 {font-size:1.6vw;padding:0.1em 0;}
	#mHouse .slideWrap h4 span:nth-child(1) {margin-right:4em;}

	/* AREA HEADER / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#about, #merit, #mHouse, #faq, #flow {padding-bottom:5rem;}
	#about header, #merit header, #mHouse header, #faq header, #flow header {font-size:1.2vw;}
	#about header h1, #merit header h1, #mHouse header h1, #faq header h1, #flow header h1 {font-size:240%;height:1.3em;}
	#about header h3, #merit header h3, #mHouse header h3, #faq header h3, #flow header h3 {font-size:250%;}

	/* ABOUT / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#about section.aboutTopic {width:64%;margin-left:18%;}
	#about section.aboutTopic article {margin-bottom:3em;background:#F4F3F1;}
	#about section.aboutTopic article:nth-child(1) {margin-top:5em;}
	#about section.aboutTopic article img {width:36%;float:left;}
	#about section.aboutTopic article div {margin-left:36%;text-align:left;}
	#about section.aboutTopic article div > h4 {padding-left:1.6rem;height:2em;line-height:2em;font-size:2.2vw;color:#773537;background:#D3CDC7;}
	#about section.aboutTopic article div > p {padding:0.4rem 1rem 0 1.6rem;font-size:1.25vw;}
	/* ---------------------------- */
	#youtubeAREA div {width:36%;padding:2.6%;vertical-align:top;clear:both;}
	#youtubeAREA div:nth-child(1) {margin-right:2%;}
	#youtubeAREA div iframe {width:100%;height:20vw;max-height:350px;}
	#youtubeAREA div p:nth-child(2) {font-size:2.4vw;}
	#youtubeAREA div p:nth-child(3) {display:block;height:5em;font-size:1.25vw;text-align:left;}

	/* MERIT / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#merit section:nth-child(2) {margin-bottom:5em;padding:6em 0 4em;}
	#merit section:nth-child(2) h4 {font-size:2.3vw;letter-spacing:0.08em;}
	#merit section:nth-child(2) > ul {display:flex;width:74%;margin:4em 0 6vw 13%;}
	#merit section:nth-child(2) > ul li {width:25%;padding:1.4em 0;border-right:1px dotted #928373;}
	#merit section:nth-child(2) > ul li:nth-child(1) {border-left:1px dotted #928373;}
	#merit section:nth-child(2) > ul li img {width:46%;margin-bottom:1.4em;}
	#merit section:nth-child(2) > ul li p {width:76%;margin-left:13%;font-size:1.4vw;text-align:left;}
	#merit section:nth-child(2) > div > p {font-size:3vw;letter-spacing:0.2em;}
	#merit section:nth-child(2) > div > img {width:10vw;margin-bottom:3em;}
	/* ---------------------------- */
	#merit article.clearfix {width:68%;margin:0 0 3em 16%;text-align:left;}
	#merit article.clearfix img {width:40%;float:right;}
	#merit article.clearfix h5 {font-size:2.3vw;letter-spacing:0.08em;}
	#merit article.clearfix h5 span {font-size:320%;line-height:0.8em;}
	#merit article.clearfix > p {width:54%;font-size:1.25vw;padding-top:0.4em;}

	/* MODEL HOUSE / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#mHouse .highLightsWrap {margin-top:6em;padding-bottom:2em;text-align:left;}
	#mHouse .highLightsWrap:after {content:'';display:block;clear:both;height:0;}
	#mHouse .highLightsWrap > img.drawing {width:44%;margin-left:5%;float:left;}
	#mHouse .highLightsWrap > section.highLights {padding-top:6em;width:36%;margin-left:6%;float:left;}
	#mHouse .highLightsWrap > section.highLights h4 {padding:0.2em 0;font-size:3.55vw;text-align:center;border-top:1px dotted #B3A89D;border-bottom:1px dotted #B3A89D;}
	#mHouse .highLightsWrap > section.highLights div {display:flex;flex-wrap:wrap;margin-top:1em;font-size:1.25vw;}
	#mHouse .highLightsWrap > section.highLights div span, #mHouse .highLightsWrap > section.highLights div p {padding:0.6em 0;}
	#mHouse .highLightsWrap > section.highLights div span {width:6%;text-align:center;}
	#mHouse .highLightsWrap > section.highLights div p {width:94%;}
	/* ---------------------------- */
	/*==== mainCTA / PC ====*/	
	#mainCTA {display:flex;flex-wrap:wrap;width:92%;margin:0 0 0 4%;padding-top:6em;}
	#mainCTA > div {margin-top:5em;}
	#mainCTA > div:nth-child(odd) {margin:5em 4% 0 12%;}
	#mainCTA > div:nth-child(1), #mainCTA > div:nth-child(2) {margin-top:0}
	#mainCTA > div > address {margin:0 0 1.6em;padding-left:0.4rem;}
	#mainCTA > div > address > h3 {padding:0 0 0.2em;}
	#mainCTA > div > address > p {font-size:0.7em;}
	#mainCTA > div > address > a {
		top:0;
		right:0.4rem;
		padding:0 0.8rem 0 1rem;
		height:2.4em;
		line-height:2.4em;
		font-size:1.2em;
		text-align:center;
		letter-spacing:0.16em;
		border:1px solid #CCC;
	}

	/* FAQ / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#faq article {width:68%;margin-left:16%;padding-bottom:3em;}
	#faq article div > span {font-size:260%;}
	#faq article div:nth-child(1) > span, #faq article div:nth-child(1) > p {height:8rem;line-height:8rem;}
	#faq article div:nth-child(1) > p {font-size:2.5vw;letter-spacing:0.06em;}
	#faq article div:nth-child(2) > p {width:84%;font-size:120%;}
	#faq article:nth-child(6) > div:nth-child(1) > p {font-size:2vw;letter-spacing:0;}
	/* === FAQ ADDRESS LIST === */
	#faq section.faqAddress {}
	#faq section.faqAddress p {font-size:120%;}
	#faq section.faqAddress ul li {font-size:86%;line-height:1.5em;}

	/* FLOW / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	.reserveBTN-flow {top:0.4em;font-size:1.5vw;}
	#flow > section {display:flex;flex-wrap:wrap;width:92%;margin:5em 0 0 4%;}
	#flow > section > article {width:46%;padding:1em 2%;}
	#flow > section article > div {font-size:2.6vw;}
	#flow > section article > div > img {width:32%;float:left;}
	#flow > section article > p {font-size:1.25vw;padding:0.6em 0;}
	#flow > section article > div > h5, #flow section article > div > h6 {text-indent:0.8em;}

	/* FLOW - RESERVE AREA / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	section.reserveAREA {margin-bottom:6em !important;}
	section.reserveAREA h2 {width:100%;text-align:center;font-size:3.4vw;margin:1em 0 1em 0;}
	section.reserveAREA > div {text-align:center;width:36%;}

	#flow > section.reserveAREA > div {margin-top:5em;}
	#flow > section.reserveAREA > div:nth-child(even) {margin:5em 4% 0 12%;}
	#flow > section.reserveAREA > div:nth-child(2),
	#flow > section.reserveAREA > div:nth-child(3)
	 {margin-top:0;}

	section.reserveAREA > div > P {font-size:1.8vw;letter-spacing:0.3em;padding:0.5em 0;}
	section.reserveAREA > div a.reserveBTN {width:100%;font-size:1vw;margin-top:0;}
	section.reserveAREA > div a.reserveBTN p {padding:1.0em 0;border:2px solid #FFF;}
	section.reserveAREA > div a.reserveBTN p img {top: 1.7em;height: 1.2em;}

}
/* FLOW - RESERVE BTN //////////////////////////////////////////////////////////////////////////////////////////////// */
#flow section article:nth-child(1) > div {position:relative;}
.reserveBTN-flow {display:block;position:absolute;right:0;width:9.2em;margin-top:0;}
.reserveBTN-flow p {position:relative;padding:0.08em 0;text-indent:0.6em;border:1px solid #FFF;}
.reserveBTN-flow p img {height:0.8em;top:0.4em;right:0.5em;position:absolute;}

/* Coming Soon //////////////////////////////////////////////////////////////////////////////////////////////// */
.comingSoon a.reserveBTN {border:2px solid #BBBBBB;}
.comingSoon a.reserveBTN p {background:#BBB;}
.comingSoon a:hover {opacity:1;}
.comingSoon a {cursor:default;}
#mainCTA .comingSoon address a,
#mainCTA .comingSoon address a:visited,
#mainCTA .comingSoon address a:active {color:#BBB;}
#mainCTA .comingSoon address a:hover {opacity:1;color:#BBB;}
.comingSoon {position:relative;color:#BBB;}
.comingSoon::before {
	content:"Coming Soon!";
	position:absolute;
	margin-top:4.5em;
	width:100%;
	text-align:center;
	font-size:220%;
	color:#928373;
	letter-spacing:0.1em;
}

/* ---------------------------- */