@charset "UTF-8";

p.error {padding:0.3em 1em; background:#fff; border:1px solid #b3293c; border-radius:2px; color:#b3293c; font-weight:600;}

/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){

  table.loginform {width:100%; margin-top:1em;}
  table.loginform th {width:7.5em; padding:0.5em; background:#f5f5f5; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.loginform td {padding:0.5em; border:1px solid #ddd;}
  
  input {width:100%; padding:1em 1em; border-radius:0.3em; background:#fff; border:1px solid #ddd; font-size:3vw; font-family:'Noto Sans JP', sans-serif; line-height:1.5; outline:none !important; vertical-align:middle;}
  .btn {padding:2em 0 4em 0; text-align:center;}
  .btn input {padding:0.6em 2em; background:#057ab6; color:#fff; font-size:120%; font-weight:600;}
}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

  table.loginform {width:100%; margin-top:1em;}
  table.loginform th {padding:0.5em 0.8em; background:#f5f5f5; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.loginform td {padding:0.5em 0.8em; border:1px solid #ddd;}
  
  input {width:100%; padding:1em; border-radius:0.3em; background:#fff; border:1px solid #ddd; font-family:'Noto Sans JP', sans-serif; line-height:1.5; outline:none !important; vertical-align:middle;}
  .btn {padding:2em 0 4em 0; text-align:center;}
  .btn input {width:400px; padding:0.6em 2em; background:#057ab6; color:#fff; font-size:120%; font-weight:600;}

}