@charset "utf-8";
/* CSS Document */
/********************************************************************
	news.css
*********************************************************************/
/*==========================================================================
	コンテンツ1　bg 白
============================================================================*/
.contents_Area01 {
	padding: 20px 0px 0px;
}
.contents_Area01 .contents_Areainnr {
  padding: 0px 10px;
  font-size: 14px;
}
.contents_Area01 .contents_Areainnr .mainArea {
  margin-bottom: 20px;
}
.contents_Area01 .contents_Areainnr .sideArea {
  margin-bottom: 20px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .contents_Area01 {
    padding: 20px 0px 0px;
  }  
  .contents_Area01 .contents_Areainnr {
    padding: 0px 25px 20px;
  }
  .contents_Area01 .contents_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -230px;
    padding-right: 230px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .contents_Area01 .contents_Areainnr .sideArea {
    float: left;
    width: 200px;
    padding-left: 30px;
    margin-bottom: 10px;
  }

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .contents_Area01 .contents_Areainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px 20px;
  }
  .contents_Area01 .contents_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -300px;
    padding-right: 300px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .contents_Area01 .contents_Areainnr .sideArea {
    float: left;
    width: 260px;
    padding-left: 40px;
    margin-bottom: 10px;
  }
}




/*==========================================================================
	コンテンツ2 bg黒
============================================================================*/
.contents_Area02 {
	padding: 20px 0px 0px;
	background-color: #000;
}
.contents_Area02 .contents_Areainnr {
  padding: 0px 10px;
  font-size: 14px;
}
.contents_Area02 .contents_Areainnr .mainArea {
  margin-bottom: 20px;
}
.contents_Area02 .contents_Areainnr .sideArea {
  margin-bottom: 20px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .contents_Area02 {
    padding: 20px 0px 0px;
  }  
  .contents_Area02 .contents_Areainnr {
    padding: 0px 25px 20px;
  }
  .contents_Area02 .contents_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -230px;
    padding-right: 230px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .contents_Area02 .contents_Areainnr .sideArea {
    float: left;
    width: 200px;
    padding-left: 30px;
    margin-bottom: 10px;
  }

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .contents_Area02 .contents_Areainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px 20px;
  }
  .contents_Area02 .contents_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -300px;
    padding-right: 300px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .contents_Area02 .contents_Areainnr .sideArea {
    float: left;
    width: 260px;
    padding-left: 40px;
    margin-bottom: 10px;
  }
}



/*==========================================================================
	コンテンツ03　ｂｇグレー
============================================================================*/
.contents_Area03 {
	padding: 20px 0px 0px;
	background-color: #F7F7F7;
}
.contents_Area03 .contents_Areainnr {
  padding: 0px 10px;
  font-size: 14px;
}
.contents_Area03 .contents_Areainnr .mainArea {
  margin-bottom: 20px;
}
.contents_Area03 .contents_Areainnr .sideArea {
  margin-bottom: 20px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .contents_Area03 {
    padding: 20px 0px 0px;
  }  
  .contents_Area03 .contents_Areainnr {
    padding: 0px 25px 20px;
  }
  .contents_Area03 .contents_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -230px;
    padding-right: 230px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .contents_Area03 .contents_Areainnr .sideArea {
    float: left;
    width: 200px;
    padding-left: 30px;
    margin-bottom: 10px;
  }

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .contents_Area03 .contents_Areainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px 20px;
  }
  .contents_Area03 .contents_Areainnr .mainArea {
    float: left;
    width: 100%;
    margin-right: -300px;
    padding-right: 300px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .contents_Area03 .contents_Areainnr .sideArea {
    float: left;
    width: 260px;
    padding-left: 40px;
    margin-bottom: 10px;
  }
}



/*==========================================================================
	ニュースエリア
============================================================================*/
.newsArea {
  padding: 0px 20px 10px 20px;
  background-color: #FFFFFF;
}
.newsArea dl {
  margin-bottom: 12px;
  padding: 16px;
  line-height: 1.6;
  font-size: 14px;
}
.newsArea dl dt {
  width: 100%;
  font-weight: bold;
}

