@charset "utf-8";

.title {
	margin: 10% auto 5%;
    text-align: center;
    color: #d91c40;
    font-size: 25px;
}
.menu_list {
    overflow: hidden;
    margin: 10px auto 45px -10px;
    padding: 30px;
}
.menu_list a:hover {
    color: #fff;
}
.menu_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.link_new_graduate {
	display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(69 132 198);
    padding: 10px;
    border: 1px solid;
    border-color: #808080;
    border-radius: 10px;
    box-shadow: 3px 3px 0 #dfd3d1;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    width: 250px;
    height: 40px;
	margin-left: 15px;
}
.link_new_graduate:after {
    content: ">";
    display: flex;
    color: rgb(69 132 198);
    background:#fff;
    width: 26px;
    height: 26px;
    position: relative;
    border-radius: 26px;
    align-items: center;
    justify-content: center;
    margin: auto -40px auto 20px;
}
.link_recruit {
	display: flex;
    align-items: center;
    justify-content: center;
    background: #fcc220;
    padding: 10px;
    border: 1px solid;
    border-color: #808080;
    border-radius: 10px;
    box-shadow: 3px 3px 0 #dfd6c1;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    width: 250px;
    height: 40px;
    margin-left: 15px;
}
.link_recruit:after {
    content: ">";
    display: flex;
    color: #fcc220;
    background: #fff;
    width: 26px;
    height: 26px;
    position: relative;
    border-radius: 26px;
    align-items: center;
    justify-content: center;
    margin: auto -24px auto 8px;
}

@media screen and (max-width:640px){
.title {
    margin: 60px auto 20px;
    text-align: center;
    color: #d91c40;
    font-size: 18px;
}
.menu_list {
    overflow: hidden;
    margin: 0 auto 40px auto;
}
.menu_list ul {
    display: flex;
    margin: 0 auto;
    text-align: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: normal;
}
.menu_list li {
    margin-bottom: 15px;
    text-align: center;
    margin-right: 0;
}
.link_new_graduate,
.link_recruit {
    margin-left: 0;
}
}