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



/*　 ↓右寄せで文字を左揃え<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;
}


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

/*　 ↓メリット　*/
.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;}

/* ふわふわ効果 */
.fluffy{
	width: 100%;
	animation: fluffy 4s ease infinite;
}

@keyframes fluffy{
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の下からの位置に固定表示 */
    z-index: 5;
    position: fixed;
    bottom: 170px;
    right: 0;
}
 
/* 画像の共通設定 */
#fixed_right_banner > *{
    clear: both;
    float: right;
    /* 横幅 */
    width: 170px;
    /* 最初にあらかじめ右側を詰めて表示。 */
    margin-right: -130px;
}
/* 画像の共通設定 */
#fixed_right_banner > *{
    /* アニメーション設定を追加。 */
    -webkit-transition: margin .2s ease;
    transition: margin .2s ease;
} 


/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 20px; }

/* リンク要素 */
#fixed_right_banner > a{
    /* ブロック要素に変更 */
    display: block;
}
 
/* マウスオーバーで、詰めた右側のマージンをリセット。 */
#fixed_right_banner > *:hover{
    margin-right: 0;
}
 
/* コンテンツに被らないようにするメディアクエリ */
@media (max-width: 600px){
    #fixed_right_banner > *{position: fixed; bottom: 60px; right: 0;}
    #fixed_right_banner > *{clear: both; margin-right: -130px;}
}


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

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


/*  #wsnf_usb
================================================== */
#wsnf_usb .img_box { margin-bottom: 30px; }
#wsnf_usb .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#wsnf_usb .areaBtn .btn { margin-top: 0; }
#wsnf_usb .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }
#wsnf_usb dl + dl { margin-top: 25px; }
#wsnf_usb dl dt { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#wsnf_usb dl + .subTit { margin-top: 30px; }
#wsnf_usb .subTit + .list { margin-bottom: 0; }
#wsnf_usb .txt { margin-bottom: 30px; }
#wsnf_usb .txt + .list { margin-top: -25px; margin-bottom: 0; }
#wsnf_usb .list + .subTit { margin-top: 30px; }
#wsnf_usb .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#wsnf_usb .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#wsnf_usb .areaBtn .btn { margin-top: 0; }
#wsnf_usb .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #wsnf_usb .img_box { margin-bottom: 50px; }
  #wsnf_usb .list { margin-bottom: 40px; }
  #wsnf_usb .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #wsnf_usb .areaBtn .btn a { padding: 20px 0 19px; } 
  #wsnf_usb dl + dl { margin-top: 30px; }
  #wsnf_usb dl dt { margin-bottom: 5px; font-size: 1.8rem; }
  #wsnf_usb dl + .subTit { margin-top: 45px; }
  #wsnf_usb .subTit { margin-bottom: 10px; }
  #wsnf_usb .subTit + .list { margin-bottom: 0; }
  #wsnf_usb .txt { margin-bottom: 40px; }
  #wsnf_usb .txt + .list { margin-top: -35px; }
  #wsnf_usb .list + .subTit { margin-top: 45px; }
  #wsnf_usb .copy { margin-bottom: 5px; font-size: 1.8rem; } 
  #wsnf_usb .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #wsnf_usb .areaBtn .btn a { padding: 20px 0 20px; } }


