/* =======================================================================================
	サイト固有
======================================================================================= */

/* ------------------------------------------------------------------------
	※設備使用ページ共通設定は「equipment_common.css」を参照
	※フォーマットスタイルにある .equipment-items も_commonに転記
------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------
	innerP02【セキュリティ】
------------------------------------------------------------------------ */

/* ---------------------------------------------- 
eqBoxSection | innerP02,innerP03で概ね共通
---------------------------------------------- */
/*eqTitle---------------------------- ★02のみ */
	.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;
	}
}

/*eqContboxInner---------------------------- ★03のみ */

/*subCategory---------------------------- ★03のみ */




/*=================================================*/




/* 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;
	}

/* secEleFlowWrap
------------------------------------------------------------------------ */
	.secEleFlowWrap {
		margin-top: 40px;
	}
	.secEleFlowWrap .pic {
	}
	.secEleFlowWrap .caption {
		display: block;
		text-align: right;
		margin-top: .4em;
	}


/*faceKeyWrap
------------------------------------------------------------------------ */
	.faceKeyWrap.generalColBox {
		--default-generalColBox-margin-t:	15px;
	}
	.faceKeyWrap .picBox {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
@media screen and (min-width: 769px) {
	.faceKeyWrap.generalColBox {
		align-items: center;
		align-content: center;
	}
	.faceKeyWrap .picBox {
		order: -1;
	}
}


/* 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 {
		display: block;
		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;
	}

