@charset "UTF-8";
/* CSS Document */

/* ----------mainV–---------- */
.mainV{
	width:100vw;
	margin:0 calc(50% - 50vw);
	display:flex;
	max-height:700px;
}
.mainV .image{
	width:50%;
	overflow:hidden;
}
.mainV .image img{
	width:100%;
	height:100%;
	vertical-align:bottom;
	object-fit: cover;
	object-position:bottom center;
}
.mainV .detail{
	width:50%;
	background:#171841;
	align-items:center;
	display:flex;
}
.mainV .detail .inner{
	color:#fff;
	margin:auto;
}
.mainV .detail .inner h2{
	font-size:2.2rem;
	text-align:center;
}
.mainV .detail .inner h2 span{
	display:block;
	font-size:50%;
	line-height:1.5em;
}
.mainV .detail .inner h1{
	font-size:1.3rem;
	text-align:center;
	margin:0 0 1em 0;
}
.mainV .detail .inner ul{
	text-align:center;
}
.mainV .detail .inner ul li{
	font-size:1rem;
	padding:0.3em 0;
	border-top:0.5px dotted #fff;
}
.mainV .detail .inner ul li p{
}
.mainV .detail .inner ul li p span{
	font-size:150%;
}
.mainV .detail .inner ul li:last-child{
	border-bottom:0.5px dotted #fff;
}

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.mainV{
		width:100;
		margin:0 calc(50% - 50vw);
		display:block;
		max-height:unset;
	}
	.mainV .image{
		width:100%;
	}
	.mainV .detail{
		width:100%;
		padding:100px 0;
	}
}



/* ----------overview–---------- */
.overview{
	padding:10vh 0;
}
.overview .text{
	width:90%;
	max-width:700px;
	margin:auto;
}
.overview .text h3{
	font-size:1.4rem;
	margin-bottom:1em;
}



/* ----------property–---------- */
.property{
}
.property .inner{
	margin-bottom:150px;
	background:#f1f1ee;
	padding:3%;
}
.property .inner h2{
	color:#fff;
	font-size:1.3rem;
	border-bottom:2px solid #bfbfad;
	margin:0 0 20px 0;
	line-height:1em
}
.property .inner h2 span{
	background:#bfbfad;
	padding:0em 1em;
	border-radius:5px 5px 0 0;
}
.property .sub_inner{
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	margin:0 0 50px 0;
}
.property .sub_inner .image_detail{
	width:40%;
	height:100%;
}
.property .sub_inner .plan{
	width:58%;
}
.property .sub_inner .plan dl{
	width:100%;
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
}
.property .sub_inner .plan dl dt{
	width:49.5%;
}
.property .sub_inner .plan dl dt img{
	width:100%;
}
.property .sub_inner .plan .infomation{
}
.property .sub_inner .plan .infomation .price_box{
	margin:0 0 0 auto;
	text-align:right;
	width:fit-content;
}
.property .sub_inner .plan .infomation .price_box .size{
}
.property .sub_inner .plan .infomation .price_box .size dd{
	border-bottom:1px solid #ccc;
}
.property .sub_inner .plan .infomation .price_box .size dd span{
	display:block;
	font-size:80%;
	line-height:1em;
	margin-bottom:1em;
}
.property .sub_inner .plan .infomation .price_box .price{
	vertical-align:bottom;
	align-items:end;
	border-bottom:1px solid #ccc;
	padding:0 0 0.5em 0;
}
.property .sub_inner .plan .infomation .price_box .price span{
	line-height:1em;
	font-size:1rem;
}
.property .sub_inner .plan .infomation .price_box .price span em{
	font-size:250%;
	line-height:1em;
	margin:0 0.1em;
}
.property .outline{
	display:flex;
	justify-content:space-between;
}
.property .outline ul{
	width:49%;
	border:1px solid #bfbfad;
	height:fit-content;
}
.property .outline ul li{
	display:flex;
	font-size:85%;
	border-bottom:1px solid #bfbfad;
	line-height:1.6em;
}
.property .outline ul li:last-child{
	border-bottom:unset;
}
.property .outline ul li dt{
	width:150px;
	background:#deded2;
	text-align:center;
	padding:0.5em 0;
}
.property .outline ul li dd{
	width:calc(100% - 150px);
	padding:0.5em 0 0.5em 1em;
	background:#fff;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.property .sub_inner{
		display:block;
		justify-content:unset;
		padding:3%;
	}
	.property .sub_inner .image_detail{
		width:100%;
		margin-bottom:50px;
		aspect-ratio:1 / 1;
	}
	.property .sub_inner .image_detail .swiper-wrapper .swiper-slide{
		aspect-ratio:1 / 1;
	}
	.property .sub_inner .plan{
		width:100%;
	}
	.property .sub_inner .plan dl{
		margin:50px 0;
	}
	.property .outline{
		display:block;
		justify-content:unset;
		max-width:500px;
		margin:auto;
	}
	.property .outline ul{
		width:100%;
		height:fit-content;
	}
	.property .outline ul:first-child{
		border-bottom:unset;
	}
		.property .sub_inner .plan .infomation .price_box{
		display:block;
		justify-content:unset;
		text-align:center;
		max-width:500px;
		margin:0 auto 50px;
	}
	.property .sub_inner .plan .infomation .price_box .size{
		width:100%;
	}
	.property .sub_inner .plan .infomation .price_box .price{
		text-align:center;
		display:block;
		width:100%;
	}
}
/* ----------699px–---------- */
@media screen and (max-width: 699px) {
	.property .sub_inner .image_detail{
		aspect-ratio:unset;
	}
	.property .sub_inner .image_detail .swiper-wrapper .swiper-slide{
		aspect-ratio:unset;
	}
	.property .sub_inner .plan dl{
		width:100%;
		display:block;
		justify-content:unset;
	}
	.property .sub_inner .plan dl dt{
		width:100%;
		margin-bottom:30px;
	}
	.property .sub_inner .plan dl dt img{
		max-width:500px;
		margin:auto;
		display:block;
	}
}

