/* すべてのサービス（/service-list/）だけの見た目。共通は css/common.css（正本は _shared/）
 * 黄（--yellow）はこのページでは「受付中」の札の1か所だけ。スマホの上書き（@media）はファイルの最後
 */
.head{padding:40px 0 48px}
.head h1{margin:0}
.head .lead{margin-top:12px;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:15px;white-space:nowrap}
.chips a:hover{border-color:var(--green);color:var(--green)}
.grp{padding:48px 0 8px;border-top:1px solid var(--line)}
.grp h2{font-size:22px;display:flex;align-items:baseline;gap:12px}
.grp h2 small{font-size:13px;font-weight:400;color:var(--sub);letter-spacing:.05em}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
.card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--r-box);padding:20px 22px;text-decoration:none;color:var(--text);min-height:44px}
.card:hover{border-color:var(--green)}
.card .t{font-size:18px;font-weight:700;color:var(--ink);line-height:1.5}
.card .when{font-size:14px;line-height:1.7}
.card .to{font-size:13px;color:var(--green);font-weight:700;margin-top:auto;padding-top:6px}
.card .to::after{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid var(--green);border-right:2px solid var(--green);transform:rotate(45deg);margin-left:8px;vertical-align:1px}
.st{display:inline-block;font-size:12px;font-weight:700;color:var(--ink);background:var(--yellow);border-radius:4px;padding:0 8px;margin-left:10px;vertical-align:3px;letter-spacing:.05em}
#consult{margin-top:72px;border-top:1px solid var(--line)}

@media (max-width:820px){
  .head{padding:20px 0 32px}
  .head .lead{font-size:16px}
  .chips{gap:8px}
  .chips a{padding:0 14px;font-size:14px}
  .grp{padding:32px 0 4px}
  .grp h2{font-size:20px}
  .cards{grid-template-columns:1fr;gap:12px}
  .card{padding:16px 18px}
  .card .t{font-size:17px}
  #consult{margin-top:48px}
}