/* 全体 */
.contact-form {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Outfit', 'Hiragino Sans','Hiragino Kaku Gothic ProN', 'Yu Gothic','YuGothic', 'Meiryo', serif ;
}

/* ラベル */
.cf7-row {
  display: block;
  margin-bottom: 40px;
  font-size: 15px;
  color: #222;
}

.cf7-row .required {
  color: red;
  font-size: 14px;
  margin-left: 4px;
}

/* 入力欄 */
.cf7-input,
.cf7-textarea {
  width: 100%;
  padding: 20px 4px 12px;
  font-size: 15px;
  border: none;
  border-bottom: 1px solid #999;
  background: #fff;
  outline: none;
}

.cf7-input:focus,
.cf7-textarea:focus {
  border-bottom: 1px solid #222;
}

/* テキストエリア（大きめ） */
.cf7-textarea {
  height: 220px;
  resize: vertical;
}

/* 郵便番号の小さい入力欄 */
.cf7-post.small {
  width: 80px;
  display: inline-block;
}

/* 送信ボタン */
.cf7-submit-wrap {
  text-align: center;
  margin-top: 60px;
}

.cf7-submit {
  font-family: 'Outfit', 'Hiragino Sans','Hiragino Kaku Gothic ProN', 'Yu Gothic','YuGothic', 'Meiryo', serif ;
  background: #0d3c68;
  color: #fff;
  padding: 14px 40px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  transition: 0.3s;
  letter-spacing: 0.1em;
  /* font-weight: bold; */
  width: 250px;
}

.cf7-submit:hover {
  opacity: 0.8;
}

/* プレースホルダーの色 */
.cf7-input::placeholder,
.cf7-textarea::placeholder{
  color: #ccc;      /* 好きな色に変更 */
  opacity: 1;       /* ブラウザによっては薄くされるので念のため */
  font-family: 'Outfit', 'Hiragino Sans','Hiragino Kaku Gothic ProN', 'Yu Gothic','YuGothic', 'Meiryo', serif ;
}