/*  #archive
================================================== */
#archive .inner { padding-top: 35px; margin-bottom: -16px; }

#archive .tablistwrap { overflow-x: auto; width: 100%; margin: 0 0 25px; padding: 0 0 25px; border-bottom: solid 1px #e2e2e2; }

#archive .tablistwrap .tablist { margin: 0; /* min-width: 970px; margin-left: -20px; */ }

#archive .tablistwrap .tablist .tabitem { width: calc(33% - 10px); margin: 5px; border-radius: 3px; }

#archive .list .item { padding-top: 60px; margin-top: -60px; margin-bottom: 35px; /* +.item{ margin-top: -15px; } */ }

#archive .list .item:nth-child(even) { border-bottom: 1px solid #e2e2e2; margin-bottom: 40px; padding-bottom: 34px; }

#archive .list .item .date { font-size: 1.3rem; font-weight: 700; }

#archive .list .item .tit { margin-bottom: 20px; font-size: 1.7rem; line-height: 1.6; font-weight: 700; color: #1cacda; }

#archive .list .item .tit a { color: inherit; text-decoration: none; }

#archive .list .item .box .img { margin-bottom: 18px; position: relative; }

#archive .list .item .box .img .cat { position: absolute; width: 100%; left: 0; bottom: 0; padding: 2px 0; background: rgba(1, 108, 177, 0.9); font-size: 2.1rem; font-weight: 700; text-align: center; color: #fff; }

#archive .list .item .box .areaTxt .txt { margin-bottom: 22px; }

#archive .list .item .box .areaTxt .btn { margin: 0 25px; }