.newsArea dl dd {
  width: 100%;
  padding-top: 14px;
}
.newsArea dl dd a {
  display: block;
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .newsArea {
    padding: 40px 25px 20px;
  }
  .newsArea .newsmore {
    right: 25px;
    font-size: 14px;
    text-align:left;
    margin: 0px;
  } 
  /*-- タブ --*/
  .newsArea .tab li {
    font-size: 14px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .newsArea {
    max-width: 1200px;
    margin: 0px auto 8px;
    padding: 40px 45px 20px;
  }
  .newsArea .newsmore {
    position: absolute;
    right: 45px;
  } 
  .newsArea dl {
    
  }
  .newsArea dl dt {
    width: 100%;
  }
  .newsArea dl dd {
    width: auto;
  }
}
/*==========================================================================
	活用事例TOP背景
============================================================================*/

#case_study {
	background-image: url(../img/cace_bg01.png);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 50px;
}



/*==========================================================================
	 活用事例TOP背景
============================================================================*/

#c_top {
	background-image: url(../img/cace_bg01.png);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 50px;
}




/*==========================================================================
	下層ページタイトル お客様インタビュー
============================================================================*/

#pagettl_case_01 {
	background-image: url(../img/05_1_h1.jpg);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 8%;
	padding-bottom: 8%;
}
#pagettl_case_01 .pagettl_case_innr {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	font-size: 12px;
	color: #FFF !important;
	}

#pagettl_case_01 .pagettl_case_innr h2 {
  font-size: 26px;
  color: fff !important;
  line-height: 1.4;
  font-weight: normal !important ;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (max-width: 767px) {
#pagettl_case_01 h2 {
	margin-left: 20px !important;
}
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#pagettl_case_01 {

}
#pagettl_case_01 .pagettl_case_innr {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#pagettl_case_01 {
}
#pagettl_case_01 .pagettl_case_innr {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	}
}

/*==========================================================================
	下層ページタイトル 森林資源蓄積量
============================================================================*/

#pagettl_case_forest {
	background-image: url(../img/05_1_vh1.jpg);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 8%;
	padding-bottom: 8%;
}
#pagettl_case_forest .pagettl_case_innr {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	font-size: 12px;
	color: #FFF !important;
	}

#pagettl_case_forest .pagettl_case_innr h2 {
  font-size: 26px;
  color: fff !important;
  line-height: 1.4;
  font-weight: normal !important ;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (max-width: 767px) {
#pagettl_case_forest h2 {
	margin-left: 20px !important;
}
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#pagettl_case_forest .pagettl_case_innr {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#pagettl_case_forest .pagettl_case_innr {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	}
}











/*==========================================================================
	下層ページタイトル 3つのAI構成
============================================================================*/

#pagettl_product_aiconstitutionl {
	background-image: url(../img/ai/03_2_h1.jpg);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 8%;
	padding-bottom: 8%;
}
#pagettl_product_aiconstitutionl .pagettl_product_innr {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	font-size: 12px;
	color: #FFF !important;
	}

#pagettl_product_aiconstitutionl .pagettl_product_innr h2 {
  font-size: 26px;
  color: fff !important;
  line-height: 1.4;
  font-weight: normal !important ;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (max-width: 767px) {
#pagettl_product_aiconstitutionl h2 {
	margin-left: 20px !important;
}
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#pagettl_product_aiconstitutionl {

}
#pagettl_product_aiconstitutionl .pagettl_product_innr {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#pagettl_product_aiconstitutionl {
}
#pagettl_product_aiconstitutionl .pagettl_product_innr {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	}
}