/* ----------life–---------- */
.life{
}
.life .map{
	background:#f1f1ee;
	padding:2%;
	box-sizing:border-box;
	margin-bottom:50px;
}
.life .map iframe{
	width:100%;
	height:500px;
}
.life　.lifeinfo{
}
.life .lifeinfo ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.life .lifeinfo ul li{
	width:48%;
}
.life .lifeinfo ul li h5{
	font-size:1rem;
	margin:0 0 0.5em 0;
	border-bottom:1px solid #ccc;
}
.life .lifeinfo ul li dd{
	border-bottom:1px dotted #ccc;
}
.life .lifeinfo ul li dd span{
	float:right;
}
/* ----------959px–---------- */
@media screen and (max-width: 959px) {
	.life .lifeinfo ul li{
		width:48%;
		margin-bottom:40px;
	}
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.life .lifeinfo ul li{
		width:100%;
		margin-bottom:40px;
	}
}

/* ----------599px–---------- */

@media screen and (max-width: 599px) {
}



/* ========================================
   Slick Slider
======================================== */

.slider img,
.thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* --------------------------
   メインスライダー
-------------------------- */
.slider {
  overflow: hidden;
  aspect-ratio: 5 / 3;
}
.slick-img {
  overflow: hidden;
  background: #f5f5f5;
}
.slick-img img {
  transition: transform 0.5s ease;
}
.slick-img:hover img {
  transform: scale(1.03);
}

/* --------------------------
   Slick調整
-------------------------- */
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto;
	z-index:2 !important;
}
.slick-slide > div {
  height: 100%;
}

/* --------------------------
   レスポンシブ
-------------------------- */
@media screen and (max-width: 768px) {
  .container {
    max-width: 100%;
  }
  .slider {
    margin-bottom: 8px;
  }
  .thumbnail .slick-slide {
    padding: 0 2px;
  }
  .thumbnail-img {
    border-radius: 6px;
  }
}

/* ========================================
   サムネイル中央寄せ
======================================== */
.thumbnail {
	width: 100%;
	margin: 10px auto 0;
	overflow:hidden
}
.thumbnail .slick-track {
  display: flex;
  justify-content: center;
}
.thumbnail .slick-list {
  overflow: visible;
}
.thumbnail .slick-slide {
  width: 120px !important;
  padding: 0 4px;
  cursor: pointer;
}
.thumbnail-img {
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid transparent;
  opacity: 0.5;
  transition: all 0.3s ease;
  background: #f5f5f5;
}
.thumbnail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* active */
.thumbnail .slick-current .thumbnail-img {
  border-color: #222;
  opacity: 1;
}
/* hover */
.thumbnail-img:hover {
  opacity: 1;
}