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

@media screen and (max-width:500px){
html.l-nav-open .l-nav{width: 80%;}	
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}
.l-nav .nav_logo img{ width:160px;}
#footer .info_wrap .f_info_con{ float:none !important;}
#footer .info_wrap .info{ margin-top:0;}
#footer .info_wrap .info > li{ display:block; margin:0;}
#footer .etc{ float:none !important; margin-top:15px;}

#main_content .main_list li.st1 .in .xi-check{ font-size:1em; margin-right:7px;}
#main_content .main_list li.st1 .in_tt,
#main_content .main_list li.st1 .in_icon{ float:none !important;}
#main_content .main_list li.st1 .in_icon{ margin:0 auto;}
#main_content .main_list li.st1 .in .in_tt.va_wrap{ height:2.9em;}
}