/* 企業・団体の方へ（/business/）だけの見た目。共通は css/common.css（正本は _shared/）
 * スマホの上書き（@media）はファイルの最後
 */
.eyebrow{color:var(--green);font-weight:700;font-size:14px;letter-spacing:.1em}

/* 1 最初の画面（写真なし。大見出しと余白と1本の線） */
.hero .wrap{padding-top:56px;padding-bottom:72px;border-bottom:1px solid var(--line)}
.hero h1{margin:16px 0 20px}
.hero .lead{font-size:17px;line-height:1.9;max-width:720px}
.hero .cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:40px}
.cta__note{font-size:14px;color:var(--sub)}

/* 2 こんなときに（4つの目次） */
.pick{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.pick a{display:flex;flex-direction:column;gap:6px;padding:28px 24px 24px 0;text-decoration:none;color:var(--text);min-height:44px}
.pick a + a{padding-left:24px;border-left:1px solid var(--line)}
.pick .no{color:var(--green);font-weight:500;font-size:13px;letter-spacing:.2em}
.pick b{font-size:18px;color:var(--ink);line-height:1.5}
.pick .sub{font-size:14px;line-height:1.7}
.pick em{font-style:normal;color:var(--green);font-weight:700;font-size:14px;margin-top:auto;padding-top:8px}
.pick em::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg);margin-left:10px;vertical-align:3px}

/* 3〜6 段（左：番号と見出し／右：こんな方に・進め方・ボタン） */
.svc__in{display:grid;grid-template-columns:260px 1fr;gap:48px;padding-top:40px;border-top:1px solid var(--line)}
.svc .no{display:block;color:var(--green);font-weight:500;font-size:28px;letter-spacing:.06em;line-height:1}
.svc h3{font-size:24px;margin-top:16px}
.who{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:24px}
.who li{border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:14px;color:var(--ink)}
.svc__cta{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap}
/* 段の下の文字リンク：矢印まで1つの文として折り返す（flexにしない） */
.svc__link .textlink{display:inline-block;padding:11px 0;line-height:1.6}
.svc__cta p+p{margin-top:0}

/* 7 メディア掲載・受賞（文字だけ） */
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:6em 1fr;gap:8px 16px;font-size:15px}
.band dt{color:var(--ink);font-weight:700}

@media (max-width:820px){
  .hero .wrap{padding-top:24px;padding-bottom:40px}
  .hero .lead{font-size:16px}
  .hero .cta{flex-direction:column;align-items:stretch;gap:10px;margin-top:28px}
  .pick{grid-template-columns:1fr 1fr;border-top:0;gap:0}
  .pick a,.pick a + a{padding:18px 12px 18px 0;border-left:0;border-top:1px solid var(--line)}
  .pick a:nth-child(2n){padding-left:12px;border-left:1px solid var(--line)}
  .pick .sub{display:none}
  .pick b{font-size:16px}
  .svc__in{grid-template-columns:1fr;gap:12px;padding-top:28px}
  .svc .no{font-size:24px}
  .svc h3{font-size:20px;margin-top:10px}
  .svc__cta{flex-direction:column;align-items:stretch;gap:8px}
  .svc__link .textlink{font-size:15px;letter-spacing:.02em}
  .band{grid-template-columns:1fr;gap:2px}
  .band dd + dt{margin-top:10px}
}