body{
  background-color: hsl(224, 100%, 98%);
}

h3 {
  background-color: hsl(223, 58%, 67%);
  color: white;
}

.message.default,
.sub_message.default {
  background-color: hsl(101, 85%, 95%);
  color: #222;
}
.message.inform,
.sub_message.inform {
  background-color: hsl(51, 85%, 92%);
  color: #222;
}
.message.notice,
.sub_message.notice {
  background-color: hsl(0, 85%, 92%);
  color: hsl(0, 97%, 64%);
}




/* フォームパーツ */
.form dt {
  color: hsl(234, 56%, 46%);
}
.form dt span {
  background-color: hsl(234, 56%, 46%);
}


.hidden_form {
  background-color: hsl(320, 100%, 95%);
  box-shadow: 0 0 10px hsl(320, 100%, 85%);
}

/* フォーム登録内容 */
.registered {
  background-color: hsl(225, 100%, 95%);
}