@charset "UTF-8";
/*
Theme Name:オリジナルテーマ
*/
* {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

section {
  height: 100%;
  margin: 10em 0;
}
@media screen and (max-width: 1060px) {
  section {
    margin: 7em 0;
  }
}

.pc {
  display: block;
}
@media screen and (max-width: 1060px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 1060px) {
  .sp {
    display: block;
  }
}

main {
  position: relative;
}
main .wrapper {
  background-image: url(/wp-content/themes/original-theme/images/hikaku_bk.png);
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3rem;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1060px) {
  main .wrapper {
    background-image: url(/wp-content/themes/original-theme/images/hikaku_bk_sp.png);
    height: 82vh;
  }
}
main .contact-form-wrap {
  background-image: url(/wp-content/themes/original-theme/images/repeat-bk.png);
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* フォームのラベル */
  /* 入力欄のスタイル（テキスト、セレクト、メール、電話番号、テキストエリア） */
  /* ラジオボタンのスタイル */
  /* エレベーターフィールドの初期非表示 */
  /* セレクトボックスのスタイル */
  /* テキストエリア */
  /* 送信ボタン */
  /* スピナー（送信中のアニメーション） */
  /* エラーメッセージ */
  /* 必須項目のアスタリスク */
  /* モバイル対応 */
}
main .contact-form-wrap .wpcf7 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-width: 80%;
  max-width: 100%;
  margin: 3rem auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1060px) {
  main .contact-form-wrap .wpcf7 {
    min-width: unset !important;
    max-width: 80%;
  }
}
main .contact-form-wrap .wpcf7-form p {
  margin-bottom: 20px;
}
main .contact-form-wrap .wpcf7-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  color: #333;
}
main .contact-form-wrap .wpcf7-form-control {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
main .contact-form-wrap .wpcf7-form-control:focus {
  outline: none;
  border-color: #0073aa;
  -webkit-box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
          box-shadow: 0 0 5px rgba(0, 115, 170, 0.3);
}
main .contact-form-wrap .wpcf7-radio .wpcf7-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
main .contact-form-wrap .wpcf7-radio input[type=radio] {
  margin-right: 8px;
}
main .contact-form-wrap .elevator-field {
  display: none;
}
main .contact-form-wrap .wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23333"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>') no-repeat right 10px center;
  background-size: 12px;
}
main .contact-form-wrap .wpcf7-textarea {
  resize: vertical;
  min-height: 100px;
}
main .contact-form-wrap .wpcf7-submit {
  background-color: #24c028;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
main .contact-form-wrap .wpcf7-submit:hover {
  background-color: #1c9520;
}
main .contact-form-wrap .wpcf7-spinner {
  display: none;
}
main .contact-form-wrap .wpcf7-not-valid {
  border-color: #dc3232;
}
main .contact-form-wrap .wpcf7-response-output {
  margin-top: 20px;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
}
main .contact-form-wrap .wpcf7-mail-sent-ok {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
main .contact-form-wrap .wpcf7-validation-errors,
main .contact-form-wrap .wpcf7-mail-sent-ng {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
main .contact-form-wrap .wpcf7-validates-as-required::after {
  content: " *";
  color: #dc3232;
}
@media (max-width: 600px) {
  main .contact-form-wrap .wpcf7 {
    min-width: 100%;
    padding: 15px;
  }
  main .contact-form-wrap .wpcf7-form-control {
    font-size: 14px;
  }
  main .contact-form-wrap .wpcf7-submit {
    width: 100%;
    padding: 10px;
  }
}/*# sourceMappingURL=style.css.map */