@charset "utf-8";
/* リセットCSS */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width: 0;}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-y: scroll;}body{margin:0}main{display:block;}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight: 500;margin: 0;}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0;}ol,ul{padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{display: block;text-decoration:none;color:inherit;transition: var(--hover-transform);}em{font-style: normal;font-weight: bold;}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight: 400;}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom;}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none;}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display: block;outline: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}table{border-collapse: collapse;border-spacing:0}caption{text-align:left}[hidden],template{display:none}img{display: block;width: 100%;}
/* IEブラウザの注意喚起 */
.iebox{display:none;}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {.iebox{display:block;padding: 20px;position: fixed;bottom:0;width: 100%;z-index: 9999;text-align: center;background: red;color:#fff;font-weight: 800;}}

/* 汎用CSS
===================================================== */

:root {
	--primaryColor: #202B46;
	--secondaryColor: #313B54;
	--titleFontColor: #C9B177;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity 2s , translate 2s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "Noto Sans JP", sans-serif;}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;font-size: 15px;font-weight: 500;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;line-height: 2;color:#fff;}
body.fix {position: fixed;overflow: hidden;width: 100vw;height: 100vh;}

#page{overflow:hidden;}
.container{width: 940px;max-width: 100%;padding-inline: 20px;margin-inline: auto;position: relative;z-index:11;}


#conceptVideoContainer {
    background-color: var(--primaryColor);
}

@media(max-width:767px){
#conceptVideoContainer {
    padding-top: 20px;
    background-color: var(--primaryColor);
}
}

/*-------------------------------------
/* アニメーション
--------------------------------------- */
.fadeIn{opacity: .0;transition:var(--show-anime);}
.fadeUP{opacity: .0;translate: 0 80px;transition:var(--show-anime);}
.fadeLeft{opacity: .0;translate: -20px 0;transition:var(--show-anime);}
.fadeRight{opacity: .0;translate: 20px 0;transition:var(--show-anime);}
.show.fadeIn{opacity:1;}
.show .fadeUP,
.child-animate.animate.fadeUP{opacity:1;translate:0}
.show .fadeLeft{opacity:1;translate:0}
.show .fadeRight{opacity:1;translate:0}

.sec-header{position:absolute;width:100%;z-index: 111;}
.header-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items: center;padding-top:30px;padding-inline:40px}
.site-logo{width:141.0512px;transition:.2s}
.header-nav{margin-left:auto;opacity: 0;z-index: -1;transition:var(--hover-transform);}
.header_Menu_list a{width: 170px;font-size: 16px;text-align: center;color: #fff;padding-block: 1px;background: url(../img/btn-bg.png)no-repeat center / cover;}
.header_Menu_list li:not(:first-child){margin-top:.5em}
.is-scrollActive .sec-header{position:fixed;}
.is-scrollActive .site-logo{opacity:0;z-index:-1;}
.is-scrollActive .header-nav{opacity:1;z-index:11}

.sec-footer{padding-block:96px 40px;background-color:var(--primaryColor)}
.footer-des{font-size:12px;margin-top:90px}
.footer-des a{display:inline;}
.footer-des h4{font-weight:bold;}
.footer-des p{margin-top:2em;}
.site-generator{font-size:12px;margin-top:90px;text-align:center;}
.site-generator a{display:inline;}
.com-tit-1 h3 {font-size: 20px;}
.com-tit-1 span {font-size: 60px;line-height: 1.2;color: var(--titleFontColor);text-transform:capitalize}

.mv{height: 100dvh;background:url(../img/mv.jpg)no-repeat center / cover;position: relative;}
.mv-item {width: 510px;max-width: 100%;height:100%;display: grid;align-items: center;align-content: center;position: absolute;inset:0;margin:auto;text-align: center;z-index: 1;}
.mv-tit{font-size: 27.8px;line-height: 1.7;}
.mv-tit-sub{width:fit-content;padding-block: 16px;padding-inline: 23px;margin-top:20px;margin-inline:auto;display: block;border: 2px solid #fff;font-size: 24px;letter-spacing: 3px;}
.mv-txt{font-size: 20px;line-height: 2;letter-spacing: 7px;text-indent: 7px;margin-top: 30px;}
.mv-item img{width: 253.0315px;margin-top: 40px;margin-inline: auto;}
.scrolldown{position:absolute;right:30px;top:48%;writing-mode:vertical-lr;font-size: 20px;letter-spacing: 0.5px;line-height: 1;}
.scrolldown span::before{content:'';position:absolute;width:1px;height:74px;background-color:#fff;top:calc(100% + 24px);left:32%;}
.scrolldown span::after{content:'';position:absolute;width:1px;height:16px;background-color:#fff;top: calc(100% + 83px);rotate: 35deg;left: 56%;}

.cta{padding-block: 80px;background-color: var(--primaryColor);position: relative;}
.cta-item h2{font-size:27.8px;text-align:center;}
.cta-des{width:640px;max-width:100%;border:1px solid;padding-block: 4px 12px;padding-inline:16px;margin-top:24px;margin-inline:auto;}
.cta-des h3{font-size:20px;text-align:center;/*border-bottom: 1px solid #444d64;padding-bottom:4px;*/letter-spacing:.05em}
.cta-des p{text-align:center;margin-top: 8px;}
.cta-des p span{display:inline-block;font-size:24px;color:var(--titleFontColor);margin-left:.5em}
.more-entry a{width: 322px;text-align: center;color: #fff;padding-block: 10px;background: url(../img/btn-bg.png)no-repeat center / cover;font-size:20px;line-height: 1.5;margin-inline: auto;margin-top: 40px;}
.more-entry a span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1}
.more-entry a span::before,
.more-entry a span::after{content:'';width:16px;height:1px;background-color:#fff;}
.plan{padding-block: 40px 160px;background-color: var(--primaryColor);position: relative;}
.plan::after{content:'';position:absolute;width: 491px;aspect-ratio: 491/450;background:url(../img/planBack.png)no-repeat center / contain;bottom:0;right: 0;}
.plan-item{position:relative;padding-top: 80px;display: grid;grid-template-columns: minmax(0,1fr) auto;}
.plan-img{position:absolute;width: 1050px;left:90px;top:0;z-index:-1;opacity: .0;translate: 0 20px;transition:var(--show-anime);}
.plan-img figcaption{position:absolute;font-size:12px;bottom: 7px;left: 20px;}
.plan-price{margin-top: 24px;}
.plan-price-head{width:fit-content;margin-left:auto;}
.plan-price-head h4{font-size:20px;line-height: 1;margin-bottom: 10px;}
.plan-price-head p{font-size:18px;}
.plan-price-head p span{font-size:40px;margin-inline:4px;line-height:1;}
.plan-price-body p{font-size:16px;text-align:right;line-height:1.5;margin-top:.5em;}
.plan-price ul{text-align:right;margin-top: 10px;}
.plan-price ul li em{margin-right:.5em;letter-spacing: .05em;}
.plan-price-note p{font-size:12px;text-align:right}
.plan-note{margin-top: 80px;padding-left: 89px;}
.plan-note th{text-align:left;text-align-last:justify;}
.plan-note td{padding-left: 20px;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.floorplan{padding-block:120px 180px;background-color:var(--secondaryColor)}
.floorplan-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;margin-top:60px;}
.floorplan-item figcaption{font-size:14px;line-height:1.5;margin-bottom:.5em}
.floorplan-des h4{font-size:27px;text-transform:uppercase;line-height: 1;}
.floorplan-des h5{font-weight:bold;line-height:1.6;margin-top:1em}
.floorplan-des p{line-height:1.8}
.floorplan-des ul{list-style:disc;padding-left:1.5em}
.floorplan-des li{line-height:1.8;}
.floorplan-des small{font-size:12px;line-height:1;}
.floorplan-table{width:100%;margin-block: 24px 40px;}
.floorplan-table tr:first-child{border-bottom:1px solid #444d64}
.floorplan-table th{text-align:left;}
.floorplan-table td{text-align:right;}

.access{padding-block:130px 160px;background-color:var(--primaryColor);position: relative;}
.access::before{content:'';position:absolute;width:495px;aspect-ratio:495/431;background:url(../img/accessBack1.png)no-repeat center / contain;top: 0;right: 0;}
.access::after{content:'';position:absolute;width:349px;aspect-ratio:349/480;background:url(../img/accessBack2.png)no-repeat center / contain;bottom: 0;left: 0;}
.access .com-tit-1 {text-align:center;}
.access-item{margin-top:48px;}
.access-map{width:800px;max-width:100%;margin-inline:auto;}
.access-txt{width:532px;max-width:100%;margin-inline:auto;margin-top:100px}
.access-des{width:532px;max-width:100%;margin-inline:auto;margin-top:50px}

.entryform{padding-block:160px;}
.entryform .com-tit-1{text-align:center;}
.entryform .com-tit-1 h3{color:var(--primaryColor)}

.hgv{padding-block:200px;background:url(../img/hgv-bg.jpg)no-repeat center / cover}
.hgv-item{display:grid;grid-template-columns:768px 311px;align-items:center;justify-content:center;gap:53px;padding-inline:20px;}
.hgv-des h4{font-size: 48px;line-height:1.2;width: 640px;margin-left: -164px;}
.hgv-des h5{font-size:20px;line-height:1;margin-block:32px;}

@media(max-width:1200px){
	.hgv-item{grid-template-columns:614px 311px;}
}

@media(max-width:1024px){
	.com-tit-1 h3{font-size:18px}
	.com-tit-1 span{font-size:50px;}
	.header-content{padding-top: 20px;padding-inline:20px}
	.site-logo{width:124.1250px}
	.mv{height:600px;background-repeat:repeat;background-size:auto 100%;animation:bg-slide 40s linear infinite;}
	@keyframes bg-slide {
		0% {background-position: 0 0;}
		100% {background-position: 100% 0;}
	}
	.mv-tit,
	.mv-tit-sub{font-size:24px;margin-top: 16px;}
	.mv-txt{font-size:14px;margin-top: 20px;letter-spacing: 2.5px;}
	.scrolldown{display:none;}
	.plan-item{padding-top:0;grid-template-columns: minmax(0,1fr);}
	.plan-img{position:static;/* margin-left: calc(50% - 50vw); */width: 100vw;margin-top: 30px;padding-left: 40px;order: 2;}
	.plan-img figcaption{position: static;text-align: right;font-size:10px;margin-right: 24px;}
	.plan .com-tit-1{padding-left: 40px;order: 1;}
	.plan-price{padding-left: 40px;margin-top: 40px;text-align:left;order: 3;}
	.plan-price-head{margin-left:0;}
	.plan-price-head h4{font-size:16px;}
	.plan-price-head p span{font-size:40px}
	.plan-price ul{text-align:left;}
	.plan-price-body p{text-align:left;}
	.plan-price-note p{text-align:left;}
	.plan-note{padding-left:60px;margin-top: 40px;}
	.floorplan-item{grid-template-columns:minmax(0,1fr)}
	.hgv-item{grid-template-columns:minmax(0,1fr);gap: 40px;}
	.hgv-des h4{width:fit-content;margin-left:0}
	.hgv-item figure{order:1}
	.hgv-des{order:0;}
	.hgv-des h4{font-size:50px}
	.hgv-des h5{font-size:18px;margin-block: 20px;}
}

@media(max-width:767px){
	body{font-size:14px;}
	.com-tit-1 span{font-size:40px;}
	.site-logo{width:94.0341px}
	.mv-tit,
	.mv-tit-sub{font-size: 18px;padding-block: 8px;padding-inline: 24px;}
	.mv-txt{font-size:12px;letter-spacing: 2px;}
	.cta-item h2{font-size:20px}
	.cta-des h3{font-size:18px;}
	.cta-des p span{font-size:20px;}
	.plan{padding-block:80px}
	.plan-img{padding-left: 0;}
	.plan .com-tit-1,
	.plan-price,
	.plan-note{padding-left: 0;}
	.plan-price-head p span{font-size:28px}
	.plan::after{width: 100%;right: -9px;background-image: url(../img/planBack-sp.png);}
	.floorplan{padding-block:80px}
	.floorplan-item{margin-top:40px;gap: 40px;}
	.floorplan-table{margin-block: 0 24px;}
	.access{padding-block:80px}
	.access-item{margin-top:40px}
	.access-txt{margin-top:40px}
	.access-des{margin-top:24px}
	.access::before{width:240px;}
	.access::after{width:160px}
	.entryform{padding-block:80px;}
	.hgv{padding-block:100px}
	.hgv-des h4{font-size: 32px;}
	.sec-footer{padding-block:80px 20px}
	.footer-des{margin-top:40px}
	.site-generator{margin-top:40px}
}

@media(max-width:480px){
	.mv-tit, .mv-tit-sub{padding-inline:12px;}
	.mv-tit-sub{font-size: 16px;}
	.cta-des p span{display:block;margin:0;font-size:18px;}
}