@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : business.css
 author     : Ability Consultant
 style info : 事業内容
=================================================================== */
.con_busi .box_intro:after {
  content: "";
  display: table;
  clear: both;
}

#header {
  padding-bottom: 0;
}

/* -----------------------------------------------------------
	.con_business
----------------------------------------------------------- */
.con_busi {
  width: 950px;
  margin: 0 auto;
}
.con_busi .con_maintit {
  margin: 0 auto 30px -25px;
}
.con_busi .con_maintit h2 {
  padding: 10px 0 40px 42px;
  background: url(../business/images/title.png) no-repeat 10px 30px;
}
.con_busi .box_intro {
  width: 100%;
  position: relative;
}
.con_busi .box_intro .wrp_intro {
  float: left;
  width: 610px;
}
.con_busi .box_intro .wrp_intro h3 {
  padding-bottom: 30px;
}
.con_busi .box_intro .wrp_intro .txt {
  width: 490px;
}
.con_busi .box_intro .photo {
  position: absolute;
  top: 0;
  right: 0;
}
.con_busi .box_business {
  margin-top: 60px;
  overflow: hidden;
}
.con_busi .box_business h3 {
  width: 432px;
  padding: 10px 0px 20px 0px;
  margin: auto 0;
}
.con_busi .box_business ul {
  height: 500px;
  overflow: hidden;
}
.con_busi .box_business ul li {
  float: left;
  padding: 0px 1px 50px 0;
}
.con_busi .box_business ul li a:hover {
  opacity: 0.7;
}
.con_busi .box_new {
  margin-top: 60px;
  overflow: hidden;
}
.con_busi .box_new h4 {
  margin-bottom: 30px;
}
.con_busi .box_new .nedo {
  margin: 40px auto 0;
}
.con_busi .box_new .nedo img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/* -----------------------------------------------------------
	.con_intro engineer
----------------------------------------------------------- */
.con_engi {
  width: 950px;
  margin: 100px auto 0;
}
.con_engi .con_maintit {
  margin: 0 auto 30px -25px;
}
.con_engi .con_maintit h2 {
  padding: 10px 0 40px 42px;
  background: url(../business/images/title.png) no-repeat 10px 30px;
}
.con_engi .con_intro {
  margin-bottom: 80px;
  clear: both;
  overflow: hidden;
  width: 950px;
}
.con_engi .con_intro .box_intro_l {
  float: left;
  width: 510px;
}
.con_engi .con_intro .box_intro_l h3 {
  padding-bottom: 50px;
}
.con_engi .con_intro .box_intro_l .txt_intro {
  margin: 20px 0;
  width: 450px;
  padding: 20px;
  background: #ebf1f5;
}
.con_engi .con_intro p.photo img {
  float: right;
  padding-left: 20px;
}
.con_engi .con_tec_dev {
  overflow: hidden;
}
.con_engi .con_tec_dev h4 {
  width: 100%;
  margin-bottom: 40px;
}
.con_engi .con_tec_dev .box_tec_dev {
  overflow: hidden;
  margin-top: 80px;
}
.con_engi .con_tec_dev .box_tec_dev .wrp_tec {
  float: left;
  width: 420px;
}
.con_engi .con_tec_dev .box_tec_dev .wrp_tec .txt {
  margin-top: 25px;
  background: #ebf1f5;
  padding: 25px 15px;
  font-size: 93%;
}
.con_engi .con_tec_dev .box_tec_dev .wrp_tec .txt li {
  text-indent: -1em;
  padding-left: 1em;
}
.con_engi .con_tec_dev .box_tec_dev .wrp_tec .txt li:before {
  content: "●";
  color: #087bbd;
  font-size: 58%;
}
.con_engi .con_tec_dev .box_tec_dev .box_det {
  float: right;
  width: 490px;
}
.con_engi .con_tec_dev .box_tec_dev .box_det li {
  margin-bottom: 30px;
  font-size: 93%;
}
.con_engi .con_tec_dev .box_tec_dev .box_det li:last-child {
  margin-bottom: 0;
}
.con_engi .con_tec_dev .box_tec_dev .box_det li .txt {
  margin-top: 15px;
  padding-left: 1em;
}
.con_engi .box_perf {
  margin-top: 80px;
}
.con_engi .box_perf h4 {
  margin-bottom: 40px;
}
.con_engi .box_perf .box_list {
  margin-top: 40px;
}
.con_engi .box_perf .box_list .wrp_list {
  overflow: hidden;
  padding: 20px 25px;
  border-bottom: 1px solid #919394;
  border-right: 1px solid #919394;
  border-left: 1px solid #919394;
}
.con_engi .box_perf .box_list .wrp_list .box_dom, .con_engi .box_perf .box_list .wrp_list .box_aut {
  float: left;
  width: 450px;
}
.con_engi .box_perf .box_list .wrp_list .box_dom .name, .con_engi .box_perf .box_list .wrp_list .box_aut .name {
  color: #545454;
  font-size: 115%;
  font-family: "小塚ゴシック Pro","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  margin-bottom: 10px;
}
.con_engi .box_perf .box_list .wrp_list .box_dom ul, .con_engi .box_perf .box_list .wrp_list .box_aut ul {
  overflow: hidden;
}
.con_engi .box_perf .box_list .wrp_list .box_dom ul li, .con_engi .box_perf .box_list .wrp_list .box_aut ul li {
  width: 50%;
  float: left;
  font-size: 93%;
}
.con_engi .box_perf .box_list .wrp_list .box_dom ul li:nth-child(even), .con_engi .box_perf .box_list .wrp_list .box_aut ul li:nth-child(even) {
  float: right;
}
.con_engi .box_perf .box_list .wrp_list .box_dom ul li:before, .con_engi .box_perf .box_list .wrp_list .box_aut ul li:before {
  content: "●";
  color: #087bbd;
  font-size: 58%;
}
.con_engi .box_perf .box_list .wrp_list .box_aut {
  width: 400px;
  float: right;
}
.con_engi .box_perf .box_list .wrp_list .box_aut ul li {
  width: 100%;
}

