@charset "UTF-8";

/* service_list
------------------------------------------- */
.l-service_list li {
  background: #fff;
  width: 500px;
  margin: 0 0 60px 76px;
  border: 1px solid #6d6a6a;
  font-size: 18px;
  text-align: center;
}
.l-service_list li:nth-child(2n + 1) {
  margin-left: 0;
}
.l-service_list_icon {
  padding: 12px;
}
.l-service_list_icon.bg_orange {
  background: #f8c473;
  background: -moz-linear-gradient(left,  #f8c473 0%, #f5a230 100%);
  background: -webkit-linear-gradient(left,  #f8c473 0%,#f5a230 100%);
  background: linear-gradient(to right,  #f8c473 0%,#f5a230 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c473', endColorstr='#f5a230',GradientType=1 );
}
.l-service_list_icon.bg_blue {
  background: #bae5f9;
  background: -moz-linear-gradient(left,  #bae5f9 0%, #4dbcf0 100%);
  background: -webkit-linear-gradient(left,  #bae5f9 0%,#4dbcf0 100%);
  background: linear-gradient(to right,  #bae5f9 0%,#4dbcf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bae5f9', endColorstr='#4dbcf0',GradientType=1 );
}
.l-service_list_icon.bg_green {
  background: #a5d4af;
  background: -moz-linear-gradient(left, #a5d4af 0%, #5fb371 100%);
  background: -webkit-linear-gradient(left, #a5d4af 0%,#5fb371 100%);
  background: linear-gradient(to right, #a5d4af 0%,#5fb371 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d4af', endColorstr='#5fb371',GradientType=1 );
}
.l-service_list_ttl {
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0 10px;
}
.l-service_list_desc {
  max-width: 300px;
  min-height: 90px;
  margin: auto;
}
.l-service_list .l-service_list_arw {
  font-size: 17.5px;
  display: block;
  line-height: 50px;
  max-width: 300px;
  margin: 20px auto 30px;
  border: 1px solid #373637;
}
.l-service_list .l-service_list_arw:hover {
  background: #373637;
  color: #fff;
}

/* ============================================
  @media max-767
============================================ */
@media only screen and (max-width: 767px) {

  .l-service_list li {
    margin: 0 auto 20px;
  }
  .l-service_list_desc {
    min-height: auto;
  }

}