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

body{
	font-family: "Shippori Mincho", serif;
}
.fEn{
	font-family: "Cormorant Garamond", serif;
}
.fGo{
	font-family: "Noto Sans JP", sans-serif;
}
/*indexのみヘッダー処理*/
header{
	background-color: transparent;
		transition:0.3s;
}
.hWrap01{
	display: none;
}
.hWrap02{
	display: block;
}

.hLogoToyotaW{
	position: fixed;
	top: 10px;
	left: 10px;
	width: 100px;
}
@media (min-width:768px) {
	.hLogoToyotaW{
		top: 20px;
		left: 20px;
		width: 230px;
	}
}
main{
	margin-top: 0;
}
@media (min-width:768px) {
	main{
		margin-top: 0;
	}
}
#hBtnMenu span {
	background: #fff; /* 線の色 */
}
#hBtnMenu p {
	color: #fff;
}

/*スクロール時挙動*/
	header.scroll-nav{
		background-color: #fff;
	}
header.scroll-nav .hWrap01{
	display: block;
}
header.scroll-nav .hWrap02{
	display: none;
}
header.scroll-nav #hBtnMenu span {
	background: #000; /* 線の色 */
}
header.scroll-nav #hBtnMenu p {
	color: #000;
}
/**/

/*背景固定
https://itokoba.com/archives/2375*/
.ind0716_01{
	width: 100%;
	color: #fff;
	height: 610vw;
	max-height: 6100px;
	position: relative; /* positionをrelativeに変更。 */
}
.ind0716_01 .wrap01{
	position: absolute; /* positionをabsoluteに変更。 */
	top: 0; /* topを設定する。 */
	left: 0; /* leftを設定する。 */
	width: 100%;
	height: 100%;
   clip-path: inset(0);
} 
.ind0716_01 .bgimg{
	position: fixed; /* fixedに変更する。それ以外は同じ。 */
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-image: url(../images/index/20240716_01.jpg);
}



/*モーダル*/

.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
z-index: 10000
}
.btn_area {
width: 50vh;
height:80vh;
max-width: 90%;
max-height:120vw;/*20250203追加*/
position: absolute;
top: calc(50% - 20px);
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
z-index: 2;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}
.btn_area .ttl {
font-weight: bold;
}
.btn_area p {
padding: 15px;
}
.btn_area button {
margin:10px auto 0;
width: 100px;
background: #000;
color: #fff;
padding:10px;
border: none;
cursor: pointer;
transition-duration: 0.2s;
font-family: serif;
}
.btn_area button:hover {
background: #333;
}
.btn_area .wrap01{
	width: 50vh;
	height:70vh;
	max-width: 100%;
	overflow-y:scroll;
background-color:#fff;
	z-index: 1;
}
.btn_area .wrap02{
	background-color:#fff;
}
.btn_area .wrap03{
	background-color:#000;
}
.btn_area .wrap01 .btn01{
	display:block;
	width:90%;
	margin:0 auto;
	padding:0 0 50px;
}
/**/


/*PC問い合わせ固定*/
.floConPc{
	display:none;
	position: fixed;
	z-index:10;
	right:0;
	bottom:0;
	width:360px;
	height:310px;
	background: #0f1324;
	text-align:center;
	padding:20px;
}
.floConPc .closeBtn{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	color:#fff;
	background: #0f1324;
	z-index:20;
	right:0;
	top:0;
	font-size:15px;
	padding:3px;
	border: 0;
	cursor: pointer;
	transition-duration: 0.2s;
	font-family: serif;
}
.floConPc .closeBtn:hover{
	opacity:0.7;
}
.floConPc .logo{
	width:220px;
	margin:0 auto 10px;
}
.floConPc p{
	color:#fff;
	font-size:1.6rem;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	margin-bottom:10px;
}
@media(min-width:768px){
	.floConWrap{
		display:block;
	}
	.floConPc{
		display:block;
	}
}
/**/


/*parallax用*/
footer{
	background: #fff;
	z-index:2;
	position: relative;
	padding:0 0 60px;
}
/**/
.mvBg01 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 78vh;
  width: 100%;
  overflow: hidden;
