@charset "UTF-8";

div#title { background: url(../images/recruit/main.jpg) center no-repeat; background-size: cover; }
div#title h1::after { content: "Recruit"; }
main div#button { margin: 1em 0 1em; text-align: center; }
main div#button a { margin: 0 0.5em; padding: 20px 0; width: 298px; background: #ef9295; border: solid 1px #ef9295; color: #fff; text-align: center; text-decoration: none; display: inline-block; }
main div#button a:hover { background: #fff; color: #ef9295; }
main div#button a span::before { content: '>'; margin-right: 0.5em; }
main div.button { margin: 2em 0 1em; text-align: center; }
main div.button a { margin: 0 0.5em; padding: 10px 50px; background: #ef9295; border: solid 1px #ef9295; border-radius: 100px; color: #fff; text-decoration: none; display: inline-block; }
main div.button a:hover { background: #fff; color: #ef9295; }

@media screen and (max-width: 767px) {
main div#button a { margin: 1em auto; padding: 15px 0; display: block; }
}