@charset "UTF-8";

/*-------------------------
__base_style
-------------------------*/

@media screen and (min-width: 768px) {
.footer_menu_sph{ display: none;}
.footer_inner{ width: 1080px;}
}

@media screen and (max-width: 767px) {
#wrap,
#asp_content{ width: 1040px!important; margin: 0 auto;}
header nav,
#header_bottom ul,
#fix01,
#fix02,
#fix03{ display: block!important;}
#header_bottom{ margin: 70px auto 0; padding: 0!important;}
#header_bottom .top_logo{ width: 280px; height: auto;}
#header_bottom .top_logo img { width: 100%; height: auto;}
#fix01 .inner{ width: 1080px!important;}
.topic_path li{ font-size: 1.3em;}
.topic_path{ clear: both; padding: 0 0 10px; width: 1040px; margin: 5px auto 0!important;}
.footer_inner{ width: 1080px;}
.footer_inner .footer_menu{ display:block;}
.footer_menu_sph{ display: none;}
.footer_inner .other_link ul li{ float: none; width: auto; margin-top: 0; margin-right: 6px; margin-bottom: 0; margin-left: 6px;}
.footer_inner .other_link{ margin: 0 0 50px 0;}
.footer_inner .footer_com_data .left .logo,
.footer_inner .footer_com_data .left p{ display: inline-block;}
.footer_inner .footer_com_data .right{ float: right;}
.footer_inner .footer_com_data .tel,
.footer_inner .footer_com_data .contact{ display: inline-block;}
.footer_inner .footer_com_data .left{ float: left; text-align: left;}
.footer_inner .footer_com_data .right{ float: right;}
.footer_inner{padding: 70px 0 0 0;}
.footer_inner .other_link ul li img{ max-height: 100px;}
.footer_inner .other_link ul li:nth-child(2),
.footer_inner .other_link ul li:nth-child(4){ margin-right: 6px;}

}