@charset "utf-8";

/* list */

/* state */
table.list_table tr td.state { padding:0; text-align:center; }
table.list_table tr td strong { display:inline-block; width:48px; height:23px; border:1px solid #333; font-weight:bold; line-height:21px; color:#fff;}
table.list_table tr td strong.bd_state_W { background:#00690c; }
table.list_table tr td strong.bd_state_P { background:#0062c3; }
table.list_table tr td strong.bd_state_E { background:#555; }

/* notice */
table.list_table tr.notice td { background:#eff8ff!important; }
table.list_table tr.notice td.no { padding:0; text-align:center; }
table.list_table tr.notice td.no > span.notice { display:inline-block; height:23px; padding:0 5px; line-height:23px; background:#0062c3; border:1px solid #004b95; font-weight:bold; color:#fff; }
table.list_table tr.notice td.subject > a { color:#333!important; }

/* subject */
table.list_table tr td.subject { padding:0 10px; line-height:100%; }
table.list_table tr td.subject > a { display:inline-block; overflow:hidden; max-width:80%; line-height:24px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; }
table.list_table tr td.subject > img { position:relative; left:1px; top:1px; vertical-align:middle; }

/* view */
div.board_view > dl > dd.etc > strong { display:block; position:absolute; top:13px; right:20px; width:50px; height:23px; border:1px solid #333; font-weight:bold; line-height:21px; color:#fff;text-align:center;}
div.board_view > dl > dd.etc > strong.bd_state_W { background:#00690c; }
div.board_view > dl > dd.etc > strong.bd_state_P { background:#0062c3; }
div.board_view > dl > dd.etc > strong.bd_state_E { background:#555; }

div.board_view > dl > dd.cont > div img {width:100%;}

/* recruit > guide */
div.guide {position:relative; padding:15px;margin-bottom: 30px;border:1px solid #ddd; background-color:#eff8ff}
div.guide strong {font-weight:600;}
div.guide div.button {position:absolute; top:10px; right:15px; margin-top:0;}

@media (max-width: 740px) {
    div.guide strong{word-break: keep-all;}
    div.guide div.button{position:unset;}

    /* list */
    table.list_table colgroup,
    table.list_table thead {display:none !important;}
    table.list_table tr {display:block; padding:10px 0; border-bottom:1px solid #ddd; box-sizing: border-box;}
    table.list_table tr td {display:block; width:100% !important; border-bottom:0 !important; padding:0 !important; text-align:left; box-sizing:border-box;}

    table.list_table tr td.state{text-align: left;}
    table.list_table tr td strong{text-align: center;}
}