@charset "UTF-8";

.interview__title{
padding:40px;
background-color: #00873c;
font-weight:bold;
}
.interview__title h1{
font-size:32px;
text-align: center;
color: #fff;
}


.offering__back h2{
color:#008045;
font-size:32px;
padding:40px 0 100px;
text-align: center;
font-weight:bold;
}


.offering__table table{
width:1000px;
margin: 0 auto;
}
.offering__table td{
vertical-align: top;
background-color: #fff;
border: solid 1px #BDBCB9;
padding: 20px;
}

.offering__table .major{
background-color: #FAFAFA;
}
.offering__table{
width: 1000px;
margin: 0 auto;
}
.offering__back{
background-color:#EAECEE;
padding: 100px 10%;
font-weight:bold;
}
.recruit__offering{
padding: 60px 20px 0;
background-color: #fff;
}
/*-----------job---*/
.job__back{
background: url("../image/recruit/job-back.jpg");
background-size: cover;
background-position: center;
}
.job__back h2{
text-align: center;
font-size:34px;
padding-top: 205px;
color:#fff;
font-weight:bold;
position:relative;
}
.job__back h2:after{
isplay: inline-block;
content: "JOB LIST";
position: absolute;
bottom: 60px;
font-size: 12px;
color: #fff;
transform: translate(-50%);
left: 50%;
}
.offer__container{
display:flex;
justify-content:space-around;
max-width:1000px;
margin: 0 auto;
padding: 100px 0px 100px;
flex-direction: row;

}
.offer__item{
flex:0 0 70%;
height: 80px;
}
.offer__item a{
display:flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
font-size:24px;
font-weight:bold;
flex-direction: row;
}

.offer__item a{
color:#fff;
position:relative;
transition:all 0.3s;
border:3px solid #fff;
border-radius: 4px;
background-color: #00873c;
}
.offer__item a:before{
content:"";
display:block;
width:20px;
height: 30px;
position:absolute;

transition: all 0.3s;
}
.offer__item a:hover{
background-color: #00873c;
color:#fff;
}
.offer__item a:hover:before{
content:"";
display:block;
width:20px;
height: 30px;
position:absolute;

transform: translate(120px,8px);
}


.arrow_r_b {
position: relative;
display: inline-block;
padding-left: 20px;
color: #00873c;
text-decoration: none;
}
.arrow_r_b:before {
content: '';
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
left: 20px;
margin-top: -9px;
}
.arrow_r_b:after {
content: '';
width: 8px;
height: 8px;
border: 0;
border-top: solid 4px #00873c;
border-right: solid 4px #00873c;
position: absolute;
top: -3px;
left: 24px;
margin-top: -3px;
transform: rotate(45deg);
}

@media screen and (max-width:1280px){

.offering__table table{
    max-width: 1000px;
    margin: 0 auto;
    width: inherit;
}
.offering__table {
    max-width:1000px;
    width: inherit;

}
.offering__table .major{
    width:2%;
}
.offering__table td{
    width: 10%;
}
}

@media screen and (max-width:768px){
    .offering__back{
        padding: 100px 4%;
    }
}


@media screen and (max-width:600px){
    .offer__item a{
        font-size:4vw;
    }
}

@media screen and (max-width:500px){
.offering__back {
    padding: 5vw 4%;
}
tr{
border: none;
}
.offering__back h2 {
    padding: 10vw 5vw;
}

    .offering__table td{
        display:block;
        border: none;
    }
    .offering__table .major{
    width:84%;
    width: 100%;
    box-sizing: border-box;
    border: none;
    
}
    .offering__table td{
    width: 84%;
    width: 100%;
    box-sizing: border-box;

    
}
    .arrow_r_b:before {
content: '';
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
left: 10px;
margin-top: -9px;
}
.arrow_r_b:after {
content: '';
width: 8px;
height: 8px;
border: 0;
border-top: solid 4px #00873c;
border-right: solid 4px #00873c;
position: absolute;
top: -3px;
left: 14px;
margin-top: -3px;
transform: rotate(45deg);
}	



}










@media screen and  ( max-width:768px) {
.job__back h2 {
padding-top: 8vw;
}
.job__container {
padding: 10vw 10%;
}
.concept__contact h3:before {
margin-top: 100px;
}
.section__bussiness {
    padding-top: 10vw;
}
.section__departmentjob {
padding: 10vw 0;
}
.job__back {
padding-top: 10vw;
}

}