/*  #wsnf_demopkg
================================================== */
#wsnf_demopkg .img_box { margin-bottom: 30px; }
#wsnf_demopkg .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#wsnf_demopkg .areaBtn .btn { margin-top: 0; }
#wsnf_demopkg .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }
#wsnf_demopkg dl + dl { margin-top: 25px; }
#wsnf_demopkg dl dt { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#wsnf_demopkg dl + .subTit { margin-top: 30px; }
#wsnf_demopkg .subTit + .list { margin-bottom: 0; }
#wsnf_demopkg .txt { margin-bottom: 30px; }
#wsnf_demopkg .txt + .list { margin-top: -25px; margin-bottom: 0; }
#wsnf_demopkg .list + .subTit { margin-top: 30px; }
#wsnf_demopkg .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
#wsnf_demopkg .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }
#wsnf_demopkg .areaBtn .btn { margin-top: 0; }
#wsnf_demopkg .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #wsnf_demopkg .img_box { margin-bottom: 50px; }
  #wsnf_demopkg .list { margin-bottom: 40px; }
  #wsnf_demopkg .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #wsnf_demopkg .areaBtn .btn a { padding: 20px 0 19px; } 
  #wsnf_demopkg dl + dl { margin-top: 30px; }
  #wsnf_demopkg dl dt { margin-bottom: 5px; font-size: 1.8rem; }
  #wsnf_demopkg dl + .subTit { margin-top: 45px; }
  #wsnf_demopkg .subTit { margin-bottom: 10px; }
  #wsnf_demopkg .subTit + .list { margin-bottom: 0; }
  #wsnf_demopkg .txt { margin-bottom: 40px; }
  #wsnf_demopkg .txt + .list { margin-top: -35px; }
  #wsnf_demopkg .list + .subTit { margin-top: 45px; }
  #wsnf_demopkg .copy { margin-bottom: 5px; font-size: 1.8rem; } 
  #wsnf_demopkg .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #wsnf_demopkg .areaBtn .btn a { padding: 20px 0 20px; } }


#wsnf_demopkg .table { margin-bottom: 15px; }

@media all and (min-width: 600px) { #wsnf_demopkg .table { margin-bottom: 30px; }
  #wsnf_demopkg .table thead th { padding: 16px 0; }
  #wsnf_demopkg .table tbody th { text-align:center; vertical-align:middle; }
  #wsnf_demopkg .table tbody td + td {vertical-align:middle; } }



/*  #certified
================================================== */
#certified .tit { margin-bottom: 20px; }
#certified .subTit { margin-bottom: 13px; }
#certified .txt { margin-bottom: 21px; }
#certified .table { margin-bottom: 25px; }
#certified .img_box { margin-bottom: 30px; }
#certified .copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

@media all and (min-width: 600px) { #certified .tit { margin-bottom: 40px; }
  #certified .subTit { margin-bottom: 18px; }
  #certified .txt { margin-bottom: 30px; }
  #certified .table { margin-bottom: 40px; }
  #certified .img_box { margin-bottom: 40px; }
  #certified .copy { margin-bottom: 5px; font-size: 1.8rem; }  }


#certified .table { margin-bottom: 15px; }
  #certified td { text-align:center; vertical-align:middle; }

@media all and (min-width: 600px) { #certified .table { margin-bottom: 30px; }
  #certified .table thead th { padding: 16px 0; }
  #certified .table tbody th { text-align:center; vertical-align:middle; }
  #certified .table tbody td + td { text-align:center; vertical-align:middle; }
  #certified td { text-align:center; vertical-align:middle; } }


/*  #usescene
================================================== */
#usescene .txt { margin-bottom: 15px; }

#usescene .list { margin-bottom: 15px; }

#usescene .list + .txt { margin-bottom: 20px; }

#usescene .list + .list { margin-top: -13px; }

#usescene .img_box { margin-bottom: 25px; }

#usescene .subTit + .list { margin-bottom: 25px; }

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

@media all and (min-width: 600px) { #usescene .txt { margin-bottom: 30px; }
  #usescene .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; }
  #usescene .listBox .list { width: 50%; }
  #usescene .listBox .list + .list { margin-top: 0; }
  #usescene .list { margin-bottom: 30px; }
  #usescene .list + .txt { margin-bottom: 40px; }
  #usescene .list + .list { margin-top: -13px; }
  #usescene .img_box { margin-bottom: 40px; }
  #usescene .subTit + .list { margin-bottom: 40px; }
  #usescene .subTit + .txt { margin-bottom: 20px; } 
  #usescene .areaBtn .btn { max-width: 350px; width: 350px; margin: 0 auto; }
  #usescene .areaBtn .btn a { padding: 20px 0 19px; } }




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