@charset "utf-8";

/*---------------------------------------------------------------

sp-tb --709px

---------------------------------------------------------------*/
@media screen and (max-width:709px) {

/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual #main_visual_cont { width:100%; }
#main_visual #main_visual_cont img { height:auto; width:100%; }

/*---------------------------------------------
main
---------------------------------------------*/
#main #main_cont {
display:flex; 
-webkit-box-direction:reverse;
-moz-box-direction:reverse;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
-webkit-flex-direction:column-reverse;
-moz-flex-direction:column-reverse;
flex-direction:column-reverse;
padding:0;
width:100%;
}
#main #main_cont #menu_area { height:auto; padding:20px; }

#main #main_cont #menu_area ul:first-child li { background-color:#fff; display:block; margin-top:25px; margin-left:0; text-align:right; width:100%; }

#main #main_cont #menu_area ul:first-child li:first-child { height:auto; margin-top:0; }
#main #main_cont #menu_area ul:first-child li:nth-child(2) { height:auto; }

#main #main_cont #menu_area ul li a img.pic { display:none; }

#main #main_cont #menu_area ul:first-child li:hover { transform:none; }
#main #main_cont #menu_area ul:nth-child(2) li img:hover { transform:none; }

#main #main_cont #menu_area ul:first-child li:first-child a {
background-color:#fff;
background-image:url(../../img/top/p_menu_corporate.jpg);
background-position:right center;
background-repeat:no-repeat; 
background-size:cover;
border-radius:5px;
display:block;
height:auto;
height:110px;
}

#main #main_cont #menu_area ul:first-child li:nth-child(2) a {
background-color:#fff;
background-image:url(../../img/top/p_menu_job.jpg);
background-position:right top;
background-repeat:no-repeat; 
background-size:cover;
border-radius:5px;
display:block;
height:auto;
height:110px;
}
#main #main_cont #menu_area ul:first-child li div { position:absolute; left:5%; top:50%; margin-top:-12px; vertical-align:middle; }
#main #main_cont #menu_area ul:first-child li div i { margin-right:5px; font-size:12px; vertical-align:middle; }
#main #main_cont #menu_area ul:first-child li div img.logo { width:14px; height:14px; margin-right:5px; vertical-align:middle; }
#main #main_cont #menu_area ul:first-child li div img.title { width:60px; height:12px; vertical-align:middle; }

#main #main_cont #menu_area ul:nth-child(3) { letter-spacing:-.40em; margin-top:20px; }
#main #main_cont #menu_area ul:nth-child(3) li { letter-spacing:normal; margin-left:6%; width:47%; } 
#main #main_cont #menu_area ul:nth-child(3) li:first-child { margin-left:0;  padding-left:0; max-width:47%; }
#main #main_cont #menu_area ul:nth-child(3) li:nth-child(2) { max-width:47%; }

#main #main_cont #menu_area ul:nth-child(3) li a {
background-color:#fff;
border-radius:3px;
display:block;
}
#main #main_cont #menu_area ul:nth-child(3) li dl { background-color:#fff; border-radius:3px; }
#main #main_cont #menu_area ul:nth-child(3) li dl dt { padding:5px 5px 0 5px; }
#main #main_cont #menu_area ul:nth-child(3) li dl dt img { height:auto; width:100%; }
#main #main_cont #menu_area ul:nth-child(3) li dl dd {
background-image:url(../../img/common/i_ar_gray.png);
background-position:96% center;
background-repeat:no-repeat; 
background-size:6px 10px;
color:#333;
font-size:79%;
padding:8px;
text-align:left;
}
#main #main_cont #menu_area ul:nth-child(3) li dl dd span { padding-left:5px; }
#main #main_cont #menu_area ul:nth-child(3) li dl dd i { color:#2d67b8; }

.job_banner {
background-color:#fff;
background-image:url(../../img/sp/p_banner_job.png);
background-position:right center;
background-repeat:no-repeat; 
background-size:cover;
border-radius:5px;
display:block;
height:auto;
height:110px;
margin-top:20px;
position:relative;
}
.job_banner div { position:absolute; left:5%; top:50%; margin-top:-21px; vertical-align:middle; }
.job_banner div img.title { width:183px; height:42px; vertical-align:middle; }

/*---------------------------------------------
news
---------------------------------------------*/
#news { margin-top:0; }
#news dl dt { font-size:100%; padding:5px 10px; width:20%; }
#news dl dt span { font-size:85%; }
#news dl dd { background-color:#d8e3f1; padding:5px 15px; width:80%; }
#news dl dd ol { border:none; }
#news dl dd ol li { border-bottom:none; display:none; }
#news dl dd ol li:first-child { display:block; padding:5px 0; }
#news dl dd ol li span { font-size:85%; }

}