/*  background: url('../images/index250513/mv_movie_dammy.png') no-repeat center center / cover;*/
}
.mvBg01 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media(min-width:768px){
	.mvBg01 {
	  height: 100vh;
	  width: 100%;
	}
	.mvBg01 video {
	  width: 100%;
	  height: 100%;
	}
}
.parWrap100vh {
	position: relative;
	z-index: 2;
	min-height: 100vh;
	display:block;
}
.parWrap50vh {
	position: relative;
	z-index: 2;
	min-height: 50vh;
	display:block;
}
.parWrap {
	position: relative;
	z-index: 2;
	display:block;
	background: #fff;
}
.parWrapMovie01{
	position: relative;
	z-index: 2;
	min-height: 38vw;
	display:block;
}

/*maincopy*/
.mvCopy01 {
	width:100%;
	background: #001835;
	position:absolute;
	left:0;
	bottom:0;
	display:flex;
	justify-content: center;
	align-items: center;
	height:22vh;
}
.mvCopy01 img {
	width:auto;
	height:auto;
	max-width:80%;
	max-height:16vh;
	transform:translateY(-4%);
}
@media(min-width:768px){
	.mvCopy01 {
		min-width:350px;
		width:30%;
		background: none;
		left:5%;
		bottom:5vw;
		display:block;
		padding:0;
		height:auto;
	}
	.mvCopy01 img {
		width:100%;
		height:auto;
		max-width:100%;
		max-height:100%;
	}
}
/**/

