/* ============================================================================
 * 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;
  }
}

/*-----------------------------------------------
top_h1
テンプレート差し替え（トップ→サブページ）時のh1構造対応用CSSクラス。
視覚的には非表示だが、h1要素を構造上維持するために使用。
※変更すると h1.top_h1 にも影響があるため注意。
-----------------------------------------------*/
.top_h1 {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}