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

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

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

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



.mini  {
  font-size: 0.7rem; 
  margin:0 8px -10px 0 ; text-align: right;
}

/*枠線 画像＋テキスト*/

.f-box{
  padding:10px;
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
}
.f-box::after{
  content:"";
  display: block;
  width:100%;
}
.f-boxitem{
  border: 1px solid #ccc;
  padding:20px;
  margin-bottom:10px;
  box-sizing:border-box;
  width:100%;
}
.f-boxitem h1 {
  color: #195aa5;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}
.f-boxitem p {
}
.f-boxitem img {
margin-right:10px; float: left; width: 70px;
}


@media screen and (min-width:600px) {
.f-box::after{
  width:49.2%;
}
.f-boxitem{
  width:49.2%;
}
.f-boxitem img {
margin-right:10px; float: left; width: 100px;
}
}




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


.copy2 {
  font-size: 1.8rem; 
  font-weight: 700;
  color:#0174bd;
 }
@media all and (min-width: 600px) { 
.copy2 { 
  font-size: 2.4rem;
  font-weight: 700;
  color:#0174bd;
vertical-align: baseline;
}  }

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


/*  #feature
================================================== */

  #feature ul{
    line-height: 1.5;
  }
 
  #feature li + li{
    margin-top: 5px;
  }
  #feature li{
    position: relative;
    padding-left: 15px;
  }
 
  #feature li:before {
    content: "";
    position: absolute;
    right: 1em;
    top: 0.3em;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 3px solid #1cacda;
    border-bottom: 3px solid #1cacda;
  }

@media all and (min-width: 600px) { 
  #feature ul{
font-size: 1.1em;
  } }

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

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




/*  #bsplist
================================================== */



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

@media all and (min-width: 600px) { #bsplist .table { margin-bottom: 60px; }
  #bsplist .table tbody th { text-align:center; vertical-align:middle; } }






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