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

/*#mainImg .tit { font-family: 'Roboto', sans-serif; font-size: 3rem; line-height: 1.3; font-weight: 700; letter-spacing: .04em; }*/

@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; }
/*  #mainImg .tit { line-height: 1; font-size: 5rem; } */ }

/*  #lnav
================================================== */
#lnav .list { min-width: 960px; }


/*  ‘•�ü
================================================== */
.mgr-3em{margin-right : 3em;}


/*�@ �«‰EŠñ‚¹‚Å•¶Žš‚ð�¶‘µ‚¦<div class="right_left"><p></p></div>�@*/
.right_left{
  text-align:right;
}
.right_left p{
  display:inline-block;
  text-align: left;
}

/*�@BOX�@*/
.boxmini{
  display:flex;
}
.boxmini li{
  margin:0 10px;
  padding:10px;
text-align: center;
}


/*�@ �«˜g�@*/
.boxwrap {
    width:100%;
    height:auto;
}
.boxleft {
    color: #FFF;
    width:45%;
    margin-left:20px;
    float:left;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*�@ �«ƒ�ƒŠƒbƒg�@*/
.meritbox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.meritbox .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 5px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.bold {
    padding-top:20px;
font-size: 120%;
line-height: 1.6;
    font-weight: bold;
}

h5.merit{ border-left: #95ccff 5px solid; 
    padding-left:10px; 
    font-size: 19px;
    color:#95ccff; 
    margin:20px 0 0 30px; 
    font-weight: bold;}



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

@media all and (min-width: 600px) { #feature .txt { margin-bottom: 30px; }
  #feature .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; }
  #feature .listBox .list { width: 50%; }
  #feature .listBox .list + .list { margin-top: 0; }
  #feature .list { margin-bottom: 30px; }
  #feature .list + .txt { margin-bottom: 40px; }
  #feature .list + .list { margin-top: -13px; }
  #feature .img_box { margin-bottom: 40px; }
  #feature .subTit + .list { margin-bottom: 40px; }
  #feature .subTit + .txt { margin-bottom: 20px; } 
  #feature .tit { margin-bottom: 30px; }
  #feature .box { margin-bottom: 55px; }
  #feature .box + .txt { margin-bottom: 22px; }
  #feature .area { margin-top: -7px; }
  #feature .areaTxt + .areaTxt { margin-top: 28px; }
  #feature .table th span { font-size: 1.4rem; }
  #feature .copy { margin-bottom: 5px; font-size: 1.8rem; }  }


/*  #�¦
================================================== */
 .kome { display: block; font-size: 1.1rem ; color: #666; text-indent: -1.5rem; padding-left: 15px; }
 .kome + .kome { margin-top: 0; }

@media all and (min-width: 600px) {
    .kome { font-size: 1.3rem ; text-indent: -1.6rem; padding-left: 10px; } } 




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

@media all and (min-width: 600px) {
  #config-server .txt { margin-bottom: 30px; }
  #config-server .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; }
  #config-server .listBox .list { width: 50%; }
  #config-server .listBox .list + .list { margin-top: 0; }
  #config-server .list { margin-bottom: 25px; }
  #config-server .list + .txt { margin-bottom: 40px; }
  #config-server .list + .list { margin-top: -13px; }
  #config-server .img_box { margin-bottom: 40px; }
  #config-server .subTit + .list { margin-bottom: 40px; }
  #config-server .subTit + .txt { margin-bottom: 20px; } 
  #config-server .tit { margin-bottom: 30px; }
  #config-server .box { margin-bottom: 55px; }
  #config-server .box + .txt { margin-bottom: 22px; }
  #config-server .area { margin-top: -7px; }
  #config-server .areaTxt + .areaTxt { margin-top: 28px; }
  #config-server .table th span { font-size: 1.4rem; }
  #config-server .copy { margin-bottom: 3px; font-size: 1.8rem; } 
 }


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

@media all and (min-width: 600px) {
  #config-client .txt { margin-bottom: 30px; }
  #config-client .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; }
  #config-client .listBox .list { width: 50%; }
  #config-client .listBox .list + .list { margin-top: 0; }
  #config-client .list { margin-bottom: 25px; }
  #config-client .list + .txt { margin-bottom: 40px; }
  #config-client .list + .list { margin-top: -13px; }
  #config-client .img_box { margin-bottom: 40px; }
  #config-client .subTit + .list { margin-bottom: 40px; }
  #config-client .subTit + .txt { margin-bottom: 20px; } 
  #config-client .tit { margin-bottom: 30px; }
  #config-client .box { margin-bottom: 55px; }
  #config-client .box + .txt { margin-bottom: 22px; }
  #config-client .area { margin-top: -7px; }
  #config-client .areaTxt + .areaTxt { margin-top: 28px; }
  #config-client .table th span { font-size: 1.4rem; }
  #config-client .copy { margin-bottom: 3px; font-size: 1.8rem; } 
 }


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

@media all and (min-width: 600px) {
  #infomodel .txt { margin-bottom: 30px; }
  #infomodel .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; }
  #infomodel .listBox .list { width: 50%; }
  #infomodel .listBox .list + .list { margin-top: 0; }
  #infomodel .list { margin-bottom: 25px; }
  #infomodel .list + .txt { margin-bottom: 40px; }
  #infomodel .list + .list { margin-top: -13px; }
  #infomodel .img_box { margin-bottom: 40px; }
  #infomodel .subTit + .list { margin-bottom: 40px; }
  #infomodel .subTit + .txt { margin-bottom: 20px; } 
  #infomodel .tit { margin-bottom: 30px; }
  #infomodel .box { margin-bottom: 55px; }
  #infomodel .box + .txt { margin-bottom: 22px; }
  #infomodel .area { margin-top: -7px; }
  #infomodel .areaTxt + .areaTxt { margin-top: 28px; }
  #infomodel .copy { margin-bottom: 3px; font-size: 1.8rem; } 
 }


/*  #prrotocol
================================================== */
#prrotocol .txt { margin-bottom: 15px; }
#prrotocol .img_box { margin-bottom: 25px; }
#prrotocol .subTit + .list { margin-bottom: 25px; }
#prrotocol .box { margin-bottom: 25px; }
#prrotocol .copy { margin-bottom: 3px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) {
  #prrotocol .txt { margin-bottom: 30px; }
  #prrotocol .img_box { margin-bottom: 40px; }
  #prrotocol .subTit + .list { margin-bottom: 40px; }
  #prrotocol .subTit + .txt { margin-bottom: 20px; } 
  #prrotocol .tit { margin-bottom: 30px; }
  #prrotocol .box { margin-bottom: 55px; }
  #prrotocol .box + .txt { margin-bottom: 22px; }
  #prrotocol .copy { margin-bottom: 3px; font-size: 1.8rem; } 
}


/*  #idatahub
================================================== */
#idatahub .txt { margin-bottom: 15px; }
#idatahub .img_box { margin-bottom: 25px; }
#idatahub .subTit + .list { margin-bottom: 25px; }
#idatahub .box { margin-bottom: 25px; }
#idatahub .copy { margin-bottom: 3px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) {
  #idatahub .txt { margin-bottom: 30px; }
  #idatahub .img_box { margin-bottom: 40px; }
  #idatahub .subTit + .list { margin-bottom: 40px; }
  #idatahub .subTit + .txt { margin-bottom: 20px; } 
  #idatahub .tit { margin-bottom: 30px; }
  #idatahub .box { margin-bottom: 55px; }
  #idatahub .box + .txt { margin-bottom: 22px; }
  #idatahub .copy { margin-bottom: 3px; font-size: 1.8rem; } 




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

@media all and (min-width: 600px) {
  #support .txt { margin-bottom: 30px; }
  #support .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; }
  #support .listBox .list { width: 50%; }
  #support .listBox .list + .list { margin-top: 0; }
  #support .list { margin-bottom: 25px; }
  #support .list + .txt { margin-bottom: 40px; }
  #support .list + .list { margin-top: -13px; }
  #support .img_box { margin-bottom: 40px; }
  #support .subTit + .list { margin-bottom: 40px; }
  #support .subTit + .txt { margin-bottom: 20px; } 
  #support .tit { margin-bottom: 30px; }
  #support .box { margin-bottom: 55px; }
  #support .box + .txt { margin-bottom: 22px; }
  #support .area { margin-top: -7px; }
  #support .areaTxt + .areaTxt { margin-top: 28px; }
  #support .table th span { font-size: 1.2rem; }
  #support .copy { margin-bottom: 3px; font-size: 1.8rem; } 
 }





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