/* price.css*/


.svc-price {
  padding: 80px 0;
}

.svc-price__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.svc-price__head {
  margin-bottom: 40px;
}

.svc-price__grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 60px;
  align-items: start;
}

.svc-price__media {
  margin: 0;
}

.svc-price__media img {
  width: 100%;
  height: auto;
  display: block;
}

.svc-price__body {
  line-height: 1.9;
  color: #374151;
  font-size: 16px;
}

.svc-price__body p {
  margin: 0 0 14px;
}

.svc-price__list {
  margin: 0 0 14px;
  padding-left: 1.2em;
}

.svc-price__list li {
  margin: 0.25em 0;
  list-style:disc;
}


.svc-reason-wrap{
  max-width: 1240px;
  margin: 18px auto 0;
}

.svc-reason-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.svc-reason-card{
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 16px;
  background: #ffffff;
  padding: 18px;
}

/* 画像ブロック（中央寄せ） */
.svc-reason-card__illust{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 12px;
}

/* PNGを「枠内で最大表示」：縦横比は維持 */
.svc-reason-card__illust img{
  width: 76px;          /* 視認性優先。必要なら 64〜88px で調整 */
  height: auto;
  display: block;
}

/* タイトル */
.svc-reason-card__title{
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 800;
  color: var(--ideaNavy, #0f172a);
}

/* 本文 */
.svc-reason-card__text{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(15, 23, 42, 0.75);
}

/* メリット（860px） */
.svc-merit{
  margin: 30px auto 0;
  max-width: 860px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 18px;
  background: rgba(59, 130, 246, 0.05);
  padding: 24px;
}

.svc-merit__title{
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
  color: var(--ideaNavy, #0f172a);
}

.svc-merit__lead{
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(15, 23, 42, 0.8);
}

.svc-merit__list{
 list-style-type: disc;
  margin: 0 0 16px;
  padding-left: 1.2em;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(15, 23, 42, 0.85);
}

.svc-merit__list li{
  margin: 0.3em 0;
}

.svc-merit__note{
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(15, 23, 42, 0.6);
}

.price-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.price-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid rgba(15, 23, 42, 0.08);
  border-radius:14px;
  overflow:hidden;
}

.price-table th,
.price-table td{
  padding:14px 14px;
  border-bottom:1px solid rgba(15, 23, 42, 0.08);
  vertical-align:top;
}

.price-table thead th{
  background:rgba(15, 23, 42, 0.04);
  font-weight:700;
  text-align:left;
}

.price-table tbody tr:last-child td{
  border-bottom:none;
}

.price-table strong{
  font-weight:800;
}

/* SP: テーブルをカード型に縦崩し（3行ミニカード） */
@media (max-width: 767px){

  .svc-price__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

 .svc-reason-grid{
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .svc-reason-card{
    padding: 0.875rem;
  }

  .svc-merit{
    padding: 1rem;
    border-radius: 14px;
  }

  .price-table-wrap{
    overflow:visible;
  }

  .price-table,
  .price-table thead,
  .price-table tbody,
  .price-table th,
  .price-table td,
  .price-table tr{
    display:block;
    width:100%;
  }

  .price-table thead{
    display:none;
  }

  .price-table{
    border:none;
    background:transparent;
  }

  .price-table tr{
    background:#fff;
    border:1px solid rgba(15, 23, 42, 0.08);
    border-radius:14px;
    overflow:hidden;
    margin-bottom: 0.75rem;
  }

  .price-table td{
    border-bottom:none;
    padding: 0.75rem 0.875rem;
  }

  /* 1行目：作業時間（ラベル） */
  .price-table td:nth-child(1){
    font-weight:700;
    background:rgba(15, 23, 42, 0.04);
  }

  /* 2行目：料金（太字推奨） */
  .price-table td:nth-child(2) strong{
    font-size:1.15em;
  }

  /* ラベル表示（備考は任意） */
  .price-table td::before{
    content: attr(data-label);
    display:block;
    font-size: 0.75rem;
    font-weight:700;
    opacity:0.7;
    margin-bottom: 0.25rem;
  }

  /* 1行目はラベル非表示（カードのタイトル扱い） */
  .price-table td:nth-child(1)::before{
    content:"";
    display:none;
  }

  .svc-price {
    padding: 5rem 0;
  }

  .svc-price__inner {
    padding: 0 1.25rem;
  }

  .svc-price__head {
    margin-bottom: 2.5rem;
  }

  .svc-price__body {
    font-size: 1rem;
  }

  .svc-price__body p {
    margin: 0 0 0.875rem;
  }

  .svc-price__list {
    margin: 0 0 0.875rem;
  }

  .svc-reason-wrap {
    margin: 1.125rem auto 0;
  }

  .svc-reason-card__illust {
    margin: 0 0 0.75rem;
  }

  .svc-reason-card__illust img {
    width: 4.75rem;
  }

  .svc-reason-card__title {
    margin: 0 0 0.625rem;
    font-size: 1rem;
  }

  .svc-reason-card__text {
    font-size: 0.875rem;
  }

  .svc-merit {
    margin: 1.875rem auto 0;
  }

  .svc-merit__title {
    margin: 0 0 0.875rem;
    font-size: 1.125rem;
  }

  .svc-merit__lead {
    margin: 0 0 0.875rem;
    font-size: 0.9375rem;
  }

  .svc-merit__list {
    margin: 0 0 1rem;
    font-size: 0.9375rem;
  }

  .svc-merit__note {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
  }

  .price-table th,
  .price-table td {
    padding: 0.875rem;
  }

}

/* 2列テーブル（局入り・現場作業）SP調整 */
@media (max-width: 767px){
  .price-table--2col td:nth-child(1){
    background:rgba(15, 23, 42, 0.04);
  }
}

/* caption: 画面には出さず、スクリーンリーダー向けに説明を付与 */
.price-table__caption{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}