/*****************************/
/* TableMark Recruiting Site */
/*****************************/


/* career.css */
/* & for challenged.html */

/* header */
/*****************************/

#head {
    width:100%;
    background:url("../images/career/head_bg.png") no-repeat center top;
    border-top:7px solid #e94709;
}
#headInner {
    width:950px;
    height:115px;
    margin:0 auto;
}


/* title */
#career #title {
    float:left;
    width:325px;
    background:none;
    margin:0 auto;
    padding:25px 0 0;
    border:none;
    text-align:left;
}

/* anchor */
#career #head .list {
    float:left;
    margin-right:2em;
    padding-top:25px;
    text-align:left;
}
#career #head ul {
    float:left;
    margin-right:2em;
    text-align:left;
}
#career #head ul li {
    font-size:0.9em;
}
#career #head ul li a {
    display:block;
    background:url("../images/career/career_arrow.png") no-repeat 0 5px;
    padding-left:12px;
}
#career #head ul:last-child {
    margin-right:0;
}

#career #head .list_b {
    float:left;
    margin-right:2em;
    padding-top:15px;
    text-align:left;
}


/* footer */
/*****************************/s
#career #footer {
    min-height:500px;
    padding:240px 0 0;
}






/* index */
/*****************************/
#career #contents h2 {
    margin-bottom:1em;
    padding:0;
    border:none;
    text-align:left;
    line-height:1.6;
    font-size:2.0em;
    font-weight:normal;
}
#career #contents h3 {
    background:#666666;
    margin-bottom:1em;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
}

.pdf {
    position:absolute;
    top:50px;
    right:50px;
}


/* list */
#career dl {
    margin-bottom:4em;
}
#career dt {
    float:left;
    width:15em;
    margin:0 0 1em;
    padding:0 0 1em;
    font-weight:bold;
}
#career dd {
    margin:0 0 1em;
    padding:0 0 1em 15em;
    border-bottom:1px solid #c2b4af;
}


/* contact box */
.contactBox {
    border:3px solid #e94709;
}
#contents .contactBox h4 {
    display:table-cell;
    background:#e94709;
    padding:0 4em;
    vertical-align:middle;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
}
.contactBox .address {
    display:table-cell;
    padding:1.5em;
}
.contactBox .address br.email {
    display:none;
}

br.i5 {
    display:none;
}



/* notice 2020/09 */
.contentsInner.notice {
    background-color:#fffbef;
    padding:25px 50px;
}
#career #contents .notice h3 {
    background:none;
    text-align:left;
    font-size:1.1em;
    color:#000000;
}


/* career table 2021/02 */
#career #contents .percentage h2 {
    position:relative;
    border-bottom:2px solid #e4e4e4;
}
#career #contents .percentage h2 span {
    position:absolute;
    right:0;
    bottom:0;
    font-size:0.5em;
}
table.career_table {
    margin-bottom:0.5em;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
}
table.career_table th,
table.career_table td {
    padding:0.5em 2.5em;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    font-size:1.1em;
    font-weight:bold;
}
table.career_table th {
    background-color:#f6c866;
    text-align:center;
}
table.career_table td {
    background-color:#fff2cd;
    text-align:center;
}




/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

/* header */
/*****************************/

#head {
    background:none;
}
#headInner {
    width:100%;
}


/* title */
#career #title {
    width:18em;
    background:url("../images/career/head_tb_bg.png") no-repeat right top;
    padding-left:5%;
}

/* anchor */
#career #head .list {
    padding-top:1.5em;
}
#career #head ul {
    /*max-width:16em;*/
    margin-right:1em;
}

#career #head .list_b {
    padding-top:1.0em;
}



/* index */
/*****************************/

/* list */
#career dt {
    width:10em;
}
#career dd {
    padding:0 0 1em 10em;
}


/* contact box */
.contactBox {
}
#contents .contactBox h4 {
    padding:0 2em;
}
.contactBox .address {
    padding:1.5em;
}
.contactBox .address br.email {
    display:none;
}



/* notice 2020/09 */
.contentsInner.notice {
    padding:3% 5%;
}

/* career table 2021/02 */
#career #contents .percentage h2 {
    margin-bottom:2em;
}
#career #contents .percentage h2 span {
    left:0;
    bottom:-2em;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 667px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 667px) {

/* header */
/*****************************/

#head {
    background:none;
}
#headInner {
    width:100%;
    height:auto;
}


/* title */
#career #title {
    float:none;
    width:90%;
    background-color:#ebebeb;
    background-image:none;
    margin:0 0 1em;
    padding:25px 5%;
}

/* anchor */
#career #head .list {
    float:none;
    width:90%;
    margin:0 auto 1em;
    padding:0;
}
#career #head ul {
    /*max-width:18em;*/
    margin-right:2em;
}
    
#career #head .list_b {
    float:none;
    width:90%;
    margin:0 auto 1em;
    padding:0;
}



/* footer */
/*****************************/s
#career #footer {
    min-height:inherit;
    padding:0;
}


/* index */
/*****************************/
#career #contents h2 {
    margin-bottom:0;
}

.pdf {
    position:static;
    margin-bottom:1em;
    text-align:right;
}
.pdf img {
    width:40%;
}

/* list */
#career dl {
}
#career dt {
    float:none;
    width:auto;
    margin:0 0 0.5em;
    padding:0;
}
#career dd {
    padding:0 1em 1em;
}


/* contact box */
.contactBox {
}
#contents .contactBox h4 {
    display:block;
    padding:0;
    line-height:2.4;
}
.contactBox .address {
    display:block;
    padding:1em;
}
.contactBox .address br.email {
    display:inline-block;
}




/* career table 2021/02 */
#career #contents .percentage h2 {
    margin-bottom:2em;
}
#career #contents .percentage h2 span {
    left:0;
    bottom:-3.5em;
}
table.career_table th,
table.career_table td {
    padding:0.5em 1.5em;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 667px以下 END */


/* 320px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {

br.i5 {
    display:inline-block;
}

/* career table 2021/02 */
#career #contents .percentage h2 span {
    font-size:0.4em;
}
table.career_table th,
table.career_table td {
    padding:0.5em 1em;
}

}

}
/*-------------------------------------------------------------------------------------------*/
/* 320px以下 END */