<html>
<html>
<head>
<title>大学アルバイト</title>
</head>
<body>
<h1>大学アルバイト紹介</h1>
<div class="button_line004">
<a href="https://www.koeki-prj.org/jd/home/">鳥海塾はこちらから</a>
</div>
<a href="soudan.html"class="btn-circle-border-simple3"></a>
<style>
h1 {
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
text-align: center;
}
.button_line004 a {
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 200px;
padding: 10px 25px;
color: #313131;
transition: 0.3s ease-in-out;
font-weight: 600;
}
.button_line004 a:before,
.button_line004 a:after {
content: '';
width: 18px;
height: 18px;
border-color: #6bb6ff;
box-sizing: border-box;
border-style :solid;
display: block;
position: absolute;
transition: all 0.3s ease-in-out;
}
.button_line004 a:before {
top: -6px;
left: -6px;
border-width: 2px 0 0 2px;
z-index: 5;
}
.button_line004 a:after {
bottom: -6px;
right: -6px;
border-width: 0 2px 2px 0;
}
.button_line004 a:hover:before,
.button_line004 a:hover:after {
width: calc(100% + 12px);
height: calc(100% + 12px);
border-color: #6bb6ff;
}
.button_line004 a:hover {
color: #fff;
background-color: #6bb6ff;
border-color: #6bb6ff;
}
