/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


  <style>
    body {
      font-family: 'Roboto', sans-serif !important;
      background-color: #f4f4f4 !important;
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      height: 100vh !important;
      box-sizing: border-box !important;
    }

    body .form-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
    }

    body .form-container {
      max-width: 600px !important;
      width: 100% !important;
      padding: 20px !important;
      background: #fff !important;
      border-radius: 8px !important;
    }

    body .form-container h2 {
      margin-bottom: 20px !important;
      text-align: center !important;
    }

    body .form-container label {
      display: block !important;
      margin-bottom: 5px !important;
      font-weight: 500 !important;
    }



    body .form-container input[type="text"],
    body .form-container input[type="email"],
    body .form-container input[type="tel"],
    body .form-container textarea,
    body .form-container select {
      width: 100% !important;
      padding: 10px !important;
      margin-bottom: 20px !important;
      border: 1px solid #ccc !important;
      border-radius: 4px !important;
      box-sizing: border-box !important;
    }

body .form-container textarea {
  height: 200px !important; /* 高さを指定 */
}

    body .form-container input[type="submit"] {
      background: #004085 !important;
      color: white !important;
      padding: 15px 30px !important;
      font-size: 18px !important;
      border: none !important;
      border-radius: 4px !important;
      cursor: pointer !important;
      display: block !important;
      width: 100% !important;
    }

    body .form-container input[type="submit"]:hover {
      background: #002752 !important; /* デフォルトの青のホバー色 */
    }
  </style>