@charset "UTF-8";




.kv-photo {
  height: 100lvh;
}
.kv-photo__bg,
.kv-photo__item {
	top: 0 !important;
}
@media screen and (max-width: 768px) {
	.kv-photo {
    height: calc(100lvh - 70px);
	}
}




/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
animation photo
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.js-parallax-wrap {
	width: 100%;
	overflow: clip;
	display: flex;
	align-items: center;
	justify-content: center;
}
.js-parallax ,
.js-parallax-reverse {
	/*transform: scale(1.1);*/
	transform: scale(1.3);
}
@media screen and (max-width: 768px) {
	.js-parallax ,
	.js-parallax-reverse {
		transform: scale(1.2);
	}
}





/*  l-premiumKv
--------------------------------------------------*/
.l-premiumKv {
	position: relative;
	width: 100%;
}
.premiumKv-photo {
	width: 100%;
}
.premiumKv-detail {
	padding-block: 17.0rem 16.0rem;
	background-color: #333333;
}
.premiumKv-detail__ttlEn {
	font-size: 10.0rem;
	color: #cbc2a7;
	line-height: 1cap;
	letter-spacing: .08em;
	text-align: center;
	margin-bottom: 4.0rem;
}
.premiumKv-detail__ttlJp {
	font-size: 2.0rem;
	color: #cbc2a7;
	line-height: 1;
	letter-spacing: .08em;
	text-align: center;
	margin-bottom: 6.5rem;
}
.premiumKv-detail__desc {
	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
	letter-spacing: .08em;
	text-align: center;
}
@media screen and (max-width: 768px){
	.premiumKv-photo {
		aspect-ratio: 380 / 370;
		overflow: clip;
	}
	.premiumKv-photo img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}
	.premiumKv-detail {
		padding-block: 6.5rem;
	}
	.premiumKv-detail__ttlEn {
		font-size: 4.6rem;
		margin-bottom: 1.8rem;
	}
	.premiumKv-detail__ttlJp {
		font-size: 1.4rem;
		margin-bottom: 3.5rem;
	}
	.premiumKv-detail__desc {
		font-size: 1.3rem;
	}
}


.premium-wrapeer {
	position: relative;
	width: 100%;
}
.premium-wrapeer::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 17.4rem;
  background: linear-gradient(0deg, rgba(195, 185, 155, 0) 0%, rgb(204 197 176) 100%);
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .premium-wrapeer::before {
    height: 8.0rem;
  }
}



