p {
  color: red;
}
body {/* 全体の色 */
  background-color: #ffffff;
  font-family: "Hiragino Kaku Gothic ProN"
}
img {/* ロゴ画像の大きさなど */
  max-width: 240px;
  height: auto;
  display: block;
}
p1 {
  color:silver;
  font-size: 20px;
  font-weight: bold;
}
.reset-btn {/* リセットボタン */
  background-color: white;
  font-size: 20px;
  border-radius: 5px;
  border-bottom: solid 2px goldenrod;
  box-shadow: 1px 1px 1px gray;
  transition: 0.2s;
}
.decorated-btn {/* 送信ボタン */
  background-color: gold;
  font-size: 20px;
  border-radius: 5px;
  border-bottom: solid 2px goldenrod;
  box-shadow: 1px 1px 1px gray;
  transition: 0.2s;
}

.click-down:active {
  transform: translateY(2px);
  border-bottom: none;
}

.decorated-btn:hover {/* 送信ボタンのマウスオーバー */
  background-color: yellow;
}
input[type="text"] {/* テキスト入力枠 */
  width: 100%; /* 幅 */
  font-size: 0.65em; /* フォントサイズ */
  margin: 1em 0; /* 前後の余白 */
  padding: 0.1em; /* テキスト周りの余白 */
  border: solid 2px #e3e6ea; /* 線の色 */
  border-radius: 4px; /* 角丸 */
  font-weight   : lighter;
}
input[type="mail"] {/* メール入力枠 */
  width: 100%; /* 幅 */
  font-size: 0.65em; /* フォントサイズ */
  margin: 1em 0; /* 前後の余白 */
  padding: 0.1em; /* テキスト周りの余白 */
  border: solid 2px #e3e6ea; /* 線の色 */
  border-radius: 4px; /* 角丸 */
  font-weight   : lighter;
}
p2 {/* 「必須」の大きさなど */
  margin-left: 1em;
  padding: 0px 6px 0px 6px;
  border-radius: 4px;
  font-size: 0.6em;
  color: white;
  background-color: #c44;
  content: "必須";
}
p3 {/* コピーライト部分 */
  color: dimgray;
  font-size: 10px;
  font-weight   : lighter;
}