@charset "utf-8";

#kind{
    background:#FEFEF2;
}

.kindContentWrap{
    max-width:1200px;
    margin: 0 auto;
    padding:2rem 0;
}

.kvArea{
    width: 100%;
}

.kvContent{
    display:flex;
    justify-content:space-between;
    background:#ffffff;
    border:1px solid #0666BB;
    border-radius:1rem;
    margin:0 0 3rem 0;
    padding:2rem;
}

.kvLeftContent,.kvRightContent{
    width:49%;
}

.kvLeftContent img{
    max-width:100%;
}

.jobTag{
    display:inline-block;
    margin: 0;
    padding:4px 16px;
    background:#A9E2DE;
    color:#025457;
    font-weight:bold;
    font-size:1rem;
}

.jobName{
    margin:1.5rem 0;
    padding: 0;
    color:#0666BB;
    font-size:2.6rem;
    font-weight:bold;
}

.jobCatch{
    font-weight:bold;
    color:#0666BB;
    margin:0 0 0 0;
}

.jobText{
    font-size:12px;
    line-height:1.8;
    margin:0.5rem 0 0 0;
}

.kindContent{
    display:flex;
    justify-content:space-between;
}

.leftContent,.rightContent{
    width:49%;
}

.kindSchool,.kindQualifications,.kindOther{
    background:#ffffff;
    border:1px solid #C89213;
    padding:1rem;
    margin-bottom:2rem;
}

.kindSchoolTitle{
    color:#C89213;
    font-size:16px;
    position:relative;
    margin:8px 0 0 0;
    padding: 0 0 0 40px;
}

.kindSchoolTitle:before{
    content:"";
    display: block;
    background:url("/new/_app/_webroot/img/page/job/icon_school@2x.png") no-repeat;
    background-size:contain;
    width:32px;
    height:25.6px;
    position:absolute;
    left:0;
}

.kindSchoolText,
.kindQualificationsText,
.kindOtherText{
    color:#C89213;
    font-size:14px;
}

.kindQualificationsText{
    margin:1rem 0;
    padding: 0;
}

.kindTableList dl,.kindTableList dt,.kindTableList dd{
    background: #ffffff;
    border-collapse:collapse;
    box-sizing:border-box;
}

.kindTableList dl{
    border:1px solid #644A0E;
    display:flex;
    flex-wrap:wrap;
}

.kindTableList dt,
.kindTableList dd{
    margin: 0;
    padding:8px;
    font-size:14px;
    color:#644A0E;
}

.kindTableList dt{
    width:92px;
    min-height:52px;
    border-right:1px solid #644A0E;
    border-bottom:1px solid #644A0E;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.kindTableList dt:last-of-type{
    border-bottom:none;
}

.kindTableList dd{
    width:calc(100% - 92px);
    border-bottom:1px solid #644A0E;
    display: flex;
    align-items: center;
}

.kindTableList dd:last-of-type{
    border-bottom:none;
}

.kindSub{
    color:#644A0E;
}

.kindQualificationsTitle{
    color:#C89213;
    font-size:16px;
    position:relative;
    margin:8px 0 0 0;
    padding: 0 0 0 40px;
}

.kindQualificationsTitle:before{
    content:"";
    display: block;
    background:url("/new/_app/_webroot/img/page/job/icon_shikaku@2x.png") no-repeat;
    background-size:contain;
    width:32px;
    height:25.6px;
    position:absolute;
    left:0;
}

.qualificationBox ul{
    margin: 0;
    padding: 0;
    list-style:none;
}

.qualificationBox ul li{
    margin: 0 0 1rem 0;
    background:#E0FBF3;
    padding:1rem;
    max-width:314px;
    box-shadow:3px 3px 0 #A9E2DE; 
}


.qualificationName{
    color:#025457;
    margin:0 0 0.5rem 0;
    padding: 0;
    line-height:1.4;
}

