@media screen and (min-width: 769px) {
  .equipment-items {
    padding: 46px 0 140px;
  }
}

@media (max-width: 768px) {
  .equipment-items {
    padding: 42px 0 100px;
  }
}


/* =======================================================================================
	サイト固有
======================================================================================= */

/* ---------------------------------------------- 
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;
	}
@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;
	}
}


/* ---------------------------------------------- 
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}




/* ------------------------------------------------------------------------
	innerP02【セキュリティ】
------------------------------------------------------------------------ */

/* ---------------------------------------------- 
eqBoxSection | innerP02,innerP03で概ね共通
---------------------------------------------- */
/*eqTitle----------------------------*/
	.eqBoxSection .eqTitle {
		display: block;
		text-align: left;
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		letter-spacing: .15em;
		line-height: 1.6;
		margin-bottom: 1.75em;
	}
	.eqBoxSection .eqTitle.is_mbL {
		margin-bottom: 2.5em;
	}
@media screen and (min-width: 769px) {
	.eqBoxSection .eqTitle {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.eqBoxSection .eqTitle {
		font-size: 14px;
	}
}

/*eqTtl----------------------------*/
	.eqBoxSection .eqTtl {
		display: block;
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		letter-spacing: .1em;
		line-height: 1.5;
	}
@media screen and (min-width: 769px) {
	.eqBoxSection .eqTtl {
		font-size: 14px;
	}
}
@media (max-width: 768px) {
	.eqBoxSection .eqTtl {
		font-size: 12px;
	}
}

/*eqTxt----------------------------*/
	.eqBoxSection .eqTxt {
		display: block;
		text-align: left;
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		letter-spacing: .15em;
		line-height: 1.6;
	}

@media screen and (min-width: 769px) {
	.eqBoxSection .eqTxt {
		font-size: 12px;
		margin-top: 10px;
	}
}
@media (max-width: 768px) {
	.eqBoxSection .eqTxt {
		font-size: 11px;
		margin-top: 8px;
	}
}

/*eqContbox----------------------------*/
	.eqBoxSection .eqContbox {
		padding: 80px 0;
		border: 0 solid #bbb;
	}
	.eqBoxSection .eqContbox + .eqContbox {
		border-width: 1px 0 0;
	}
@media (max-width: 768px) {
	.eqBoxSection .eqContbox {
		padding: 40px 0;
	}
}

/*subCategory----------------------------*/
	.eqBoxSection .subCategory {
		text-align: center;
	}	
	.eqBoxSection .subCategoryHeadLine > span {
		display: inline-block;
	}	
	.eqBoxSection .subCategoryHeadLine > span::after {
		content: "";
		display: block;
		height: 1px;
		width: 50px;
		margin: 0.8em auto 0;
		background: image();
	}


/* secEleWrap
------------------------------------------------------------------------ */
	.secEleWrap.generalColBox {
		--default-generalColBox-margin-t:	15px;
	}
	.secEleWrap .txtBox .eqTxt li {
		position: relative;
		line-height: 1.55;
		margin: 0.6em 0;
		padding-left: 1.3em;
	}
	.secEleWrap .txtBox .eqTxt li:before {
		content: "■";
		position: absolute;
		top: 0;
		left: 0;
	}												
	.secEleWrap .picBox {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: space-between;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}


/* secDoorWrap
------------------------------------------------------------------------ */
	.secDoorWrap.generalColBox {
		--default-generalColBox-margin-t:	15px;
	}
	.secDoorWrap .detailBox {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 40px;
	}
	.secDoorWrap .detailBox .ttlUnit {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		gap: 0 0.5em;
		margin-top: 10px;
	}
	.secDoorWrap .detailBox .ttlUnit .num {
		display: inline-grid;
		place-content: center;
		width: 2em;
		aspect-ratio: 1;
		line-height: 1.35;
		color:#fff;
		text-align:center;
		letter-spacing: normal;
		background: #b86814;
	}
	.secDoorWrap .doorPicBox {
		text-align: center;
	}
	.secDoorWrap .doorPicBox .caption {
		display: grid;
		justify-content: end;
		margin-top: .5em;
	}
@media (max-width: 768px) {
	.secDoorWrap .detailBox {
		gap: 30px 24px;
	}
	.secDoorWrap .detailBox .ttlUnit .num {
		width: 1.7em;
	}
}


/* secCaseWrap
------------------------------------------------------------------------ */
	.secCaseWrap.generalColBox {
		/*--default-generalColBox-margin-t:	15px;*/
	}

/*detectorBox------------------------------------*/
	.secCaseWrap .detectorBox .picBox {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: space-between;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}

/*stopRisingBox------------------------------------*/
	.secCaseWrap .stopRisingBox .eqTxt .caption {
		color: inherit;
	}
	.secCaseWrap .stopRisingBox .photo {
		margin-top: 30px;
	}
	.secCaseWrap .stopRisingBox .picBox {
		text-align: center;
	}
	.secCaseWrap .stopRisingBox .picBox .caption {
		display: grid;
		justify-content: end;
		margin-top: 1.25em;
	}

