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

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

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

/* #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; } }



/*  装飾
================================================== */
.mgr-3em{margin-right : 3em;}

/*　center　*/
.center { text-align: center; }

/*　　↓▼　　*/
.sankakucenter{
	width: 100%;
	margin: 20px auto;
}
.sankaku{
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 40px solid #ccc;
	margin-bottom: -40px;
}

/*　lbl テキストの水色　*/
.lbl { color:#1cace1}

/*　txtry テキストの両揃え　*/
.txtry {text-align: justify; text-justify: inter-ideograph;}

/*　bold　*/
.bold {font-weight: bold; }

/*　 ↓ボタン　*/
a.butn{
  display: inline-block;
  width: 240px;
  margin: 6px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  border: 1px solid ;
  background: rgba(255,255,255,.90);
  text-decoration: none;
  line-height: 1.5em;
  transition: .3s;
  color: rgba(1,108,177,.90);
}

a.butnover:hover {
  background: rgba(1,108,177,.90);
  color: rgba(255,255,255,.90);
  border: 1px solid #009BD3;
}


/*  #outline
================================================== */
#outline .txt { margin-bottom: 15px; }
#outline .list { margin-bottom: 15px; }
#outline .list + .txt { margin-bottom: 20px; }
#outline .list + .list { margin-top: -13px; }
#outline .img_box { margin-bottom: 25px; }
#outline .subTit + .list { margin-bottom: 25px; }
#outline .box { margin-bottom: 25px; }
#outline .table th span { display: block; font-size: 1.2rem; font-weight: 400; }
#outline .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) {
  #outline .txt { margin-bottom: 30px; }
  #outline .listBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #outline .listBox .list { width: 50%; }
  #outline .listBox .list + .list { margin-top: 0; }
  #outline .list { margin-bottom: 30px; }
  #outline .list + .txt { margin-bottom: 40px; }
  #outline .list + .list { margin-top: -13px; }
  #outline .img_box { margin-bottom: 40px; }
  #outline .subTit + .list { margin-bottom: 40px; }
  #outline .subTit + .txt { margin-bottom: 20px; } 
  #outline .tit { margin-bottom: 30px; }
  #outline .box { margin-bottom: 55px; }
  #outline .box + .txt { margin-bottom: 22px; }
  #outline .area { margin-top: -7px; }
  #outline .areaTxt + .areaTxt { margin-top: 28px; }
  #outline .table th span { font-size: 1.4rem; }
  #outline .copy { margin-bottom: 5px; font-size: 1.8rem; }  }



/*  #strength
================================================== */

#strength .inner { padding-bottom: 50px; }
#strength .subTit { margin-bottom: 2px; font-size: 1.7rem; font-weight: 700; text-align: center; color: #1cacda; }
#strength .txt { margin-bottom: 15px; }
#strength .list { counter-reset: num; }
#strength .list .item { background: #fff; border: 1px solid  #c6c6c6; counter-increment: num; padding: 23px 25px 25px; position: relative; }
#strength .list .item + .item { margin-top: 15px; }
#strength .list .item .copy {  font-size: 1.5rem; font-weight: 700; border-bottom: 1px solid #c6c6c6; position: relative; margin-bottom: 9px; padding-bottom: 14px; }
#strength .list .item .childList { margin-bottom: 0; }


@media all and (min-width: 600px) { 
  #strength .inner { padding-top: 120px; padding-bottom: 119px; }
  #strength .subTit { margin-bottom: 12px; font-size: 2.4rem; }
  #strength .txt { margin-bottom: 30px; }
  #strength .list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #strength .list .item { width: calc(33.33% - 17px); box-sizing: border-box; padding: 27px 20px 35p 35pxx; }
  #strength .list .item + .item { margin-top: 0; }
  #strength .list .item .copy { font-size: 1.8rem; line-height: 1.5; margin-bottom: 12px; padding-bottom: 15px; text-align: center; 
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; 
}
  #strength .list .item .childList .childItem { font-size: 1.5rem; }
 }


