@charset "utf-8";
/*index*/


/*The Forest Life*/
.life01{
	background-image: url(../images/lifescene/life03.png);
	background-size:90%;
	background-position:right bottom;
	background-repeat: no-repeat;
	padding-bottom:20vw;
}
.life01 .img01{
	width:100%;
}
.life01 .img02{
	width:90%;
	margin-right:10%;
}
.life01 .txtwrap01{
}
.life01 .txtwrap02{
	width:90%;
	margin-top:-15vw;
	margin-bottom:-10vw;
	margin-left:auto;
	margin-right:auto;
	background: rgba(7,13,38,0.85);
	box-shadow: 24px 24px 40px rgba(0, 0, 0, 0.2);
	color:#fff;
	text-align:left;
	z-index:2;
	position: relative;
	padding:20vw 5%;
}
@media (min-width:768px){
	.life01{
		background-size:75%;
		padding-bottom:5vw;
	}
	.life01 .img01{
		width:100%;
	}
	.life01 .img02{
		width:40%;
		margin-right:0;
		margin-left:12%;
	}
	.life01 .txtwrap01{
		width:90%;
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	.life01 .txtwrap02{
		width:80%;
		width:600px;
		margin-top:-18vw;
		margin-bottom:-12.5vw;
		margin-left:auto;
		margin-right:0;
		padding:80px 6.5%;
	}
}



.living01{}
.living01 .img01{
	width:100%;
}
.living01 .wrap01{
	width:100%;
	max-width:1200px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}
/**/
.living01 .ttlwrap01{
	background-color:#070D26;
	color:#fff;
	text-align:left;
	padding-top:45px;
	padding-bottom:40px;
	padding-left:5%;
	padding-right:5%;
	box-shadow: 24px 24px 40px rgba(0, 0, 0, 0.2);
}
.living01 .ttlwrap01 .txt01{
	font-size:26px;
	font-size: clamp(18px,2.2vw,26px);
	line-height: 1.5;
}
.living01 .ttlwrap01 .txt02{
	font-size:48px;
	font-size: clamp(33px,4vw,48px);
	line-height: 1.5;
	margin-bottom:0.4em;
}
.living01 .ttlwrap01 .txt03{
	font-size:18px;
	font-size: clamp(12px,1.2vw,18px);
	font-family: "Cinzel", serif;
	color:#DFB782;
	letter-spacing: 0.1em;
}
/**/
.living01 .txtwrap01{
	padding-top:60px;
	padding-top:clamp(60px,8vw,80px);
	padding-bottom:60px;
	padding-bottom:clamp(60px,8vw,80px);
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-family: "Noto Sans JP", sans-serif;
}
.living01 .txtwrap01 .txt01{
	text-align:left;
}
@media (min-width:768px){
	.living01 .txtwrap01 .txt01{
		text-align:center;
	}
}

@media (min-width:768px){
	.living01 .wrap01{
		position:relative;
		width:90%;
	}
	.living01 .ttlwrap01{
		display:inline-block;
		width:auto;
		position:absolute;
		top:-130px;
		left:-5vw;
	padding-left:7%;
	padding-right:7%;
	}
	.living01 .txtwrap01{
		padding-top:17vw;
		padding-bottom:60px;
	}
}
@media (min-width:1215px){
	.living01 .ttlwrap01{
		top:-130px;
		left:-80px;
	}
	.living01 .txtwrap01{
		padding-top:200px;
	}
}
/**/
.living01 .unit01{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-family: "Noto Sans JP", sans-serif;
	border-top:2px solid #F2EDE9;
	padding-top:clamp(40px,8vw,80px);
	padding-bottom:clamp(50px,8vw,80px);
}
.living01 .unit01 .txtwrap02{
	text-align:left;
	margin-bottom: 30px;
}
.living01 .unit01 .txtwrap02 .txt01{
	color:#985700;
	font-size: clamp(18px,1.8vw,20px);
	font-family: "Cinzel", serif;
	letter-spacing: 0.1em;
}
.living01 .unit01 .txtwrap02 .txt02{
	font-size: clamp(26px,2.6vw,32px);
	margin-bottom:0.5em;
}
.living01 .unit01 .img02{
	width:100%;
}
@media (min-width:768px){
	.living01 .unit01{
		width:90%;
		max-width:1000px;
		margin-left:auto;
		margin-right:auto;
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.living01 .unit01.rvs{
		flex-direction: row-reverse;
	}
	.living01 .unit01 .txtwrap02{
		margin:0;
		width:55%;
	}
	.living01 .unit01 .txtwrap02 .txt02{
		margin-bottom:0.75em;
	}
	.living01 .unit01 .img02{
		width:40%;
		margin:0;
	}
}

.living01 .slide{
	width:100%;
	padding-top:clamp(80px,8vw,100px);
	padding-bottom:clamp(100px,10vw,160px);
}
.living01 .slide .slick-slide{
	margin:0 4vw 32px;
	box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
	border-radius:8px;
}
.living01 .slide img{
	border-radius:8px;
}
@media (min-width:640px){
	.living01 .slide .slick-slide{
		margin:0 2vw 32px;
	}
}



.location01{
	background-image: url(../images/lifescene/loc_bg_sp.jpg);
	background-size:cover;
	padding-top:clamp(60px,12vw,120px);
	padding-bottom:clamp(60px,7vw,70px);
}
.location01 .bnr01{
	display:block;
	max-width:1200px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
@media (min-width:768px){
	.location01{
		background-image: url(../images/lifescene/loc_bg_pc.jpg);
	}
}