@charset "UTF-8";
    .login-form {
      width: 320px;
      margin: 40px auto;
      background: #f4f7fb;
      padding: 22px 30px 18px 30px;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(80,120,200,0.08);
    }
    h1 {
      text-align: center;
      font-size: 1.5em;
      margin-bottom: 18px;
      color: #000;
    }
    .form-group {
      margin-bottom: 15px;
    }
    label {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
      color: #000;
    }
    input[type="text"],
    input[type="password"] {
      width: 100%;
      padding: 7px;
      font-size: 1em;
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid #ccc;
      background: #fff;
      color: #000;
    }
    button {
      width: 100%;
      padding: 10px 0;
      background: #324b6e;
      color: #FFF;
      border: none;
      border-radius: 4px;
      font-size: 1em;
      font-weight: bold;
      cursor: pointer;
      margin-top: 5px;
      transition: background 0.2s;
    }
    button:hover {
      background: #258be6;
    }
    
    btn btn-primary {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #258be6;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
 text-align: center;
  
}

.button_1,
.button_1 {
      width: 21%;  /*ボタンの横のサイズ*/
      padding: 10px 0;  /*ボタンの縦の長さ*/
      background: #324b6e;  /*ボタンの色*/
      color: #FFF;  /*ボタンの文字*/
      border: none;    /**/
      border-radius: 4px;  /**/
      font-size: 1em;   /**/
      font-weight: bold;   /**/
      cursor: pointer;    /**/
      margin-top: 5px;    /**/
      transition: background 0.2s;  /**/
      display: block;
      margin: 0 auto 10 auto;
      
    }
   .button_1:hover,
    button_1:hover {
      background: #258be6;
    }
    
    
    .button_2,
.button_2 {
      width: 21%;  /*ボタンの横のサイズ*/
      padding: 10px 0;  /*ボタンの縦の長さ*/
      background: #324b6e;  /*ボタンの色*/
      color: #FFF;  /*ボタンの文字*/
      border: none;    /**/
      border-radius: 4px;  /**/
      font-size: 1em;   /**/
      font-weight: bold;   /**/
      cursor: pointer;    /**/
      margin-top: 5px;    /**/
      transition: background 0.2s;  /**/
     display: block;
     margin:0 50px 0 auto;
      
      
      
 
      
    }
   .button_2:hover,
    button_2:hover { 
      background: #258be6;
    }

  p  {
	  font-size:1em
  }
 
 