input.loginform {
   font-size:30px;
   height: 1.2em;
   width: 10em;
}

input[type="submit"] {
   /* input要素全部に対して装飾 */
   background-image: linear-gradient(0deg, #bbbbbb, #f7f6f6); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
   font-size:30px;
}
input:hover[type="submit"] {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #bbbbbb, #f7f6f6);
   border: 1px solid #2c628b;
   font-size:30px;
}
input:active[type="submit"] {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #bbbbbb, #f7f6f6);
   border: 1px solid skyblue;
   font-size:30px;
}
.login{
    font-size:xxx-large;
}

@media screen and (max-width:480px) {
    th,tr,td{
        display:block;
        width:100%;
        text-align:center;
    }
    .login {
        font-size:large;
    }
    #h_middle_tb{
        margin:0 auto;
        display:block;
        width:100%;
    }
    input[type="submit"]{
        margin-top:1em;
    }
    p{
    margin:0;
    padding:0;
}
}