/* C案: グレーの運用面に、月次・配信ごとの白いまとまりを置く。 */
.b-service-design .flow-pattern-c .b-operation-map {
  padding:16px;
  border:1px solid var(--line);
  background:var(--gray1);
}

.b-service-design .flow-pattern-c .b-monthly {
  gap:20px;
  padding:24px 20px;
  border:1px solid var(--line);
  background:var(--white);
}

.b-service-design .flow-pattern-c .b-monthly > div {
  grid-template-columns:185px minmax(0,1fr);
  gap:20px;
}

.b-service-design .flow-pattern-c .b-feedback {
  padding:20px;
  background:var(--gray1);
}

.b-service-design .flow-pattern-c .b-episode-flow {
  border:1px solid var(--line);
  background:var(--white);
}

.b-service-design .flow-pattern-c .b-episode-flow > header {
  margin-inline:20px;
  padding:22px 0 18px;
  border-bottom:1px solid var(--line);
  background:var(--white);
}

.b-service-design .flow-pattern-c .b-episode-steps {
  gap:12px;
  padding:24px 20px;
  background:var(--white);
}