#RECRUIT > .inner{
}

.recruitArea{
    width: 1000px;
    margin: 0 auto;
}
.recruitCaption{
    font-size: 2rem;
    margin-bottom: 64px;
}

.recruitBox{
    width: 100%;
    margin-bottom: 32px;
    border: var(--baseColor) 1px solid;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
}
.recruitBorder{
    border-bottom: 1px solid var(--baseColor);
}
.recruitBorderSolid{
    border-bottom: 1px solid var(--baseColor);
}

.recruitItem{
    padding: 12px 16px;
    font-size: 16px;
}

.recruitItemFlex{
    display: flex;
    justify-content: flex-start;
}

.recruitTag{
    display: flex;
    align-items: center;
    padding-left: 16px;
    width: 160px;
    background-color: var(--baseColor);
    color: #fff;
    font-size: 16px;
}

.recruitCompanyName{
    background-color: var(--baseColor);
    color: #fff;
    font-weight: bold;
}
.recruitCompanyName.recruitItem{
    padding-left: 20px;
    font-size: 24px;
}

.recruitTitle{
    font-weight: bold;
}
.recruitClass{
}

.recruitContent{
    padding: 8px 16px;
    font-size: 16px;
}

.recruitEntry{
    display: flex;
    justify-content: center;
    background-color: var(--baseColor);
    padding: 24px;
}
.recruitEntryButton{
    display: block;
    width: 270px;
    height: 90px;
    background-image: url('../img/common/recruitSubmit.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.recruitEntryButton:hover{
    opacity: 0.8;
}

.recruitBox{
    margin-top: 64px;
}

.applyTable{
    display: table;
    width: 100%;
    border: #555 1px solid;
    border-collapse: collapse;
}
.applyTable > .tr > .td{
    padding: 12px 8px;
    border-bottom: #555 1px solid;
}
.applyTable > .tr > .td1{
    width: 200px;
    background-color: #ddd;
    border-right: #555 1px solid;
}
.applyTable input{
    padding: 4px;
    border: #555 dotted 1px;
    text-align: center;
    vertical-align: middle;
}
.radioLabel{
    margin-right: 8px;
    position: relative;
    padding-left: 24px;
}
.radioLabel input[type='radio']{
    position: absolute;
    top: 0;
    bottom: 4px;
    left: 0;
}

textarea[name='SUMMARY']{
    height: 80px;
}

.submitArea{
    margin-top: 32px;
}
.submitArea button{
    width: 100%;
    padding: 8px;
    font-size: 18px;
}


.applyAttention{
    border: #900 1px solid;
    padding: 16px;
    width: 100%;
    background-color: #fffff0;
    margin-bottom: 16px;
}