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

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

@media all and (min-width: 600px) { #usnpls #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; } }

/*  装飾
================================================== */

/*幅100%縮むレスポンシブ対応テーブル*/
.w100 table{
width:100%;
border-collapse: collapse;
table-layout: fixed;
word-break: break-word;
}
.w100 th,
.w100 td {
  border: 1px solid #e2e2e2;
  padding:5px 10px;
  vertical-align: middle; 
    border-right: none !important;
    border-left: none !important;
}
.w100 th {
background-color: #f3f3f3;
font-weight: bold; 
text-align:center;
}


/*テキスト＋画像*/
.text-img-container{
    display: flex;
    width: 100%;
}
.text-img{
    width:100%;
    margin: 10px 20px;
}
@media screen and (min-width:600px) {
    .text-img{
        max-width: 750px;
    }
}





.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}

/*　bl テキストの青色　*/
.bl { color:#0174bd}

 .newstxt { margin-bottom: 7px; line-height: 1.85; font-weight: 400; }
@media all and (min-width: 600px) {
 .newstxt { margin-bottom: 7px; font-size: 1.6rem; font-weight: bold; }
}

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



.btn_midasi {font-weight:normal;  color:#aaa;}
.btn_ue {margin-top:10px; margin-bottom:-30px; text-align: center;}
.btn_left {margin-left:0;}

@media all and (min-width: 600px) { 
.btn_ue {margin-top:10px; margin-bottom:0; text-align: left;}
.btn_left {margin-left:10px;}
}


.copy { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }
@media all and (min-width: 600px) { 
.copy { margin-bottom: 5px; font-size: 1.8rem; }  }





/*  レスポンシブ対応の横スクロール
---------------------------------------- */
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}


/*  #product
================================================== */
#product .txt { padding-bottom: 20px; }

#product .areaBtn { width: 285px; margin: 0 auto; }

#product .areaBtn .btn a { padding: 13px 0 12px; }

@media all and (min-width: 600px) { #product .tit { margin-bottom: 27px; }
  #product .txt { margin-bottom: 22px; }
  #product .areaBtn { width: auto; margin: 0 auto; }
  #product .areaBtn .btn:nth-child(n+4) { margin-top: 20px; }
  #product .areaBtn .btn a { padding: 13px 0 12px; } }




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