@charset "utf-8";

#gakunai-button{
height: 3.5rem;
width: 60%;
line-height: unset;
margin-bottom: 2rem;
border-radius: 5px;
background-color: #2562c5;
font-size: 1.1rem;
cursor:pointer;
}
#gakunai-button:hover{
background-color: #4582c5 !important;
}
#gakunai-button > a{
color: #fff;
display:block;
text-decoration: none;
padding-top: 1.2rem;
}

#gakugai-button{
height: 3.5rem;
width: 60%;
line-height: unset;
margin-bottom: 2rem;
border-radius: 5px;
background-color: #2562c5;
font-size: 1.0rem;
cursor:pointer;
}
#gakugai-button:hover{
background-color: #4582c5;
}
#gakugai-button > span{
color: #fff;
display:block;
text-decoration: none;
padding-top: 1.2rem;
}

#gakugai-form{
display: none;
}
#gakugai-form.fadein{
display: block;
animation-name: fade-in;
animation-duration: 0.8s;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
#gakunai-button > a{ padding-top: 0.5rem; }
#gakugai-button > span{ padding-top: 0.5rem; }
}