/* ============================================================================
 * Component
 * ========================================================================= */
/* ------------------------------------
 * Carousel / Mobile Phones
 * --------------------------------- */
.carousel-col2_4 .cardBox.cardBox-col2_4 .cardBox-ctr .cardBox-cont {
  padding-bottom: 0;
}

/* ------------------------------------
 * Carousel / Mobile Phones
 * --------------------------------- */
.cardBox-e-top-service {
  margin: 0 0 60px;
}

.cardBox-e-top-service h2.heading-ttl {
  margin-bottom: 15px;
  font-size: 16px;
}

.cardBox-e-top-service .list-service {
  margin: 20px 0 0;
  padding: 0;
  display: table;
}

.cardBox-e-top-service .list-service li {
  display: table-cell;
  border-right: 1px solid #e5e5e5;
}

.cardBox-e-top-service .list-service li:last-child {
  border-right: none;
}

.cardBox-e-top-service .list-service img {
  max-width: 100%;
  height: auto;
}

.cardBox-e-top-service .list-service a {
  display: block;
}

.cardBox-e-top-service .list-service a:hover, .cardBox-e-top-service .list-service a:focus, .cardBox-e-top-service .list-service a:active {
  opacity: .7;
}

.cardBox-e-top-service .list-service--pc {
  display: block;
}

.cardBox-e-top-service .list-service--sp {
  display: none;
}

@media (max-width: 767px) {
  .cardBox-e-top-service .list-service {
    margin: 20px -30px -30px;
    display: flex;
    flex-wrap: wrap;
  }
  .cardBox-e-top-service .list-service li {
    width: 33.33333%;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .cardBox-e-top-service .list-service li:last-child {
    border-right: none;
  }
  .cardBox-e-top-service .list-service li:nth-child(3) {
    border-right: none;
  }
  .cardBox-e-top-service .list-service--pc {
    display: none;
  }
  .cardBox-e-top-service .list-service--sp {
    display: block;
  }
}