/* =========================
   service.css（事業内容）
   ========================= */

.service-section{
  padding:60px 0 40px;
}

.service-intro{
  font-size:14px;
  color:var(--muted);
  margin-bottom:24px;
  max-width:650px;
}

.service-boxes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:24px;
}

.service-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid #e4e8f3;
  box-shadow:var(--shadow);
  background:#fff;
  padding:26px 28px;
  padding-right:260px;
}

.service-title{
  font-size:18px;
  margin:0 0 10px;
  padding-left:10px;
  border-left:4px solid var(--brand);
}

.service-body{
  font-size:14px;
  line-height:1.9;
}

.service-pict{
  position:absolute;
  right:-10px;
  bottom:-18px;
  top:50%;
  transform:translateY(-50%);
  width:320px;
  height:auto;
  opacity:.45;
  filter:hue-rotate(10deg) saturate(.9);
  pointer-events:none;
}

.service-title,
.service-body{
  position:relative;
  z-index:1;
}

@media(max-width:800px){
  .service-boxes{ grid-template-columns:1fr; }
}
@media(max-width:768px){
  .service-card{ padding-right:28px; }
  .service-pict{ display:none; }
}

/* はじめての方へ */
.first-time{
  text-align:center;
  margin-top:60px;
}
.first-time-title{
  font-size:20px;
  margin-bottom:12px;
}
.first-time-text{
  font-size:14px;
  line-height:1.9;
  color:var(--muted);
}

/* お問い合わせブロック */
.contact-section{
  margin-top:40px;
  padding:30px 40px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:var(--shadow);
  text-align:center;
}
.contact-title{
  font-size:22px;
  margin-bottom:12px;
}
.contact-phone{
  font-size:34px;
  font-weight:700;
  letter-spacing:0.08em;
  margin-bottom:14px;
  font-family:"Helvetica Neue","Arial",sans-serif;
}
.contact-phone a{
  color:#2a4fa4;
  text-decoration:none;
}
.contact-email{
  font-size:14px;
}
.contact-email a{
  color:var(--brand);
  text-decoration:underline;
}

/* はじめての方の白いカード */
.first-time-card{
  margin-top:40px;
  padding:40px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:var(--shadow);
  text-align:center;
}

/* サービスカード全体リンク化 */
.service-card-link{
  display:block;
  text-decoration:none;
  color:inherit;
}
.service-card-link .service-card{
  transition:transform .2s ease, box-shadow .2s ease;
}
.service-card-link:hover .service-card{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(0,0,0,.12);
}