/*merit*/
.indMerit01{
	background: #070d26;
	color:#fff;
	text-align:center;
	padding:20px 0;
}
.indMerit01 .wrap01{
	display:flex;
	justify-content: center;
	align-items: stretch;
	width:90%;
	margin:0 auto;
	padding:20px 0;
}
.indMerit01 .wrap01:nth-of-type(1){
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.indMerit01 .unit01{
	width:50%;
}
.indMerit01 .unit01:nth-of-type(2n){
	border-left:1px solid rgba(255,255,255,0.5);
}
.indMerit01 .unit01 .txt01{
	font-size:1.5rem;
	font-size:clamp(1rem,1.5vw,1.5rem);
	line-height: 1.3;
}
.indMerit01 .unit01 .txt02{
	font-size:3rem;
	font-size:clamp(2.2rem,3vw,3rem);
	line-height: 1.4;
}
.indMerit01 .unit01 .txt02 span{
	font-size:4rem;
	font-size:clamp(3rem,4vw,4rem);
	color:#DFB782;
}
.indMerit01 .unit01 .txt02.num span{
	font-size:4.5rem;
	font-size:clamp(3.6rem,4.5vw,4.5rem);
	line-height: 1.1;
}

@media(min-width:768px){
	.indMerit01{
		display:flex;
		justify-content: center;
		align-items: stretch;
	}
	.indMerit01 .wrap01{
		max-width:600px;
		width:100%;
		margin:0;
		padding:20px 0;
	}
	.indMerit01 .wrap01:nth-of-type(1){
		border-bottom:none;
	}
	.indMerit01 .unit01{
		width:50%;
	}
	.indMerit01 .unit01:nth-of-type(1n){
		border-left:1px solid rgba(255,255,255,0.5);
	}
	.indMerit01 .wrap01:nth-of-type(2) .unit01:nth-of-type(2n){
		border-right:1px solid rgba(255,255,255,0.5);
	}
}


/*infoトップ→共通*/
.indInfo{
	background-image: url(../images/index250513/info_bg_sp.jpg);
	background-size: cover;
	background-position: center center;
	padding:80px 0;
}
.indInfo.bg02{
	background-image:none;
	background-color: #f2ede9;
}



/*introduction*/
.indIntro01{
	background: #f2ede9;
	padding-top:clamp(60px,14vw,140px);
	padding-bottom:clamp(60px,14vw,140px);
}
.indIntro01 .txtwrap{
	width:90%;
	margin:0 auto;
	text-align: left;
	margin-bottom:10vw;
}
.indIntro01 .txtwrap .ttl01{
	font-family: Cinzel;
	font-weight: 500;
	text-decoration: underline;
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 1.25;
	color: #bd9f77;
	margin-bottom:2em;
}
.indIntro01 .txtwrap .txt01{
	font-weight: 500;
	font-size: 48px;
	font-size:clamp(3.2rem,4.8vw,4.8rem);
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom:1.5em;
}
.indIntro01 .txtwrap .txt02{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: 26px;
	font-size:clamp(1.8rem,2.6vw,2.6rem);
	letter-spacing: 0.15em;
	line-height: 1.2;
	margin-bottom:1em;
}
.indIntro01 .txtwrap .txt03{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: 16px;
	line-height: 2.5;
}
.indIntro01 .imgwrap{
	width:95%;
	margin-left: 5%;
}
.indIntro01 .imgwrap img{
	filter: drop-shadow(32px 32px 112px rgba(0,0,0,0.2));
}
@media(min-width:768px){
	.indIntro01{
		display: flex;
		justify-content: center;
		align-items: stretch;
		padding:0;
		background-image: url(../images/index250513/intro02.png);
		background-position: left 30% center;
		background-size: 70% auto;
		background-repeat: no-repeat;
	}
	.indIntro01 .txtwrap{
		width:40%;
		max-width:700px;
		margin:0 0 0 10%;
		padding-top:clamp(60px,14vw,140px);
		padding-bottom:clamp(60px,14vw,140px);
		border-left:1px solid #fff;
	}
	.indIntro01 .imgwrap{
		width:50%;
		max-width:860px;
		margin:0;
		padding-top:clamp(60px,14vw,140px);
		padding-bottom:clamp(60px,14vw,140px);
		display: flex;
		align-items: center;

	}
}



/*houseplan*/
.indHouse{
	background: #e0d9d2;
	padding-bottom:40px;
}
.indHouse .ttl01{
	font-family: Cinzel;
	font-weight: normal;
	font-size: 120px;
	font-size:clamp(6rem,12vw,12rem);
	letter-spacing: 0.08em;
	line-height: 1.3;
	text-align: center;
	color: #bd9f77;
	margin-top:-0.6em;
	margin-bottom:0.25em;
}
.indHouse .img01{
	width:100%;
}
.indHouse .img03{
	width:90%;
	max-width:700px;
	margin:0 auto 80px;

}
/*slide*/
.houseSlide{
	margin-bottom:80px !important;
}
.houseSlide .slick-slide{
	margin:0 2vw;
}
/*arrow*/
.houseSlide .slick-prev,
.houseSlide .slick-next{
	position:absolute;
	z-index:100;
}
.houseSlide .slick-prev{
	top:40%;
	left:calc(10vw - 5px);
}
.houseSlide .slick-next{
	top:40%;
	right:calc(10vw + 5px);
}
.houseSlide .slick-next:before,
.houseSlide .slick-prev:before {
	content:"";
	left:0;
	top:0;
	display:block;
	width:30px;
	height:30px;
	background: #001835;
}
.houseSlide .slick-prev:after,
.houseSlide .slick-next:after{
	content:"";
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	top:10px;
	transform: rotate(45deg);
}
.houseSlide .slick-prev:after{
	left:12px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
}
.houseSlide .slick-next:after{
	left:8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
}
/*dots*/
.houseSlide .slick-dots {
    position: absolute;
    bottom: -60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.houseSlide .slick-dots li button:before {
    opacity: .75;
    font-size: 15px;
    color: #fff;
}
.houseSlide .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #bd9f77;
}
@media(min-width:640px){
	.houseSlide .slick-slide{
		margin:0 2.5vw;
	}
	.houseSlide .slick-prev{
		left:27.5vw;
	}
	.houseSlide .slick-next{
		right:calc(27.5vw + 40px);
	}
	.houseSlide .slick-next:before,
	.houseSlide .slick-prev:before {
		width:60px;
		height:60px;
	}
	.houseSlide .slick-prev:after,
	.houseSlide .slick-next:after{
		content:"";
		display:block;
		position:absolute;
		width:15px;
		height:15px;
		top:22px;
		transform: rotate(45deg);
	}
	.houseSlide .slick-prev:after{
		left:25px;
		border-bottom:2px solid #fff;
		border-left:2px solid #fff;
	}
	.houseSlide .slick-next:after{
		left:20px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
	}
}
/**/


/*siteplan*/
.indSite{
	background: #f2ede9;
	background-image: url(../images/index250513/siteplan03_sp.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position: center bottom;
	padding-top:clamp(60px,10vw,100px);
	padding-bottom:75vw;
}
@media(min-width:768px){
	.indSite{
		background-image: url(../images/index250513/siteplan03_pc.jpg);
		padding-top:80px;
		padding-bottom:30vw;
	}
}
.indSite .ttl01{
	font-family: Cinzel;
	font-weight: normal;
	font-size: 64px;
	font-size:clamp(3.2rem,6.4vw,6.4rem);
	line-height: 1.2;
	text-align: center;
	color: #bd9f77;
}
.indSite .wrap01{
	width:90%;
	max-width:1200px;
	background-color: #fff;
	margin:0 auto;
	box-shadow: 16px 16px 48px rgba(0, 0, 0, 0.1);
	padding:0 0 40px;
}
.indSite .txt01{
	font-size: 20px;
	font-size:clamp(1.5rem,2vw,2.4rem);
}
/**/


/*miyoshi*/
.indMiyoshi{
	background: #f2ede9;
	padding:80px 0;
}
.indMiyoshi .wrap01{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.indMiyoshi .wrap02{}
.indMiyoshi .wrap03{}
.indMiyoshi .img01{
/*	width:550px;*/
	width:100%;
	margin-bottom:5vw;
}
.indMiyoshi .img02{
/*	width:212px;*/
	margin-bottom:5vw;
	width:38%;
}
.indMiyoshi .img03{
	box-shadow: 20px 20px 44px rgba(0, 0, 0, 0.15);
}

@media(min-width:768px){
	.indMiyoshi{
		background: #f2ede9;
background: #e0d9d2;
background: linear-gradient(90deg,#f2ede9 75%, #f2ede9 75%, #e0d9d2 75%);
		padding:120px 0;
	}
	.indMiyoshi .wrap01{
		width:100%;
		margin:0;
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.indMiyoshi .wrap02{
		width:50%;
		padding-left:10%;
		padding-right:5%;
	}
	.indMiyoshi .wrap03{
		width:50%;
	}
	.indMiyoshi .img01{
		display:block;
		max-width:550px;
		margin-bottom:50px;
	}
.indMiyoshi .img02{
		display:block;
		max-width:212px;
		margin-bottom:0;
	}
}

/*The Forest Life Miyoshigaoka*/
.indMiyoshi01{
	background: #f2ede9;
	padding-top:clamp(60px,20vw,200px);
	padding-bottom:clamp(60px,20vw,200px);
}
.indMiyoshi01 .wrap01{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.indMiyoshi01 .wrap02{
	width:100%;
	text-align: left;
	margin-bottom:10vw;
}
.indMiyoshi01 .wrap02 .ttl01{
	font-family: Cinzel;
	font-weight: 400;
	font-size: 24px;
	font-size:clamp(1.4rem,2.4vw,2.4rem);
	letter-spacing: 0.1em;
	line-height: 1.25;
	color: #bd9f77;
}
.indMiyoshi01 .wrap02 .ttl02{
	font-family: Cinzel;
	font-weight: 400;
	font-size: 40px;
	font-size:clamp(2.4rem,4vw,4rem);
	letter-spacing: 0.1em;
	line-height: 1.25;
	color: #bd9f77;
	margin-bottom:1em;
}
.indMiyoshi01 .wrap02 .txt01{
	font-weight: 500;
	font-size: 48px;
	font-size:clamp(3.2rem,4.8vw,4.8rem);
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom:1em;
}
.indMiyoshi01 .wrap02 .txt02{
	font-size: 22px;
	font-size:clamp(1.4rem,2.2vw,2.2rem);
	line-height: 2;
	margin-bottom:1em;
}
.indMiyoshi01 .wrap02 .btn01{
	font-size: 22px;
	font-size:clamp(1.4rem,2.2vw,2.2rem);
	line-height: 2;
	margin-bottom:1em;
	text-decoration: underline;
	position: relative;
}
.indMiyoshi01 .wrap02 .btn01::before{
	position: absolute;
	content:"";
	right:-50px;
	top:calc(50% - 16px);
	display:block;
	width:32px;
	height:32px;
	border-radius: 16px;
	background: #bd9f77;
}
.indMiyoshi01 .wrap02 .btn01::after{
	position: absolute;
	content:"";
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	right:-36px;
	top:calc(50% - 4px);
	transform: rotate(-135deg);
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
}
.indMiyoshi01 .wrap03{
	width:100%;
}
.indMiyoshi01 .wrap03 img{
	filter: drop-shadow(32px 32px 112px rgba(0,0,0,0.2));
}
@media(min-width:768px){
	.indMiyoshi01{
		background: #f2ede9;
		background: #e0d9d2;
		background: linear-gradient(90deg,#f2ede9 75%, #f2ede9 75%, #e0d9d2 75%);
		padding:200px 0;
	}
	.indMiyoshi01 .wrap01{
		width:100%;
		max-width:1920px;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.indMiyoshi01 .wrap02{
		width:50%;
		margin:0;
		padding-left:10%;
		padding-right:2%;
		max-width:900px;
	}
	.indMiyoshi01 .wrap03{
		width:50%;
		margin:0;
	}
}



/*location*/
.indLoc{
	background: #fff;
	padding:80px 0 0;
}
.indLoc .ttl01{
	font-family: Cinzel;
	font-weight: 400;
	font-size: 40px;
	font-size:clamp(2.4rem,4vw,4rem);
	letter-spacing: 0.1em;
	line-height: 1.25;
	color: #bd9f77;
	margin-bottom:1em;
	text-align:left;
}
.indLoc .txt01{
	font-weight: 500;
	font-size: 40px;
	font-size:clamp(2.4rem,4vw,4rem);
	line-height: 2;
	margin-bottom:1em;
	text-align:left;
}
.indLoc .btnwrap{
	width:90%;
	margin:0 auto;
}
.indLoc .btnwrap a{
	display:block;
	margin-bottom:20px;
}
@media(min-width:768px){
	.indLoc .btnwrap{
		max-width:1200px;
		display:flex;
		justify-content: space-between;
	}
	.indLoc .btnwrap a{
		width:47%;
		max-width:560px;
	}
}


/*quality*/
.indQua{
	background: #273f5d;
	background-image: url(../images/index250513/quality_bg_sp.jpg);
	background-size:100% 100%;
	padding:80px 0;
}
@media(min-width:768px){
	.indQua{
		background-image: url(../images/index250513/quality_bg_pc.jpg);
	}
}
@media(min-width:768px){
	.indQua{
		padding:120px 0;
	}
}
.indQua .wrap01{
	background-image: url(../images/index250513/quality_bg02_sp.jpg);
	background-size:cover;
	background-position: center center;
	color:#fff;
	width:90%;
	height:153vw;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:10vw 5% 0;
}
.indQua .wrap02{}
@media(min-width:768px){
	.indQua .wrap01{
		background-image: url(../images/index250513/quality_bg02_pc.jpg);
		max-width:1200px;
		max-height:580px;
		height:48vw;
		padding:0;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.indQua .wrap02{
		margin-left:56%;
	}
}
.indQua .wrap01 .ttl01{
	font-family: Cinzel;
	font-weight: normal;
	font-size:max(2.4rem,6.5vw);
}
.indQua .wrap01 .txt01{
	font-size:max(18px,4.5vw);
	line-height: 2;
	margin-bottom:0.5em;
}
.indQua .wrap01 .txt02{
	font-size:max(14px,3vw);
	line-height: 2;
	margin-bottom:1.5em;
}
.indQua .wrap01 .btn02{
	display:inline-block;
	font-size: 22px;
	font-size:clamp(1.4rem,2.2vw,2.2rem);
	line-height: 2;
	margin-bottom:1em;
	text-decoration: underline;
	position: relative;
	color:#fff;
}
.indQua .wrap01 .btn02::before{
	position: absolute;
	content:"";
	right:-50px;
	top:calc(50% - 16px);
	display:block;
	width:32px;
	height:32px;
	border-radius: 16px;
	background: #fff;
}
.indQua .wrap01 .btn02::after{
	position: absolute;
	content:"";
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	right:-36px;
	top:calc(50% - 4px);
	transform: rotate(-135deg);
	border-bottom:2px solid #000;
	border-left:2px solid #000;
}
@media(min-width:768px){
	.indQua .wrap01 .ttl01{
		font-size: 40px;
		font-size:min(3vw,4rem);
	}
	.indQua .wrap01 .txt01{
		font-size:min(2vw,26px);
	}
	.indQua .wrap01 .txt02{
		font-size:min(1.2vw,16px);
	}
	.indQua .wrap01 .btn02{
		font-size:min(1.8vw,2.2rem);
	}
}


/*quality*/
.indLogo{
	position: relative;
	z-index: 2;
	min-height: 42.2vw;
	display:block;
	display:flex;
	justify-content: center;
	align-items: center;
	background-color:rgba(0,0,0,0.5);
}
.indLogo .img01{
	width:60%;
}
@media(min-width:768px){
	.indLogo .img01{
		width:33%;
	}
}



.bnrLikes{
	background: #F2EDE9;
	padding:70px 0;
}
.bnrLikes a{
	display: block;
	width:90%;
	margin:0 auto;
	max-width: 1200px;
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.16);
}