/* 背景をずらしたデザイン */
.catchcopy {
  position: relative;
  padding: .7em 1em; /* 余白 */
  border: 1px solid currentColor; /* 枠線 */
  color: #000; /* 文字色（黒） */
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
}

.catchcopy::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background: #c6dddd; /* 背景アクセント色 */
  z-index: -1;
}