/* =========================================================
   サービス切替ボタン（添付画像のミニマルな矩形＋矢印デザイン）
   - 明朝体で2ボタン横並び。SP は2列のまま縮小し、横スクロールしない
   - active ボタンはほんのり背景塗りで現在地を示唆（クリックは可）
   ========================================================= */
.serviceTabs{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
  max-width:920px;
  margin:0 auto 56px;
  padding-inline:clamp(16px, 4vw, 24px);
}
.serviceTabs__btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:74px;
  padding:18px 28px 18px 32px;
  background:#fff;
  border:1px solid #1c1c1c;
  font-family:"Hiragino Mincho ProN","YuMincho","Yu Mincho",serif;
  font-size:clamp(15px, 2vw, 18px);
  font-weight:500;
  letter-spacing:.06em;
  color:#1c1c1c;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.serviceTabs__btn:hover{
  background:#1c1c1c;
  color:#fff;
  transform:translateY(-1px);
}
.serviceTabs__btn:hover .serviceTabs__arrow::before,
.serviceTabs__btn:hover .serviceTabs__arrow::after{background:#fff}
.serviceTabs__btn.is-active{
  background:#f4efe6;
}
.serviceTabs__btn.is-active:hover{
  background:#1c1c1c;
}

/* 矢印（横線＋小さなくの字） */
.serviceTabs__arrow{
  position:relative;
  width:60px;
  height:14px;
  flex-shrink:0;
}
.serviceTabs__arrow::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:1px;
  background:#1c1c1c;
  transform:translateY(-50%);
  transition:background .2s ease;
}
.serviceTabs__arrow::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:11px;
  height:11px;
  border-top:1px solid #1c1c1c;
  border-right:1px solid #1c1c1c;
  transform:translate(0, -50%) rotate(45deg);
  transition:border-color .2s ease;
}

/* レスポンシブ: 狭いSPでは縦並びに切替（読みやすさ優先） */
@media (max-width:560px){
  .serviceTabs{grid-template-columns:1fr;gap:14px;margin-bottom:36px}
  .serviceTabs__btn{min-height:64px;padding:16px 22px}
  .serviceTabs__arrow{width:42px}
}