/* 訪問介護支援 固有スタイル */

/* こんな時にご利用ください（画像が画面左端まで伸びるレイアウト） */
.vc-situation-row{display:grid;grid-template-columns:56% 44%;align-items:stretch;min-height:440px;padding:56px 0;}
.vc-situation-row .ph{height:420px;align-self:center;}
.vc-situation-row .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.vc-situation-row .txt{display:flex;flex-direction:column;justify-content:center;padding:0 6% 0 60px;}
.vc-situation-row .txt-inner{max-width:520px;}
.vc-situation-row .en{font-family:"Oswald",sans-serif;font-size:13px;letter-spacing:.3em;color:var(--pt-accent);text-transform:uppercase;}
.vc-situation-row h2{font-size:26px;font-weight:700;letter-spacing:.05em;margin-top:10px;color:var(--pt-ink);}
.vc-situation-row .rule{width:40px;height:2px;background:var(--pt-orange);margin:16px 0 26px;}
.vc-situation-row .sub-lead{text-align:left;max-width:none;margin:0 0 20px;}
.vc-situation-list{display:flex;flex-direction:column;gap:12px;}
.vc-situation-list div{background:#fff;border:1px solid var(--pt-line);padding:16px 18px;font-size:15.5px;font-weight:700;color:var(--pt-accent);}
.vc-situation-list i{margin-right:8px;color:var(--pt-orange);}
@media (max-width:900px){
  .vc-situation-row{grid-template-columns:1fr;min-height:auto;padding:40px 0;}
  .vc-situation-row .ph{height:280px;}
  .vc-situation-row .txt-inner{max-width:none;}

  /* スマホでは「タイトル→画像→本文」の順になるよう並べ替える */
  .vc-situation-row .txt,
  .vc-situation-row .txt-inner{display:contents;}
  .vc-situation-row .txt-inner > *{order:3;padding-left:6%;padding-right:6%;}
  .vc-situation-row .txt-inner > .en,
  .vc-situation-row .txt-inner > h2,
  .vc-situation-row .txt-inner > .rule{order:1;}
  .vc-situation-row .ph{order:2;margin:24px 0;}
}

/* サービス内訳（要介護度別） */
.vc-level{max-width:1000px;margin:0 auto 30px;}
.vc-level:last-of-type{margin-bottom:0;}
.vc-level-tag{display:inline-block;background:var(--pt-accent-dark);color:#fff;font-size:16px;font-weight:700;padding:8px 20px;border-radius:18px;margin-bottom:16px;}
.vc-level-tag--light{background:var(--pt-accent);}
.vc-level-lead{font-size:16px;color:#666;margin-bottom:18px;line-height:1.8;}
.vc-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--pt-line);border:1px solid var(--pt-line);}
.vc-svc-card{background:#fff;padding:22px 22px;}
.vc-svc-card h4{font-size:16.5px;font-weight:700;color:var(--pt-accent-dark);margin-bottom:10px;}
.vc-svc-card ul{list-style:none;font-size:16px;color:#666;line-height:2;padding:0;margin:0;}
.vc-svc-card ul li::before{content:"・";color:var(--pt-orange);margin-right:2px;}
@media (max-width:780px){ .vc-svc-grid{grid-template-columns:1fr;} }

/* 福祉タクシー */
.vc-taxi { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px; align-items: center; }
.vc-taxi .ph { height: 240px; border-radius: 4px; }
.vc-taxi .price { font-size: 18px; font-weight: 700; color: var(--pt-orange); margin-bottom: 12px; }
.vc-taxi p { font-size: 15.5px; color: #555; line-height: 1.8; margin-bottom: 0; }
@media (max-width: 768px) {
  .vc-taxi { grid-template-columns: 1fr; gap: 20px; }
  .vc-taxi .ph { height: 180px; }
}