@font-face {
    font-family: "almoni";
    src: url('./../fonts/almonilightaaa.otf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "almoni";
    src: url('../fonts/almoniregularaaa.otf');
    font-weight: 400;
    font-style: normal;
}

body, html{margin:0px;padding:0px;width:100%;height:100vh;}
*{box-sizing: border-box;color:#652d14;font-family: 'almoni', sans-serif;font-weight:300;}
.slide-wrap{position:relative;}
.prjct-logo{position:absolute;top:7vh;right:5vw;z-index:4;}
.main-wrap{width:100%;height:100vh;background:url(./../images/main-bg.webp) no-repeat left top / contain;}
.content-wrap{position:absolute;top:0px;left:3vw;bottom:0px;width:27%;padding-top:7vh;z-index:2;}
.content-wrap .contet-bg{position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:url(./../images/main-bg-pc.jpg) no-repeat center center / cover;}
.line-item .underttl{height:0px;overflow:hidden;transform: all 0.5s ease-in;}
.first-logo{display: block;max-width: 50%;margin: -5vh auto 1vh;}
.content-wrap *{position:relative;z-index:3;}
.slide-wrap{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index:0;}
.form-wrap input:not([type='checkbox']){display:block;width:100%;margin-bottom:5px;background:rgba(255,255,255,0.4);border:none;padding:2px 10px; font-size:1vw;}
img.coming-soon{display:block;margin:-2vh auto 0px;}
.form-wrap{width:85%;margin:0px auto;}
h1, h1 span{text-align:center;font-size:1.8vw;line-height:1em;margin: 0px;margin-top:0px;font-weight:800;background: #B0784C;background: linear-gradient(to right, #B0784C 7%, #DAA576 37%, #D6A270 70%, #885B34 89%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
h1 span{font-weight:400;}
p{font-size: 1vw;font-weight: 400;text-align: center;max-width: 85%;margin: auto;line-height: 1.2em;}
p.underttl{color:#6d6f71;}
.line-item img{display:block;max-width:100%;margin:1vh auto;}
.line-item{text-align:center;padding: 1vh 0px 0px;cursor:pointer;}
p.smaller{font-size: 0.8vw;margin: 0px auto;}
p.form-ttl{text-align:center;color: #6d6f71;margin-top:0px;margin-bottom:2vh;max-width:none;}
p.pre-form-ttl{margin: 2vh 0px 0px;font-size: 1.2vw;font-weight: 800;text-align: center;max-width:none;}
.form-fields{display:flex;flex-wrap:wrap;justify-content:space-between;}
.fields-wrap{width:70%;order:1;}
.btn-wrap{width:28%;order:2;}
.chb-holder{width:100%;order:3;}
.chb-holder .chb{display:flex;align-items:start;line-height: 1em;text-align:justify;font-size: 0.7vw;font-weight: 400;color:#414042;}
.form-wrap input[type='checkbox']{margin-top: 5px;margin-left: 10px;}
button#btn_submit{width:100%;border:none;font-size:1.2vw;color:#ffffff;background:url(./../images/btn-bg.png) no-repeat center center / contain;margin-top:0px;height:100%;}
#wait, .el-error{text-align:center;font-size:1vw;display:none;}
.logo-wrap{text-align: center; margin-top: 2vh;}
.project-graphic{position:absolute;right:36%;top:50%;transform:translate(50%, -50%);}
.hide-on-pc{display:none !important;}
img{max-width:100%;}
.slick-dots li button{border-radius:50%;background:#ffffff;border-color:#ffffff;opacity:0.7;}
.slick-dots{margin:-20px auto 0px;text-align:right;padding-right:5vw;}
.slick-dots li.slick-active button{opacity:1;}
.slick-dots li{margin: 0px 5px;}
p.accessb{text-align:left;margin-top:2vh;font-weight:400;}
p.accessb a{text-decoration:none;}
.legal{position:absolute;bottom:3vh;right:50%;z-index:4;}
.legal p{color:#ffffff;}
.slick-slide img{height:100%;}
.stamp{position:absolute;top:50%;right:0px;transform: translate(107%, -35%);}
img.k-logo{position:absolute;bottom:40px;left:10px;z-index:20;}
@media only screen and (max-width: 1600px){
	.content-wrap{bottom:auto;}
}
@media only screen and (max-width: 767px){
	.stamp{display:none;}
	.hide-on-mobile{display:none !important;}
	.hide-on-pc{display:block !important;}
	body, html{height:auto;}
	.main-wrap{width:100%;height:auto;padding-bottom:30px;background:none;}
	.content-wrap{position:relative;width:95%;margin:0px auto;background:transparent;padding-top:0px;padding-top: 90vh;left: 50%; transform: translateX(-50%);}
	.slide-wrap{position:absolute;}
	.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;}
	.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:80%;}
	h1, h1 span{font-size:12vw;}
	.form-wrap input:not([type='checkbox']){font-size:6vw;}
	button#btn_submit{font-size:8vw;margin-top:30px;}
	p{font-size:5vw;margin:20px auto;}
	.slick-slide{height:auto;}
	p.pre-form-ttl{font-size:5vw;text-align:center;max-width:none;}
	p.form-ttl{font-size:4vw;}
	.chb-holder .chb{font-size: 3.8vw;}
	p.smaller{font-size: 5vw;}
	.slick-dots{text-align:center;padding-right:0px;display:none !important;}
	.line-item p{max-width:none;}
	.legal{bottom:0px;right:20px;color:#652d14;margin:0px;}
	.legal p{color:#652d14;}
	.slick-dots li{margin: 0px 2px;}
	#wait, .el-error{font-size:5vw;}
	.line-item{width:95%;margin:auto;padding:0px;}
	.form-fields{flex-direction:column;}
	.fields-wrap{width:100%;}
	.chb-holder{order:2;}
	.btn-wrap{order:3;width:100%;}
	button#btn_submit{background:url(./../images/btn-bg-m.png) no-repeat center center / contain;}
	.prjct-logo{width:60%;}
	.line-item .underttl{height:auto;font-size: 4vw;width: 100%;max-width: none;}
	.line-item .arrowdown{display:none;}
	.line-item p{margin:0px;}
}