html {
  margin-top: 0!important;
}
/* contact PAGE 共通スタイル */
.contact-page {
  font-family: 'Noto Sans JP', sans-serif;
  color: #000;
  background-color: #fff;
}

/* メインビジュアル */
.contact-hero {
  background: url('../assets/img/contact-wide.jpg') no-repeat center center/cover;
  height: 400px;
  display: flex;
  align-items: flex-end;
  padding: 60px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.contact-hero__text h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0;
}
.contact-hero__text p {
  font-size: 20px;
  margin: 0;
  margin-bottom: -10px;
}

.contact-form-area {
    width: 60%;
    margin: auto;
}
.contact-intro {
    text-align: center;
    font-size: 1.2rem;
    margin: 80px auto;
}
/* フォーム全体 */
.wpcf7-form {
  max-width: 8  00px;
  margin: 60px auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.3rem;
  color: #000;
}

/* ラベル */
.wpcf7-form label {
  display: block;
  margin-bottom: 20px;
  font-size: 1.3rem;
  font-weight: normal;
  color: #000;
}

/* テキスト・メール・電話・セレクト・テキストエリア共通 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #999;
  font-size: 1.3rem;
  box-sizing: border-box;
  border-radius: 0;
  appearance: none;
  margin-top: 10px;
}

/* チェックボックス */
.wpcf7-form .wpcf7-checkbox label {
  display: inline-block;
  margin-right: 20px;
  font-size: 1.3rem;
  font-weight: normal;
}

/* セレクトボックスのカスタマイズ（矢印） */
.wpcf7-form select {
  background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='orange' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 16px 16px;
}

/* テキストエリア調整 */
.wpcf7-form textarea {
  height: 160px;
  resize: vertical;
}

/* 送信ボタン */
.submit-button {
  text-align: center;
  margin-top: 40px;
}

.wpcf7-form input[type="submit"] {
  background-color: orange;
  color: white;
  font-size: 1.3rem;
  padding: 14px 40px;
  border: none;
  cursor: pointer;
  border-radius: 0;
  letter-spacing: 0.4em;
  transition: opacity 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
  opacity: 0.8;
}

.wpcf7-form p.cf7-carname {
  margin: 0 !important;
  padding: 0 !important;
}

.wpcf7-form p.cf7-carname label {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  .contact-hero {
    padding: 20px;
    height: 300px;
  }
  .contact-form-area {
    width: 70%;
  }
  .contact-intro {
    margin: 40px auto;
    font-size: 1rem;
  }
  .wpcf7-form input[type="submit"] {
    width: 100%;
  }
  .contact-hero__text h1 {
    font-size: 3rem;
  }
}