@charset "utf-8";

/* =======================================================================================
	TEMPLATE
======================================================================================= */


/* =======================================================================================
	COMMON
======================================================================================= */



.bg_line_areaWrap{
	background: url("../images/index/bg_line.png") right top no-repeat;
}

@media screen and (max-width: 1200px) {
	.bg_line_areaWrap{
		background-size: 50%;
		background-position: 115% top;
	}
}



/* =======================================================================================
	PAGE
======================================================================================= */



/* mainVisualWrap
------------------------------------------------------------------------ */
	.mainVisualWrap {
		position: relative;
		width:100%;
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}
	.mainVisualBox {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 10;
		top:0;
		left:0;
		margin:0 auto;
		transition: all 1.0s ease;
	}
	.mainVisualBox.active {
		opacity: 1;
	}
	.mainVisualBox img {
		width:100%;
		 height: auto;
	}

	
	.mainVisualBox .swiper-slide img {
	 
	  width: 100%;
	}


/* *********************
	swiper
************************/

/* 画像アニメーション */
@keyframes zoomUp {
  0% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}
.swiper-slide-active .picBox img,
.swiper-slide-duplicate-active .picBox img,
.swiper-slide-prev .picBox img {
  animation: zoomUp 7s linear 0s normal both;
}
.picBox img {
  height: auto;
  width: 100%;
}


/* 矢印カスタマイズ */
/*
	.mainVisualBox .swiper-button-prev,
	.mainVisualBox .swiper-button-next {
		width: 27px;
		height:27px;
		border-radius: 50%;
		background: #666;
		z-index:1;
		transition: all 0.2s ease;
	}
	.mainVisualBox .swiper-button-prev {left: 13px;}
	.mainVisualBox .swiper-button-next {right:13px;}

	.mainVisualBox .swiper-button-prev::after,
	.mainVisualBox .swiper-button-next::after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		text-align: center;		
		width: 6px;
		background: url("../../images/share/ico_arr_white.svg") 50% 50% no-repeat;
		background-size: 100% auto;
	}
	.mainVisualBox .swiper-button-prev::after {right:8%; transform: rotate(-180deg); }
	.mainVisualBox .swiper-button-next::after {left:8%;}
*/

	/*hover*/
/*	.mainVisualBox .swiper-button-prev:hover,
	.mainVisualBox .swiper-button-next:hover {
		opacity: 0.8;
	}*/
/* ドットカスタマイズ */
	.mainVisualBox .swiper-pagination-bullet  {
		width: 12px;
		height: 12px;
		background:#fff;
		opacity: 1;
	}
	.mainVisualBox .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom:10px;
	}
	.mainVisualBox .swiper-pagination-bullet-active {
		background:rgba(255,221,0,1.00);
	}








