body {
        font-size: 0.875rem;
      }

      .form-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh; /* 画面の高さいっぱいに広げる */
      }

      .form-signin {
        width: 100%;
        max-width: 330px;
        padding: 15px;
        margin: auto;
        display: flex;
        flex-direction: column; /* 縦に並べる */
      }

      .form-signin .checkbox {
        font-weight: 400;
      }

      .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
      }

      .form-signin .form-control:focus {
        z-index: 2;
      }

      .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }

      .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .form-signin .mt-5 {
        margin-top: 10rem !important; /* 適切な値に調整してください */
      }


      @media (max-width: 800px) {
        .form-signin {
          padding: 10px;
        }
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

.centered-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.form-container {
    max-width: 400px; /* フォームの最大幅を指定 */
    width: 100%;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #f8f9fa;
    text-align: center; /* テキストを中央に配置 */
    margin-top: 20px; /* 上部の余白を追加 */
    margin-bottom: 20px; /* 下部の余白を追加 */
}

.form-group {
    margin-bottom: 24px; /*ラベルとフォールドのセットの間隔*/
    }

.form-group label {
    font-weight: bold;
}



/* 新規使いsignup */

.btn-register {
  display: block; /* ブロックレベル要素として表示 */
  width: 50%; /* 幅を指定 */
  margin: 0 auto; /* 上下のマージンは0、左右のマージンは自動で中央揃え */
  padding: 10px 0; /* パディングでボタンの大きさ調整 */
  /* その他のスタイル属性（フォントサイズ、背景色など） */
}
}