.form{
    text-align: center;
    margin-bottom: 50px;
  }

  .contact_text{
    width: 90%;
    margin: 0 auto; /* 中央寄せ */
    padding: 0; /* 余計なパディングを削除 */
    text-align: center; /* テキストを中央寄せ */
  }

  .form_subject{
    color: #fff;
  }

  
  .radio-group label {
    font-size: small;
    color: #ffffff;
    background-color: #000000;
    padding: 10px;
    margin: 10px 0;
    border: 0px solid #302f2f;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block; /* 元のブロック要素としての特性を維持 */
    vertical-align: middle; /* インライン要素の中央揃え */
}

.radio-group input[type="radio"] {
    margin: 0; /* デフォルトのマージンを削除 */
    vertical-align: middle; /* テキストと中央揃え */
}






  
  input {
    margin-bottom:10px;
  }
  textarea {
    height:100px;
    margin-bottom:10px;
  }
  input:first-of-type
  {
    margin-top:35px;
  }
  


input {
    margin-right: 5px; /* Adjust the margin as needed */
}

label {
    display: inline-block;
    margin-bottom: 10px; /* Adjust the margin as needed */
}



  input, textarea{
    font-size: 1em;
    padding: 15px 10px 10px;
    font-family: 'Source Sans Pro',arial,sans-serif;
    border: 1px solid #302f2f;
    background: #6e6d6d;
    color:#FAFAFA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    max-width: 600px;
  }
  ::-webkit-input-placeholder {
     color: #FAFAFA;
  }
  :-moz-placeholder {
     color: #FAFAFA;  
  }
  ::-moz-placeholder {
     color: #FAFAFA; 
  }
  :-ms-input-placeholder {  
     color: #FAFAFA;  
  }
  .form button {
    margin-top:15px;
    margin-bottom:25px;
    background-color:#3b3b3b;
    padding: 12px 45px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #3c3d3d;
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    cursor: pointer;
    width:40%;
    color:#fff;
  }
  button:hover, .button:hover {
    background:#474948;
  }
  label.error {
      font-family:'Source Sans Pro',arial,sans-serif;
      font-size:1em;
      display:block;
      padding-top:10px;
      padding-bottom:10px;
      background-color:#d89c9c;
      width: 80%;
      margin:auto;
      color: #FAFAFA;
      -webkit-border-radius:6px;
      -moz-border-radius:6px;
      border-radius:6px;
  }
  /* media queries */
  @media (max-width: 700px) {
    label.error {
      width: 90%;
    }
    input, textarea {
      width: 90%;
    }
    button {
      width:90%;
    }
    body {
    padding-top:10px;
    }  
  }
  .form_comment{

    color: #FAFAFA;
  }


  .message {
      font-family:'Source Sans Pro',arial,sans-serif;
      font-size:1.1em;
      display:none;
      padding-top:10px;
      padding-bottom:10px;
      background-color:#414444;
      width: 80%;
      margin:auto;
      color: #FAFAFA;
      -webkit-border-radius:6px;
      -moz-border-radius:6px;
      border-radius:6px;
  }

.error-message{
    color: #b9b9b9;
}