@media all and (min-width: 600px) { #archive .inner { padding-top: 36px; margin-bottom: -27px; }
  #archive .tablistwrap { padding: 0 0 50px; margin: 0 -10px 40px; }
  #archive .tablistwrap .tablist { min-width: 1100px; }
  #archive .tablistwrap .tablist .tabitem { width: 210px; }
  #archive .tablistwrap .tablist .tabitem.is_wide { width: 150px; }
  #archive .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; margin-right: -20px; margin-left: -20px; }
  #archive .list .item { width: 50%; box-sizing: border-box; border-bottom: 1px solid #e2e2e2; margin-bottom: 32px; padding-bottom: 41px; padding-right: 20px; padding-left: 20px; padding-top: 90px; margin-top: -90px; /* +.item{ margin-top: 0; } */ }
  #archive .list .item:nth-child(even) { margin-bottom: 32px; padding-bottom: 41px; }
  #archive .list .item .date { margin-bottom: 5px; font-size: 1.5rem; }
  #archive .list .item .tit { margin-bottom: 21px; font-size: 2rem; }
  #archive .list .item .box { 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; }
  #archive .list .item .box .img { width: calc(53.5% - 13px); box-sizing: border-box; margin-bottom: 0; }
  #archive .list .item .box .img .cat { top: 126px; bottom: auto; padding: 1px 0; font-size: 2.2rem; }
  #archive .list .item .box .areaTxt { width: calc(46.5% - 13px); box-sizing: border-box; margin-top: -5px; }
  #archive .list .item .box .areaTxt .txt { margin-bottom: 22px; font-size: 1.5rem; }
  #archive .list .item .box .areaTxt .btn { width: 88%; margin: 0 auto; }
  #archive .list .item .box .areaTxt .btn a { padding: 4px 10px 2px 20px; font-size: 1.3rem; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #archive .list .item .box .areaTxt .btn a:after { right: 0; } }

/*  #fan
================================================== */
#fan .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #fan .inner { padding-top: 91px; } }

/*  #management
================================================== */
#management .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #management .inner { padding-top: 91px; } }

/*  #connectivity
================================================== */
#connectivity .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #connectivity .inner { padding-top: 91px; }
  #connectivity .imgTxt .areaTxt { 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; }
  #connectivity .imgTxt .areaTxt .list { display: block; width: calc(33.33% - 10px); }
  #connectivity .imgTxt .areaTxt .list + .list { margin-top: 0; margin-left: 0; } }

/*  #control
================================================== */
#control .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #control .inner { padding-top: 91px; } }

/*  #data
================================================== */
#data .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #data .inner { padding-top: 91px; } }

/*  #os
================================================== */
#os .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #os .inner { padding-top: 91px; } }

/*  #middleware
================================================== */
#middleware .inner { padding-top: 45px; }

@media all and (min-width: 600px) { #middleware .inner { padding-top: 91px; } }

/*  #tool
================================================== */
#tool .inner { padding-top: 45px; padding-bottom: 60px; }

@media all and (min-width: 600px) { #tool .inner { padding-top: 91px; padding-bottom: 90px; } }

/*  動画
・「muted」で無音自動再生、chromeやSafariブラウザでは無音設定でないと自動再生不可のため
・「autoplay」「muted」「playsinline」を併記で、スマホ再生時、自動的に全画面を回避
・「controls」でコントロールパネルを表示
・「preload="none"」で事前に動画ファイルを読み込まない
・「preload="auto"」で事前に動画ファイルを読み込む
================================================== */

    video {
      max-width: 100%; 
      height: auto;
    }
@media all and (min-width: 600px) { 
    video {
      width: 271px;
      height: 170px;
    }
    }



/*  sensorSec
================================================== */
.sensorSec .set { margin-top: 30px; }
.sensorSec .set .setTit { position: relative; margin-bottom: 5px; padding-left: 15px; font-weight: bold; font-size: 1.5rem; }
.sensorSec .set .setTit:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 5px;
	height: 10px;
	border-right: 3px solid #016cb1;
	border-bottom: 3px solid #016cb1;
}
.sensorSec .note { margin-top: 1em; font-size: 1.1rem; color: #999; }
.sensorSec .setCheck { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 1.7rem; font-weight: bold; color: #1cacda; line-height: 1.5; }
.sensorSec .setCheck:before {
	content: "";
	position: absolute;
	top: .4em;
	left: 0;
	width: 15px;
	height: 15px;
	background: url(../../img/common/ico_check01.png) no-repeat center / contain;
}
.sensorSec .areaBtn { position: relative; margin-top: 30px; padding: 25px; z-index: 1; }
.sensorSec .areaBtn::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 200%; background: #f3f3f3; z-index: -1; }
.sensorSec .areaBtn .btn { margin-top: 0; }
.sensorSec .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) {
	.sensorSec .set .setTit { padding-left: 20px; margin-bottom: 8px; font-size: 1.8rem; }
	.sensorSec .set .setTit:before {top: 0.5em;	height: 13px; }
	.sensorSec .note { margin-top: 0.5em; font-size: 1.3rem; }
	.sensorSec .setCheck { font-size: 2.4rem; }
	.sensorSec .areaBtn { margin-top: 60px; }
	.sensorSec .areaBtn::before { width: 100%; }
}



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

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

 .font08 { font-size:1em; }
 .font09 { font-size:1em; }
 .font095 { font-size:1em; }

@media all and (min-width: 600px) {
 .font08 { font-size:0.8em;}
 .font09 { font-size:0.9em;}
 .font095 { font-size:0.95em;}
 }

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

.keyword{
background-color:#fec81c; 
color:#fff; 
padding:2px 10px; 
border-radius: 1em;
}


.keyword2{
background-color:red; 
color:#fff; 
padding:2px 10px; 
}

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



/*　テキスト、画像、横並び　*/
.box-img,
.box-text{
  display: inline-block;
  vertical-align: middle;

}
/*  #ページ内リンク
================================================== */

a.scroll_point{
   display: block;
   margin-top: -30px;
   padding-top:30px;
}
@media all and (min-width: 600px) {
a.scroll_point{
   display: block;
   margin-top: -100px;
   padding-top:100px;
}
}

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