/* === formrun “テンプレっぽい”見た目（ペライチ用） === */
/* 影響範囲を form.formrun に閉じ込めています */

form.formrun{
  max-width: 720px;
  margin: 0 auto;
  padding: 8px 16px 24px;
  color: #222;
}

/* 各項目の余白 */
form.formrun > div{
  margin: 0 0 18px;
}

/* ラベル */
form.formrun label{
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 8px;
  color: #222;
}

/* 入力欄（テンプレの雰囲気：薄い枠・ほんのり角丸） */
form.formrun input[type="text"],
form.formrun input[type="email"],
form.formrun input[type="tel"],
form.formrun input[type="url"],
form.formrun input[type="number"],
form.formrun input[type="date"],
form.formrun input[type="password"],
form.formrun select,
form.formrun textarea{
  width: 100%;
  box-sizing: border-box !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #222 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 12px 12px !important;
  outline: none !important;
}

/* 高さ（テンプレっぽく少しだけ背を高く） */
form.formrun input[type="text"],
form.formrun input[type="email"],
form.formrun input[type="tel"],
form.formrun input[type="url"],
form.formrun input[type="number"],
form.formrun input[type="date"],
form.formrun input[type="password"],
form.formrun select{
  height: 44px !important;
}

form.formrun textarea{
  min-height: 140px !important;
  resize: vertical;
}

/* フォーカス時：薄い青い枠＋控えめな影（EFOでよく見るやつ） */
form.formrun input:focus,
form.formrun select:focus,
form.formrun textarea:focus{
  border-color: #4a90e2 !important;
  box-shadow: 0 0 0 3px rgba(74,144,226,.15) !important;
}

/* エラー文（data-formrun-show-if-error の表示位置） */
form.formrun [data-formrun-show-if-error]{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #d64545;
}

/* チェックボックス（整列） */
form.formrun input[type="checkbox"]{
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
form.formrun input[type="checkbox"] + span{
  vertical-align: middle;
}

/* 送信ボタン：テンプレの“マイナビブルー”寄せ */
form.formrun button[type="submit"]{
  width: 100%;
  height: 48px;
  border: 0;
  border-radius: 4px;
  background: #00aaeb;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}
form.formrun button[type="submit"]:hover{
  filter: brightness(0.95);
}
form.formrun button[type="submit"]:active{
  filter: brightness(0.9);
}

/* 小さめ画面：左右余白を少しだけ詰める */
@media (max-width: 480px){
  form.formrun{ padding-left: 12px; padding-right: 12px; }
}
form.formrun .fr-required{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #d64545;
  border-radius: 3px;
  line-height: 1.2;
}