body {
  max-width: 800px;
  margin: 0 auto;
  background-color: #E9F1E2; /* 背景色 */
  color: #333333; /* フォントカラー */
}

.container {

  padding: 10px 15px;
  background-color: #FFFFFF; /* コンテンツの背景色 */
  border: 1px solid #B9C9A5; /* 枠線の色 */
}
fieldset {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px; /* 必要に応じてマージンを調整 */
}

legend {
  font-weight: bold;
  margin-bottom: 10px; /* 必要に応じてマージンを調整 */
}

label {
  display: inline-block;
  margin-bottom: 5px; /* 必要に応じてマージンを調整 */
  margin-right:2px;
}
p {
  font-weight: bold;
  font-size: 24px; /* タイトルに適したフォントサイズを指定 */
}


/* ボタン */
button {
  width: 300px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  background-color: #0AAFAA;
  color: #EEEEEE;
  border: none;
  border-radius: 3px;
  padding: 10px 20px;
  cursor: pointer;
}

/* チェックボックス */
input[type="checkbox"] {
  margin-right: 5px;
}

/* プルダウン */
select {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #B9C9A5;
  background-color: #FFFFFF;
  color: #333333;
}