@charset "utf-8";

/* ****************************************************************************************************
   * フォーム一覧
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * リスト
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact01 div.form-list ul.list,
#contact01 div.form-list ul.list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#contact01 div.form-list ul.list {
  margin: -10px;
  letter-spacing: -0.4em;
}

#contact01 div.form-list ul.list li {
  margin: 10px;
  letter-spacing: normal;
  vertical-align: middle;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#contact01 div.form-list {
  text-align: center;
}

}

/* ****************************************************************************************************
   * 入力フォーム
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テーブル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact01 div.form table.contact .required {
  color: #f00;
}

#contact01 div.form table.contact th {
  text-align: left;
  white-space: nowrap;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テキストフィールド
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact01 div.form input[type=text],
#contact01 div.form input[type=email] {
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #d3d3d3;
}

/* * 郵便番号
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#contact01 div.form #input-zip {
  width: 10em;
}

/* * 電話番号
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#contact01 div.form #input-tel {
  width: 10em;
}

/* * ご予算
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#contact01 div.form #input-yosan {
  width: 8em;
}

/* * 希望の大きさ：㎡/坪 以上
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#contact01 div.form #input-size-1 {
  width: 8em;
}

/* * 希望の大きさ：㎡/坪 以下
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#contact01 div.form #input-size-2 {
  width: 8em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * セレクトメニュー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact01 div.form select {
  padding: 0.25em 1em;
  border: 1px solid #d3d3d3;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ラジオボタン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* * お問い合わせの種類
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#contact01 div.form #input-subject .wpcf7-list-item {
  margin: 0;
  padding: 2px;
  padding-right: 1em;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#contact01 div.form #input-subject .wpcf7-list-item {
  padding-right: 0;
  display: block;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テキステリア
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact01 div.form textarea {
  width: 100%;
  height: 12em;
  padding: 0.5em 1em;
  border: 1px solid #d3d3d3;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * フォームボタン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact01 div.form-button {
  text-align: center;
	width:40%;
	margin:20px auto;
	padding:10px;
	color:white;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#contact01 div.form-button {
  margin: 10px 0 20px;
}

}