@charset "utf-8";
.tabRecruit {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    max-width: 100%;
}

.tabRecruit > label {
flex: 1 1;
order: -1;
opacity: .6;
min-width: 70px;
margin: 10px 0;
padding: .6em 1em;
border-radius: 200px;
background: #fff;
color: #666;
text-align: center;
cursor: pointer;
}

.tabRecruit > label:hover {
    opacity: 1;
}

.tabRecruit input {
    display: none;
}

.tabRecruit > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tabRecruit label:has(:checked) {
    opacity: 1;
}

.tabRecruit label:has(:checked) + div {
    display: block;
}