/*  #merit
================================================== */
#merit .imgBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; }
#merit .imgBox .img_box { /* width: 50%; */ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; }
#merit .imgBox .area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#merit .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#merit .txt { margin-bottom: 20px; }
#merit .areaBox { margin-bottom: 30px; }
#merit .areaBox .box .txt { margin-bottom: 10px; }
#merit .areaBox .box + .box { margin-top: 25px; }
#merit .img_box { margin-bottom: 20px; }
#merit .texts .txt + .txt { margin-top: 20px; }
#merit .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#merit .areaBtn .btn { margin-top: 0; }
#merit .areaBtn .btn + .btn { margin-top: 10px; }
#merit .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #merit .imgBox { margin-bottom: 35px; }
  #merit .imgBox .img_box { /* width: calc(50% - 15px); */ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; }
  #merit .imgBox .area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #merit .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #merit .txt { margin-bottom: 40px; }
  #merit .areaBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; }
  #merit .areaBox .box { width: calc(50% - 15px); box-sizing: border-box; }
  #merit .areaBox .box .txt { margin-bottom: 20px; }
  #merit .areaBox .box + .box { margin-top: 0; }
  #merit .img_box { margin-bottom: 50px; }
  #merit .texts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; }
  #merit .texts .txt { width: calc(50% - 15px); box-sizing: border-box; margin-bottom: 0; }
  #merit .texts .txt + .txt { margin-top: 0; }
  #merit .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 100px; }
  #merit .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #merit .areaBtn .btn a { height: 85px; }
  #merit .areaBtn .btn a:before { height: 85px; }
  #merit .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; } }

/*  #system
================================================== */
#system .img_box { margin-bottom: 0; }
#system .txt { margin-bottom: 20px; }
#system .secTool + .secTool { margin-top: 30px; }
#system .secTool .subTit { margin-bottom: 10px; }
#system .table { margin-top: 30px; }
#system .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#system .list {  margin-bottom: 10px;  }

@media all and (min-width: 600px) { #system .txt { margin-bottom: 40px; }
  #system .secTool + .secTool { margin-top: 50px; }
  #system .table { margin-top: 50px; }
  #system .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #system .list { margin-bottom: 8px;  } }


/*  #manage
================================================== */
#manage .img_box { margin-bottom: 0; }
#manage .txt { margin-bottom: 20px; }
#manage .secTool + .secTool { margin-top: 30px; }
#manage .secTool .subTit { margin-bottom: 10px; }
#manage .table { margin-top: 30px; }
#manage .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#manage .list {  margin-bottom: 10px;  }

@media all and (min-width: 600px) { #manage .txt { margin-bottom: 40px; }
  #manage .secTool + .secTool { margin-top: 50px; }
  #manage .table { margin-top: 50px; }
  #manage .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #manage .list { margin-bottom: 8px;  } 
  #manage ul li {
  padding-top:10px;
  padding-bottom:10px;
}
}


/*  #support
================================================== */
#support .img_box { margin-bottom: 0; }
#support .txt { margin-bottom: 20px; }
#support .secTool + .secTool { margin-top: 30px; }
#support .secTool .subTit { margin-bottom: 10px; }
#support .table { margin-top: 30px; }

@media all and (min-width: 600px) { #support .txt { margin-bottom: 40px; }
  #support .secTool + .secTool { margin-top: 50px; }
  #support .table { margin-top: 50px; }
 }


/*  #trial
================================================== */
#trial .imgBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; }
#trial .imgBox .img_box { /* width: 50%; */ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; }
#trial .imgBox .area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#trial .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#trial .txt { margin-bottom: 20px; }
#trial .areaBox { margin-bottom: 30px; }
#trial .areaBox .box .txt { margin-bottom: 10px; }
#trial .areaBox .box + .box { margin-top: 25px; }
#trial .img_box { margin-bottom: 20px; }
#trial .texts .txt + .txt { margin-top: 20px; }
#trial .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#trial .areaBtn .btn { margin-top: 0; }
#trial .areaBtn .btn + .btn { margin-top: 10px; }
#trial .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #trial .imgBox { margin-bottom: 35px; }
  #trial .imgBox .img_box { /* width: calc(50% - 15px); */ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; }
  #trial .imgBox .area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #trial .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #trial .txt { margin-bottom: 40px; }
  #trial .areaBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; }
  #trial .areaBox .box { width: calc(50% - 15px); box-sizing: border-box; }
  #trial .areaBox .box .txt { margin-bottom: 20px; }
  #trial .areaBox .box + .box { margin-top: 0; }
  #trial .img_box { margin-bottom: 50px; }
  #trial .texts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; }
  #trial .texts .txt { width: calc(50% - 15px); box-sizing: border-box; margin-bottom: 0; }
  #trial .texts .txt + .txt { margin-top: 0; }
  #trial .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 100px; }
  #trial .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #trial .areaBtn .btn a { height: 85px; }
  #trial .areaBtn .btn a:before { height: 85px; }
  #trial .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; } }




/*  #back-btn
================================================== */
#back-btn .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#back-btn .areaBtn .btn { margin-top: 0; }
#back-btn .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) {
  #back-btn .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #back-btn .areaBtn .btn a { padding: 20px 0 19px; } }