/* #gHeader
================================================ */
#gHeader { border-bottom: 1px solid  #0f7cbb; }

#platform #mainImg .tit { font-family: 'Noto Serif JP', sans-serif; font-size: 2.1rem; }

@media all and (min-width: 600px) { #platform #mainImg .tit { font-size: 4rem; } }

@media all and (min-width: 600px) { #platform #mainImg .tit .sub { font-size: 3.0rem; } }

/* 白い大きいタイトルはheader.php参照 */

/* #mainImg
================================================ */
#mainImg { background: url("../../img/iot/bg_main_iot01_sp.png") no-repeat center center/cover; margin-top: 0; padding-top: 50px; }

#mainImg .inner { position: static; }

#mainImg .inner:before { display: none; }

@media all and (min-width: 600px) { #mainImg { background: url("../../img/iot/bg_main_iot01_pc.png") no-repeat center center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; } }

/*  #info
================================================== */
#platform #info .inner { padding-top: 50px; }

/*  #realtime
================================================== */
#realtime .set { margin-top: 30px; }
#realtime .set .setTit { position: relative; margin-bottom: 5px; padding-left: 15px; font-weight: bold; font-size: 1.5rem; }
#realtime .set .setTit:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 5px;
	height: 10px;
	border-right: 3px solid #016cb1;
	border-bottom: 3px solid #016cb1;
}
#realtime .note { margin-top: 1em; font-size: 1.1rem; color: #999; }
#realtime .setCheck { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 1.7rem; font-weight: bold; color: #1cacda; line-height: 1.5; }
#realtime .setCheck:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 15px;
	height: 15px;
	background: url(../../img/common/ico_check01.png) no-repeat center / contain;
}
#realtime .set_maintxt{
	margin-bottom: 10px;
	color: #016cb1;
    font-weight: bold;
} 
#realtime .mod_list02_item{
	position: relative; 
	padding-left: 25px; 
	margin: 5px 0; 
	font-weight: bold; 
	color: #1cacda; 
	line-height: 1.5; 
}
#realtime .mod_list02_item:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 18px;
	height: 18px;
	background: url(../../img/common/ico_check01.png) no-repeat center / contain;
}
@media all and (min-width: 600px) {
	#realtime .set .setTit { padding-left: 20px; margin-bottom: 8px; font-size: 1.8rem; }
	#realtime .set .setTit:before {top: 0.3em;	height: 13px; }
	#realtime .note { margin-top: 0.5em; font-size: 1.3rem; }
	#realtime .setCheck { font-size: 2.4rem; }
	#realtime .mod_list02_item{
		margin-bottom: 5px;
		font-size: 1.8rem;
	}
	#realtime .set_maintxt{
		font-size: 2.2rem;
	} 
}

/*  #function
================================================== */

#function .mod_table01 th{ 
	vertical-align: middle;
}


#areaBtn .areaBtn { position: relative; margin-top: 30px; padding: 25px; z-index: 1; }
#areaBtn .areaBtn::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 200%; background: #f3f3f3; z-index: -1; }
#areaBtn .areaBtn .btn { margin-top: 0; }
#areaBtn .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }


@media all and (min-width: 600px) { 
  #areaBtn .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 25px 253px; }
  #areaBtn .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #areaBtn .areaBtn .btn a { height: 105px; }
  #areaBtn .areaBtn .btn a:before { height: 105px; }
  #areaBtn .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; }
  .mod_info01 .relation .btn a:before {
    height: 100px;
  }
}

/*  #linenup
================================================== */
.linenup_box-wrap {
	margin-bottom: 20px;
}
.linenup_box-wrap .linenup_box-ttl{
	margin-bottom: 8px;
	font-size: 1.5rem;
    color: #016cb1;
    font-weight: bold;
}
.linenup_box-wrap .linenup_box-list{
	margin-bottom: 10px;
	padding: 20px;
	background: #f0f0f0;
	box-sizing: border-box;
}
.linenup_box-list .mod_img_box01_item{
	width: 100%;
    margin: auto;
}
@media all and (min-width: 600px) {
	.linenup_box-wrap{
		display: flex;
		justify-content: space-between;
	}
	
	.linenup_box-wrap .linenup_box-list{
		flex: 0 1 49%;
		width: 49%;
		max-width: 49%;
	}
	
	.linenup_box-wrap .linenup_box-ttl{
		font-size: 1.8rem;
	}
}

/*  #areaBtn
================================================== */
@media all and (min-width: 600px){
	#areaBtn .areaBtn .btn{
	max-width: 400px;
    width: 400px;
}
}