header {
  background-color: var(--main-color);
  color: var(--header-color);
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  border-bottom: solid;
}

p {
  color: var(--font-color);
}

h2 {
  color: var(--font-color);
}

body {
  background-color: var(--background-color) !important;
}

/* メニュー */
.svg-box {
  mask-image: url('./box.svg');
}

.svg-membershipcard {
  mask-image: url('./membershipcard.svg');
}

/* 前方一致 */
[class^="svg-"] {
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 100%;
  height: 100%;
  background-color: var(--button-font-color); /* これだけでは色を変更できない */
}