/* graduate
=============================================== */

#graduate #page-header { background-image:url(../img/bg_header.jpg); }


/* rec-btn
-------------------------------- */

.rec-btn { font-size:110%; text-align:center; }
.rec-btn a { position:relative; display:inline-block; padding:1.0em 0; background-color:#fff; border-radius:1000px; border:var(--cl-tbsblue) 2px solid; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4); color:var(--cl-tbsblue); font-weight:700; font-size:90%; text-decoration:none; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { .rec-btn a:hover { transform:translateX(4px); opacity:0.7; } }
.rec-btn a::after { position:absolute; display:block; content:""; top:calc(50% - 0.5em); right:1.0em; width:1.2em; height:1.0em; background:url(../img/arrow_btn.png) center center no-repeat; background-size:contain; }


/*eof*/