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


/*  フォント
================================================== */
 .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;}
 }