@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* ========================================
   One Reserve Contact Form
======================================== */

.one-reserve-contact {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}

/* 内部を100%に */
.one-reserve-contact .wp-block-group__inner-container,
.one-reserve-contact .wpcf7,
.one-reserve-contact .wpcf7-form,
.one-reserve-contact .wpcf7-form > p,
.one-reserve-contact label,
.one-reserve-contact .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* 各項目 */
.one-reserve-contact .wpcf7-form > p {
  margin: 0 0 22px !important;
}

.one-reserve-contact label {
  display: block !important;

  color: #172033;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

/* 入力欄 */
.one-reserve-contact input[type="text"],
.one-reserve-contact input[type="email"],
.one-reserve-contact input[type="tel"],
.one-reserve-contact select,
.one-reserve-contact textarea {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;

  margin-top: 8px !important;
  padding: 14px 16px !important;

  border: 1px solid #d8e0eb !important;
  border-radius: 10px !important;

  background: #ffffff !important;
  color: #172033 !important;

  font-size: 16px !important;
}

/* 選択欄 */
.one-reserve-contact select {
  min-height: 52px !important;
}

/* 問い合わせ内容 */
.one-reserve-contact textarea {
  height: 80px !important;
  min-height: 80px !important;
  resize: vertical;
}

/* 入力中 */
.one-reserve-contact input[type="text"]:focus,
.one-reserve-contact input[type="email"]:focus,
.one-reserve-contact input[type="tel"]:focus,
.one-reserve-contact select:focus,
.one-reserve-contact textarea:focus {
  outline: none !important;

  border-color: #1677ff !important;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12) !important;
}

/* 同意チェック */
.one-reserve-contact .wpcf7-acceptance {
  display: block !important;
  margin: 8px 0 24px !important;
}

.one-reserve-contact .wpcf7-list-item {
  margin: 0 !important;
}

.one-reserve-contact input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;

  accent-color: #1677ff;
}

/* 送信ボタン */
.one-reserve-contact input[type="submit"] {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 30px 0 0 !important;
  padding: 16px 24px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #1677ff !important;
  color: #ffffff !important;

  font-size: 16px !important;
  font-weight: 700 !important;

  cursor: pointer;
}

.one-reserve-contact input[type="submit"]:hover {
  opacity: 0.9;
}

/* エラー */
.one-reserve-contact .wpcf7-not-valid-tip {
  margin-top: 6px !important;

  font-size: 13px !important;
}

/* スマホ */
@media (max-width: 781px) {
  .one-reserve-contact {
    max-width: 100% !important;
  }

  .one-reserve-contact input[type="text"],
  .one-reserve-contact input[type="email"],
  .one-reserve-contact input[type="tel"],
  .one-reserve-contact select,
  .one-reserve-contact textarea {
    font-size: 16px !important;
    padding: 13px 14px !important;
  }

  .one-reserve-contact textarea {
    min-height: 160px !important;
  }
}