<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ======================================================================================
	COMMON
====================================================================================== */
/* small
------------------------------------------------------------------------ */
	.pageTheme small {
		font-size:1rem;
	}

/* eqNav
------------------------------------------------------------------------ */
	.eqNavSection {
		padding:var(--site-marpad-S) 0 var(--site-marpad-XL);		
	}
	.eqNavWrap {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 10px;
		grid-auto-rows: 1fr;
		justify-content: center;
	}
	.eqNavWrap a.eqNavBox {
		display: block;
		position: relative;
		padding:20px 5px;
		background:rgba(var(--site-themeColor-accent_1), 1);
	}
	
	.eqNavWrap a.eqNavBox::before {
		content: "";
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height:100%;
		z-index: 0;
		background: #7ba91f;
		opacity: 0;
		transition: opacity .18s ease-out;
	}
@media (hover: hover) and (pointer: fine) {
	.eqNavWrap a.eqNavBox:hover::before {
		opacity: 1;
	}
}	
	
	/*current*/
	.eqNavWrap a.eqNavBox.current {
		background:#000;
	}
@media (hover: hover) and (pointer: fine) {
	.eqNavWrap a.eqNavBox.current::before {
		opacity: 0;
	}
}	
	
@media screen and (max-width: 768px) {
	.eqNavWrap {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 480px) {
	.eqNavWrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
	}
	.eqNavWrap a.eqNavBox {
		padding:10px 5px;
	}
}

	/*eqNavBoxTxt*/
	.eqNavWrap a.eqNavBox .eqNavBoxTxt {
		display: flex;
		align-items: center;
		width: 100%;
		height:100%;
		position: relative;
		z-index: 5;
	}
	.eqNavWrap a.eqNavBox .eqNavBoxTxt .eqNavBoxTxtInner {
		width: 100%;
		text-align: center;
	}
	.eqNavWrap a.eqNavBox .eqNavBoxTxt .eqNavBoxTxtInner .en {
		--M-fluidFontSize-max-fontsize: 18;
		--M-fluidFontSize-min-fontsize: 15;
		--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)
		);
		font-family: var(--site-font_family-en_2);
		color:#fff;
		line-height: 1;
	}
	.eqNavWrap a.eqNavBox .eqNavBoxTxt .eqNavBoxTxtInner .ja {
		padding-top:0.3em;
		--M-fluidFontSize-max-fontsize: 13;
		--M-fluidFontSize-min-fontsize: 10;
		--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)
		);
		color:#fff;
		line-height: 1;
	}

	

/* eqEnTtl
------------------------------------------------------------------------ */
	.eqEnTtl {
		display: block;
		text-align: center;
		--M-fluidFontSize-max-fontsize: 30;
		--M-fluidFontSize-min-fontsize: 20;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 768;
		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-en_2);
		font-weight: 400;
		line-height: 1;
		color: rgba(var(--site-themeColor-accent_1), 1);
		letter-spacing:0.1em;
	}
	
	
/* eqCol
------------------------------------------------------------------------ */
    .eqCol.generalColBox {
		--default-generalColBox-margin-row:	60px;
		--default-generalColBox-margin-column:	clamp(40px, (40 / 1200 * 100vw), 60px);
    }
	
@media screen and (max-width: 768px) {
    .eqCol.generalColBox {
		--default-generalColBox-margin-row:	40px;
		--default-generalColBox-margin-column:	clamp(20px, (20 / 480 * 100vw), 40px);
    }
}

/* eqBox
------------------------------------------------------------------------ */
	.eqBox .ttl {
		padding-top:0.8em;
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 14;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 768;
		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)
		);
		line-height: 1.4;
	}
	.eqBox .ttl::after {
		content:"";
		display:block;
		width:100%;
		height:1px;
		margin-top:0.5em;
		background: rgba(var(--site-themeColor-accent_1), 1);
	}
	.eqBox .ttl.noLine::after {/*noLine*/
		display:block;
		height:0;
		background: none;
	}
	.eqBox .txt {
		padding-top:0.8em;
		--M-fluidFontSize-max-fontsize: 13;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 768;
		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)
		);
		line-height: 1.6;
		letter-spacing: 0.05em;
	}
	/*rev ※画像がタイトルの後*/
	.eqBox.rev .ttl {
		padding-top:0em;
	}
	.eqBox.rev .pic {
		padding-top:1em;
	
	}