.title_no {
	text-align: center;
	font-size: 18px;
	padding-top: 50px;
	padding-bottom: 30px;
	word-spacing: normal;
}
.title_no01 {
	background-image: url(../img/bg_no01.png);
	background-repeat: no-repeat;
	background-position: left -10px;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	padding-top: 50px;
	padding-bottom: 30px;
	word-spacing: normal;
}
.title_no02 {
	background-image: url(../img/bg_no02.png);
	background-repeat: no-repeat;
	background-position: left -10px;
	color: #000;
	text-align: center;
	font-size: 18px;
	padding-top: 50px;
	padding-bottom: 30px;
	word-spacing: normal;
}
.title_no03 {
	background-image: url(../img/bg_no03.png);
	background-repeat: no-repeat;
	background-position: left -10px;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	padding-top: 50px;
	padding-bottom: 30px;
	word-spacing: normal;
}
.title_kadai {
	background-image: url(../img/03_icon01.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #000;
	text-align: center;
	font-size: 18px;
	padding-top: 58px;
	padding-bottom: 30px;
	word-spacing: normal;
}

/*  課題　*/
.kadai {
	display: block;
	padding-bottom: 30px;
}
.kadai dt {
	display: block;
	padding-bottom: 22px;
	background-image: url(../img/icon_q.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 22px;
	padding-left: 78px;
	padding-right: 15px;
}
.kadai dd {
	display: block;
	padding-bottom: 22px;
	background-image: url(../img/icon_a.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 22px;
	padding-left: 78px;
	padding-right: 15px;
	background-color: #ECECEC;
	margin-top: 5px;
}


/*  製品情報背景カメラリンク　*/
.normal_cam_link {
	height: 402px;
	background-image: url(../img/03_camerabtn.jpg);
	background-size:cover;
	padding: 40px;
	background-position: center;
}
.ai_cam_link {
	height: 402px;
	background-image: url(../img/03_AIcamerabtn.jpg);
	background-size:cover;
	background-position: center;
	padding: 40px;
}
.normal_cam_link ul .txt,.ai_cam_link ul .txt {
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

.normal_cam_link ul .btn-primary,.ai_cam_link ul .btn-primary {
	margin-top: 240px;
	text-align: center;
}
/*  製品情報一般カメラ　box border 白　*/
.box_border {
	width: 100%;
	border: 1px solid #FFF;
	padding: 16px;
	}
.title_red {
	background-color: #C00;
	padding: 10px;
	color: #FFF;
	text-align: center;
	margin-bottom: 15px;
	}
/*==========================================================================
	下層リンク 一般カメラ
============================================================================*/	
	
.bg_ai {
	background-image: url(../img/nomal/03_1_AIcamerabtn.jpg) !important;
	background-size:cover;
	background-position: center center;
}
.bg_normal {
	background-image: url(../img/ai/03_2_4_camerabtn.jpg) !important;
	background-size:cover;
	background-position: center center;
}
.bg_ai_innr {
	height: 402px;
	padding: 40px;
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
.bg_ai_innr {
	padding-top:40px;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:40px;
}
}
.bg_ai_innr .txt {
	font-size: 21px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

.bg_ai_innr .btn-primary {
	margin-top: 240px;
	text-align: center;
	margin-bottom:50px;
}

/*==========================================================================
	特長
============================================================================*/

.p_characteristic01{
	padding-left: 15px;
}
.p_characteristic01 li {
	list-style-position: inside;
	list-style-type: disc;
}

.p_characteristic02_wt{
	border: 1px solid #FFF;
}
.p_characteristic02_wt dt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.p_characteristic02_bk{
	border: 1px solid #171717;
}
.p_characteristic02_bk dt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #171717;
}
/* 記事  */
 .titel01 {
	font-size: 24px;
	text-align: left;
	padding-top:60px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;		 
	 }
@media print, screen and (min-width: 1024px) {
 .titel01 {
	font-size: 24px;
	text-align: center;
	padding-top:60px;
	padding-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;		 
	 }
}
 .titel02 {
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;		 
	 }
	 .titel03 {
	font-size: 24px;
	text-align: center;
	padding-bottom: 30px;
	padding-top:30px;
	 }
 .img_titel {
	 padding-left:0px;
	 margin-left: 0px;}
.img_titel dt {
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;		
	 
}
/*==========================================================================
	タブ
============================================================================*/
/*-----------------------------------------------------------------------*/
/*-- タブ　ボタン --*/
.tab {
  list-style: none;
  overflow: hidden;
  margin: 0px auto;
  padding: 0px 10px;
}
.tab li {
  font-size: 14px;
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 0px 5px;
}
.tab li:first-child {
  padding-left: 30px;
}
.tab li:last-child {
  padding-right: 30px;
}
.tab li a.ctBtn {
  background-color: #ffffff;
  padding: 5px;
  text-align: center;
  border: solid 1px #CCCCCC;
  border-radius: 2px;
  display: block;
  transition: .2s linear;
}
/*--- リンク ---*/
.tab li a:link,
.tab li a:visited {
  color: #333333;
  text-decoration: none;
}
.tab li a:hover,
.tab li a:active {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #e60012;
  border: solid 1px #e60012;
}
/*- 選択 -*/
.tab li.select .ctBtn {
  color: #FFFFFF !important;
  text-decoration: none !important;
  background-color: #e60012 !important;
  border: solid 1px #e60012 !important;
}
/*-----------------------------------------------------------------------*/
/*-- カテゴリー　ボタン --*/
.solutionArea .catBtngroup {
  list-style: none;
  margin: 30px 0px 0px;
  padding: 0px 10px;
}
.solutionArea .catBtngroup li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0px 5px;
  margin-bottom: 10px;
  font-size: 12px;
}
.solutionArea .catBtngroup li a.ctBtn {
  background-color: #ffffff;
  padding: 5px;
  text-align: center;
  border: solid 1px #CCCCCC;
  border-radius: 2px;
  display: block;
  transition: .2s linear;
}
/*--- リンク ---*/
.solutionArea .catBtngroup li a:link,
.solutionArea .catBtngroup li a:visited {
  color: #333333;
  text-decoration: none;
}
.solutionArea .catBtngroup li a:hover,
.solutionArea .catBtngroup li a:active {
  color: #e60012;
  text-decoration: none;
  /*background-color: #f8f8f8;*/
  border: solid 1px #e60012;
}
/*- 選択 -*/
.catBtngroup li.select .ctBtn {
  color: #e60012 !important;
  text-decoration: none !important;
  border: solid 1px #e60012 !important;
}
/*-- 背景アイコン カテゴリ別 --*/
.solutionArea .catBtngroup li .bt01 {
  background-image: url(../../common/img/sol_cat_icon01.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt02 {
  background-image: url(../../common/img/sol_cat_icon02.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt03 {
  background-image: url(../../common/img/sol_cat_icon03.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt04 {
  background-image: url(../../common/img/sol_cat_icon04.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt05 {
  background-image: url(../../common/img/sol_cat_icon05.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt06 {
  background-image: url(../../common/img/sol_cat_icon06.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt07 {
  background-image: url(../../common/img/sol_cat_icon07.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .bt08 {
  background-image: url(../../common/img/sol_cat_icon08.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
/*-- 背景アイコン 課題別 --*/
.solutionArea .catBtngroup li .kbt01 {
  background-image: url(../../common/img/sol_kcat_icon01.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .kbt02 {
  background-image: url(../../common/img/sol_kcat_icon02.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .kbt03 {
  background-image: url(../../common/img/sol_kcat_icon03.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .kbt04 {
  background-image: url(../../common/img/sol_kcat_icon04.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .kbt05 {
  background-image: url(../../common/img/sol_kcat_icon05.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.solutionArea .catBtngroup li .kbt06 {
  background-image: url(../../common/img/sol_kcat_icon06.png);
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size:20px 20px;
}


/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .catBtngroup li {
    width: 100%;
  }
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  /*-----------------------------------------------------------------------*/
  /*-- タブ　ボタン --*/
  .tab li:first-child {
    padding-left: 90px;
  }
  .tab li:last-child {
    padding-right: 90px;
  }
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .catBtngroup {
    padding: 0px 20px;
  }
  .solutionArea .catBtngroup li {
    font-size: 14px;
  }
  /*-- 背景アイコン カテゴリ別 --*/
  .solutionArea .catBtngroup li .bt01,
  .solutionArea .catBtngroup li .bt02,
  .solutionArea .catBtngroup li .bt03,
  .solutionArea .catBtngroup li .bt04,
  .solutionArea .catBtngroup li .bt05,
  .solutionArea .catBtngroup li .bt06,
  .solutionArea .catBtngroup li .bt07,
  .solutionArea .catBtngroup li .bt08,
  .solutionArea .catBtngroup li .kbt01,
  .solutionArea .catBtngroup li .kbt02,
  .solutionArea .catBtngroup li .kbt03,
  .solutionArea .catBtngroup li .kbt04,
  .solutionArea .catBtngroup li .kbt05,
  .solutionArea .catBtngroup li .kbt06 {
    background-size:30px 30px;
    background-position: 10px center;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  /*-----------------------------------------------------------------------*/
  /*-- タブ　ボタン --*/
  .tab {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 30px;
  }
  .tab li:first-child {
    padding-left: 140px;
  }
  .tab li:last-child {
    padding-right: 140px;
  }
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .catBtngroup {
    max-width: 1200px;
    margin: 30px auto;
    padding: 0px 30px;
  }
  .solutionArea .catBtngroup li {
    width: 25%;
    font-size: 16px;
  }
}
/*==========================================================================
	ソリューション/導入事例
============================================================================*/
.solutionArea {
  padding: 20px 0px 0px;
}
.solutionArea .solutionAreainnr {
  padding: 0px 10px;
}

/*-----------------------------------------------------------------------*/
/*-- ボックス --*/

/*-- 背景白透明シート --*/
.solutionArea .solutionAreainnr .solulistBgsheet {
  padding: 10px;
  background-color: rgba(245,245,245,0.8);
  border: solid 1px #dddddd;
}
.solutionArea .solutionAreainnr .solulistBgsheet2 {
  padding: 10px;
  background-color: rgba(255,255,255,0.6);
  border: solid 1px #dddddd;
}
.solutionArea .solutionAreainnr .solulist {
  list-style: none;
}
.solutionArea .solutionAreainnr .solulist li {
  width: 100%;
  padding: 13px 0px;
}
.solutionArea .solutionAreainnr .solulist li .soluBox {
  display: block;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px #666666;
}
/*-- 画像 --*/
.solutionArea .solutionAreainnr .solulist li .soluBox .picArea {
  position: relative;
  border-bottom: 1px solid #666666;
}
/*-- テキスト --*/
.solutionArea .solutionAreainnr .solulist li .soluBox .txtArea {
  font-size: 14px;
  line-height: 1.4;
  padding: 20px 20px 10px;
}
.solutionArea .solutionAreainnr .solulist li .soluBox .txtArea .ttl {
  font-weight: bold;
}
.solutionArea .solutionAreainnr .solulist li .soluBox .txtArea .ctxt {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.6;
}
/*-- タグエリア --*/
.solutionArea .solutionAreainnr .solulist li .soluBox .dcatArea {
  font-size: 14px;
  line-height: 1.6;
  padding: 0px 20px 10px;
}
/*-- ボタンエリア --*/
.solutionArea .solutionAreainnr .solulist li .btnArea {
	font-size: 12px;
  line-height: 1.1;
	padding: 0px 20px 10px;
}
.solutionArea .solutionAreainnr .solulist li .btnArea .btn {
  text-align: center;
  padding: 8px 15px 8px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  transition: .2s linear;
	color: #FFFFFF;
  background-color: rgba(200,200,200,1);
  background-image: url(../../common/img/arrow01.png);
  background-position: center right;
  background-repeat: no-repeat;
}
/*--- リンク ---*/
.solutionArea .solutionAreainnr .solulist li a:link {
	color: #333333;
	text-decoration: none;
}
.solutionArea .solutionAreainnr .solulist li a:visited {
	color: #0062a9;
	text-decoration: none;
}
.solutionArea .solutionAreainnr .solulist li a:hover, .solutionArea .solutionAreainnr .solulist li a:active {
	color: #e60012;
	text-decoration:none;
}
.solutionArea .solutionAreainnr .solulist li a:hover .btn {
	color: #ffffff;
  text-decoration:none;
  background-color: rgba(214,0,15,1);
}
/*-- リンク画像 --*/
.solutionArea .solutionAreainnr .solulist li a.soluBox:hover img {
  filter: alpha(opacity=60);
	opacity:0.6;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .solutionArea {
    padding: 20px 0px 0px;
  }
  
  .solutionArea .solutionAreainnr {
    padding: 0px 25px;
  }
  
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
  
  .solutionArea .solutionAreainnr .solulist li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 12px;
    float: left;
  }
  /*-- テキスト --*/
  .solutionArea .solutionAreainnr .solulist li .soluBox .txtArea .ctxt {
    font-size: 14px;
  }
  /*-- ボタンエリア --*/
  .solutionArea .solutionAreainnr .solulist li .btnArea {
	  font-size: 11px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .solutionArea .solutionAreainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 20px 45px;
  }
    
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
    
  /*-- 背景白透明シート --*/
  .solutionArea .solutionAreainnr .solulistBgsheet,
  .solutionArea .solutionAreainnr .solulistBgsheet2 {
    padding: 45px;
  }
  .solutionArea .solutionAreainnr .solulist li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 16px;
    float: left;
  }

  /*-- テキスト --*/
  .solutionArea .solutionAreainnr .solulist li .soluBox .txtArea .ctxt {
    font-size: 14px;
    margin-top: 10px;
  }
  /*-- ボタンエリア --*/
  .solutionArea .solutionAreainnr .solulist li .btnArea {
	  font-size: 11px;
  }
  
  
}

/*-----------------------------------------------------------------------*/
/*-- カードレイアウトの下　フッダーナビ --*/

.solutionArea .panalbfoot {
  display: none;
  text-align: center;
  margin: 0px;
  padding: 30px 10px;
  font-size: 12px;
}
.solutionArea .panalbfoot ul {
  list-style: none;
}
.solutionArea .panalbfoot ul li {
  display: inline-block;
  padding: 0px 8px;
  margin: 8px 0px;
  border-right: 1px solid #CCCCCC;
}
.solutionArea .panalbfoot ul li:last-child {
  border-right:none;
}
.solutionArea .panalbfoot ul li a.select {
  text-decoration: underline;
  color: #e60012;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .solutionArea .panalbfoot {
    font-size: 14px;
  }
}


























/*-- 下3つのメニュー--*/





/*==========================================================================
	3カラム PC3 TB3 SP1
============================================================================*/

.casebtm_menu_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.casebtm_menu_3 > .col_3innr{
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
@media print, screen and (min-width: 768px) {
.casebtm_menu_3 > .col_3innr{
	width: 33.33%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	position: relative;
	}
}
@media print, screen and (min-width: 1024px) {

.casebtm_menu_3 > .col_3innr{
	width: 33.33%;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	position: relative;
}
}
.casebtm_menu01 {
	background-image: url(../img/05_1_btn01.jpg) !important;
	background-size:cover;
	background-position: center center;
	}
.casebtm_menu02 {
	background-image: url(../img/05_1_btn02.jpg) !important;
	background-size:cover;
	background-position: center center;
	}
.casebtm_menu03 {
	background-image: url(../img/05_1_btn03.jpg) !important;
	background-size:cover;
	background-position: center center;
	}
	
.casebtm_menu01 a,.casebtm_menu02 a,.casebtm_menu03 a,.casebtm_menu04 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF !important;
	}
.casebtm_menu01 a:visited,.casebtm_menu02 a:visited,.casebtm_menu03 a:visited,.casebtm_menu04 a:visited {
	color:#C4C4C4;
	}
.casebtm_menu01:hover,.casebtm_menu02:hover,.casebtm_menu03:hover,.casebtm_menu04:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
    }
.casebtm_menu01,.casebtm_menu02,.casebtm_menu03,.casebtm_menu04 {
	height: 100px;
	color: #FFF !important;
	}
.casebtm_menu01 p,.casebtm_menu02 p,.casebtm_menu03 p,.casebtm_menu04 p {
	position: absolute;
	padding-top:36px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%);
	}	
	
	
	
	/*
.casebtm_menu01,.casebtm_menu02,.casebtm_menu03 {
	height: 100px;
	color: #FFF !important;
	}
.casebtm_menu01 p,.casebtm_menu02 p,.casebtm_menu03 p {
	position: absolute;
	left: 50%;
	padding-top:36px;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%);
	}
.casebtm_menu01 a,.casebtm_menu02 a,.casebtm_menu03 a,.casebtm_menu04 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF !important;
	}
.casebtm_menu01 a:visited,.casebtm_menu02 a:visited,.casebtm_menu03 a:visited,.casebtm_menu04 a:visited {
	color:#C4C4C4;
	}
.casebtm_menu01:hover,.casebtm_menu02:hover,.casebtm_menu03:hover,.casebtm_menu04:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
    }	
	*/
@media print, screen and (min-width: 768px) {

.casebtm_menu01,.casebtm_menu02,.casebtm_menu03 {
	height: 180px;
	color: #FFF !important;
	}
.casebtm_menu01 p,.casebtm_menu02 p,.casebtm_menu03 p {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
}
	

@media print, screen and (min-width: 1024px) {

.casebtm_menu01,.casebtm_menu02,.casebtm_menu03 {
	height: 298px;
	color: #FFF !important;
	}
.casebtm_menu01 p,.casebtm_menu02 p,.casebtm_menu03 p {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
}




/*==========================================================================
	記事タイトル
============================================================================*/
.article_Area {
  padding: 20px 0px 0px;
  background-color: #333;
}
.article_Area .article_Areainnr {
  padding: 0px 10px;
  font-size: 14px;
}
.article_Area .article_Area .mainArea {
  margin-bottom: 20px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .article_Area {
    padding: 20px 0px 0px;
  }  
  .article_Area .article_Areainnr {
    padding: 0px 25px 20px;
  }
  .article_Area .article_Areainnr .mainArea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }


}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .article_Area .article_Areainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px 20px;
  }
  .article_Area .article_Areainnr .mainArea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
}

/*==========================================================================
	サブタイトルエリア
============================================================================*/
.articleArea {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.articleArea h2 {
  padding: 0px;
  font-size: 22px;
  font-weight: normal;
  color: #FFF;
}
.articleArea dl {
  margin-bottom: 12px;
  color: #FFF;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 15px;
}
.articleArea dl dt {
  font-weight: bold;
  float: left;
}
.articleArea dl dt.case1::after {
  content: '活用事例';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  margin-right: 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.case2::after {
  content: '動画';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.case3::after {
  content: '利用シーン';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.case4::after {
  content: '導入事例';
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.articleArea dl dt.case5::after {
  content: '業種別事例';
  margin-right: 30px;
  width: 100px !important;
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}

.articleArea dl dd {
	margin-left: 30px !important;
	padding-left: 30px;
	overflow: hidden;
 
}
.articleArea dl dd a {
  display: block;
}

.wrapper_video {
	text-align:center; 
}

video {
	width:800px;
}

#cese_top {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#cese_top {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#cese_top {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	}
}
.col_3_styl3_3_2 .col_3innr a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.col_3_styl3_3_2 .col_3innr a:hover dd {
	color:#C00;
}
.col_3_styl3_3_2 .col_3innr a .case_img {
	background-color:#FFF;
	border: 1px solid #999;
	width: 100%;
}
#cese_top .col_3_styl3_3_2 .col_3innr a dl {
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	font-size:16px;
}
.col_3_styl3_3_2 .col_3innr a dl dt {
	width:60%;
	background-color: #141414;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left:20%;
}
.col_3_styl3_3_2 .col_3innr a dl dd {
	padding-top:10px;
	padding-left:15px;
	text-align:left;
	color: #000;
}
.col_3_styl3_3_2 .col_3innr a dl .sub {
	font-size:14px;
	padding-top:10px;
	padding-left:15px;
	text-align:left;
	color: #000;
}
@media print, screen and (min-width: 767px) {
.col_3_styl3_3_2 .col_3innr a dl dd {
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	text-align: center;
	color: #000;
}
.col_3_styl3_3_2 .col_3innr a dl .sub {
	font-size:14px;
	padding-left:30px;
	padding-right:30px;
	text-align: center;
	color: #000;
}
}
.col_3_styl3_3_2 .col_3innr a dl dd:hover {
  color:  #C00;
}.contents_Areainnr.cf p {
	font-size: 16px;
}
.v_con {
	padding: 15px;
	border: 1px solid #999;
	margin-top:20px;
	margin-bottom:20px;
}
/*==========================================================================
	業種別
============================================================================*/
/*タイトル業種別TOP構成*/

#pagettl_industry {
	background-image: url(../img/Industry_vh1.png);
	background-size:cover;
	background-position: center top;
	margin: 0px auto;
	padding-top: 8%;
	padding-bottom: 8%;
}
#pagettl_industry .pagettl_industry_innr {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0px auto;
	font-size: 12px;
	color: #FFF !important;
	}

#pagettl_industry .pagettl_industry_innr h2 {
  font-size: 26px;
  color: fff !important;
  line-height: 1.4;
  font-weight: normal !important ;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (max-width: 767px) {
#pagettl_industry h2 {
	margin-left: 20px !important;
}
}


/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
#pagettl_industry {

}
#pagettl_product .pagettl_industry_innr {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	box-sizing: border-box;
	max-width: 1200px;
	}
}
/*****************************************************
	1024px以上【tablet】
******************************************************/
@media print, screen and (min-width: 1024px) {
#pagettl_industry {
}
#pagettl_industry .pagettl_industry_innr {
	max-width: 1200px;
	display: block;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	box-sizing: border-box;
	}
}
/*topテキスト*/
.industry_txt{
	font-size:16px !important;
	padding-left:30px;
	padding-right:30px;
	}


.dl_titel01 dt{
	font-weight:bold !important;
	font-size:18px !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom:8px;
	}
.dl_titel01 dd{
	font-size:16px !important;
}

/*****************************************************
	縦中央ぞろえ768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
.vmw {
	
}
.vm {
	height:250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
}
.img_box {
	padding: 20px;
	border: 1px solid #CCC;
	background-color: #FFF;
}