/* =======================================================================================
	※フォーマットスタイルの転記	（設備仕様ページの共通設定の為）
======================================================================================= */

@media screen and (min-width: 769px) {
  .equipment-items {
    padding: 46px 0 140px;
  }
}

@media (max-width: 768px) {
  .equipment-items {
    padding: 42px 0 100px;
  }
}




/* =======================================================================================
	サイト固有（設備仕様ページの共通設定）
======================================================================================= */

/* ---------------------------------------------- 
COMMON
---------------------------------------------- */

/* -----------------------
generalColBox
----------------------- */
	.generalColBox {
		--default-generalColBox-margin-t:	30px;
		--default-generalColBox-margin-lr:	30px;
		display: flex;
		flex-wrap: wrap;
		margin-top:		calc(var(--default-generalColBox-margin-t) * -2);
		margin-left:	calc(var(--default-generalColBox-margin-lr) * -1);
		margin-right:	calc(var(--default-generalColBox-margin-lr) * -1);
	}
	.generalColBox > * {
		margin-top:		calc(var(--default-generalColBox-margin-t) * 2);
		margin-left:	var(--default-generalColBox-margin-lr);
		margin-right:	var(--default-generalColBox-margin-lr);
	}
	[data-colbox-size~="maxCol1"] > * {		width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="maxCol2"] > * {		width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="maxCol3"] > * {		width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="maxCol4"] > * {		width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
@media screen and (max-width: 1200px) {
	[data-colbox-size~="toCol1_TB"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_TB"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_TB"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_TB"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}
@media screen and (max-width: 1050px) {
	[data-colbox-size~="toCol1_TBs"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_TBs"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_TBs"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_TBs"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}
@media (max-width: 768px) {
	[data-colbox-size~="toCol1_SP"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_SP"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_SP"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_SP"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}
@media (max-width: 480px) {
	[data-colbox-size~="toCol1_SPs"] > * {	width: calc(100% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol2_SPs"] > * {	width: calc(50% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol3_SPs"] > * {	width: calc(33.333% - (var(--default-generalColBox-margin-lr) * 2));}
	[data-colbox-size~="toCol4_SPs"] > * {	width: calc(25% - (var(--default-generalColBox-margin-lr) * 2));}
}

/* -----------------------
etc
----------------------- */
small.bl {padding-top: 1.25em;}
.inbl{display:inline-block;}
.bl{display:block;}
.pt0 {padding-top: 0!important}




/* ---------------------------------------------- 
eqArea
---------------------------------------------- */
@media screen and (min-width: 769px) {
	.eqArea {
		margin-top: -100px;
	}
}
@media (max-width: 768px) {
	.eqArea {
		margin-top: -75px;
	}
}

	:where(.eqArea) small {
		font-size: 0.688rem;
	}
@media (max-width: 768px) {
	:where(.eqArea) small {
		font-size: 0.625rem;
	}
}

	.eqArea .capIn,
	.eqArea .capOut,
	.eqArea .photo__capIn,
	.eqArea .photo__capOut {
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: .55em;
		letter-spacing: .05em;
	}
	.eqArea .caption.ffSans {
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		letter-spacing: .05em;
	}


/* ---------------------------------------------- 
eqNav
---------------------------------------------- */
	.eqNav {
		background-color: #f7f7f7;
		left: 0;
		position: sticky;
		top: 0;
		z-index: 2;
	}

@media screen and (min-width: 769px) {
	.eqNav {
		margin-left: calc((100vw - 1040px) / -2);
		padding-top: 100px;
		width: 100vw;
	}
}
@media (max-width: 768px) {
	.eqNav {
		margin-left: -40px;
		overflow: hidden;
		padding: 75px 0 0;
		width: 375px;
	}
}

	.eqNav .contentsTab {
		margin-left: auto;
		margin-right: auto;
	}
	.eqNav .contentsTab__item.ln03 { /* [構造]の文字間調整 */
		text-indent: .4em;
		letter-spacing: .5em;
	}
@media screen and (min-width: 769px) {
	.eqNav .contentsTab {
		width: 1040px;
	}
}
@media (max-width: 768px) {
	.eqNav .contentsTab {
		width: 295px;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	}
	.eqNav .contentsTab__item {
		padding: 15px 8px;
	}
}


/* ---------------------------------------------- 
mainCopyBox
---------------------------------------------- */
@media screen and (min-width: 769px) {
	.mainCopyBox {
		padding-top:100px;
		padding-bottom: 50px;
	}
}
@media (max-width: 768px) {
	.mainCopyBox {
		padding-top:40px;
	}
}

	.mainCopyHeading .hTxt {
		display: block;
		font-size:24px;
		line-height: 1.75em;
		text-align: center;
	}
@media (max-width: 768px) {
	.mainCopyHeading .hTxt {
		font-size:18px;
		line-height: 1.75em;
		text-align: left;
	}
}