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

@media screen and (max-width: 640px) {
body{ line-height:180%; font-size:14px; }
.wrap, .copyright{ width:100%;}

.logo,#nav,.sidemenu,#splash,.col,.figure{float:none;}

.col{ display:block; width:100%;}
.cols3 .col{width:100%; margin:0;}

.fig{ width:100%}

.logo{margin:0 auto; margin-bottom:0.5em; padding-top:0}

#nav{ padding:10px 0 0 0; border-top:1px solid #ddd; background-color:#FFFFFF; }
#nav li{ width:48%; height:100%}
#nav li a { background-image:none;}
#nav span {display:block; color:#000000; font-weight:bold;}
#nav span:hover {color:#2564a4;}

.sidemenu li{ width:50%;float:left; background-position:200% 150%; }
.sidemenu li a img { width:100%; height:auto; padding:0;}

.tab_side{ border:0 none}

#side_service1, #side_service2, #side_service3 { display:none;}

#splash { width:100%; height:400%;}
#search_customer{ width:96%; position:relative; top:0; left:0; height:auto; padding:0 2%}

.main_notice, .main_qua, .main_faq { padding: 10px 0 0 0!important;}
.main_qua, .main_faq{ border-top:2px solid #82B2E2;}
.main_faq{ margin:1.5em 0!important}


#footer{ background:#222; color:#FFF;}


/*subpage*/

.subpage #container .wrap{ background-color:#FFFFFF;}

#contents { width:96%; margin: 0 2%;}
.breadcrumbs, #sidenav{ display:none;}

.slogan, h4 img, #map_canvas, .location, .history .history_detail{ width:100%}

#contents.gr01 .page_title h3, #contents.gr02 .page_title h3, #contents.gr03 .page_title h3, #contents.gr04 .page_title h3 { background-image:none;}
#contents .page_title h3 { height:100%;}
.page_contents { padding-left:0}
.page_contents .figure {padding:0; width:100%}
.page_title h3 img { margin: 20px 0 0 0 ; width:100%;}





#footer{ margin-top:1em;}


}