/* -----------------------------------------------------------
	.con_elec		mecha
----------------------------------------------------------- */
.con_elec {
  width: 950px;
  margin: 100px auto 0;
}
.con_elec .con_maintit {
  margin: 0 auto 30px -25px;
  background: url(../business/images/electro/bg_maintit.png) no-repeat scroll left top;
}
.con_elec .con_maintit h2 {
  padding: 10px 0 40px 42px;
  background: url(../business/images/electro/title.png) no-repeat 10px 30px;
}
.con_elec .box_elec .con_intro {
  overflow: hidden;
}
.con_elec .box_elec .con_intro .box_intro_l {
  float: left;
  width: 510px;
}
.con_elec .box_elec .con_intro .box_intro_l .st {
  margin-top: 40px;
}
.con_elec .box_elec .con_intro .box_intro_l .txt {
  margin-top: 20px;
  background: #ebf1f5;
  padding: 25px;
  font-size: 93%;
}
.con_elec .box_elec .con_intro .photo {
  float: right;
  width: 420px;
}
.con_elec .box_elec .box_elec {
  margin-top: 80px;
}
.con_elec .box_elec .box_elec h3 {
  margin-bottom: 20px;
}
.con_elec .box_elec .box_elec .wrp_elec {
  overflow: hidden;
}
.con_elec .box_elec .box_elec .wrp_elec li {
  float: left;
  width: 50%;
  text-align: center;
}
.con_elec .box_elec .box_elec .wrp_elec li:first-child {
  position: relative;
}
.con_elec .box_elec .box_elec .wrp_elec li:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 186px;
  background: url(../business/images/electro/ic_border.png) repeat center;
}
.con_elec .box_elec .box_elec .wrp_elec li .name {
  font-size: 108%;
}
.con_elec .box_elec .box_elec .wrp_elec li .name:before {
  content: "";
  display: block;
  margin: 8px auto;
  width: 210px;
  height: 2px;
  background: url(../business/images/electro/ic_border02.png) center;
}
.con_elec .box_elec .box_product {
  margin-top: 100px;
}
.con_elec .box_elec .box_product ul {
  margin-top: 30px;
  overflow: hidden;
}
.con_elec .box_elec .box_product ul li {
  text-align: center;
  float: left;
  width: 33.33333%;
  padding: 30px 0;
  position: relative;
}
.con_elec .box_elec .box_product ul li:last-child:before {
  display: none;
}
.con_elec .box_elec .box_product ul li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background: url(../business/images/electro/ic_border.png) repeat center;
}
.con_elec .box_elec .box_product ul li .name {
  margin-top: 10px;
  font-size: 108%;
}

/* -----------------------------------------------------------
	con_mecha
----------------------------------------------------------- */
.con_mecha {
  width: 950px;
  margin: 100px auto;
}
.con_mecha .con_maintit {
  margin: 0 auto 30px -25px;
}
.con_mecha .con_maintit h2 {
  padding: 10px 0 40px 42px;
  background: url(../business/images/mecha/title.png) no-repeat 10px 30px;
}
.con_mecha .box_mecha .con_intro {
  margin-bottom: 80px;
  clear: both;
  overflow: hidden;
  width: 950px;
}
.con_mecha .box_mecha .con_intro .box_intro_l {
  float: left;
  width: 510px;
  padding-right: 20px;
}
.con_mecha .box_mecha .con_intro .box_intro_l h3 {
  margin-bottom: 50px;
}
.con_mecha .box_mecha .con_intro .box_intro_l .txt_intro {
  font-size: 93%;
  margin: 20px 0;
  width: 495px;
  padding: 20px;
  background: #ebf1f5;
}
.con_mecha .box_mecha .con_intro .box_intro_l .btn a {
  display: block;
  position: relative;
  width: 310px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #FD992C;
  font-size: 115%;
  font-weight: bold;
}
.con_mecha .box_mecha .con_intro .box_intro_l .btn a:hover {
  opacity: 0.8;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.con_mecha .box_mecha .con_intro p.photo img {
  float: right;
}
.con_mecha .box_mecha .box_ref h3 {
  margin-bottom: 40px;
}
.con_mecha .box_mecha .box_ref .wrp_ref {
  overflow: hidden;
}
.con_mecha .box_mecha .box_ref .wrp_ref li {
  text-align: center;
  float: left;
  width: 50%;
  position: relative;
}
.con_mecha .box_mecha .box_ref .wrp_ref li:nth-child(odd):before {
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  position: absolute;
  background: url(../business/images/electro/ic_border.png) repeat center;
}
.con_mecha .box_mecha .box_ref .wrp_ref li:nth-child(n+3) {
  border-top: 1px dotted #919394;
  border-bottom: 1px dotted #919394;
}
.con_mecha .box_mecha .box_ref .wrp_ref li .st {
  width: 425px;
  margin: 10px auto 0;
  font-size: 143%;
  color: #087bbd;
  font-family: "小塚ゴシック Pro","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  text-align: left;
  padding-bottom: 60px;
}
.con_mecha .box_mecha .box_ref .wrp_ref li .st:before {
  content: "";
  display: block;
  width: 100%;
  margin-bottom: 15px;
  height: 2px;
  background: url(../business/images/electro/ic_border02.png) repeat center;
}