/* eqColVariation ※sticky
------------------------------------------------------------------------ */
	.eqColVariation {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		--eqColVariation-margin-column:	clamp(40px, (40 / 1200 * 100vw), 60px);
	}
	.eqColVariation .variMainWrap,
	.eqColVariation .variEqWrap {
		width: calc(50% - (var(--eqColVariation-margin-column)/ 2));
	}
	.eqColVariation .variMainWrap {
		position: sticky;
		inset: var(--site-stickyHeader-height) auto auto 0;
		height: 100%;	
	}
	
@media screen and (min-width: 768.02px) and (max-width: 1024px) {
	.eqColVariation .variMainWrap {
		width: calc(((100% - (var(--eqColVariation-margin-column))) / 3) * 2);
	}
	.eqColVariation .variEqWrap {
		width: calc((100% - (var(--eqColVariation-margin-column) * 2)) / 3);
	}
}
@media screen and (max-width: 768px) {
	.eqColVariation {
		--eqColVariation-margin-column:	clamp(20px, (20 / 480 * 100vw), 40px);
    }
	.eqColVariation .variMainWrap {
		inset: 0 auto auto 0;
		margin-bottom:40px;
	}
}
@media screen and (max-width: 480px) {
	.eqColVariation .variMainWrap,
	.eqColVariation .variEqWrap {
		width: 100%;
	}
	.eqColVariation .variMainWrap {
		position: relative;
	}
}

/* eqColVariation02 ※2カラムでeqBoxテキストと画像も2カラム
------------------------------------------------------------------------ */
@media screen and (min-width: 1024.02px) {
	.eqColVariation02 .eqBox &gt; * {
		width: calc(50% - (var(--default-generalColBox-margin-column)/ 2));
	}
	.eqColVariation02 .eqBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.eqColVariation02 .eqBox .ttl {
		padding-top:0;
	}
}
@media screen and (max-width: 1024px) {
	.eqColVariation02 .eqBox &gt; * {
		width: 100%;
	}
}




/* eqColVariation03 ※1カラムでeqBoxテキストと画像2カラム generalColBoxと併用
------------------------------------------------------------------------ */
	.eqColVariation03 .eqBox.generalColBox {
		--default-generalColBox-margin-row:1.2em;
	}
	.eqColVariation03 .eqBox .ttl {
		padding-top:0;
	}
	.eqColVariation03 .eqBox .pic {
		padding-top:0!important;
	}

/* eqFirstMarginTop
------------------------------------------------------------------------ */
	.eqFirstMarginTop {
		margin-top:60px;
	}

@media screen and (max-width: 768px) {
	.eqFirstMarginTop {
		margin-top:40px;
	}
}

/* hr
------------------------------------------------------------------------ */
	hr.hrLine {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 1px;
		background: #ccc;
		border: none;
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-block: 0;
		margin-inline: 0;
		padding: 0;
	}	
	
	hr.hrLineDot {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 1px;
		background: repeating-linear-gradient(
			 90deg,     /* 角度の指定 */
			#fff,      /* 色A ... 開始 */
			#fff 2px,  /* 色A ... 終了 */
			#ccc 2px,      /* 色B ... 開始 */
			#ccc 4px   /* 色B ... 終了 */
		);
		border: none;
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-block: 0;
		margin-inline: 0;
		padding: 0;
	}	

/* js_swipeMe
------------------------------------------------------------------------ */
	.equipmentP .js_swipeMe_active .js_swipeMeSwipeItem &gt; * {padding: 0px;}

@media screen and (max-width: 640px) {
	.equipmentP .js_swipeMe_active .js_swipeMeSwipeItem {width: 150%;}
}

