@charset "UTF-8";

/* ==========================================================================
   フォーム入力欄の枠を再付与
   --------------------------------------------------------------------------
   柏平 assets/css/ress.css 行200-206 で `input, textarea, select` の
   border-style:none / background-color:transparent が当たり、入力欄が
   見えなくなるため、これを上書きして枠を再表示する。
   旧 ../../css/contact.css と同等のデザインを踏襲。
   contact.php / member_registration.php / recruit_form.php の <head> で
   柏平 assets/css/* の後ろに読み込むこと。
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="date"],
textarea,
select {
  border: 1px solid #D9D9D9 !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  padding: 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  box-sizing: border-box;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="date"],
select {
  height: 50px;
}

textarea {
  height: 200px;
  padding: 1rem;
  resize: vertical;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #68C3C5 !important;
}

/* placeholder 文字を薄く */
::placeholder {
  color: #555555;
  opacity: 0.4;
}