/*  premium-sec
--------------------------------------------------*/
.premium-sec {
	position: relative;
	width: 100%;
	padding-block: 18.0rem;
}
.premium-sec:nth-child(odd) {
	background: linear-gradient(90deg, rgba(240, 238, 230, 0) 0%, rgba(240, 238, 230, 1) 50%, rgba(240, 238, 230, 0) 100%);
}
.premium-sec:nth-child(even) {
	background: #333333;
}
.l-living {
	padding-block: 16.0rem 18.0rem;
}
.living-ttl {
	font-size: 5.0rem;
	letter-spacing: 0.08em;
	color: #726256;
	text-align: center;
	margin-bottom: 12.0rem;
}
.premium-sec__head {
	width: min(95%,1660px);
	margin-bottom: 10.5rem;
}
#other .premium-sec__head {
	margin-bottom: 7.0rem;
}
.premium-sec:nth-child(odd) .premium-sec__head {
	margin-inline: 0 auto;
}
.premium-sec:nth-child(even) .premium-sec__head {
	margin-inline: auto 0;
}
.premium-sec__head__photo {
	width: calc(1160 / 1660 * 100%);
	aspect-ratio: 1160 / 600;
	overflow: clip;
}
.premium-sec__head__photo img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
.premium-sec__head__detail {
	width: calc(400 / 1660 * 100%);
}
.premium-sec__head__detail__ttl {
	height: 5.6rem;
}
.premium-sec__head__detail__ttl img {
	width: auto;
	height: 100%;
}
.premium-sec__head__detail__desc {
	font-size: 1.8rem;
	line-height: 2.66666667;
	letter-spacing: .1em;
	margin-top: 3.0rem;
}
.premium-sec__head__detail__desc--white {
	color: #fff;
}
.premium-sec:nth-child(even) .premium-sec__head__detail__desc {
	color: #fff;
}
.premium-contents {
	max-width: 1400px;
}
.premium-contents + .premium-contents {
	margin-top: 12.0rem;
}
.premium-artcle {
	display: grid;
	gap: 5.5rem 5.2rem;
}
.premium-artcle + .premium-artcle {
	margin-top: 6.5rem;
}
.premium-artcle--1col {
	grid-template-columns: repeat(1, 1fr);
}
.premium-artcle--2col {
	grid-template-columns: repeat(2, 1fr);
}
.premium-artcle--3col {
	grid-template-columns: repeat(3, 1fr);
}
.premium-artcle__item {
	position: relative;
	width: 100%;
	gap: 2.0rem 4.0rem;
}
.premium-artcle__item--span2 {
	grid-column: span 2;
}
.premium-artcle__item--spanRow2 {
	grid-row: span 2;
}
.premium-artcle__item__detail {
	flex: 1;
}
.premium-artcle__item__detail + .premium-artcle__item__detail {
	margin-top: 4.0rem;
}
.premium-artcle__item__detail__heading {
	border-bottom: solid 1px #b4a882;
	padding-bottom: 1.0rem;
	margin-bottom: 1.0rem;
  gap: 1.0rem 2.0rem;
}
.premium-artcle__item__detail__heading__txt {
	position: relative;
	font-size: 2.2rem;
	line-height: 1.72727273;
	letter-spacing: .075em;
	color: #92804c;
}
.premium-sec:nth-child(even) .premium-artcle__item__detail__heading__txt {
	color: #cbc2a7;
}
.premium-artcle__item__detail__heading__txt span {
  position: absolute;
  left: 110%;
  top: .6em;
  font-size: calc(14 / 22 * 1em);
  color: #333333;
  line-height: 2;
  letter-spacing: .05em;
  white-space: nowrap;
}
.premium-artcle__item__detail__heading__txt i {
	font-size: 1.5rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #fff;
	background-color: #92804c;
	padding: .1em .45em .2em;
	margin-left: 1em;
  vertical-align: .2em;
}
.premium-artcle__item__detail__heading__patch {
	font-size: 1.5rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #fff;
	background-color: #92804c;
	padding: .1em .45em .2em;
	transform: translateY(-.55em);
}
.premium-artcle__item__detail__box {
	gap: 1.0rem 4.0rem;
}
.premium-artcle__item__detail__box + .premium-artcle__item__detail__box {
	margin-top: 1.5rem;
}
.premium-artcle__item__detail__box__desc {
	font-size: 1.4rem;
	line-height: 2.28571429;
	letter-spacing: .1em;
	flex: 1;
}
.premium-sec:nth-child(even) .premium-artcle__item__detail__box__desc {
	color: #fff;
}
.premium-artcle__item__detail__box__desc em {
	display: block;
	font-size: calc(16 / 14 * 1em);
	color: #92804c;
	letter-spacing: .1em;
}
.premium-sec:nth-child(even) .premium-artcle__item__detail__box__desc em {
	color: #fff;
}
.premium-artcle__item__detail__box__desc em small {
	font-size: .7em;
	letter-spacing: .1em;
}
.premium-artcle__item__detail__box__desc span {
	display: block;
	font-size: calc(10 / 14 * 1em);
	line-height: 2;
	color: #666666;
	letter-spacing: .05em;
	margin-top: .5em;
}
.premium-sec:nth-child(even) .premium-artcle__item__detail__box__desc span {
	color: #fff;
}
.premium-artcle__item__detail__box__photo {
	max-width: 100%;
	width: 100%;
	width: calc(var(--widthCustom) * 0.1rem);
  margin-top: 1.0em;
}
.premium-artcle__item__photo {
	max-width: 100%;
	width: 100%;
	width: calc(var(--widthCustom) * 0.1rem);
}