@media screen and (max-width: 480px) {
	.equipmentP .js_swipeMe_active .js_swipeMeSwipeItem {width: 180%;}
}


/* stickoutFullbox_SPonly
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
	.equipmentP .stickoutFullbox_TBSPonly {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
	}

}
@media screen and (max-width: 640px) {
	.equipmentP .stickoutFullbox_SPonly {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
	}

}


/* ======================================================================================
	PAGE
====================================================================================== */
/* index.html　ウォーターシステム
====================================================================================== */
	.bgWater {
		background: url("../images/01/bg_01.jpg") top left / 100% auto no-repeat;
	}
@media screen and (max-width: 640px) {
	.bgWater {
		background: url("../images/01/bg_01.jpg") top right / 250% auto no-repeat;
	}
}
@media screen and (max-width: 480px) {
	.bgWater {
		background: url("../images/01/bg_01.jpg") top right / 300% auto no-repeat;
	}
}

/* eqEnTtl*/
	.eqP01 .eqEnTtl {
		color: #6798a8;
	}
/*generalColBox*/
	.equipmentP .eqP01 .waterCol.generalColBox {
	  --default-generalColBox-margin-column: clamp(60px, (60 / 1200 * 100vw), 100px);
	  --default-generalColBox-margin-row: clamp(60px, (60 / 1200 * 100vw), 80px);
	}
@media screen and (max-width: 768px) {
	.equipmentP .eqP01 .waterCol.generalColBox {
		--default-generalColBox-margin-column:	clamp(30px, (30 / 480 * 100vw), 50px);
    }
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*
COMMON	
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* category
------------------------------------------------------------------*/
	.eqP01 .category .categoryTtl {
		padding:0.5em 0.3em;
		color:#fff;
		background: #2b4c7c;
	}
	.eqP01 .category .categoryLogo {
		margin: clamp(40px, (40 / 1200 * 100vw), 60px) auto clamp(30px, (30 / 1200 * 100vw), 40px);
		text-align: center;
	}
	.eqP01 .category .leadTxt {
		width: 90%;
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
		font-size:0.95em;
	}
	
@media screen and (max-width: 640px) {
	.eqP01 .category .categoryLogo {
		width: 40%;
		margin-left:auto;
		margin-right:auto;
	}
}

	
	
	
/* subTtl
------------------------------------------------------------------------ */
	.eqP01 .subTtl  {
		padding:5px;
		text-align: center;
		font-size:1em;
		line-height: 1.6;
		color:#fff;
		background: #2b9dd3;
	}
/* pageTxt
------------------------------------------------------------------------ */
	.eqP01 .pageTxt {
		display: block;
		--M-fluidFontSize-max-fontsize: 14;
		--M-fluidFontSize-min-fontsize: 12;
		--M-fluidFontSize-max-viewport: 1200;
		--M-fluidFontSize-min-viewport: 768;
		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)
		);
		line-height: 1.85;
		letter-spacing: 0.05em;
	}
	
@media screen and (max-width: 768px) {
	.eqP01 .pageTxt {
		--M-fluidFontSize-max-fontsize: 14;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 768;
		--M-fluidFontSize-min-viewport: 480;
		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)
		);
		line-height: 1.85;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*
Page 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* introSection
------------------------------------------------------------------------ */
	.introSection .logoWrap {
		display: flex;
		/*flex-wrap: wrap;*/
		justify-content: center;
		align-items: center;
	}
	.introSection .logoWrap &gt; * {
		margin:0 20px;
	}

@media screen and (max-width: 640px) {
	.introSection .logoWrap &gt; * {
		margin:0 10px;
	}
}

