@font-face {
    font-family: "narkisimblock";
    src: url('./../fonts/NarkisBlockCondensed-Medium.otf');
    font-weight: 600;
    font-style: normal;
}
/*@font-face {
    font-family: "narkisimblock";
    src: url('./../fontsHelvetica-Condensed-Black-Se.otf');
    font-weight: 800;
    font-style: normal;
}*/
@font-face {
    font-family: "almoni-neue";
    src: url('./../fonts/NarkisBlock-Regular.otf');
    font-weight: 400;
    font-style: normal;
}
*{font-family: "narkisimblock", sans-serif;box-sizing: border-box;color:#ffffff;}

body, html{margin:0px;padding:0px;width:100%;height:100vh;}
.main-wrap{width:100%;height:100vh;display:flex;background:#f5f0e9;}
.content-wrap{width:42%;background:url(./../images/bg-right.jpg) no-repeat center center / 100% 100%;text-align:center;margin: 0px;padding: 0px 6%;}
.slide-wrap{width:58%;position:relative;margin:0px;background:url(./../images/slide-1.jpg) no-repeat center bottom / cover;}
.prj-brand{margin: 3vh auto;}
.prj-brand img{display:block;margin:auto;}
p.prj-slogan{position:absolute;top:6vh;left:50%;transform:translateX(-65%);font-size:5.5vw;font-weight:300;}
p.prj-slogan > span{/*background: #B0784C;background: linear-gradient(to right, #B0784C 7%, #D8A577 37%, #D6A270 69%, #885B34 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/color:#d9aa7d;}
.form-wrap input:not([type='checkbox']){display:block;width:100%;margin-bottom:0px;background: transparent;color: #ffffff;text-align: right;    border: solid 1px #ffffff;padding:3px 5px;font-size:1.2vw;}
.form-wrap input:first-child{margin-bottom:10px;}
img.coming-soon{position:absolute;z-index:5;right: 50%;top: 5vh;transform: translateX(50%);}
.form-wrap{width:100%;margin:4vh auto 0px;}
h1{text-align:center;font-size:3.2vw;line-height: 1em;margin: 0px;font-weight:800;padding-top:1vh;}
h1 > span{font-size:60%;}
.prj-info img{display:block;margin:2vh auto;}
.prj-info{margin:auto;border-top:solid 1px #ffffff;padding-top:1em;margin-top:1em;}
p.line1{font-size:1.8vw;line-height:1.5em;}
p.line2{font-size: 2.76vw;font-weight: 600;}
p.line3{font-size: 1.98vw;font-weight: 800;}
p.line4{font-size: 2.2vw;line-height: 1.5em;}
p{font-size: 1vw;font-weight: 400;text-align: center;margin: auto;line-height: 1.2em;}
p.form-ttl{margin: 1vh auto;font-size: 1.6vw;font-weight: 400;text-align:right;}
.chb-holder .chb{display:flex;align-items:start;line-height: 1em;text-align:justify;font-size: 0.85vw;font-weight: 400;}
.form-wrap input[type='checkbox']{margin-top: 1px;margin-left: 10px;}
button#btn_submit{border:none;font-size:2vw;color:#0c3b04;width:92%;height:100%;margin-right:8%;background:#ffffff;}
.form-flex{display:flex;margin-bottom:1vh;flex-wrap:wrap;}
.form-flex .form-fields{width:70%;order:1;}
.form-flex .form-btn{width:30%;order:2;}
.form-flex .chb-wrap{width:100%;order:3;margin-top:1vh;}
#wait, .el-error{text-align:center;font-size:1vw;display:none;}
.logo-wrap{text-align: center; margin-top: 2vh;margin-bottom:2vh;}
.project-graphic{position:absolute;right:36%;top:50%;transform:translate(50%, -50%);}
.hide-on-pc, .slick-slide img.hide-on-pc{display:none;}
img{max-width:100%;}
.slick-dots li button{border-radius:50%;background:rgba(255,255,255,0.6);border-color:transparent;}
.slick-dots{margin:-20px auto 0px;text-align:right;padding-right:5vw;left: 1vw;bottom: 1vw;}
.slick-dots li.slick-active button{background:#ffffff !important;}
.slick-dots li{margin: 0px 5px;}
.footer{display:flex;justify-content:end;padding-left: 7%;}
.footer p{padding-right:2vw;margin:0px;}
::-ms-input-placeholder {color:#ffffff;}
::placeholder {color:#ffffff;}
.slick-slide img{width:auto;height:100%;}
.kahuna{position:fixed;left:10px;bottom:10px;}
@media only screen and (max-width: 1600px){
	.content-wrap{bottom:auto;padding: 5vh 2vw 0px;}
	p.golden{font-size:1.8vw;}
	.slick-slide img{margin-top:-30vh;}
	h1{font-size:5vw;}
	p.form-ttl{font-size:1.1vw;}
	.content-wrap{padding: 0px 1vw 0px;}
	.prj-info{margin: 2vh auto;}
	.logo-wrap img{width:40%;}
}
@media only screen and (max-width: 767px){
	.kahuna{left:5px;width:10px;}
	.hide-on-mobile, .slick-slide img.hide-on-mobile{display:none;}
	.hide-on-pc, .slick-slide img.hide-on-pc{display:block;}
	body, html{height:auto;}
	.main-wrap{width:100%;padding-bottom:0px;flex-direction:column;height:auto;}
	.slide-wrap{width:100%;position:relative;margin:0px;}
	.slick-slide img{margin-top:0px;}
	.content-wrap{position:static;width:100%;margin:0px auto;padding:5vh 5vw;}
	.project-graphic{position:static;width:85%;transform:none;text-align:center;margin:0px auto;text-align:center;padding-top:30px;}
	.project-graphic img{margin:0px auto;}
	p.prj-slogan{font-size: 12vw;font-weight: 400;top: 50vh;left:0px;right:0px;text-align:center;transform:none;line-height:1em;}
	p.prj-slogan > span{display:block;}
	.logo-wrap{position:static;margin-top:5vh;transform:none;margin-top:30px;padding-bottom:10px;text-align:center;}
	.slogan-line{font-weight: 400;font-size: 6vw;border-top: solid 1px;border-bottom: solid 1px;margin-top: 90px;}
	.form-wrap{width:100%;margin-bottom:10vh;}
	h1{font-size:18vw;font-weight:400;}
	p.line1{font-size: 8vw;line-height: 1.2em;}
	p.line2{font-size:16vw;line-height: 1em;}
	p.line3{font-size: 11vw;}
	p.line4{font-size: 11vw;line-height: 1em;}
	.form-wrap input:not([type='checkbox']){font-size:5vw;}
	button#btn_submit{font-size:6vw;margin: 3vh auto 0px;height: auto;padding: 3px 50px;width: auto;}
	.content-wrap .slide-wrap{position:static;}
	.slick-slide{height:auto;}
	p.form-ttl{font-size: 8vw;width: 100%;white-space: nowrap;max-width:none;}
	.form-wrap form{width:100%;margin:0px auto;}
	.chb-holder .chb{font-size: 3.8vw;}
	p.smaller{font-size: 4vw;}
	.slick-dots{text-align:center;padding-right:0px;}
	.footer{justify-content:center;padding:2vh 0px;}
	.footer p{padding:0px 10px;line-height:1em;}
	.slick-dots li{margin: 0px 2px;}
	.form-flex .form-fields{width:100%;order:1;}
	.form-flex .form-btn{width:100%;order:3;}
	.form-flex .chb-wrap{width:100%;order:2;margin-top:2vh;}
	.prj-info{margin: 4vh auto;}
}