.contact-form {
 
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  padding: 0.6rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

.contact-form button {
  font-family: 'Noto Sans JP', sans-serif;font-size: 1em;font-weight:500;line-height: 1.9em;
  border:2px solid black;
  background-color: transparent;
  color:black;
  border-radius:25px;
  margin: 30px 0px;
  padding:5px 20px;
  text-align:center;
  max-width: 250px;
}

.contact-form button:hover {
  background-color: black;color:white;
}

.message-box {
      max-width: 500px;
      margin: 2rem auto;
      padding: 2rem;
      background: #fff;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
.btn {
      font-family: 'Noto Sans JP', sans-serif;font-size: 1em;font-weight:500;line-height: 1.9em;
  border:2px solid black;
  background-color: transparent;
  color:black;
  border-radius:25px;
  margin: 30px 0px;
  padding:5px 20px;
  text-align:center;
  max-width: 300px;
    }
    .btn:hover {
      background-color: black;color:white;
    }

/* Style général du placeholder */
textarea::placeholder {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: .95rem;
  color: #888;       /* Couleur du texte guide */
  opacity: 1;           /* Par défaut certains navigateurs rendent le placeholder transparent */
}
input::placeholder {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: .95rem;
  color: #888;       /* Couleur du texte guide */
  opacity: 1;           /* Par défaut certains navigateurs rendent le placeholder transparent */
}

label.consent {
  font-family: 'Noto Sans JP', sans-serif;font-weight: 400;
  display: block;
  margin-top: 1rem;
  font-size: 0.9rem;
  line-height: 1.4;
  color:#888;
}

label.consent input[type="checkbox"] {
  margin-right: 0.5rem;
  vertical-align: middle;
}