/* mizuSection
------------------------------------------------------------------------ */
/*pointTtl
--------------------------------------*/
	.mizuSection .mizuBox .pointTtl {
		display: flex;
		align-items: center;
		margin-bottom:0.5em;
		padding:5px 0;
		--M-fluidFontSize-max-fontsize: 30;
		--M-fluidFontSize-min-fontsize: 26;
		--M-fluidFontSize-max-viewport: 1920;
		--M-fluidFontSize-min-viewport: 768;
		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)
		);
		border:0 solid #999;
		border-width:1px 0;
	}
	
	.mizuSection .mizuBox .pointTtl .point {
		display: block;
		padding:0.3em;
		color:#fff;
		font-family: var(--site-font_family-en_2);
		line-height: 1;
		background: #2b4c7c;
	}
	.mizuSection .mizuBox .pointTtl .ja {
		display: block;
		margin-left:0.5em;
		line-height: 1;
	}
	
/*detailBox
--------------------------------------*/
	.mizuSection .mizuBox .detailBox .detailTtl {
		margin:2em auto 1em;
	}
	.mizuSection .mizuBox .detailBox .detailTxt {
		margin-bottom:1.5em;
	}
	

/*point02
--------------------------------------*/
	.point02Layout {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.point02Layout &gt; *{
		width: calc(50% - 10px);
	}
	
	

/* bathSection
------------------------------------------------------------------------ */
	.bathSection .bathBox .bathTtl {
		padding-bottom:1em;
	}
	.bathSection .bathBox .bathTtl &gt; * {
		display: block;
	}
	.bathSection .bathBox .bathTtl .ja {
		position: relative;
		font-size:1.2em;
	}
	.bathSection .bathBox .bathTtl .ja::after {
		content:"";
		display:block;
		height:1px;
		width:100%;
		background: #333;
	}	
	.bathSection .bathBox .bathTtl .en {
		font-size:0.8em;
		font-family: var(--site-font_family-en_2);
		letter-spacing: 0.02em;
	}
	.bathSection .bathBox .bathPic {
		padding-top:1.5em;
	}
@media screen and (max-width: 768px) {
	.bathSection .bathWrap {
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
}




/* showerSection
------------------------------------------------------------------------ */
/*amountCatgory
--------------------------------------------------*/
	.showerSection .amountWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.showerSection .amountWrap .mirableBox {
		width: 73.8%;
	}
	.showerSection .amountWrap .conventionalBox {
		width: 21.42%;
	}

	/*mirableBox*/
	.showerSection .amountWrap .mirableBox .mirableUnit {
		display: grid;
		grid-template-columns: 1fr 43%;
		gap: 30px;
	}

@media screen and (max-width: 768px) {
	.showerSection .amountWrap .mirableBox {
		width: 100%;
	}
	.showerSection .amountWrap .conventionalBox {
		width: 100%;
		margin-top:30px;
	}
	/*mirableBox*/
	.showerSection .amountWrap .mirableBox .mirableUnit {
		grid-template-columns: 1fr 50%;
		gap: 20px;
	}
	/*conventionalBox*/
	.showerSection .amountWrap .conventionalBox .eqBox {
		display: grid;
		grid-template-columns: 1fr 60%;
		gap: 20px;
	}
	.showerSection .amountWrap .conventionalBox .eqBox .ttl {
		padding-top:0;
	}
}

@media screen and (max-width: 480px) {
	/*mirableBox*/
	.showerSection .amountWrap .mirableBox .mirableUnit {
		grid-template-columns: 100%;
		gap: 10px;
	}
	/*conventionalBox*/
	.showerSection .amountWrap .conventionalBox .eqBox {
		display: grid;
		grid-template-columns: 1fr 50%;
		gap: 10px;
	}
}


/*effectCatgory
--------------------------------------------------*/
	.showerSection .effectWrap .effectBox .effectTtl {
		padding-bottom:1em;
		font-size:1.2em;
	}
	.showerSection .effectWrap .effectBox .effectTtl .num {
		color: #2b9dd3;
	}
	.showerSection .effectWrap .effectBox .effectTtl::after {
		content:"";
		display:block;
		height:1px;
		width:100%;
		background: #333;
	}	
	.showerSection .effectWrap .effectBox .effectPic {
		padding-top:2em;
	}








	
/* ====================================================================================== 
index02.html　設備
====================================================================================== */
	.eqP02 .kitchenSection .kitchenVariation {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		--eqColVariation-margin-column:	clamp(40px, (40 / 1200 * 100vw), 60px);
	}
	.eqP02 .kitchenSection .kitchenVariation .variEqWrap {
		width: calc((100% - (var(--eqColVariation-margin-column) * 2)) / 3);
	}
	.eqP02 .kitchenSection .kitchenVariation .variMainWrap {
		width: calc(((100% - (var(--eqColVariation-margin-column))) / 3) * 2);
	}
	.eqP02 .kitchenSection .kitchenVariation .eqBox &gt; * {
		width: calc(50% - (var(--default-generalColBox-margin-column)/ 2));
	}
@media screen and (max-width: 768px) {
	.eqP02 .kitchenSection .kitchenVariation {
		--eqColVariation-margin-column:	clamp(20px, (20 / 480 * 100vw), 40px);

	}
	.eqP02 .kitchenSection .kitchenVariation .variEqWrap,
	.eqP02 .kitchenSection .kitchenVariation .variMainWrap {
		width: calc(50% - (var(--eqColVariation-margin-column)/ 2));
	}
}
@media screen and (max-width: 480px) {
	.eqP02 .kitchenSection .kitchenVariation .variEqWrap,
	.eqP02 .kitchenSection .kitchenVariation .variMainWrap {
		width: 100%;
	}
}


/*variMainWrap*/
@media screen and (min-width: 768.02px) {
	.eqP02 .kitchenSection .kitchenVariation .variMainWrap {
		display: grid;
		grid-template-columns: 50% 1fr;
		gap: clamp(30px, (30 / 1200 * 100vw), 40px);
	}
	
	.eqP02 .kitchenSection .kitchenVariation .variMainWrap.eqBox .ttl {
		padding-top:0;
	}

}












/* ====================================================================================== 
index03.html　アメニティ
====================================================================================== */

/* ====================================================================================== 
index04.html　構造
====================================================================================== */
	/*js_swipeMe_active*/
	.equipmentP .eqP04 .js_swipeMe_active .js_swipeMeSwipeItem &gt; * {padding: 20px;}

	/*generalColBox*/
	.equipmentP .eqP04 .eqCol.generalColBox {
	  --default-generalColBox-margin-column: clamp(50px, (50 / 1200 * 100vw), 70px);
	}
@media screen and (max-width: 768px) {
	.equipmentP .eqP04 .eqCol.generalColBox {
		--default-generalColBox-margin-column:	clamp(30px, (30 / 480 * 100vw), 50px);
    }
}

	/*eqBox*/
	.equipmentP .eqP04 .eqBox .ttl {
		padding-top:0em;
	}
	.equipmentP .eqP04 .eqBox .pic {
		padding-top:1.5em;
	}



/* ====================================================================================== 
 index05.html　セキュリティ＆クオリティ
====================================================================================== */
/* securtySection
------------------------------------------------------------------------ */
/* entranceDoorWrap
---------------------------------------------------------------- */
	.eqP05 .entranceDoorWrap .entranceDoorPicBox {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 5px;
	}
	.eqP05 .entranceDoorWrap .entranceDoorTxtBox {
		font-size:0.8em;
	}

@media screen and (max-width: 480px) {
	.eqP05 .entranceDoorWrap .entranceDoorPicBox {
		grid-template-columns: repeat(3, 1fr);
		gap: 5px;
	}
}

/* kitWrap
---------------------------------------------------------------- */
	.eqP05 .kitWrap .picBox {
		display: flex;
	}
	
@media screen and (max-width: 640px) {
	.eqP05 .kitWrap .picBox {
		display: flex;
		flex-wrap: wrap;
	}

}


/* quaritySection
-------------------------------------------------------------------*/
	/*js_swipeMe_active*/
	.equipmentP .eqP05 .quaritySection .js_swipeMe_active .js_swipeMeSwipeItem &gt; * {padding: 20px;}



















































































</pre></body></html>