@charset "shift_jis";

sup{vertical-align: super;}
sub{vertical-align: sub;}

#contents .eqTitle{
	background: #926438;
}

#contents .eqList{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top:-15px;
}

#contents .eqList::after{
	content:'';
	display:block;
	height:0;
}

#contents .eqList .listItem,
#contents .eqList .listItem .eqItem:not(:first-child){
	margin-top:45px;
}

#contents .eqList .eqTxt{
	margin-top:10px;
}

#contents .eqList .eqItem .eqImg{
	margin-top:10px;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#contents .eqList .eqItem .eqImg .imgBox{
	position: relative;
}

#contents .eqList .eqItem .eqImg .imgBox img{
	width: 100%;
	position: relative;
	z-index:0;
}

#contents .eqList .eqItem .eqImg .imgBox .imgCaption{
	color:#000;
	text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
	font-size:11px;
}

#contents .eqList .eqItem .eqImg .imgBox .imgCaption[data-color="white"]{
	color:#FFF;
	text-shadow: 0 0 5px #231815, 0 0 5px #231815, 0 0 5px #231815, 0 0 5px #231815;
}

#contents .eqList .eqItem .eqImg .imgBox .imgCaption[data-position="right"]{
	text-align: right;
	margin-top:3px;
}

#contents .eqList .eqItem .eqImg .imgBox .imgCaption[data-position="left-bottom"]{
	position: absolute;
	left:5px;
	bottom:0px;
}

#contents .eqList .eqItem .eqImg .imgBox .imgCaption[data-position="right-bottom"]{
	position: absolute;
	right:5px;
	bottom:0px;
}

#contents .eqList .eqItem .eqTxt p{
	text-align: justify;
	line-height:1.6;
}

#contents .eqList .eqItem .eqTxt .caption{
	color: #000;
}

#contents .eqList .eqItem .borderBox{
	border:1px solid #000;
	margin-top: 10px;
	padding:5px 10px;
}

#contents .eqList .eqItem .borderBox dt{
	font-weight: bold;
	font-size:14px;
}

#contents .eqList .eqItem .borderBox dd{
	font-size:12px;
}

#contents .eqList .eqItem .flexBox{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

#contents .eqList .eqItem .flexBox .eqTxt,
#contents .eqList .eqItem .flexBox .eqImg{
	margin-top:0;
}

#contents .pageCaption{
	margin-top:80px;
}

/* 2カラム */
#contents .eqList[data-calum="2"] .listItem,
#contents .eqList[data-calum="2"]::after{
	width:465px;
}

#contents .eqList[data-calum="2"] .listItem.long{
	width:100%;
}
/* end 2カラム */

/* 3カラム */
#contents .eqList[data-calum="3"] .listItem,
#contents .eqList[data-calum="3"]::after{
	width:300px;
}

#contents .eqList[data-calum="3"] .listItem.middle{
	width:630px;
}

#contents .eqList[data-calum="3"] .listItem.long{
	width:100%;
}
/* end 3カラム */

/**/
/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {
	
	#contents .eqList::after{display:none !important;}
	
	#contents .eqList .eqItem .flexBox .eqTxt,
	#contents .eqList .eqItem .flexBox .eqImg,
	#contents .eqList .eqItem .flexBox .imgBox{
		width:100% !important;
	}
	
	#contents .eqList .eqItem .flexBox .eqTxt img,
	#contents .eqList .eqItem .flexBox .eqImg img,
	#contents .eqList .eqItem .flexBox .imgBox img{
		width:100% !important;
	}
	
	#contents .eqList .eqItem .flexBox>div:not(:first-child){
		margin-top:25px;
	}
	
	#contents .eqTitle img{
		width:100%;
		max-width: 300px;
	}
	
	/* 2カラム */
	#contents .eqList[data-calum="2"] .listItem,
	#contents .eqList[data-calum="2"] .listItem.long{
		width:100%;
	}
	/* end 2カラム */

	/* 3カラム */
	#contents .eqList[data-calum="3"] .listItem,
	#contents .eqList[data-calum="3"] .listItem.middle,
	#contents .eqList[data-calum="3"] .listItem.long{
		width:100%;
	}
	/* end 3カラム */
	
}

