/* cocreation-story.css … 元は parts/cocreation-story.php の中の <style>（2026-11-07 にここへ移した）。読み込みは parts/cocreation-story.php の同じ場所の gembaroid_part_css( 'cocreation-story' ) */
.cc-story { padding-top: 56px; } /* 地の色は下の「関連記事」と同じにする */
.cc-story__card { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); max-width: 960px; margin: 0 auto 20px; border: 1px solid var(--c-line-dark); border-radius: 8px; background: #fff; overflow: hidden; color: #000; text-decoration: none; transition: border-color .2s; }
.cc-story__card:hover { border-color: #000; }
.cc-story__img { aspect-ratio: 4 / 3; background: var(--c-bg-soft); }
.cc-story__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cc-story__bd { display: flex; flex-direction: column; justify-content: center; padding: 28px 32px; }
.cc-story__label { font-size: 1.2rem; font-weight: 700; letter-spacing: .08em; color: var(--c-gray-dark); margin: 0 0 6px; }
.cc-story__title { font-size: 2rem; font-weight: 700; line-height: 1.5; letter-spacing: .04em; margin: 0 0 12px; }
.cc-story__catch { font-size: 1.5rem; font-weight: 600; line-height: 1.7; letter-spacing: .03em; margin: 0 0 8px; }
.cc-story__lead { font-size: 1.3rem; line-height: 1.9; letter-spacing: .03em; color: var(--c-gray-dark); margin: 0 0 16px; }
.cc-story__more { font-size: 1.4rem; font-weight: 700; letter-spacing: .04em; }
.cc-story__more:after { content: '\00a0→'; }
@media (max-width: 750px) {
  .cc-story { padding-top: 40px; }
  .cc-story__card { grid-template-columns: 1fr; }
  .cc-story__bd { padding: 20px; }
  .cc-story__title { font-size: 1.7rem; }
}