@charset "UTF-8";
/* ######################################################################################

　IoT

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageIot .wallBelt.topZero{
    padding-top: 0;
	background: #f9fafa;
}

.pageIot .equipment .equipList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageIot .equipList:before{
	content:"";
	display:block;
	/*width: 32%;*/
	width: 24.5%;
	height:0;
	order:1;
}		
.pageIot .equipList:after{
	content:"";
	display:block;
	/*width: 32%;*/
	width: 24.5%;
	height:0;
}	
.pageIot .equipList .list{
	/*width: 32%;*/
	width: 24.5%;
	vertical-align: top;
	margin-bottom: 30px;
	border: solid 2px #267f9d;
	padding:25px 15px 15px;
	background: #fff;
}

.pageIot .equipList .list dt { margin-bottom: 8px; position: relative;}
/*.pageEquipment .equipList .list dd { padding: 0 5% 0;}*/

.pageIot .equipList .list dt i { position: absolute; top: -40px; left: -17px; font-family: 'Noto Sans JP', sans-serif; font-weight: bold;}
.pageIot .equipList .list dt span.typename,
.pageIot .equipList .list dt span.seleop,
.pageIot .equipList .list dt span.noitem {
	padding: 8px 5px;
	line-height: 1;
	color: #fff;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	display: inline-block;
}
.pageIot .equipList .list dt span.noitem { background: #333; padding: 8px 10px;}
.pageIot .equipList .list dt span.typename {background: #267f9d;}
.pageIot .equipList .list dt span.seleop {background: #a5bbcb;}

	
.pageIot .equipList .list img { width: 100%; height: auto;}
.pageIot .equipment .text{font-size: 14px; line-height: 1.5; text-align: left; margin-top: 10px;}
.pageIot .equipment .text .small{font-size: 11px; display: block;}
.pageIot .equipment .title { font-size: 17px; text-align: left; color: #267f9d;}    
.pageIot .equipment .list dt span { font-size: 11px; text-align: right; display: block;}

@media print, screen and (max-width: 809px) {
	.pageIot .equipList .list { width: 100%;}
	.pageIot .equipList .list dt i { text-align: left;}
	.pageIot .equipList .list img { width: 85%; margin: auto;}
}


/* ====================================================
  attention
==================================================== */
.pageIot .attentionList li{font-size: 70%; line-height: 1.7;}

@media print, screen and (min-width: 768px) {
	.pageIot .attention{text-align: left;padding: 3em 0 0;}
}
@media screen and (max-width: 767px) {
	.pageIot .attention{text-align: left;padding: 2em 0 0;}
}


/* end */