/*
Theme Name: Jobster Child Theme
Theme URI: http://wpjobster.com/
Author: WPJobster
Author URI: http://wpjobster.com/
Description: This is a child theme for Jobster
Version: 0.0.9
Template: wpjobster
*/

/*************** ADD CUSTOM CSS BELOW ***************/

/* --- 共通フォーム要素のスタイル --- */
.wpcf7 form label {
  display: block;
  margin-bottom: 15px;
  font-weight: bold;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 input[type="file"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 5px;
}

.wpcf7 textarea {
  min-height: 150px;
  resize: vertical;
}

/* --- 送信ボタンのスタイル（丸角＋中央寄せ＋色）--- */
.wpcf7 .wpcf7-submit {
  display: block;
  margin: 20px auto;
  background-color: #20c497;
  color: white;
  border: none;
  padding: 12px 30px;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wpcf7 .wpcf7-submit:hover {
  background-color: #1aa984;
}

/* --- モバイル対応（600px以下）--- */
@media (max-width: 600px) {
  .wpcf7 form {
    padding: 10px;
  }
}