/* ------------------------------------------------------------------------
 meritSection
------------------------------------------------------------------------ */
	.meritSection {
		padding:  5px 0 10px;
		background: linear-gradient(to right, #d8d8d8 0%, #f1f1f1 50%, #d8d8d8 100%);
	}
	.meritSection .meritWrap {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		max-width: 1400px;
	}
	.meritSection [class*="meritBox"]  {
		display: flex;
		align-items: center;
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 1050;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		font-family: var(--site-font_family-serif);
		line-height: 1.3;
		padding:10px 0;
        text-align: center;position: relative;
		width: 25%;
	}
	.meritSection .meritWrap  [class*="meritBox"] .txtUnit {
		margin: 0 auto;
	}
	.meritSection  [class*="meritBox"] .txtColor {
		color: rgba(var(--site-themeColor-accent_1), 1);
		font-weight: 600;
	}	
	.meritSection  [class*="meritBox"] .txtSizeLL {
		/*font-weight: 600;*/
	}
	.meritSection  [class*="meritBox"] .en{
		font-family: var(--site-font_family-en_1);
		line-height: .7;
		font-size: 2.502em;
		font-style: italic;
		font-weight:normal;
	}
	.meritSection  [class*="meritBox"] .kana {
		letter-spacing: -.05em;
		margin-right: .05em;
	}
	.meritSection  [class*="meritBox"] small {
		font-size: 1.1rem;
		margin-top: 0;
	}	
@media screen and (min-width: 600.02px)  {
	.meritSection [class*="meritBox"]:not(:first-of-type):before {
		content: '';
		position: absolute;
		top: 50%;
		left:-20px;
		width: 40px;
		height: 1px;
		background:rgba(0,0,0,0.56);
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		box-shadow: 1px 1px 0px #fff;
	}	
}
@media screen and (min-width: 600.02px) and (max-width: 1200px) {
	.meritSection .meritWrap  [class*="meritBox"] {
		width: 50%;
	}
    .meritSection [class*="meritBox"]:nth-of-type(even):before {
		content: '';
		position: absolute;
		top: 50%;
		left:-20px;
		width: 40px;
		height: 1px;
		background:rgba(0,0,0,0.56);
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		box-shadow: 1px 1px 0px #fff;
	}	
    .meritSection [class*="meritBox"]:nth-of-type(odd):before {
		display: none;
	}	
}
@media screen and (max-width: 600px) {
	.meritSection  [class*="meritBox"] {
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1050;
		--M-fluidFontSize-min-viewport: 480;
	}
	.meritSection .meritWrap {
		display: block;
	}
	.meritSection .meritWrap  [class*="meritBox"] {
		display: block;
		position: relative;
		width: 100%;
		text-align: center;
		padding: 15px 0;
		/*border-bottom: 1px solid rgba(0,0,0,.3);*/
	}
	.meritSection .meritWrap  [class*="meritBox"]::after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		width:100%;
		height:1px;
		background: rgba(0,0,0,.5);
		box-shadow: 1px 1px 0px #fff;
	}
	.meritSection .meritWrap  [class*="meritBox"]:last-of-type::after {
		display: none;
	}
}	

@media screen and (max-width: 480px) { 
	.meritSection{
		padding: 5px 0 15px;
	}
}




/* ------------------------------------------------------------------------
informationSection
------------------------------------------------------------------------ */	






/* ------------------------------------------------------------------------
mansionAdvantageSection
------------------------------------------------------------------------ */	
.mansionAdvantageSection{
	position: relative;
	padding: var(--site-marpad-XL) 0;
}
.mansionAdvantageSection::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: rgba(0,0,0,0.07);
}


