/* ============================================================
   yasuragi_top.css
   kaigo.html（やすらぎの村トップ）専用スタイル
   前提: style.css → common-sub.css → このファイル の順に読み込むこと
   共通パーツ（見出し・カード・事業所一覧・お知らせ・サイトインデックス等）は
   common-sub.css に集約済みのため、ここには home 固有の
   ミッション（事業方針）／サービス紹介グリッドのみを置く
   ============================================================ */

/* ---------- MISSION（事業方針／写真が画面左端まで伸びるレイアウト） ---------- */
.pt-mission-inner{
  display:grid;
  grid-template-columns:56% 44%;
  align-items:stretch;
  min-height:460px;
  gap:0;
}
.pt-mission-inner .ph{height:100%;aspect-ratio:auto;border-radius:0;}
.pt-mission-inner .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.pt-mission-text{display:flex;flex-direction:column;justify-content:center;padding:40px 6% 40px 60px;}
.pt-mission-text > img{align-self:flex-start;}
.pt-mission h3{font-size:24px;font-weight:700;line-height:1.7;color:var(--pt-accent-dark);}
.pt-mission p{margin-top:20px;font-size:16px;color:#555;padding-right:10px;}
@media(max-width:900px){
  .pt-mission-inner{grid-template-columns:1fr;min-height:auto;}
  .pt-mission-inner .ph{aspect-ratio:4/3;}
  .pt-mission-text{padding:40px 6% 0;}
}

/* ---------- SERVICES GRID（サービスのご紹介） ---------- */
/* タイトル部分の背景：既定の teal 系の薄い色が浮いて見えるため、
   ページ内の他セクション（事業所一覧など）と同じ紙色トーンに変更 */
.contents_area2{background-color:var(--pt-paper);}
.pt-svc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--pt-line);
  border:1px solid var(--pt-line);
  max-width:1400px;
  justify-content:center;
  margin-right:auto;
  margin-left:auto;
}
.pt-svc-grid2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--pt-line);
  border:1px solid var(--pt-line);
  max-width:1400px;
  justify-content:center;
  margin-right:auto;
  margin-left:auto;
}
.pt-svc-card{
  display:block;
  background:#fff;
  padding:36px 30px;
  transition:background .25s ease;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.pt-svc-card:hover{background:#f1efe9;}
.pt-svc-num{font-family:"Oswald",sans-serif;font-size:12px;letter-spacing:.2em;color:var(--pt-orange);}
.pt-svc-card h3{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:700;
  margin:12px 0 12px;
  color:var(--pt-ink);
}
.pt-svc-icon{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--pt-paper);
  color:var(--pt-accent);
  transition:background .25s ease, color .25s ease;
}
.pt-svc-icon svg{width:22px;height:22px;}
.pt-svc-card:hover .pt-svc-icon{background:var(--pt-accent-dark);color:#fff;}
.pt-svc-card p{font-size:16px;color:#666;min-height:78px;line-height:1.8;}
.pt-svc-card:hover .pt-svc-link::after{transform:translateX(4px);}

/* ---------- レスポンシブ ---------- */
@media(max-width:860px){
  .pt-mission-inner{grid-template-columns:1fr;}
  .pt-svc-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .pt-svc-grid{grid-template-columns:1fr;}
  .pt-svc-grid2{grid-template-columns:1fr;}
}