@charset "UTF-8";
/* フォーム上部のエラーを非表示 */

.wpcf7-response-output {
  display: none !important;
}

.screen-reader-response {
  position: absolute;
  left: -9999px;
}

/* 入力欄を基準にする */
.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

/* エラーメッセージを input の上に表示 */
.wpcf7-not-valid-tip {
  position: absolute;
  bottom: 100%;
  left: 0;
  color: #c0272d;
  font-size: 0.95em;
  line-height: 1.4;
  white-space: nowrap;
}

/* input自体のエラー装飾 */
.wpcf7-not-valid {
  background-color: #f9edee;
}

@media screen and (max-width: 760px) {
    .wpcf7-not-valid-tip {
    top: 0;
    left: 0;
    }

    .wpcf7-not-valid {
        margin-top:0.6rem;
    }
}