@charset "utf-8";
/* ==========================================================================
   page-repair-case.css  ―― 症例写真の並べ方（/service/repair_chip.html 用）

   既存CSSは書き換えていない。このファイルを読み込んだページでだけ効く。
   色は足していない。すべて theme-hakuji.css 冒頭の :root（--sand / --wood /
   --wood-dark / --bark / --ink）を使う。
   このサイトは html{font-size:62.5%} なので 1rem = 10px。16px 前提で書かないこと。
   ========================================================================== */

/* ---- 症例の冒頭に置く1〜2文（AI検索が引用しやすい単位） ---- */
.comBlock div.comContent p.rcLead{
  border-left:2px solid var(--wood);
  margin:0 0 2.2em;
  padding:.2em 0 .2em 20px;
  font-family:"Shippori Mincho", serif;
  font-size:1.6rem; line-height:2em; letter-spacing:.04em;
  color:var(--bark);
}

/* ---- 写真の並び（3列。枚数が増えても行が折り返す） ---- */
.rcGrid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;
  margin:0 0 1.6em;
}
.rcGrid figure{ margin:0; padding:0; }
.rcGrid figure img{
  display:block; width:100%; height:auto;
  border:1px solid var(--sand);
}
.comBlock div.comContent .rcGrid figure figcaption{
  margin-top:.7em;
  font-size:1.25rem; line-height:1.8em; letter-spacing:.06em;
  color:var(--wood-dark);
}

/* ---- 治療内容・費用・期間・リスクの一覧 ---- */
.comBlock div.comContent .rcInfo{
  margin-top:1.1em;
  border-left:2px solid var(--wood);
  padding:.2em 0 .2em 18px;
  font-size:1.3rem; line-height:1.95em; color:var(--ink);
}
.comBlock div.comContent .rcInfo dl{ margin:0; }
.comBlock div.comContent .rcInfo dt{
  font-family:"Shippori Mincho", serif;
  font-size:1.3rem; letter-spacing:.08em; color:var(--wood-dark);
  margin-top:.7em;
}
.comBlock div.comContent .rcInfo dt:first-child{ margin-top:0; }
.comBlock div.comContent .rcInfo dd{
  margin:0 0 .2em; font-size:1.3rem; line-height:1.95em; color:var(--ink);
}
.comBlock div.comContent .rcInfo p{
  margin:.9em 0 0; font-size:1.3rem; line-height:1.95em; color:var(--ink);
}

@media screen and (max-width:768px){
  .rcGrid{ grid-template-columns:1fr 1fr; gap:14px; }
}
@media screen and (max-width:600px){
  .rcGrid{ grid-template-columns:1fr; gap:20px; }
  .comBlock div.comContent p.rcLead{ font-size:1.5rem; padding-left:16px; }
  .comBlock div.comContent .rcInfo{ padding-left:14px; font-size:1.25rem; }
}