main {
  width: 100%;
}

.contact-section {
  background-color: #fff; /* 背景色 */
  padding: 2em; /* 内側のパディング */

  width: 100%; /* コンテンツの幅 */
  max-width: 1280px; /* 最大幅 */
  margin: 0 auto;
  box-sizing: border-box;
}

.contact-section .button-group {
  display: flex; /* ボタンを横並びに */
  justify-content: center; /* 中央寄せ */
  margin-bottom: 30px; /* 下のマージン */
}

.contact-section .button-group button {
  background-color: #eee; /* ボタンの背景色 */
  border: 1px solid #ccc; /* ボタンの枠線 */
  padding: 10px 20px; /* ボタンの内側のパディング */
  margin: 0 5px; /* ボタン間のマージン */
  cursor: pointer; /* カーソルをポインターに */
  font-size: 1em; /* フォントサイズ */
  transition: background-color 0.3s ease; /* ホバー時の変化を滑らかに */
}

.contact-section .button-group button:hover {
  background-color: #ddd; /* ホバー時の背景色 */
}

.contact-section .button-group button.active {
  background-color: #007bff; /* アクティブなボタンの背景色 */
  color: #fff; /* アクティブなボタンの文字色 */
  border-color: #007bff; /* アクティブなボタンの枠線色 */
}

.contact-section h2 {
  text-align: center; /* 見出しを中央寄せ */
  margin-bottom: 30px; /* 下のマージン */
  color: #333; /* 見出しの色 */
  font-family: "Zen Old Mincho";
  font-size: 2em;
  font-weight: 550;
  letter-spacing: 0.05em;
}

.contact-section h2::before {
content: '';
display: inline-block;
width: 25px;  /* 画像サイズ */
height: 7px;
margin-right: 8px;  /* 文字との間隔 */
vertical-align: middle;
background-image: url('images/title-en-before.svg'); /* 画像のパス */
background-size: contain;
background-repeat: no-repeat;
}



.contact-text {
  margin: 5em 0;
}

.contact-caution {
  text-align: right;
}

.contact-asterisk {
  color: #f35050;
}

.contact-box {
  display: flex;
  justify-content: center;  /* 横方向中央 */
  min-height: 100vh;        /* 画面高さに合わせる */
  box-sizing: border-box;
}

.wpcf7-form {
  width: 100%;
  max-width: 1200px;         /* フォームの最大幅 */
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-sizing: border-box; 
}

.textbox-title {
  display: block;
  margin-bottom: 2em;
}

.wpcf7-text,
.wpcf7-textarea {
  min-width: 900px; 
  border: #9CA3AF 1px solid;
}

.wpcf7-text {
  height: 2.5em;
}

.textarea-title {
  display: flex;
  justify-content: center;
}

.textarea-title br {
  display: none;
}

.contact-privacy {
  color: #333;
}

.wpcf7-submit {
  width: 160px;
  padding: 12px 24px;
  margin: 5em 0;

  background-color: #26516D; /* ダークネイビー系 */
  color: white;
  text-decoration: none;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease;
  border: #26516D 1px solid;
}

.wpcf7-submit:hover {
  background-color: #fff;
  color:#26516D;
  border: #26516D 1px solid;
}

.submit-area {
  display: flex;
  justify-content: center;
}

.wpcf7-spinner {
  display: none;
}


/**********************メディアクエリ**********************/
@media (max-width: 1100px) {
  .wpcf7-text,
  .wpcf7-textarea {
    min-width: 600px; 
  }
}

@media (max-width: 768px) {
  .wpcf7-text,
  .wpcf7-textarea {
    min-width: 400px; 
  }
}

@media (max-width: 768px) {
  .wpcf7-text,
  .wpcf7-textarea {
    min-width: 400px; 
  }
}

@media (max-width: 550px) {
  .wpcf7-text,
  .wpcf7-textarea {
    min-width: 300px; 
  }
}