#contents .section{
	margin-top:30px;
}

#contents .section .sectionTitle{
	border-bottom:1px solid #3b3630;
	overflow: hidden;
}

#contents .section .sectionTitle h3{
	color:#FFF;
	padding:5px 1em;
	font-size:16px;
	display:inline-block;
	position: relative;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

#contents .section .sectionTitle h3::after{
	position: absolute;
	top:0;
	left:-15px;
	content: '';
	display:block;
	width:100px;
	height:100%;
	background: #3b3630;
	transform: skew(30deg);
	z-index: 0;
}

#contents .section .sectionTitle span{
	position: relative;
	z-index: 1;
}

/* structure01 */
.structure01 #privacy{
	margin-top:80px;
}

.structure01 #contents .eqList .eqItem#report .borderBox{
	border:none;
	padding:0;
	margin:0;
}

.structure01 #contents .eqList .eqItem .borderBox ul{
	margin-top:5px;
	border:1px solid #000;
}

.structure01 #contents .eqList .eqItem .borderBox ul li{
	padding:5px;
}

.structure01 #contents .eqList .eqItem .borderBox ul li:not(:last-child){
	border-bottom:1px solid #000;
}

.structure01 #contents .eqList .eqItem .borderBox ul li::before{
	content: '\025cf';
	display:inline;
}

.structure01 #wall .flexBox .eqTxt{
	width:31.25%;
}

.structure01 #wall .flexBox .imgBox{
	width:65.7%;
}
/* structure01 */

/* structure02 */
.structure02 #public .listItem.middle{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.structure02 #public .listItem.middle .eqItem{
	width:300px;
}

.structure02 #public .listItem.middle .eqItem:nth-child(2){
	margin-top:0;
}

.structure02 .sensor .flexBox .eqTxt{
	width:46.0%;
}

.structure02 .sensor .flexBox .imgBox{
	width:50.0%;
}

@media screen and (max-width: 640px) {
	
	.structure02 #public .listItem.middle .eqItem{
		width:100%;
	}

	.structure02 #public .listItem.middle .eqItem:nth-child(2){
		margin-top:45px;
	}
}
/* structure02 */

/* structure03 */
.structure03 #autolock .flexBox .eqTxt{
	width:31.25%;
}

.structure03 #autolock .flexBox .imgBox{
	width:65.7%;
}

.structure03 #sguard .flexBox .eqTxt{
	width:31.25%;
}

.structure03 #sguard .flexBox>.imgBox{
	width:65.7%;
}

.structure03 #sguard .flexBox .eqTxt .imgBox{
	margin-top:25px;
}

.structure03 #door .flexBox .imgBox{
	width:48.2%;
}

.structure03 #sensor .flexBox .eqTxt{
	width:62.0%;
}

.structure03 #sensor .flexBox .imgBox{
	width:33.3%;
}

.structure03 #intercom .flexBox .eqTxt{
	width:46.0%;
}

.structure03 #intercom .flexBox .imgBox{
	width:50.0%;
}

@media screen and (max-width: 640px) {
	
	.structure03 #contents #door .flexBox .imgBox{
		width:48.2% !important;
	}
	
	.structure03 #contents #sensor .flexBox .eqTxt{
		width:62.0% !important;
	}

	.structure03 #contents #sensor .flexBox .imgBox{
		width:33.3% !important;
	}

	.structure03 #contents #intercom .flexBox .eqTxt{
		width:46.0% !important;
	}

	.structure03 #contents #intercom .flexBox .imgBox{
		width:50.0% !important;
	}
	
	.structure03 #contents .eqList .eqItem#door .flexBox > div:not(:first-child),
	.structure03 #contents .eqList .eqItem#sensor .flexBox > div:not(:first-child),
	.structure03 #contents .eqList .eqItem#intercom .flexBox > div:not(:first-child){
		margin-top:0;
	}
}
/* structure03 */