@charset "utf-8";

/* ****************************************************************************************************
   * メッセージ
**************************************************************************************************** */

#contact03 div.message {}

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

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

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

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

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

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

/* 電話番号 */

#contact03 div.form #input-tel {
  width: 40%;
}

/* FAX */

#contact03 div.form #input-fax {
  width: 40%;
}

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

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

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

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

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

#contact03 div.form-button {
  text-align: center;
}

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

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

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

}