/* 「認定・取り組み」専用。既存ページの要素には適用しません。 */
.cocoa-initiatives {
  --ci-text: #4c4c4c;
  --ci-muted: #626262;
  --ci-line: #dedede;
  box-sizing: border-box;
  width: 100%;
  padding: 56px 24px 64px;
  background: #f2f2f2;
  color: var(--ci-text);
  font-family: Arimo, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 0;
}
.cocoa-initiatives *,
.cocoa-initiatives *::before,
.cocoa-initiatives *::after { box-sizing: border-box; }
.cocoa-initiatives .cocoa-initiatives__inner { width: 100%; max-width: 960px; margin: 0 auto; }
.cocoa-initiatives .cocoa-initiatives__heading {
  margin: 0 0 12px; padding: 0; border: 0; background: none;
  color: var(--ci-text); font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700; line-height: 1.5; letter-spacing: .06em;
}
.cocoa-initiatives .cocoa-initiatives__heading::before,
.cocoa-initiatives .cocoa-initiatives__heading::after { content: none; }
.cocoa-initiatives .cocoa-initiatives__intro { margin: 0 0 30px; padding: 0; font-size: 14px; }
.cocoa-initiatives .cocoa-initiatives__list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px; margin: 0; padding: 0; list-style: none;
}
.cocoa-initiatives .cocoa-initiatives__item {
  display: flex; flex-direction: column; min-width: 0; margin: 0;
  padding: 24px 20px 22px; border: 1px solid var(--ci-line);
  background: #fff; list-style: none;
}
.cocoa-initiatives .cocoa-initiatives__visual {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 148px; margin: 0 0 18px;
}
.cocoa-initiatives .cocoa-initiatives__logo {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;
  margin: 0; padding: 0; border: 0; object-fit: contain;
}
.cocoa-initiatives .cocoa-initiatives__declaration {
  margin: 0; color: #2a2f27; font-size: clamp(19px, 2.1vw, 23px);
  line-height: 1.8; font-weight: 700; letter-spacing: .04em;
}
.cocoa-initiatives .cocoa-initiatives__title {
  margin: 0; padding: 0; border: 0; background: none; color: var(--ci-text);
  font-size: 16px; font-weight: 700; line-height: 1.65; letter-spacing: 0;
}
.cocoa-initiatives .cocoa-initiatives__title::before,
.cocoa-initiatives .cocoa-initiatives__title::after { content: none; }
.cocoa-initiatives .cocoa-initiatives__note {
  margin: 7px 0 0; padding: 0; color: var(--ci-muted); font-size: 13px; line-height: 1.7;
}
@media (max-width: 767px) {
  .cocoa-initiatives { padding: 38px 20px 44px; }
  .cocoa-initiatives .cocoa-initiatives__list { grid-template-columns: minmax(0, 1fr); max-width: 440px; gap: 16px; margin: 0 auto; }
  .cocoa-initiatives .cocoa-initiatives__item { padding: 24px; }
  .cocoa-initiatives .cocoa-initiatives__visual { height: 138px; margin-bottom: 16px; }
  .cocoa-initiatives .cocoa-initiatives__intro { margin-bottom: 24px; }
}