main {
  background:
    radial-gradient(circle at 1px 1px, #CFE0FB 1.2px, transparent 1.8px) 0 0/10px 10px,
    radial-gradient(circle at 1px 1px, #CFE0FB 1.2px, transparent 1.8px) calc(10px/2) calc(10px/2)/10px 10px,
    var(--bg);
}

.campaign-contents {
  padding-block: 30px;
  padding-inline: 20px;
}

.campaign-infomation {
  max-width: 880px;
  margin: 14px auto 0;
  overflow: hidden;
}

.campaign-image {
  width: 100%;
  background: #f3f4f6;
}

.campaign-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.campaign-textbox {
  margin-top: 20px;
  padding-inline: clamp(12px, 3vw, 18px);
  background: #FFF;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,.04), 0 12px 28px rgba(0,0,0,.06);
}

.campaign-title {
  margin-top: 14px;
  margin-bottom: 6px;
  font-weight: 700;
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
  line-height: 1.35;
  color: var(--brand);
}

.campaign-time {
  margin-bottom: 10px;
  font-size: clamp(.9rem, 1.2vw, 1rem);
  color: #374151;
  line-height: 1.3;
}

.campaign-description {
  margin: 0 0 16px;
  padding-bottom: 18px;
  font-size: clamp(.95rem, 1.15vw, 1rem);
  line-height: 1.9;
}