@charset "UTF-8";
.headline {
  background-image: url(../img/service/headline.jpg);
}
/*-----------------------------------
	service_block
-----------------------------------*/
#service_block {
  padding-bottom: 40px;
}
#service_block .intro_txt_t {
  padding-bottom: 20px;
}
#service_block .box {
  width: 32%;
  padding: 10px;
  border: 3px solid #ffffff;
}
#service_block .box img {
  padding-bottom: 10px;
}
#service_block .box .text {
  font-size: 13px;
  line-height: 1.75em;
  height: 160px;
  padding-bottom: 10px;
}
#service_block .box h3 {
  font-size: 14px;
  color: #ffffff;
  padding: 3px 5px;
  margin-bottom: 10px;
}
#service_block .box ul li {
  font-size: 13px;
}
/*-----------------------------------
	electric_box
-----------------------------------*/
#service_block .box.electric_box {
  background: #fff5f6;
  border-color: #f08586;
}
#service_block .box.electric_box:hover {
  background: #ffffff;
  border-color: #e30d0d;
}
#service_block .box.electric_box h3 {
  background: #e30d0d;
}
#service_block .box.electric_box ul li span {
  font-weight: 600;
  color: #e30d0d;
}
/*-----------------------------------
	machine_box
-----------------------------------*/
#service_block .box.machine_box {
  background: #f6fcff;
  border-color: #5fc0eb;
}
#service_block .box.machine_box:hover {
  background: #ffffff;
  border-color: #008fcf;
}
#service_block .box.machine_box h3 {
  background: #2bb4f1;
}
#service_block .box.machine_box ul li span {
  font-weight: 600;
  color: #2bb4f1;
}
/*-----------------------------------
	construct_box
-----------------------------------*/
#service_block .box.construct_box {
  background: #fcfff6;
  border-color: #c6e464;
}
#service_block .box.construct_box:hover {
  background: #ffffff;
  border-color: #679f01;
}
#service_block .box.construct_box h3 {
  background: #679f01;
}
#service_block .box.construct_box ul li span {
  font-weight: 600;
  color: #679f01;
}
@media screen and (max-width: 840px) {
  #service_block .box .text {
    font-size: 12px;
    height: 140px;
  }
  #service_block .box h3 {
    font-size: 13px;
  }
  #service_block .box ul li {
    font-size: 12px;
  } 
}
@media screen and (max-width: 640px) {
  #service_block .row_box {
    row-gap: 20px;
  }
  #service_block .box {
    width: 100%;
  }
  #service_block .box .text {
    height: auto;
  }
}