@import url("cssreset.css");
@import url("base.css");

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


/* index.css */

#wrapper {
    width:100%;
}

/* header */
#header {
    width:950px;
    margin:0 auto;
    text-align:left;
}
#header .logo {
    padding:14px 0 12px;
}


/* footer */
#footer {
    padding:30px 0 25px;
}

#footer ul {
    margin:0 auto 45px;
    text-align:center;
}
#footer ul li {
    display:inline-block;
    margin:0;
    padding:0 0.8em;
    font-size:0.9em;
    border-left:1px solid #000000;
    line-height:1.2;
}
#footer ul li:last-child {
    border-right:1px solid #000000;
}
#footer ul li a {
    
}


/* contents */
#contents {
    width:100%;
    min-height:680px;
    background:url("../images/index_body_bg.jpg") no-repeat center center;
    background-size:cover;
}

#contents h1 {
    margin:0;
    padding:60px 0 10px;
}


/* menu */
ul.menu1,ul.menu2 {
    max-width:519px;
    margin:0 auto;
    text-align:center;
}

ul.menu1 li {
    margin-bottom:6px;
}
ul.menu1 li a {
    display:block;
    width:100%;
    max-width:519px;
    height:108px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:auto;
    text-indent:-9999px;
}

ul.menu2 li {
    float:left;
    width:253px;
    margin-right:13px;
    margin-bottom:6px;
}
ul.menu2 li:nth-child(even) {
    margin-right:0;
}
ul.menu2 li a {
    display:block;
    width:100%;
    max-width:253px;
    height:108px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:auto;
    text-indent:-9999px;
}

ul.menu1 li.graduate1 a {background-image:url("../images/index_menu_graduate1.png");}
ul.menu1 li.graduate2 a {background-image:url("../images/index_menu_graduate2.png");}
ul.menu1 li.h-graduate a {background-image:url("../images/index_menu_h-graduate.png");}
ul.menu1 li.intern a {background-image:url("../images/index_menu_intern.png");}
ul.menu1 li.open a {background-image:url("../images/index_menu_open.png");}
ul.menu2 li.career a {background-image:url("../images/index_menu_career.png");}
ul.menu2 li.contractor a {background-image:url("../images/index_menu_contractor.png");}
ul.menu2 li.challenged a {background-image:url("../images/index_menu_challenged.png");}
ul.menu2 li.reemployment a {background-image:url("../images/index_menu_reemployment.png");}


ul.menu1 a:hover,ul.menu2 a:hover {
    opacity:0.7;
}

ul.menu1 li a.unpublished,
ul.menu2 li a.unpublished {
    pointer-events:none;
}



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

img, object, embed, video {
    max-width:100%;
    height:auto;
}


#header {
    width:100%;
}
#header .logo {
    padding:14px 0 12px 1%;
}

/* menu */

#footer ul.sub li {
    font-size:1.0em;
}


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



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


/* header */
#header {
    width:100%;
}
#header .logo {
    width:70%;
    padding:5px 0 10px 2%;
}


/* footer */
#footer {
    padding:1em 0 1.5em;
    font-size:0.9em;
}

#footer ul {
    margin:0 auto 2em;
}
#footer ul li {
    padding:0 1em 0 0;
    margin:0 1em 0 0;
    border-left:none;
    border-right:1px solid #000000;
}
#footer ul li:last-child {
    padding:0;
    margin:0;
    border-right:none;
}

/* contents */
#contents {
    width:100%;
    background:#ffffff;
    padding-bottom:2em;
}

#contents h1 {
    position:relative;
    width:100%;
    height:0;
    background:#ffffff url("../images/index_sp_body_bg.jpg") no-repeat center top;
    background-size:cover;
    margin:0 auto 2em;
    padding:56.875% 0 0;
    vertical-align:middle;
}
#contents h1 img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:80%;
    height:auto;
    margin:auto;
}


/* menu */
ul.menu1,ul.menu2 {
    width:90%;
}
ul.menu2 {
    margin-bottom:60px;
}

ul.menu1 li {
    margin-bottom:2%;
}
ul.menu2 li {
    float:left;
    width:49%;
    margin-right:2%;
    margin-bottom:2%;
}

ul.menu1 li a {
    max-width:683px;
    height:0;
    background-size:contain;
    padding-top:19.765%;
}
ul.menu2 li a {
    max-width:253px;
    height:0;
    background-size:contain;
    padding-top:40.18%;
}

ul.menu1 li.graduate1 a {background-image:url("../images/index_menu_graduate1_sp.png");}
ul.menu1 li.graduate2 a {background-image:url("../images/index_menu_graduate2_sp.png");}
ul.menu1 li.h-graduate a {background-image:url("../images/index_menu_h-graduate_sp.png");}
ul.menu1 li.intern a {background-image:url("../images/index_menu_intern_sp.png");}
ul.menu1 li.open a {background-image:url("../images/index_menu_open_sp.png");}
ul.menu2 li.career a {background-image:url("../images/index_menu_career_sp.png");}
ul.menu2 li.contractor a {background-image:url("../images/index_menu_contractor_sp.png");}
ul.menu2 li.challenged a {background-image:url("../images/index_menu_challenged_sp.png");}
ul.menu2 li.reemployment a {background-image:url("../images/index_menu_reemployment_sp.png");}



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



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


/* footer */
/*#footer ul li {
    border-right:none;
}*/


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