@charset "UTF-8";

/* ========================================
   相談室DATA（固定ページ ID: 647）
======================================== */

.page-id-647 .l-mainContent__inner > .post_content {
  margin: 0;
}

.page-id-647 .counseling-data {
  counter-reset: data-number;
}

/* 各データカード */
.page-id-647 .counseling-data .swell-block-column {
  padding: 25px;
  background: #fff;
  border: 1px solid var(--color_main);
  border-radius: 16px;
}

/* カード見出し */
.page-id-647 .counseling-data h3 {
  position: relative;
  margin: 0 0 15px;
  padding-left: 50px !important;
  color: #03a1f3 !important;
  font-size: clamp(23px, 2vw, 32px);
  line-height: 1.4;
  counter-increment: data-number;
}

/* SWELL標準の見出し装飾を解除 */
.page-id-647 .counseling-data h3::after {
  display: none;
}

/* 見出し番号 */
.page-id-647 .counseling-data h3::before {
  content: counter(data-number) !important;
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  background: var(--color_link) !important;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* ========================================
   スマホ
======================================== */

@media (max-width: 767px) {

  .page-id-647 .counseling-data .swell-block-column {
    padding: 20px 18px;
    border-radius: 14px;
  }

  .page-id-647 .counseling-data h3 {
    padding-left: 47px !important;
    font-size: 20px;
  }

  .page-id-647 .counseling-data h3::before {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
  /* DATA 各カラム：説明文下の余白を縮小 */
  .page-id-647 .counseling-data .swell-block-column > p {
    margin-bottom: 0 !important;
  }

}