body { line-height: 150%; letter-spacing: 0.1em;  background-color: #fffaf0; }
a { text-decoration:none; }
a:hover { background-color:"#ddffff"; }  /* ポイントした時 */
{ font-color: blue; }
A:link    { color: red  }   /* 未訪問のリンク unvisited link */
A:visited { color: blue }   /* 訪問済みリンク visited links */
A:active  { color: lime }   /* 選択中のリンク active links */

H1 { color: #007700;font-size:20pt;}   /*<H1>〜</H1>で囲まれた箇所は緑で表示する*/
H3 { color: #cc0000;font-size:15pt;}   /*<H3>〜</H3>で囲まれた箇所は赤で表示する*/
H4 { color: #ff11ff;font-size:15pt;}   /*<H4>〜</H4>で囲まれた箇所は桃で表示する*/
H5 { color: #ff11ff;font-size:25pt;}   /*<H5>〜</H5>で囲まれた箇所は桃で表示する*/


p { line-height: 150%;  letter-spacing: 0.1em;}







/* レイアウト */
form {
  width: 70%;
  margin: 0 auto;
}
.form-row {
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #f2f4f5;
}
.form-row:last-child {
  border-bottom: none;
}
.form-label {
  display: flex;
  align-items: center;
  width: 250px;
}
.form-label label {
  font-weight: bold;
}
.form-label span {
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #166ab5;
}

/* フォームパーツのデザイン */
input, textarea {
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
  flex-grow: 1;
}
input::placeholder,
textarea::placeholder {
  color: #999;
  font-size: 14px;
}
select {
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
}
button {
  cursor: pointer;
  margin-top: 30px;
  padding: 15px 45px;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  background-color: #166ab5;
}