h1 { font-family: 'Roboto', sans-serif !important; }

/* #mainImg
================================================ */
#mainImg { background: url("../img/tech/bg_cv01_sp1.jpg") no-repeat top 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/tech/bg_cv01_pc1.jpg") no-repeat top center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; } }


/*  #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 .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; /*【編集】20200603以下削除TOPリンク復帰→*//*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: 150px; 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: 20px; } }

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