/* =====================================================
   共通BOXデザイン
===================================================== */

.box-base{
  background:#fff;
  border:1px solid #d9e2ea;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(17,45,78,.05);
}

/* =====================================================
   空白期間（STEP表示）
===================================================== */

.blank-section{
  margin-top:10px;
}

.blank-flow{
  display:grid;
  gap:18px;
}

.blank-step{
  display:flex;
  gap:20px;
  padding:20px 22px;
  background:#fff;
  border:1px solid #d9e2ea;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(17,45,78,.05);
}

.blank-step__num{
  min-width:80px;
  font-weight:700;
  font-size:.85rem;
  letter-spacing:.08em;
  color:#1d3557;
}

.blank-step__title{
  margin-bottom:6px;
  font-size:1.05rem;
  color:#1d3557;
}

.blank-step__body p{
  margin:0;
  line-height:1.9;
}

.blank-message{
  padding:18px 22px;
  border-radius:14px;
  background:#f3f7fb;
  border:1px solid #d9e2ea;
  line-height:1.9;
  font-weight:500;
}

/* =====================================================
   サービスカード 共通
===================================================== */

.service-box-wrap,
.service-group{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:24px;

  align-items:stretch;

}

.service-card{

  display:flex;

  flex-direction:column;

  background:#fff;

  border:1px solid #d9e2ea;

  border-radius:16px;

  overflow:hidden;

  box-shadow:0 8px 24px rgba(17,45,78,.05);

  height:100%;

}


/* 見出し帯 */

.service-card__head{

  background:#f2f7fb;

  padding:16px 20px;

  border-bottom:1px solid #d9e2ea;

}


/* 本文 */

.service-card__body,
.service-card > p{

  padding:18px 20px;

  margin:0;

  line-height:1.95;

  flex:1;

}


/* シンプルカード */

.service-card.simple{

  padding:18px 20px;

}


/* =====================================================
   リンクエリア
===================================================== */

.service-link{padding: 20px 0px 20px;line-height:1.8;}

.service-link a,
.service-links a{

  color:#1d3557;

  font-weight:700;

  text-decoration:underline;

  text-underline-offset:3px;

}


/* リンクリスト */

.service-links{list-style:none;padding: 25px 0px 20px;margin:0;display:grid;gap:10px;}


.service-links a{

  display:block;

  padding:12px 14px;

  background:#f8fbfd;

  border:1px solid #d9e2ea;

  border-radius:10px;

  text-decoration:none;

  position:relative;

}


.service-links a::after{

  content:"›";

  position:absolute;

  right:14px;

  top:50%;

  transform:translateY(-50%);

}


/* =====================================================
   説明テキストBOX
===================================================== */

.service-intro-text{

  background:#f8fbfd;

  border:1px solid #d9e2ea;

  border-radius:16px;

  padding:20px 22px;

  line-height:2;

}


/* =====================================================
   リストBOX
===================================================== */

.service-list{

  background:#f8fbfd;

  border:1px solid #d9e2ea;

  border-radius:14px;

  padding:20px;

}

.service-list ul{

  margin:0;

  padding-left:1.2em;

  line-height:2;

}


/* =====================================================
   consultation-list（文章リスト）
===================================================== */

.consultation-list{

  list-style:none;

  padding:0;

  margin:0;

}

.consultation-list li{

  position:relative;

  padding-left:1.2em;

  margin-bottom:10px;

}

.consultation-list li::before{

  content:"・";

  position:absolute;

  left:0;

  color:#1d3557;

  font-weight:700;

}
.service-card__head h4{
  margin: 0 !important;
}

/* =====================================================
   SP
===================================================== */

@media (max-width:1024px){

.service-box-wrap,
.service-group{

grid-template-columns:1fr;

}

}


@media (max-width:767px){

.blank-step{

flex-direction:column;

gap:6px;

padding:16px;

}

.blank-step__num{

font-size:.75rem;

}

.service-card{

border-radius:12px;

}

.service-card__head{

padding:14px 16px;

}

.service-card__head h4{
  margin: 0 !important;
}

.service-card__body,
.service-card > p,
.service-links,
.service-link{

padding-left:16px;

padding-right:16px;

}

}