@charset "UTF-8";
/* CSS Document */

/* ============================================== スマートフォン ============================================================================================================================================== */


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

#main {
width: 100%;
height: auto;
display: block;
margin: 0px auto 140px auto;
padding: 0px;
position: relative;
padding-bottom: 10%;
top: 140px;
}

  /* 募集要項 */
#main .top_title{
width: 90%;
border-bottom: 2px solid #0098D8;
margin: 10px auto 25px auto;
}
#main .top_title .t_01{
font-size: 1.1em;
color: #0098D8;
display: inline-block;
}

  /* 新卒採用の募集要項 キャリア採用の募集要項 */
#main .kaishya2 .annai2{
font-size: 18px;
height: auto;
width: 70%;
text-align: center;
margin:0px auto 0px auto;
padding: 1% 5%;
/* border: 2px solid #E3E3E6; */
background-color: #0098D8;
color: #ffffff;
display: block;
}
#main .kaishya2 table{
width: 90%;
margin:15px auto 0px auto;
}
#main .kaishya2 th {
width: 30%;
background-color:#F2F2F3;
text-align: left;
vertical-align:text-top;
padding: 4% 2% 4% 5%;
border-bottom: 1px dashed #E3E3E6;
}
#main .kaishya2 td {
width: 70%;
color: #000000;
font-size: 16px;
text-indent: 0px;
padding: 4% 2% 4% 5%;
border-bottom: 1px dashed #E3E3E6;
}
#main .kaishya2 table dl{
width: 100%;
}
#main .kaishya2 table dl dd{
width: 130px;
float: left;
}
#main .kaishya2 table dl dt{
width: auto;
}

  /* 採用専用　外部サイト */
#main .careermap {
margin: 60px auto 50px auto;
width: 80%;
height: auto;
display: block;
}
#main .careermap a {
margin: 30px auto 10px auto;
width: 100%;
height: auto;
display: block;
}
#main .careermap :hover{
opacity: 0.8;
}
#main .careermap .t_02{
font-size: 20px;
color: red;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: bolder;
text-align: center;
}
#main .careermap .t_02 br{
display: block;
}



}