/* advantage-card-wrap
--------------------------------------------------------*/
	.advantage-card-wrap {
		max-width: 1800px;
		width: 96%;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr; /* スマホ */
		gap: clamp(20px, 2.5vw, 24px);
		padding: clamp(12px, 4vw, 32px);
	}

	/*比率を固定して中身で高さ決定 */
	.advantage-card {
	  aspect-ratio: 4 / 5;        /* 例：縦長カード（画像比に合わせて変更可） */
	  perspective: 1000px;        /* 3D効果 */
		cursor: pointer;
	}
	.advantage-card-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  transition: transform 0.8s;
	  transform-style: preserve-3d;
	}
	.advantage-card.is-flipped .advantage-card-inner {
	  transform: rotateY(180deg);
	}


	/* 表面／裏面 */
	.advantage-card-front,
	.advantage-card-back {
		position: absolute;
		inset: 0;
		backface-visibility: hidden;
		display: grid;
		place-items: center;
		background: #fff;
		box-shadow: 4px 4px 8px rgba(0,0,0,0.35);
		z-index: 1;
		
		/*Firefoxずれ対応*/
		overflow: hidden;               
		background-clip: padding-box;  
	}

	/* 画像の比率維持 */
	.advantage-card-front img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	.advantage-card-front small {
		top: 0;
		bottom: auto;
	}
	.advantage-card-front .txt{
		--M-fluidFontSize-max-fontsize: 28;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		text-align: left;
		line-height: 1.5;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		color: #fff;
		padding: 0 .8em .8em;
	}

	/*back */
	.advantage-card-back { 
		transform: rotateY(180deg); 
		padding: clamp(8px, 2vw, 16px); 
	}
	.advantage-card-back .conbox{ 
		margin: clamp(8px, 2vw, 16px);
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.advantage-card-back .conbox > *{
		position: absolute;
		left: 0;
	}
	.advantage-card-back .txt{
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 1200;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		text-align: left;
		line-height: 1.9;
		top: 0;
		letter-spacing: .05em;
	}
	.advantage-card-back .txt .txtL{
		font-size: 1.2em;
	}
	.advantage-card-back .txt .marker{
		display: inline-block!important;
		background: linear-gradient(to bottom, transparent 0% 60%, #fff9cb 60% 100%);
	}
	.advantage-card-back .txt span{
		display: block;
	}
	.advantage-card-back .pic{
		bottom: 0;
	}

	/* アイコン */
	.advantage-card-front .icon,
	.advantage-card-back .icon{
		position: absolute;
		width: 8%;
		z-index: 1;
	}
	.advantage-card-front .icon{
		right: 10px;
		bottom: 10px;
	}
	.advantage-card-back .icon{
		  right: 0;
		  top: 0;
		  left: auto;
	}




/* PC（1200px～）：4列 */
@media (min-width: 1200.02px) {
  .advantage-card-wrap { grid-template-columns: repeat(4, 1fr); }
}

@media (min-width: 480.02px) and (max-width: 1200px) {
	.advantage-card-wrap {
		max-width: 1000px;
		grid-template-columns: 1fr 1fr; 
	}
	
	/* card-front */
	.advantage-card-front .txt{
		--M-fluidFontSize-max-fontsize: 28;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 480;
		padding: 0 .5em .8em;
	}
	
	/* card-back */	
	.advantage-card-back .txt{
		--M-fluidFontSize-max-fontsize: 22;
		--M-fluidFontSize-min-fontsize: 11;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 480;
	}
}

@media (max-width: 480px) {
  .advantage-card-wrap { 
	  max-width: 400px;
	  grid-template-columns: 1fr; 
	}
	/* card-front */
	.advantage-card-front .txt{
		--M-fluidFontSize-max-fontsize: 26;
		--M-fluidFontSize-min-fontsize: 16;
		--M-fluidFontSize-max-viewport: 450;
		--M-fluidFontSize-min-viewport: 320;
	}
	
	/* card-back */	
	.advantage-card-back .txt{
		--M-fluidFontSize-max-fontsize: 17;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 450;
		--M-fluidFontSize-min-viewport: 320;
		text-align: center;
		width: 100%;
		margin-top: 0.5em;
	}
	
}






/* ------------------------------------------------------------------------
conceptSection
------------------------------------------------------------------------ */	


/* ------------------------------------------------------------------------
 conceptDescription
------------------------------------------------------------------------ */
	.conceptSection {
		padding-bottom: 280px;
	}
	.conceptDescription {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 1600px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		overflow: visible !important;
	}
	.conceptDescription .conceptTxtBox {
		flex: 0 0 calc(750 / 1600 * 100%);
		position: sticky;
		inset: calc(var(--site-stickyHeader-height) + 20px) 0 auto auto;
		align-self: flex-start;
		padding: 0 calc(60 / 1600 * 100%) 0 calc(130 / 1600 * 100%) ;
	}
	.conceptDescription .conceptTxtBox * {
		text-align: left;
	}
	.conceptDescription .conceptTxtBox .hTxt {
		--M-fluidFontSize-max-fontsize: 65;
		--M-fluidFontSize-min-fontsize: 35;
		--M-fluidFontSize-max-viewport: 1600;
	  --M-fluidFontSize-min-viewport: 900;
		margin-bottom: 1em;
	}
	.conceptDescription .conceptTxtBox .leadTxt {
		line-height: 2.4;
	}
	.conceptDescription .residencePhBox {
		flex: 0 0 calc(1001 / 1600 * 100%);
		margin-left: -13%;
	}
	.conceptDescription .residencePhBox .pic {
		z-index: inherit;
		width: 100%;
		transform: translateY(calc(120 / 710 * 100%));
	}
	.conceptDescription .residencePhBox .pic small {
		padding: 0em .5em;
	}

@media screen and (max-width: 1000px) {
	.conceptDescription {
		display: block;
	}
	.conceptDescription .conceptTxtBox {
		position: relative; 
		inset: revert;
	}
	.conceptDescription .conceptTxtBox * {
		text-align: center;
	}
	.conceptDescription .residencePhBox {
		width: 100%;
		margin-left: auto;
	}
	.conceptDescription .residencePhBox .pic {
		padding-top: 30px; 
		transform: none;
	}
}
@media screen and (max-width: 600px) {
	.conceptSection {
		padding-bottom: 80px;
	}
	.conceptDescription .conceptTxtBox * {
		text-align: left;
	}
}








/* ------------------------------------------------------------------------
innerpageLinkWrap
------------------------------------------------------------------------ */	

/* innerpageLinkWrap
------------------------------------------------------------------------ */
	.innerpageLinkWrap {}
	.innerpageLinkWrap .indexContentsTtl {}

	/* innerpageLinkBox
	---------------------------------------------------- */
	.innerpageLinkBox {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		background: #302417;
		margin: 0 auto;
	}
	.innerpageLink { /* a要素 */
		display: flex;
		position: relative;
		z-index: 0; /* for Safari.（border-radius時必須） */
		width: 100%;
		overflow: hidden;
		color: #fff;
		background: #000;
	}
	.innerpageLink:active {
		color: #fff;
	}
	.innerpageLink::before {
		content: "";
		display: block;
		position: absolute; top: 0; left: 0; z-index: 0;
		width: 100%;
		height: 100%;
		background: #000 left center / cover no-repeat;
		box-shadow: 0 35px 45px -43px rgba(30,10,0, .11);
	}
	.innerpageLink:nth-of-type(2n)::before {
		background-position: right center;
	}
	.innerpageLink::after {
		content: "";
		display: block;
		position: absolute; bottom: 0; right: 0; z-index: 0;
		line-height: 1.3;
		color: #fff;
		font-family:YakuHanJP_Noto, 'Noto Sans JP','Noto Sans','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size: 1.1rem;
		text-shadow: 0 0 1px rgba(0,0,0, .5), 0 0 3px rgba(0,0,0, .5);
		letter-spacing: 0.05em;
		padding: 12px;
		opacity: 0.9;
	}

	/* ユニット ---------- */
	.innerpageLinkUnit {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		z-index: 1;
		width: 24%;
		min-height: 500px;
		margin-left: auto;
		margin-right: 0;
		position: relative;
		background: #fff;
	}

	.innerpageLinkUnit::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -100%;
		z-index: -1;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, rgba(5,6,9,0) 40%, rgba(255, 255, 255, 0.15) 60%,  rgba(255, 255, 255, 1) 100%);
  }
	.innerpageLink:nth-of-type(2n) .innerpageLinkUnit::before {
		right: -100%;
		left: auto;
		background: linear-gradient(-90deg, rgba(5,6,9,0) 40%, rgba(255, 255, 255, 0.15) 60%,rgba(255, 255, 255, 1) 100%);
  }
	.innerpageLink:nth-of-type(2n) .innerpageLinkUnit {
		margin-left: 0;
		margin-right: auto;
	}

	/* 文字エリア ---------- */
	.innerpageLinkUnit_txtBox {
		line-height: 1.75;
		color: rgba(var(--site-themeColor-text_dark), 1);
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.innerpageLinkUnit_txtBox .en {
		--M-fluidFontSize-max-fontsize: 48;
		--M-fluidFontSize-min-fontsize: 34;
		--M-fluidFontSize-max-viewport: 1400;
		--M-fluidFontSize-min-viewport: 1200;
		--M-fluidFontSize-fontSize: clamp( var(--M-fluidFontSize-min-fontsize) * .1rem, (var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - (var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport))), var(--M-fluidFontSize-max-fontsize) * .1rem );
		
		display: block;
		min-height: 0.001vw;				/* for safari | font-sizeにclamp()使用時必須 */
		font-size: var(--M-fluidFontSize-fontSize);
		line-height: 1.2;
		font-family: var(--site-font_family-en_1);
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}
	.innerpageLinkUnit_txtBox .en > div {
		margin-right: -0.22em;
	}
	.innerpageLinkUnit_txtBox .txt {
		display: block;
		font-size: 1.625em;
		letter-spacing: 0.2em;
		margin-top: 0.65em;
	}
	.innerpageLinkUnit_txtBox .txt > div {
		margin-right: -0.2em;
	}
	
	/* ボタンエリア ---------- */
	.innerpageLinkUnit_btnBox {
		width: 100%;
		line-height: 1.2;
		font-size: 1em;
		margin-top: 30px;
	}
	.innerpageLinkUnit_btnBox .btn {
		display: block;
		position: relative;
		max-width: 178px;
		text-align: left;
		/*margin-inline: auto;*/
		transition: all 0.3s;
		margin: 0 auto;
	}
	.innerpageLinkUnit_btnBox .btn::before {
		content: "";
		display: block;
		position: absolute;
		width: 178px;
		height: 1px;
		background: rgba(var(--site-themeColor-text_dark), 1);
		bottom: 0;
		transition: all 0.3s;
	}
	.innerpageLinkUnit_btnBox .btn::after {
		content: "";
		display: block;
		position: absolute;
		width: 18px;
		height: 1px;
		background: rgba(var(--site-themeColor-text_dark), 1);
		rotate: 40deg;
		right: -2px;
		bottom: 6px;
		transition: all 0.3s;
	}

	/*hover*/
	.innerpageLink[href]:hover .innerpageLinkUnit_btnBox .btn {
	  translate:10px 0 ;
	  transition: all 0.3s;
	}



	/* -- comingsoon -- */
	.comingsoon.innerpageLink {
		opacity: 0.85;
	}
	.comingsoon.innerpageLink::before {
		opacity: 0.3;
	}
	.comingsoon.innerpageLink::after {
		opacity: 0.5;
	}
	.comingsoon .innerpageLinkUnit_txtBox .en {
		opacity: 0.2;
	}
	.comingsoon .innerpageLinkUnit_txtBox .innerpageLinkUnit_btnBox {
		display: none;
	}

	
	
	/* hover ---------- */
	.innerpageLink::before {
		opacity: 0.95;
		transition: all 0.8s ease, transform 1.2s cubic-bezier(0.46, 0, 0.20, 1);
	}
	.innerpageLink[href]:hover::before,
	.innerpageLink[href]:focus::before {
		opacity: 1;
		transform: scale(1.08);
		filter:  brightness(1.1);
	}
	
	.innerpageLink .innerpageLinkUnit_txtBox {
		transition: text-shadow 0.8s cubic-bezier(0.46, 0, 0.20, 1);
	}
	.innerpageLink[href]:hover .innerpageLinkUnit_txtBox,
	.innerpageLink[href]:focus .innerpageLinkUnit_txtBox {
		text-shadow: 0px 0px 15px rgba(221,234,179,0.55);
	}

	
	/* -- Individual -- */
	
	/* 背景画像・キャプション ******************** */
	.innerpageLink.cat-position::before {		background-image: url("../images/index/innerpagelink_p_01@pc.jpg");}
	.innerpageLink.cat-position::after {
		content: "image photo";
		left: 0;
	}
	.innerpageLink.cat-location::before {	background-image: url("../images/index/innerpagelink_p_02@pc.jpg");}
	.innerpageLink.cat-location::after {
		content: "image photo";
	}
	.innerpageLink.cat-access::before {		background-image: url("../images/index/innerpagelink_p_03@pc.jpg");}
	.innerpageLink.cat-access::after {
		content: "image photo";
		left: 0;
	}
	.innerpageLink.cat-residence::before {	background-image: url("../images/index/innerpagelink_p_04@pc.jpg");}
	.innerpageLink.cat-residence::after {
		content: "外観完成予想図";
	}
	.innerpageLink.cat-roomplan::before {	background-image: url("../images/index/innerpagelink_p_05@pc.jpg");}
	.innerpageLink.cat-roomplan::after {
		content: "image photo";
		left: 0;
	}
	.innerpageLink.cat-quality::before {	background-image: url("../images/index/innerpagelink_p_06@pc.jpg");}
	.innerpageLink.cat-quality::after {
		content: "image photo";
	}
	.innerpageLink.cat-brand::before {	background-image: url("../images/index/innerpagelink_p_07@pc.jpg");}
	.innerpageLink.cat-brand::after {
		content: "";
		left: 0;
	}

