/*  #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 .date .cate{ display: inline-block; padding: 5px 0;}

#archive .list .item .date .cate_txt { margin-left: 5px; padding: 2px 10px; font-size: 1.2rem; border: 2px solid; color: #016cb1; }

#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 .cat2 { position: absolute; width: 100%; left: 0; bottom: 0; padding: 6px 0; background: rgba(1, 108, 177, 0.9); font-size: 1.8rem; font-weight: 700; text-align: center; color: #fff; }

#archive .cap_impact{
	margin-bottom: 12px;
    color: #bf1515;
    text-align: center;
	font-weight: bold;
}

#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 .cate { margin-left: 10px; padding: 0px; vertical-align: text-bottom;}
	#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 .cat2 { top: 126px; bottom: auto; padding: 3px 0; font-size: 1.6rem; line-height: 1.4em;}
	#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; }
	#archive .cap_impact{
		margin-top: 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; } }


/*  動画
・「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;
    }
    }


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


.newmark{
background-color:red; 
color:#fff; 
padding:2px 10px; 
font-size: smaller;
}

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

/*　テキストの前にアイコン　*/
p.ico_arw01::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/img/common/ico_arw01.png) no-repeat;
  background-size: contain;
  margin-right: 3px;
  transform: translateY(2px);
}
p.ico_arw02::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/common/ico_arw02.png) no-repeat;
  background-size: contain;
  margin-right: 3px;
  transform: translateY(3px);
}
/*　bl テキストの青色　*/
.bl { color:#0174bd}
/*　bold　*/
.bold {font-weight: bold; }
.font-small {
  font-size: 0.85em;
}