/*共通*/
.premium-artcle__item--tips {
	position: relative;
	padding: 8.5rem 4.0rem 6.0rem;
	background-color: rgba(180, 153, 90, .1);
}
.premium-artcle__item--tips .premium-artcle__item__detail + .premium-artcle__item__detail {
	margin-top: 0;
}
.premium-artcle__item__detail__enclosure + .premium-artcle__item__detail__enclosure {
	margin-top: 4.0rem;
}
.premium-artcle__item--tips__heading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 2.0rem;
	letter-spacing: .15em;
	line-height: 1;
	color: #fff;
	text-align: center;
	background-color: #92804c;
	padding-block: 1.5rem 1.5rem;
	margin-bottom: 4.5rem;
}
@media screen and (min-width: 1000px){
	/*タイトルしたの横並び*/
	.premium-artcle--first {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.premium-artcle--first .premium-artcle__item:nth-child(1) {
		width: calc(650 / 1170 * 100%);
	}
	.premium-artcle--first .premium-artcle__item:nth-child(2) {
		width: calc(450 / 1170 * 100%);
	}
	/*横並びの画像の位置を揃える*/
	.premium-artcle__item__detail--custom {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 100%;
	}
	.premium-artcle__item__detail__box--custom {
		flex: auto;
	}
	.premium-artcle__item__detail__box__photo--custom {
		flex: auto;
		margin-top: auto;
	}
	.premium-artcle__item__detail__box__desc:has(+ .premium-artcle__item__detail__box__photo--custom) {
  	margin-bottom: 1.0em;
	}
}
/*@media screen and (max-width: 1000px){
	.premium-artcle__item__detail__box__photo {
		width: 100%;
	}
	.premium-artcle__item__photo {
		width: 100%;
	}
	.premium-artcle--1col {
		grid-template-columns: none; 
	}
	.premium-artcle--2col {
		grid-template-columns: none; 
	}
	.premium-artcle--3col {
		grid-template-columns: none; 
	}
	.premium-artcle__item__detail {
    flex: 100%;
    width: 100%;
	}
	.premium-artcle__item__detail__heading__txt span {
	  position: relative;
	  left: auto;
	  top: auto;
	  font-size: 1.0rem;
	  line-height: 1.45;
	  display: block;
	  margin-top: .8rem;
	}
}*/
@media screen and (max-width: 768px){
	.premium-sec {
		padding-block: 7.0rem 6.0rem;
	}
	.l-living {
		padding-block: 5.5rem 6.0rem;
	}
	.living-ttl {
		font-size: 3.0rem;
		margin-bottom: 3.5rem;
	}
	.premium-sec__head {
		width: 100%;
		margin-bottom: 5.5rem;
		margin-inline: auto;
	}
	#other .premium-sec__head {
		margin-bottom: 3.0rem;
	}
	.premium-sec:nth-child(odd) .premium-sec__head {
		margin-inline: auto;
	}
	.premium-sec:nth-child(even) .premium-sec__head {
		margin-inline: auto;
	}
	.premium-sec__head__photo {
		width: 100%;
		margin-bottom: 4.0rem;
	}
	.premium-sec:nth-child(odd) .premium-sec__head__photo {
		width: calc(350 / 380 * 100%);
		margin-inline: 0 auto;
	}
	.premium-sec:nth-child(even) .premium-sec__head__photo {
		width: calc(350 / 380 * 100%);
		margin-inline: auto 0;
	}
	.premium-sec__head__detail {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
	}
	.premium-sec__head__detail__ttl {
		height: 3.0rem;
	}
	.premium-sec__head__detail__desc {
		font-size: 1.4rem;
		line-height: 2;
		margin-top: 1.5rem;
	}
	.premium-contents {
		max-width: 560px;
	}
	.premium-contents + .premium-contents {
		margin-top: 7.0rem;
	}
	.premium-artcle {
		gap: 4.0rem 0;
	}
	.premium-artcle + .premium-artcle {
		margin-top: 4.0rem;
	}
	.premium-artcle--1col {
		grid-template-columns: none; 
	}
	.premium-artcle--2col {
		grid-template-columns: none; 
	}
	.premium-artcle--3col {
		grid-template-columns: none; 
	}
	.premium-artcle__item {
		gap: 2.0rem 0;
	}
	.premium-artcle__item--span2 {
    grid-column: auto;
	}
	.premium-artcle__item--spanRow2 {
		grid-row: auto;
	}
	.premium-artcle__item__detail {
		flex: 100%;
	}
	.premium-artcle__item__detail + .premium-artcle__item__detail {
		margin-top: 4.0rem;
	}
	.premium-artcle__item__detail__heading__txt {
		font-size: 1.8rem;
	}
	.premium-artcle__item__detail__heading__txt span {
	  position: relative;
	  left: auto;
	  top: auto;
	  font-size: 1.0rem;
	  line-height: 1.45;
	  display: block;
	  margin-top: .8rem;
	}
	.premium-artcle__item__detail__heading__txt i {
		font-size: 1.1rem;
	}
	.premium-artcle__item__detail__heading__patch {
		font-size: 1.1rem;
	}
	.premium-artcle__item__detail__box {
		gap: .5rem 0;
	}
	.premium-artcle__item__detail__box + .premium-artcle__item__detail__box {
		margin-top: 1.5rem;
	}
	.premium-artcle__item__detail__box__desc {
		font-size: 1.2rem;
		line-height: 2;
		flex: 100%;
	}
	.premium-artcle__item__detail__box__photo {
		width: 100%;
	  margin-top: 1.0em;
	}
	.premium-artcle__item__detail__box__photo--spFitTop {
		aspect-ratio: 320 / 320;
		overflow: clip;
	}
	.premium-artcle__item__detail__box__photo--spFitTop img {
		object-fit: cover;
		object-position: center top;
    width: 100%;
    height: 100%;
	}
	.premium-artcle__item__detail__box__photo--spFitCenter {
		aspect-ratio: 320 / 320;
		overflow: clip;
	}
	.premium-artcle__item__detail__box__photo--spFitCenter img {
		object-fit: cover;
		object-position: center center;
    width: 100%;
    height: 100%;
	}
	.premium-artcle__item__photo {
		width: 100%;
	}

	/*共通*/
	.premium-artcle__item--tips {
		padding: 5.0rem 2.5rem 5.0rem;
	}
	.premium-artcle__item--tips .premium-artcle__item__detail + .premium-artcle__item__detail {
		margin-top: 0;
	}
	.premium-artcle__item__detail__enclosure + .premium-artcle__item__detail__enclosure {
		margin-top: 3.0rem;
	}
	.premium-artcle__item--tips__heading {
		font-size: 1.6rem;
		padding-block: .8rem .8rem;
		margin-bottom: 2.0rem;
	}

}




