*{font-family: "Open Sans", sans-serif;box-sizing: border-box;color:#000000;}
body, html{margin:0px;padding:0px;width:100%;height:100vh;background:#F6EFE9;}
.main-wrap{width:100%;height:100vh;display:flex;background:#f5f0e9;}
.content-wrap{width:35%;text-align:center;margin: 0px;padding: 0px 2%;place-items:center;border: solid 20px #F6EFE9;}
.slide-wrap{width:65%;position:relative;margin:0px;border: solid 20px #F6EFE9;border-left: none;}
.slide-wrap .slick-slider, .slide-wrap .slick-slider .slick-list{height:100%;}
.prj-brand{margin: 0px auto 0px;padding:40px 0 40px 0;}
.prj-brand img{display:block;margin:auto;}
p.bigger{font-size:1.4vw;margin:3vh auto 1vh;}
.form-wrap input:not([type='checkbox']){display:block;width:100%;margin-bottom:0px;background: transparent;color: #000000;text-align: right;    border: solid 1px #000000;padding:6px 5px;font-size:1vw;}
.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:2vh auto 0px;padding-top:4vh;padding-bottom:4vh;}
h1{text-align:center;font-size:4.5vw;line-height: 1em;margin: 0px;font-weight:700;color:#004104;}
p.price{font-size:2.5vw;position:relative;font-weight: 700;width:max-content;margin:4vh auto 6vh;color:#004104;}
p{font-size: 1vw;font-weight: 400;text-align: center;margin: auto;line-height: 1.2em;}
p.form-ttl{margin: 0px auto 1vh;font-size: 1.2vw;font-weight: 400;text-align:center;}
.chb-holder .chb{display:flex;align-items:start;line-height: 1em;text-align:justify;font-size: 0.75vw;font-weight: 400;}
.form-wrap input[type='checkbox']{margin-top: 1px;margin-left: 10px;}
button#btn_submit{border:none;font-size:1vw;color:#ffffff;width:100%;height:100%;background:#004104;}
button#btn_submit:hover{color:#0B162C;}
.form-flex{display:flex;margin-bottom:1vh;flex-wrap:wrap;justify-content:space-between;}
.form-flex .form-fields{width:48%;order:1;}
.form-flex .form-fields.bm0 input{margin-bottom:0px;}
.form-flex .form-btn{width:48%;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:#ffffff;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:#004104 !important;}
.slick-dots li{margin: 0px 5px;}
.footer{}
.footer p{padding-right: 0px;margin: 0px auto;font-size: 0.8vw;}
.footer p.flegal{font-size: 12px;text-align: center;margin-top:1em;}
.legal{position:absolute;bottom:10px;right:10px;}
.legal img {width:60%;height:auto;padding:20px;background-color:#ffffff;}
::-ms-input-placeholder {color:#000000;}
::placeholder {color:#000000;}
.slick-slide img{width:100%;height:100%;object-fit:cover;}
.kahuna{position:fixed;left:2px;top:50%;transform:translateY(-50%);}
@media only screen and (max-width: 1600px){
	.yellow-box{top:95px;}
	h1 > span{font-size:1.8vw;}
}
@media only screen and (max-width: 767px){
	.kahuna{left:5px;width:10px;}
	.hide-on-mobile{display:none;}
	.prj-brand img{height:auto;}
	.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:3vh 0px;display:flex;flex-direction:column;border: solid 15px #ffffff;}
	.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:0px;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:90vw;margin-bottom:0px;margin-left:5vw;margin-right:5vw;}
	h1{font-size:14vw;font-weight:700;margin-bottom: 0px;}
	h1 > span{font-size:8vw;display: block;margin-top: 2vh;}
	.p2 h1{font-size:10vw;}
	.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: 100%;}
	.content-wrap .slide-wrap{position:relative;}
	.slick-slide{height:auto;}
	p.form-ttl{font-size: 6vw;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;}
	.mobile-header{background: #0B162C;}
	.form-flex .form-fields{width:100%;order:1;}
	.form-flex .form-btn{width:100%;}
	.form-flex .chb-wrap{width:100%;margin-top:2vh;}
	.prj-info{margin: 2vh auto 4vh;}
	.white-box{margin: 15vh 5vw 3vh;padding: 20px 10px 10px;}
	.white-box p.yellow-box{font-size:4vw;width: 92%;padding: 5px 0px;top: 100%;}
	.white-box p{font-size:6vw;font-weight: 700;}
	.price p{font-size:19vw;}
	.price p span.from{font-size:3.8vw;}
	p{font-size:6vw;}
	.footer p.flegal{padding:0px 8%;font-size:12px;}
	.prj-info p{font-size:4vw;}
	.content-wrap h1{}
	.content-wrap .form-wrap{margin-top:0px;}
	.content-wrap .slide-wrap{border-top:solid 15px #ffffff;border-bottom:solid 15px #ffffff;height:300px;width:100%;overflow:hidden;border-right:none;}
	.content-wrap .fade{height:300px;width:100%;}
	.content-wrap .fade .slick-slide img{height:300px;width:auto;}
	.content-wrap .price{font-size:10vw;}
	.content-wrap .prj-info{}
	.content-wrap .logo-wrap{display:block;margin-top:20px;}
	.content-wrap .footer{}
	.prj-brand{}
	p.bigger{font-size:7vw;}
	#wait, .el-error{font-size:5vw;}
	.logo-wrap img{max-height:100%;}
	.proj-info.hide-on-pc{position: static;flex-wrap: wrap;margin-top: 10px;justify-content:space-between;padding: 20px 10px 0px;display:flex;}
	.proj-info .proj-info-item{width:48%;margin-bottom:20px;}
	.proj-info .proj-info-item:nth-child(2), .proj-info .proj-info-item:nth-child(4){border-left:none;}
	.proj-info .proj-info-item:last-child{width:100%;}
	.contact-btn{position:fixed;background: #F78B5A;color:#ffffff;font-size:5vw;font-weight:600;cursor:pointer;text-align:center;bottom:0px;left:0px;right:0px; padding:5px 0px;}
}
@media only screen and (min-width: 412px) and (orientation: portrait)
{ 
	.slick-slide img.hide-on-mobile{display:none;}
	.slick-slide img.hide-on-pc{display:block;margin:3vh 2vw 3vh;}
	.white-box{margin: 6vh 5vw 3vh;padding: 20px 10px 10px;}
 }