/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿yogurun-cafe-story固有＿＿*/

.making-of--yogurun-cafe {
  background: #fff;
}

.making-of-hero__note {
  display: inline-block;
  background: rgb(255 255 255 / 85%);
  border-radius: 999px;
  letter-spacing: 0.05em;
  color: var(--sub);

  @media (width < 768px) {
    padding: 0.6rem 1.6rem;
    font-size: 1rem;
    line-height: 1.7;
  }
  @media (768px <= width) {
    padding: 0.8rem 2rem;
    font-size: 1.2rem;
  }
}

/* 注記のSP専用改行（768px以上では1行で収まるため非表示） */
.making-of-hero__note-break {
  @media (768px <= width) {
    display: none;
  }
}

.making-of-swatches__item--1 { background: #FDF0F3; }
.making-of-swatches__item--2 { background: #F0F8FF; }
.making-of-swatches__item--3 { background: #FF9695; }
.making-of-swatches__item--4 { background: #FF6765; }
.making-of-swatches__item--5 { background: #2E9FD8; }