@media print, screen and (min-width: 901px) and (max-width: 1600px) { /*{MinorBreakpoint}*/
	.innerpageLinkUnit {
		width: 32%;
	}
	.innerpageLinkUnit_txtBox .en {
		letter-spacing: 0.12em;
	}
}
@media screen and (min-width: 801px) and (max-width: 1200px) { /*{MinorBreakpoint}*/
	.innerpageLinkUnit {
		width: 38%;
		min-height: 25vw;
	}
	.innerpageLink::before {
		background-size:contain;
	}
	.innerpageLinkUnit_txtBox .en {
		--M-fluidFontSize-max-fontsize: 36;
		--M-fluidFontSize-min-fontsize: 30;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 800;
		letter-spacing: 0.1em;
	}
	.innerpageLinkUnit_btnBox {
		margin-top: 15px;
		font-size: 0.813em;
	}
}
@media screen and (max-width: 800px) { /*{MinorBreakpoint}*/
	.innerpageLink { /* a要素 */
		padding: 20% 0 40%;
	}

	.innerpageLinkUnit {
		min-height: initial;
		width: 60%;
		padding: 1em 1.5em ;
	}
	.innerpageLinkUnit::before {
		  content: none;
	}
	.innerpageLinkUnit_txtBox .en {
		--M-fluidFontSize-max-fontsize: 28;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 800;
		--M-fluidFontSize-min-viewport: 480;
		letter-spacing: 0.1em;
	}
	.innerpageLinkUnit_btnBox {
		margin-top: 13px;
		font-size: 0.85em;
	}
	.innerpageLinkUnit_btnBox .btn {
		max-width: 130px;
	}
	.innerpageLinkUnit_btnBox .btn::before {
		width: 130px;
	}
	
	
	
	/* 背景画像・キャプション ******************** */
	.innerpageLink::before {
		background: #000 left center / cover no-repeat;
	}
	.innerpageLink.cat-position::before {		background-image: url("../images/index/innerpagelink_p_01@sp.jpg");}
	.innerpageLink.cat-location::before {	background-image: url("../images/index/innerpagelink_p_02@sp.jpg");}
	.innerpageLink.cat-access::before {		background-image: url("../images/index/innerpagelink_p_03@sp.jpg");}
	.innerpageLink.cat-residence::before {	background-image: url("../images/index/innerpagelink_p_04@sp.jpg");}
	.innerpageLink.cat-roomplan::before {	background-image: url("../images/index/innerpagelink_p_05@sp.jpg");}
	.innerpageLink.cat-quality::before {	background-image: url("../images/index/innerpagelink_p_06@sp.jpg");}
	.innerpageLink.cat-brand::before {	background-image: url("../images/index/innerpagelink_p_07@sp.jpg");}
	
}
@media screen and (max-width:600px) {

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