/*  l-view
--------------------------------------------------*/
.l-view {
	position: relative;
	background: linear-gradient(90deg, rgba(240, 238, 230, 0) 0%, rgba(240, 238, 230, 1) 50%, rgba(240, 238, 230, 0) 100%);
}
.l-view::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 17.4rem;
  background: linear-gradient(0deg, rgba(195, 185, 155, 0) 0%, rgb(204 197 176) 100%);
  pointer-events: none;
  z-index: 1;
}
.view-head {
	padding-block: 16.0rem 11.0rem;
}
.view-head__ttl {
	font-size: 5.0rem;
  letter-spacing: 0.08em;
  color: #92804c;
  text-align: center;
}
.view-head__desc {
	font-size: 1.8rem;
	line-height: 2.66666667;
	letter-spacing: .1em;
	text-align: center;
	margin-top: 2.0rem;
}
.view-photo {
	width: 100%;
}
@media screen and (max-width: 768px){
  .l-view::before {
    height: 8.0rem;
  }
 	.view-head {
		padding-block: 5.5rem 3.5rem;
	}
	.view-head__ttl {
		font-size: 3.0rem;
	}
	.view-head__desc {
		font-size: 1.4rem;
		line-height: 2;
		margin-top: 1.5rem;
	}
}


/*  l-plan
--------------------------------------------------*/
.l-plan {
	padding-block: 16.0rem 18.0rem;
	background: #333333;
}
.plan-head {
	margin-bottom: 11.0rem;
}
.plan-head__ttl {
	font-size: 5.0rem;
  letter-spacing: 0.08em;
  color: #cbc2a7;
  text-align: center;
}
.plan-list {
	gap: 5.2rem;
}
.plan-list__item {
	width: min(calc((100% - 5.2rem)/2),674px);
}
@media screen and (max-width: 768px){
	.l-plan {
		padding-block: 5.5rem 6.0rem;
	}
	.plan-head {
		margin-bottom: 3.5rem;
	}
	.plan-head__ttl {
		font-size: 3.0rem;
	}
	.plan-list {
		gap: 2.5rem;
	}
	.plan-list__item {
		width: 100%;
	}
}