@charset "utf-8";
/* CSS Document */
/********************************************************************
	index.css
*********************************************************************/
/*==========================================================================
	背景画像
============================================================================*/
.sec01_bg {
  background-image:url(../img/sec_bg01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.sec02_bg {
	background-image: url(../img/top/01_top_bgimg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.sec03_bg {
	background-image: url(../img/top/01_top_bgimg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
}

.sec04_bg {
	background-image:url(../img/top/01_top_kao_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.sec05_bg {
	background-image:url(../img/top/01_top_kuruma_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.sec06_bg {
		background-image:url(../img/top/01_top_hito_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.sec07_bg {
	background-image:url(../img/top/01_top_pattern_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.sec08_bg {
	background-image:url(../img/top/01_top_sarmal_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/*==========================================================================
	サムネイル付きスライダー
============================================================================*/
.sliderWap {
    width: 100%;
    margin: 0px auto;
    padding-top: 42px;
    position: relative;
  }
  .slider {
    display:none;
  }
  .slider.slick-initialized {
    display: block;
  }
  .thumb-item-nav {
    display: none;
  }
  
  /*****************************************************
	768px以上【tablet】
  ******************************************************/
  @media print, screen and (min-width: 768px) {
    .sliderWap {
      padding-top: 85px;
    }
    .thumb-item-nav {
      list-style: none;
      position: relative;
      z-index: 10;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
    }
    .thumb-item-nav li.thumb-item {
      box-sizing: border-box;
      padding: 5px 2px;
      /*width: 100%;*/
      cursor: pointer;
    }
    .thumb-item-nav li.thumb-item img {
      /*border: solid 1px #FFFFFF;*/
    }
    .thumb-item-nav li.thumb-item .wap {
      padding-bottom: 4px;
      opacity: 0.6;
      filter: alpha(opacity=60);
      -ms-filter: "alpha(opacity=60)";
    }
    /* サムネイルをカレント */
    .thumbnail-current {
      opacity: 1 !important;
      filter: alpha(  opacity=100) !important;
      -ms-filter: "alpha(opacity=100)" !important;
      border-bottom: 2px solid #d5000d !important;;
    }
  }
  /*****************************************************
	1024px以上【PC】
******************************************************/
  @media print, screen and (min-width: 1024px) {
    .sliderWap {
      padding-top: 74px;
    }
    .thumb-item-nav {
      position: absolute;  
      right: 0;
      bottom: 0;
    }
    .thumb-item-nav li.thumb-item {
      box-sizing: border-box;
      padding: 10px 4px;
      width: 8%;
      cursor: pointer;
    }
  }


/*==========================================================================
	ニュースエリア
============================================================================*/
.newsArea {
  padding: 20px 10px 0px;
  position: relative;
}
.newsArea .newsmore {
  position: relative;
  font-size: 14px;
  text-align: right;
  margin: 10px 0px 0px;
} 
/*-- タブ --*/
.newsArea .tab {
  list-style: none;
  overflow: hidden;
}
.newsArea .tab li {
  font-size: 12px;
  float: left;
  box-sizing: border-box;
  /*width: 33.33%;*/
  margin-right: 1px;
  padding: 5px 10px;
  background-color: #f8f8f8;
  cursor: pointer;
}
.newsArea .tab .is-active {
  background-color: #d6000f;
  color: #FFFFFF;
}
/*-- パネル --*/
.newsArea .panel {

}
.newsArea .panel li {
  list-style: none;
}
.newsArea .tab .ChangeElem_Panel{
  display: none;
}
.newsArea dl {
  background-image: url(../common/img/dot_line_bg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 20px;
  line-height: 1.6;
  font-size: 14px;
}
.newsArea dl dt {
  width: 100%;
  display: block;
  font-weight: bold;
}
.newsArea dl dt.news1::after {
  content: '技術情報';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news2::after {
  content: '動画';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news3::after {
  content: '事例';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 45px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news4::after {
  content: '製品情報';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news5::after {
  content: 'ニュースリリース';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news6::after {
  content: 'プレスリリース';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dt.news7::after {
  content: '更新履歴';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
}
.newsArea dl dt.news8::after {
  content: 'サービス';
  background-color: #d6000f;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 1px 30px;
  line-height: 1;
  margin-left: 25px;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d6000f;
  vertical-align:middle;
}
.newsArea dl dd {
  width: 100%;
}
.newsArea dl dd a {
  display: block;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .newsArea {
    padding: 40px 25px 20px;
  }
  .newsArea .newsmore {
    position: absolute;
    top: 45px;
    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;
    top: 45px;
    right: 45px;
  } 
  .newsArea dl {
    
  }
  .newsArea dl dt {
    width: 100%;
  }
  .newsArea dl dd {
	margin-top: 10px;
    float: none;
    width: auto;
  }
}


/*==========================================================================
	メニューエリア
============================================================================*/
.menuArea {
  padding: 20px 10px;
}
.menuArea ul {
  overflow: hidden;
  list-style: none;
}
.menuArea ul .menuBox {
  float: left;
  width: 50%;
  margin-bottom: 2px;
  box-sizing: border-box;
}
.menuArea ul .menuBox .menuBoxinnr {
  background-color: #FFFFFF;
}
.menuArea ul .menuBox .menuBoxinnr a {
  box-sizing: border-box;
  border-bottom: solid 3px #d6000f;
  padding: 20px;
  display: block;
}
.menuArea ul .menuBox .menuBoxinnr .pic {
  text-align: center;
}
.menuArea ul .menuBox .menuBoxinnr .txt {
  text-align: center;
}
/*--- リンク ---*/
.menuArea ul .menuBox a:link,
.menuArea ul .menuBox a:visited {
	  color: #FFFFFF;
	  text-decoration: none;
  }
.menuArea ul .menuBox a:hover,
.menuArea ul .menuBox a:active {
	  color: #FFFFFF;
	  text-decoration: none;
    opacity: 0.6;
  }
.menuArea ul .menuBox:nth-child(odd) {
  padding-right: 1px;
}
.menuArea ul .menuBox:nth-child(even) {
  padding-left: 1px;
}


/*-- 背景画像　--*/
.mbBG01 {
  background-image:url(../img/top_menu_bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.mbBG02 {
  background-image:url(../img/top_menu_bg2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.mbBG03 {
  background-image:url(../img/top_menu_bg3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.mbBG04 {
  background-image:url(../img/top_menu_bg4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}

/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
  .menuArea ul .menuBox {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .menuArea ul .menuBox:nth-child(odd) {
    padding-right: 0px;
  }
  .menuArea ul .menuBox:nth-child(even) {
    padding-left: 0px;
  }
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .menuArea {
    padding: 20px 25px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .menuArea {
    max-width: 1202px;
    padding: 20px 44px;
    margin: 0px auto 0px;
  }
  .menuArea ul .menuBox {
    float: left;
    width: 25%;
  }
  .menuArea ul .menuBox:nth-child(odd) {
    padding-right: 1px;
    padding-left: 1px;
  }
  .menuArea ul .menuBox:nth-child(even) {
    padding-right: 1px;
    padding-left: 1px;
  }
  
}


/*==========================================================================
	活用事例
============================================================================*/
.menu_caseArea {
  padding: 20px 10px;
}
.menu_caseArea ul {
  overflow: hidden;
  list-style: none;
}
.menu_caseArea ul .menuBox {
  float: left;
  width: 50%;
  height: 200px !important;
  margin-bottom: 2px;
  box-sizing: border-box;
}
.menu_caseArea ul .menuBox .menuBoxinnr {
  background-color: #FFFFFF;
}
.menu_caseArea ul .menuBox .menuBoxinnr a {
  box-sizing: border-box;
  border-bottom: solid 3px #d6000f;
  padding: 20px;
  display: block;
}
.menu_caseArea ul .menuBox .menuBoxinnr .pic {
  text-align: center;
}
.menu_caseArea ul .menuBox .menuBoxinnr .txt {
  text-align: center;
}
/*--- リンク ---*/
.menu_caseArea ul .menuBox a:link,
.menu_caseArea ul .menuBox a:visited {
	  color: #FFFFFF;
	  text-decoration: none;
  }
.menu_caseArea ul .menuBox a:hover,
.menu_caseArea ul .menuBox a:active {
	  color: #FFFFFF;
	  text-decoration: none;
    opacity: 0.6;
  }
.menu_caseArea ul .menuBox:nth-child(odd) {
  padding-right: 1px;
}
.menu_caseArea ul .menuBox:nth-child(even) {
  padding-left: 1px;
}


/*-- 背景画像　--*/
.menu_case_mbBG01 {
  background-image:url(../img/top/01_top_case01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.menu_case_mbBG02 {
  background-image:url(../img/top/01_top_case02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.menu_case_mbBG03 {
  background-image:url(../img/top/01_top_case03.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.menu_case_mbBG04 {
  background-image:url(../img/top/01_top_case04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}

/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
  .menu_caseArea ul .menuBox {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .menu_caseArea ul .menuBox:nth-child(odd) {
    padding-right: 0px;
  }
  .menu_caseArea ul .menuBox:nth-child(even) {
    padding-left: 0px;
  }
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .menu_caseArea {
    padding: 20px 25px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .menu_caseArea {
    max-width: 1202px;
    padding: 20px 44px;
    margin: 0px auto 0px;
  }
  .menu_caseArea ul .menuBox {
    float: left;
    width: 25%;
  }
  .menu_caseArea ul .menuBox:nth-child(odd) {
    padding-right: 1px;
    padding-left: 1px;
  }
  .menu_caseArea ul .menuBox:nth-child(even) {
    padding-right: 1px;
    padding-left: 1px;
  }
  
}


/*==========================================================================
	TRASCOPEとは
============================================================================*/
.what_trascope {
  padding: 20px 10px;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .what_trascope {
    padding: 20px 25px;
  }
}

/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .what_trascope {
    max-width: 1202px;
    padding: 20px 44px;
    margin: 0px auto 0px;
  }

  
}

/*==========================================================================
	weeklyRecommend
============================================================================*/
.weeklyRecommend {
  padding: 20px 10px;
  overflow: hidden;
}
.weeklyRecommend .weeklyRecommendinnr {
  background-color: rgba(255,255,255,0.8);
  padding: 25px;
  border: solid 1px #dddddd;
}
.weeklyRecommend .imgarea {
  background-image: url(../img/weeklyrecommend.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  height: 200px;
  display: block;
  margin-bottom: 10px;
}
/*--- リンク ---*/
.weeklyRecommend a.imgarea:link,
.weeklyRecommend a.imgarea:visited {
	  color: #FFFFFF;
	  text-decoration: none;
  }
.weeklyRecommend a.imgarea:hover,
.weeklyRecommend a.imgarea:active {
	  color: #FFFFFF;
	  text-decoration: none;
    opacity: 0.6;
  }
.weeklyRecommend .imgarea .imgMask {
  z-index: 1;
  background-color: rgba(0,0,0,0.3);
  height: 100%;
}
.weeklyRecommend .imgarea h2 {
  text-align: center;
  z-index: 2;
  color: #ffffff;
  padding: 15px 5px;
  line-height: 1.2;
  background-color: rgba(214,0,15,0.9);
  width: 80%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.weeklyRecommend .txtarea {
  float: none;
  width: auto;
  position: relative;
  padding-bottom: 60px;
}
.weeklyRecommend .txtarea h3 {
  font-size: 22px;
  color: #d6000f;
  margin-bottom: 15px;
  font-weight: normal;
}
.weeklyRecommend .txtarea p {
  font-size: 14px;
  margin-bottom: 15px;
}
/*-- ボタン --*/
.weeklyRecommend .txtarea .wBtn {
  width: 100%;
  box-sizing: border-box;
  line-height: 1.1;
  border: solid 2px #d6000f;
  margin: 0px auto;
  border-radius: 3px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.weeklyRecommend .txtarea .wBtn a {
  font-size: 12px;
  text-align: center;
  padding: 15px 8px;
  display: block;
  transition: .2s linear;
  background-color: rgba(255,255,255,0);
}
/*--- リンク ---*/
.weeklyRecommend .txtarea .wBtn a:link,
.weeklyRecommend .txtarea .wBtn a:visited {
  color: #d6000f;
  text-decoration: none;
}
.weeklyRecommend .txtarea .wBtn a:hover,
.weeklyRecommend .txtarea .wBtn a:active {
  color: #ffffff;
  text-decoration:none;
  background-color: rgba(214,0,15,0.8);
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
 .weeklyRecommend {
    padding: 20px 25px;
  }
  .weeklyRecommend .imgarea {
    /*width: 396px;*/
    width: 330px;
    height: 200px;
    float: left;
    margin-bottom: 0px;
  }
  .weeklyRecommend .txtarea {
    float: none;
    width: auto;
    margin-left: 390px;
  }
  .weeklyRecommend .txtarea h3 {
    font-size: 24px;
  }
  .weeklyRecommend .txtarea p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .weeklyRecommend .txtarea .wBtn a {
    font-size: 16px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .weeklyRecommend {
    max-width: 1200px;
    padding: 20px 45px;
    margin: 0px auto;
  }
  .weeklyRecommend .weeklyRecommendinnr {
    padding: 45px;
  }
  .weeklyRecommend .imgarea {
    width: 350px;
    height: 200px;
  }
  .weeklyRecommend .txtarea {
    margin-left: 430px;
  }
  .weeklyRecommend .txtarea h3 {
    font-size: 26px;
  }
}
/*==========================================================================
	ソリューション/導入事例
============================================================================*/
.solutionArea {
  padding: 20px 0px;
}
.solutionArea .solutionAreainnr {
  padding: 0px 10px;
}
/*-- ボタン --*/
.solutionArea .solutionAreainnr .listBtn {
  margin-bottom: 10px;
  text-align: center;
}
.solutionArea .solutionAreainnr .listBtn a {
  font-size: 14px;
  text-align: center;
  padding: 8px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.1;
  border: solid 2px #d6000f;
  border-radius: 3px;
  transition: .2s linear;
  background-color: rgba(214,0,15,0.9);
}
/*--- リンク ---*/
.solutionArea .solutionAreainnr .listBtn a:link,
.solutionArea .solutionAreainnr .listBtn a:visited {
  color: #ffffff;
  text-decoration: none;
}
.solutionArea .solutionAreainnr .listBtn a:hover,
.solutionArea .solutionAreainnr .listBtn a:active {
  color: #ffffff;
  text-decoration:none;
  background-color: rgba(214,0,15,0.4);
}
/*-- ボタン2 --*/
.solutionArea .solutionAreainnr .listBtn2 {
  margin-bottom: 10px;
  text-align: center;
}
.solutionArea .solutionAreainnr .listBtn2 a {
  font-size: 14px;
  text-align: center;
  padding: 8px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.1;
  border: solid 2px #029acc;
  border-radius: 3px;
  transition: .2s linear;
  background-color: rgba(2,154,204,0.9);
}
/*--- リンク ---*/
.solutionArea .solutionAreainnr .listBtn2 a:link,
.solutionArea .solutionAreainnr .listBtn2 a:visited {
  color: #ffffff;
  text-decoration: none;
}
.solutionArea .solutionAreainnr .listBtn2 a:hover,
.solutionArea .solutionAreainnr .listBtn2 a:active {
  color: #ffffff;
  text-decoration:none;
  background-color: rgba(2,154,204,0.4);
}
/*-- カテゴリテキスト --*/
.solulistPnal .ttlmsg {
  font-weight: normal;
  margin: 30px 0px 20px;
  line-height: 1.6;
}


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

/*-- 背景白透明シート --*/
.solutionArea .solutionAreainnr .solulistBgsheet {
  padding: 10px;
  background-color: rgba(255,255,255,0.5);
  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: rgba(255,255,255,0.6);
  
}
/*-- 画像 --*/
.solutionArea .solutionAreainnr .solulist li .soluBox .picArea {
	padding: 20px !important;
  position: relative;
  border-bottom: none;
}
/*-- テキスト --*/
.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;
}
/*-- もっと見るボタン --*/
.solutionArea .solutionAreainnr .more {
  margin: 20px auto;
  background-color: #FFFFFF;
  border: solid 1px #d01818;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  padding: 5px 10px;
  color: #d01818;
  font-size: 14px;
  max-width: 240px;
}
.solutionArea .solutionAreainnr .more span {
  font-size: 16px;
}

/*-----------------------------------------------------------------------*/
/*-- カテゴリー　ボタン --*/
.solutionArea .solutionAreainnr .catBtngroup {
  list-style: none;
  margin: 30px 0px 0px;
}
.solutionArea .solutionAreainnr .catBtngroup li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0px 5px;
  margin-bottom: 10px;
  font-size: 12px;
}
.solutionArea .solutionAreainnr .catBtngroup li a.ctBtn {
  background-color: #ffffff;
  padding: 15px 5px;
  text-align: center;
  border: solid 1px #CCCCCC;
  border-radius: 2px;
  display: block;
  transition: .2s linear;
}
/*--- リンク ---*/
.solutionArea .solutionAreainnr .catBtngroup li a:link,
.solutionArea .solutionAreainnr .catBtngroup li a:visited {
  color: #333333;
  text-decoration: none;
}
.solutionArea .solutionAreainnr .catBtngroup li a:hover,
.solutionArea .solutionAreainnr .catBtngroup li a:active {
  color: #e60012;
  text-decoration: none;
  /*background-color: #f8f8f8;*/
  border: solid 1px #e60012;
}
/*-- 背景アイコン --*/
.solutionArea .solutionAreainnr .catBtngroup li .bt01 {
  background-image: url(../common/img/sol_cat_icon01.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt02 {
  background-image: url(../common/img/sol_cat_icon02.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt03 {
  background-image: url(../common/img/sol_cat_icon03.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt04 {
  background-image: url(../common/img/sol_cat_icon04.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt05 {
  background-image: url(../common/img/sol_cat_icon05.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt06 {
  background-image: url(../common/img/sol_cat_icon06.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt07 {
  background-image: url(../common/img/sol_cat_icon07.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.solutionArea .solutionAreainnr .catBtngroup li .bt08 {
  background-image: url(../common/img/sol_cat_icon08.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}


/*-----------------------------------------------------------------------*/
/*-- CLOSE　ボタン --*/
.solutionArea .solutionAreainnr .closeBtn {
  margin-bottom: 10px;
  text-align: center;
}
.solutionArea .solutionAreainnr .closeBtn span {
  font-size: 14px;
  text-align: center;
  padding: 8px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.1;
  border-radius: 3px;
  transition: .2s linear;
  background-color: rgba(214,0,15,1.0);
  cursor: pointer;
  color: #FFFFFF;
}

.solutionArea .solutionAreainnr .closeBtn span:hover {
  color: #ffffff;
  text-decoration:none;
  background-color: rgba(214,0,15,0.8);
}

/*****************************************************
	320px以下【sp】
******************************************************/
@media print, screen and (max-width: 320px) {
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .solutionAreainnr .catBtngroup li {
    width: 100%;
  }
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .solutionArea {
    padding: 20px 0px;
  }
  
  .solutionArea .solutionAreainnr {
    padding: 0px 25px;
  }
  
  /*-- ボタン --*/
  .solutionArea .solutionAreainnr .listBtn {
    text-align: right;
    margin: 35px 0px;
  }
  .solutionArea .solutionAreainnr .listBtn a {
    width: 220px;
  }
  /*-- ボタン2 --*/
  .solutionArea .solutionAreainnr .listBtn2 {
    text-align: right;
    margin: 35px 0px;
  }
  .solutionArea .solutionAreainnr .listBtn2 a {
    width: 220px;
  }
  /*-- カテゴリテキスト --*/
  .solulistPnal .ttlmsg {
    font-weight: normal;
    margin: 30px 12px 20px;
    line-height: 1.6;
  }
  
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
  .solutionArea .solutionAreainnr .solulist li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 20px;
    float: left;
  }
  /*-- テキスト --*/
  .solutionArea .solutionAreainnr .solulist li .soluBox .txtArea .ctxt {
    font-size: 14px;
    margin-top: 15px;
  }
  /*-- ボタンエリア --*/
  .solutionArea .solutionAreainnr .solulist li .btnArea {
	  font-size: 11px;
  }
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .solutionAreainnr .catBtngroup {
    margin-left: 7px;
    margin-right: 7px;
  }
  .solutionArea .solutionAreainnr .catBtngroup li {
    font-size: 14px;
  }
  /*-----------------------------------------------------------------------*/
  /*-- CLOSE　ボタン --*/
  .solutionArea .solutionAreainnr .closeBtn {
    text-align: right;
    margin: 15px 12px;
  }
  .solutionArea .solutionAreainnr .closeBtn span {
    width: 150px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .solutionArea .solutionAreainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px;
  }
  
  /*-- カテゴリテキスト --*/
  .solulistPnal .ttlmsg {
    font-weight: normal;
    margin: 30px 16px 20px;
    line-height: 1.6;
  }
    
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
    
  /*-- 背景白透明シート --*/
  .solutionArea .solutionAreainnr .solulistBgsheet {
    padding: 45px;
  }
  .solutionArea .solutionAreainnr .solulist li {
    width: 33.33%;
    box-sizing: border-box;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;	
    float: left;
  }

  /*-- テキスト --*/
  .solutionArea .solutionAreainnr .solulist li .soluBox .txtArea .ctxt {
    font-size: 14px;
    margin-top: 10px;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;	

  }
  /*-- ボタンエリア --*/
  .solutionArea .solutionAreainnr .solulist li .btnArea {
	  font-size: 11px;
  }
  
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .solutionAreainnr .catBtngroup {
    margin-left: 11px;
    margin-right: 11px;
  }
  .solutionArea .solutionAreainnr .catBtngroup li {
    width: 25%;
    font-size: 16px;
  }

   /*-- 背景アイコン --*/
  .solutionArea .solutionAreainnr .catBtngroup li .bt01,
  .solutionArea .solutionAreainnr .catBtngroup li .bt02,
  .solutionArea .solutionAreainnr .catBtngroup li .bt03,
  .solutionArea .solutionAreainnr .catBtngroup li .bt04,
  .solutionArea .solutionAreainnr .catBtngroup li .bt05,
  .solutionArea .solutionAreainnr .catBtngroup li .bt06,
  .solutionArea .solutionAreainnr .catBtngroup li .bt07,
  .solutionArea .solutionAreainnr .catBtngroup li .bt08 {
    background-position: 10% center;
  }
  
  /*-----------------------------------------------------------------------*/
  /*-- CLOSE　ボタン --*/
  .solutionArea .solutionAreainnr .closeBtn {
    text-align: right;
    margin: 15px 15px;
  }
  
}
/*-- 背景白透明solulist02シート --*/
.solutionArea .solutionAreainnr .solulist02Bgsheet {
}
.solutionArea .solutionAreainnr .solulist02 {
  list-style: none;
}
.solutionArea .solutionAreainnr .solulist02 li {
  width: 100%;
  padding: 13px 0px;
}
.solutionArea .solutionAreainnr .solulist02 li .soluBox {
  display: block;
  
}
/*-- 画像 --*/
.solutionArea .solutionAreainnr .solulist02 li .soluBox .picArea {
	position: relative;
	border-bottom: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/*-- テキスト --*/
.solutionArea .solutionAreainnr .solulist02 li .soluBox .picArea h3 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.solutionArea .solutionAreainnr .solulist02 li .soluBox .txtArea .ttl {
  font-weight: bold;
}
.solutionArea .solutionAreainnr .solulist02 li .soluBox .txtArea .ctxt {
  font-size: 16px !important;
  line-height: 1.6;
}
/*-- タグエリア --*/
.solutionArea .solutionAreainnr .solulist02 li .soluBox .dcatArea {
  font-size: 14px;
  line-height: 1.6;
  padding: 0px 20px 10px;
}
/*-- ボタンエリア --*/
.solutionArea .solutionAreainnr .solulist02 li .btnArea {
	font-size: 12px;
  line-height: 1.1;
	padding: 0px 20px 10px;
}
.solutionArea .solutionAreainnr .solulist02 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 .solulist02 li a:link {
	color: #333333;
	text-decoration: none;
}
.solutionArea .solutionAreainnr .solulist02 li a:visited {
	color: #0062a9;
	text-decoration: none;
}
.solutionArea .solutionAreainnr .solulist02 li a:hover, .solutionArea .solutionAreainnr .solulist02 li a:active {
	color: #e60012;
	text-decoration:none;
}
.solutionArea .solutionAreainnr .solulist02 li a:hover .btn {
	color: #ffffff;
  text-decoration:none;
  background-color: rgba(214,0,15,1);
}
/*-- リンク画像 --*/
.solutionArea .solutionAreainnr .solulist02 li a.soluBox:hover img {
  filter: alpha(opacity=60);
	opacity:0.6;
}


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

  /*-- カテゴリテキスト --*/
  .solulist02Pnal .ttlmsg {
    font-weight: normal;
    margin: 30px 12px 20px;
    line-height: 1.6;
  }
  
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
  .solutionArea .solutionAreainnr .solulist02 li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 20px;
    float: left;
  }
  /*-- テキスト --*/
  .solutionArea .solutionAreainnr .solulist02 li .soluBox .txtArea .ctxt {
    font-size: 14px;
    margin-top: 15px;
  }
  /*-- ボタンエリア --*/
  .solutionArea .solutionAreainnr .solulist02 li .btnArea {
	  font-size: 11px;
  }
  /*-----------------------------------------------------------------------*/
  /*-- カテゴリー　ボタン --*/
  .solutionArea .solutionAreainnr .catBtngroup {
    margin-left: 7px;
    margin-right: 7px;
  }
  .solutionArea .solutionAreainnr .catBtngroup li {
    font-size: 14px;
  }
  /*-----------------------------------------------------------------------*/

}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  /*-- カテゴリテキスト --*/
  .solulist02Pnal .ttlmsg {
    font-weight: normal;
    margin: 30px 16px 20px;
    line-height: 1.6;
  }
    
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
    
  /*-- 背景白透明シート --*/
  .solutionArea .solutionAreainnr .solulist02Bgsheet {
  }
  .solutionArea .solutionAreainnr .solulist02 li {
    width: 33.33%;
    box-sizing: border-box;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 25px;
	padding-bottom: 20px;	
    float: left;
  }

  /*-- テキスト --*/
  .solutionArea .solutionAreainnr .solulist02 li .soluBox .txtArea .ctxt {
    font-size: 14px;
    margin-top: 10px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;	

  }
  /*-- ボタンエリア --*/
  .solutionArea .solutionAreainnr .solulist02 li .btnArea {
	  font-size: 11px;
  }
  

  

/*==========================================================================
	週間アクセスランキング
============================================================================*/
.accessrankArea {
  padding: 20px 0px;
}
.accessrankArea .accessrankAreainnr {
  padding: 0px 10px;
  /*position: relative;*/
}
/*-----------------------------------------------------------------------*/
/*-- ボックス --*/

/*-- 背景白透明シート --*/
.accessrankArea .accessrankAreainnr .accelistBgsheet {
  padding: 10px;
  background-color: rgba(255,255,255,0.8);
  border: solid 1px #dddddd;
}
.accessrankArea .accessrankAreainnr .accelist {
  list-style: none;
}
.accessrankArea .accessrankAreainnr .accelist li {
  width: 100%;
  padding: 3px 0px;
}
.accessrankArea .accessrankAreainnr .accelist li .acceBox {
  display: block;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px #666666;
}
/*-- 画像 --*/
.accessrankArea .accessrankAreainnr .accelist li .acceBox .picArea {
  position: relative;
  border-bottom: 1px solid #666666;
}
/*-- テキスト --*/
.accessrankArea .accessrankAreainnr .accelist li .acceBox .txtArea {
  padding: 10px 10px 10px 75px;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.4;
}
.accessrankArea .accessrankAreainnr .accelist li .acceBox .txtArea .ttl {
  font-weight: bold;
}
/*--- リンク ---*/
.accessrankArea .accessrankAreainnr .accelist li a:link {
	color: #333333;
	text-decoration: none;
}
.accessrankArea .accessrankAreainnr .accelist li a:visited {
	color: #0062a9;
	text-decoration: none;
}
.accessrankArea .accessrankAreainnr .accelist li a:hover, .accessrankArea .accessrankAreainnr .accelist li a:active {
	color: #e60012;
	text-decoration:none;
}
/*-- リンク画像 --*/
.accessrankArea .accessrankAreainnr .accelist li a.acceBox:hover img {
  filter: alpha(opacity=60);
	opacity:0.6;
}
.accessrankArea .accessrankAreainnr .accelist li .acceBox .txtArea .rank1 {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  padding: 10px 15px;
  font-size: 16px;
  background-color: rgba(204,0,0,0.9);
  line-height: 1.1;
  display: flex;
  align-items: center;
}
.accessrankArea .accessrankAreainnr .accelist li .acceBox .txtArea .rank2 {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  padding: 10px 15px;
  font-size: 16px;
  background-color: rgba(51,102,153,0.9);
  line-height: 1.1;
  display: flex;
  align-items: center;
}
.accessrankArea .accessrankAreainnr .accelist li .acceBox .txtArea .rank3 {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  padding: 10px 15px;
  font-size: 16px;
  background-color: rgba(102,102,102,0.9);
  line-height: 1.1;
  display: flex;
  align-items: center;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .accessrankArea .accessrankAreainnr {
    padding: 0px 25px;
  }
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
  
  .accessrankArea .accessrankAreainnr .accelist li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 12px;
    float: left;
  }
  
  
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .accessrankArea .accessrankAreainnr {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 45px;
  }
  
  /*-----------------------------------------------------------------------*/
  /*-- ボックス --*/
  
  /*-- 背景白透明シート --*/
  .accessrankArea .accessrankAreainnr .accelistBgsheet {
    padding: 45px;
  }
  .accessrankArea .accessrankAreainnr .accelist li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 20px;
    float: left;
  }
  
}

/*==========================================================================
	バナーエリア
============================================================================*/
.banrArea {
  padding: 20px 0px;
}
.banrArea .banrAreainnr {
  padding: 0px 10px;
}
.banrArea .banrAreainnr ul {
  list-style: none;
}
.banrArea .banrAreainnr ul li {
  width: 80%;
  padding: 15px 0px;
  margin: 0px auto;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .banrArea .banrAreainnr ul li {
    width: 33.33%;
    box-sizing: border-box;
    padding: 5px 20px;
    float: left;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .banrArea {
      padding: 60px 0px;
  }
  .banrArea .banrAreainnr {
    padding: 0px 25px;
    max-width: 1240px;
    margin: 0px auto;
  }
}





/*****************************************************
	事例
******************************************************/
/*--------------------------
TRASCOPE AI 活用事例
----------------------------*/
.destination-block { position: relative; }
.destination-content { }
.desti-title {
width:100%;
background-size: cover;
bottom: 0px;
left: 0px;
 }
 @media print, screen and (max-width: 768px) {
.desti-title {
width:100%;
background-size: cover;
padding-left:20px;
bottom: 0px;
left: 0px;
 }
 }
.desti-title p {
width:100%;
background-color:rgba(10,10,10,0.6) !important;
background-size: cover;
font-size: 16px;
position: absolute;
color: #fff;
text-align:center;
bottom: 0px;
padding-top:5px;
padding-bottom:5px;
 }
.desti-img img {
	width:100%;
}
.desti-img
 {
	 position: relative;
	 margin-bottom: 30px;
}
.overlay 
{ 
position: absolute;
bottom: 0;
height: 100%;
width: 100%;
right: 0;
 opacity: 0;
 transition: .5s ease;
 background-color: #121113;
  }
.desti-img:hover .overlay {
	 opacity: .6;
	  -webkit-box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.32);
	  -moz-box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.32);
	   box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.32);
 }
.desti-img:hover .text {
	 opacity: 1;
}
.text {
	 opacity: 0;
	 color: #fff;
	 position: absolute;
	 top: 37%; left: 15%;
	 transform: translate(-15%, -15%);
	 -ms-transform: translate(-26%, -26%);
	 font-weight: 400; font-size: 14px;
}
.desti-img:hover .desti-title {
	left: 0px; opacity: 0;
	position: absolute;
	width:100%;
}
.desti-img:hover .btn-link {
	color: #fff;
}
.desti-img:hover .btn-link i {
	color: #fff;
}
.desti-img:hover .btn-link:hover {
	 color: #fcd55a;
}
.desti-img:hover .btn-link:hover i {
color: #fcd55a;
}
.text ul { }
.text ul li:before { color: #fff; }
.price { font-size: 30px; font-weight: 700; }





/*ボトムスライダー*/




.btm_slider {
  width: 50%;
  margin: 30px auto;
}

.btm_slick-slide {
  /* margin: 0px 30px; */
  margin: 0;
}

.btm_slick-slide img {
  width: 70%;
  padding: 30px 0 0 0;
  margin: 0 auto;
}

.btm_slick-slide p:nth-of-type(1) {
  font-weight: bold;
}
.btm_slick-slide p:nth-of-type(2) {

}

.btm_slick-prev:before,
.btm_slick-next:before {
  color: black;
}

.btm_slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.btm_slick-slide div {
  width: 300px;
}

.btm_slick-active {
  opacity: .5;
}

.btm_slick-current {
  opacity: 1;
}

#btm_line-up {
  text-align: center;
}
#btm_line-up h2 {
  font-size: 20px;
}

#btm_line-up .details {
  width: 300px !important;
  height: 310px;
  padding: 0 30px;
  border-left: solid 1px #C0C0C0;

}
#btm_line-up .details h3 {
  width: 90%;
  padding: 6px 0;
  margin: 0 auto;
  font-size: 12px;
  color: #ffffff;
  background-color: red;
  border-radius: 15px;
}
#btm_line-up .details .camera-img {
  padding: 30px 0;
}
#btm_line-up .details .camera-img img {

}


/*****************************************************
	事例マスク
******************************************************/



.destination-block { position: relative; }
.destination-content { }
.desti-title {
width:100%;
background-size: cover;
bottom: 0px;
left: 0px;
 }
.desti-title p {
width:100%;
background-color:rgba(10,10,10,0.6) !important;
background-size: cover;
font-size: 16px;
position: absolute;
color: #fff;
text-align:center;
bottom: 0px;
padding-top:5px;
padding-bottom:5px;
 }
.desti-img img {
	width:100%;
}
.desti-img
 {
	 position: relative;
	 margin-bottom: 30px;
}
.overlay 
{ 
position: absolute;
bottom: 0;
height: 90%;
width: 100%;
right: 0;
 opacity: 0;
 transition: .5s ease;
 background-color: #121113;
  }
.desti-img:hover .overlay {
	 opacity: .6;
	  -webkit-box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.32);
	  -moz-box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.32);
	   box-shadow: -4px 5px 11px 0px rgba(0, 0, 0, 0.32);
 }
.desti-img:hover .text {
	 opacity: 1;
}
.text {
	 opacity: 0;
	 color: #fff;
	 position: absolute;
	 top: 37%; left: 15%;
	 transform: translate(-15%, -15%);
	 -ms-transform: translate(-26%, -26%);
	 font-weight: 400; font-size: 14px;
}
.desti-img:hover .desti-title {
	left: 0px; opacity: 0;
	position: absolute;
	width:100%;
}
.desti-img:hover .btn-link {
	color: #fff;
}
.desti-img:hover .btn-link i {
	color: #fff;
}
.desti-img:hover .btn-link:hover {
	 color: #fcd55a;
}
.desti-img:hover .btn-link:hover i {
color: #fcd55a;
}
.text ul { }
.text ul li:before { color: #fff; }