/*	button0
============================== */

.linkset { width: 100%; margin: 16px auto 6px auto;}
.interview .board { padding-top: 5px;}
.linkset ul:before, .linkset ul:after { content: ""; display: table;}
.linkset ul:after { clear: both;}
.linkset ul { margin: 0; padding: 0; list-style: none;}
.linkset li { position: relative; margin: 0 0 0 2%; box-sizing: border-box; position:relative; overflow:hidden; width: 47%; height: 36px; font-size: 87.5%; font-weight: bold; text-align: center; float: left;}
.linkset li:last-child { margin: 0 2% 0 0; float: right;}
.linkset li span { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%);}
.btn_off { background-color: rgba(255, 255, 255, .15); border: 3px solid rgba(54, 174, 224, .5); color: rgba(0, 164, 232, 1); background-repeat: no-repeat; background-position: bottom right;}
.btn0 { background-color: rgba(255, 255, 255, 1); border: 3px solid rgba(54, 174, 224, 1); background-repeat: no-repeat; background-position: bottom right;}
.btn0 a { width: 100%; height: 100%; display: block; text-decoration: none; color: rgba(0, 0, 0, 1); position: absolute; top: 0; left: 0; z-index: 1000;}
.btn0 a:hover { background-color: rgba(255, 236, 210, .75);}

@media all and (min-width: 768px) {
.linkset { width: 100%; margin: 10px auto;}
.linkset li { height: 40px; font-size: 96%; letter-spacing: .1em;}
}