.qualificationBox ul li a.linkButton{
    display: block;
    max-width:250px;
    font-size:13px;
    text-align-last:center;
    padding: 14px;
    padding:0.5rem 1.5rem;
}


.kindOtherTitle{
    margin: 0;
    color:#C89213;
    padding:0.25rem 1rem;
    border-left:4px solid #9F8E69;
}

.searchBlock{
    background: #EBEBDC;
    padding:2rem 2rem;
    display:flex;
    width:100%;
    align-items:center;
    justify-content: space-between;
    box-sizing: border-box;
}

.searchBlockTitle{
    text-align: center;
    width: 100%;
    max-width:340px;
    line-height:1.6;
    color:#644A0E;
    font-size:18px;
    font-weight:bold;
}

.searchLinkList{
    width:calc(100% - 360px);
    list-style:none;
    display:flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    flex-wrap:wrap;
    gap:24px;
}

.searchLinkList li{
    display:flex;
    justify-content: center;
}

.searchLinkList li a.linkButton{
    width: 100%;
    min-width:204px;
    color:#ffffff;  
}

@media screen and (max-width:768px){
    .searchBlock{
        background: #EBEBDC;
        padding:2rem 2rem;
        display:flex;
        flex-direction:column;
        width:100%;
        align-items:center;
        justify-content: space-between;
        margin-bottom:2rem;
    }

    .searchBlockTitle{
        text-align: center;
        max-width:340px;
        color:#644A0E;
        font-size:18px;
        font-weight:bold;
    }
    .searchLinkList{
        width: 100%;
        list-style:none;
        display:flex;
        margin: 0;
        padding: 0;
        justify-content: space-between;
        flex-wrap:wrap;
        gap:24px;
    }

    .searchLinkList li{
        width: 100%;
        display:flex;
        justify-content: center;
    }

    .searchLinkList li .linkButton{
        width: 100%;
        max-width:204px;    
    }

    .kvContent{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        padding:1rem;
    }

    .kvLeftContent,.kvRightContent{
        width:100%;
    }

    .kvRightContent{
        margin:1rem 0 0 0;
    }
    
    .kindContent{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }

    .leftContent,.rightContent{
        width:100%;
    }
}

/*linkButton共通*/
.linkButton{text-decoration: none;}
.linkButton{
  background: #3AA581;
  border-radius:50px;
  box-shadow:0 4px 0 #00704A; 
  color:#ffffff;
  display: block;
  font-size:1rem;
  font-weight:600;
  text-align: center;
  padding:0.5rem 1rem;
  position:relative;
}

a.linkButton:link{
    color:#ffffff;    
}

a.linkButton:hover{
  box-shadow:0 0 0 #00704A; 
  opacity:0.6;
  top:4px;
}

a.linkButton:after{
  content:"";
  display: block;
  background:url("/new/_app/_webroot/img/page/job/icon-search.png") no-repeat;
  width:16px;
  height: 16px;
  position:absolute;
  top: 52%;
  right:5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/*職業ボタン*/
.jobLinkList{
    margin: 0;
    padding: 0;
    text-decoration:none;
    display:flex;
    flex-wrap:wrap;
    list-style: none;
    justify-content: space-between;
    gap:1rem;
}

.jobLinkList li{
    width: min(49%,270px);
}

.jobLinkList li a{
    width: 100%;
    display: block;
    background: #0666BB;
    box-shadow: 0 3px 0 #004684;
    border-radius: 4px;
    color: #ffffff;
    padding: 1rem 7rem 1rem 1rem;
    font-size: 16px;
    font-weight: bold;
    text-align-last: left;
    position: relative;
    box-sizing: border-box;
}

.jobLinkList li a .jobLinkName{
    font-size:14px;
    font-weight: bold;
    color:#ffffff;
    margin: 0;
    padding: 0;
}

.jobLinkList li a:after{
    content: "CHECK!";
    display: block;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: #E92D2D;
    padding: 0.25rem 1rem;
    box-shadow: 0 4px 0 #810F0F;
    border-radius: 50px;
    font-size:0.875rem;
}