/*↓StyleCSSにスタイルを定義　文字コードUTF-8------------*/
@charset "utf-8";
/*TOPのCSSを引き継ぐ---------------------------------*/
@import url(style.css);

/*問い合わせーーーーーーーーーーーーーーーーー*/
main{
    padding: 120px 20px 80px; /* ← 固定ヘッダー対策 */
}
#contact .container {
  text-align: center;    
}
#contact h2 {
/*    font-family:"M PLUS Rounded 1c", sans-serif; */
    font-size: 28px; /* ← 好きな大きさに統一 */ 
    font-weight: 700; 
     text-align: center; 
    line-height: 1.4;}


.contact-form {
  max-width: 640px;
  margin: 40px auto;
  padding: 24px;
  background: #fafafa;
  border-radius: 12px;
  font-size: 16px;
}
/* 入力グループ */
.form-group {
  margin-bottom: 20px;
}
.form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}
/* 入力欄 */
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #6b8cff;
  outline: none;
}
/* チェックボックス */
.form-check {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.privacy-check {
  display: flex;
  flex-direction: column;   /* 縦並び */
  align-items: center;      /* 中央寄せ */
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
}
/* 送信ボタン */
.submit-btn {
  display: block;
  margin: 0 auto;          /* 中央寄せ */
  padding: 10px 28px;      /* 少し小さめ */
  background: #6b8cff;
  color: #fff;
  border: none;
  border-radius: 999px;
  font-size: 15px;
  cursor: pointer;
}
.submit-btn:hover {
  background: #5a78e0;
}



/*
画面サイズ640以下開始－－ーーーー－－－－－－－－－－
@media(max-width:640px){}
   画面サイズ640以下終了－－－－－－－－－－－－－ 
*/