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

/*pc*/

@media print, screen and (min-width: 769px){

    #wrap_header {
        margin: 0px auto;
        width: 100%;
        background: url(../images/com/bg_body_img.gif) no-repeat center top;
        padding-top: 50px;
    }

    #header {
        margin: 0px auto 15px;
        width: 960px;
    }


    #header h1 {
        font-size: 0.85em;
        font-weight: normal;
    }

    ul.h_navi {
        height: 25px;
        width: 191px;
        float: right;
        list-style: none;
        margin-bottom: 30px;
    }

    ul.h_navi li {
        float: left;
    }

    .h_navi01 a {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll 0 0;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 46px;
    }

    .h_navi02 a {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -46px 0;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 69px;
    }

    .h_navi03 a {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -115px 0;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 76px;
    }

    .h_navi01 a:hover {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll 0 -25px;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 46px;
    }

    .h_navi02 a:hover {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -46px -25px;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 69px;
    }

    .h_navi03 a:hover {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -115px -25px;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 76px;
    }

    .h_logo {
        width:339px;
        height:160px;
        float:left;
    }

    .h_logo a {
        background: url(../images/header/logo_img.gif) 0 0 no-repeat;
        text-indent:-9999px;
        display:block;
        height:160px;
        width:339px;
    }


    ul.g_menu {
        margin: 0px auto 20px;
        width: 960px;
        height:70px;
        list-style: none;
    }

    ul.g_menu > li {
        height:70px;
        width:192px;
        float:left;
    }

    ul.g_menu > li.g_menu01 > a {
        background: url(../images/header/menu_img.png) no-repeat 0px 0px;
        text-indent: -9999px;
        display: block;
        height:70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu02 > a {
        background: url(../images/header/menu_img.png) no-repeat -192px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu03 > a {
        background: url(../images/header/menu_img.png) no-repeat -384px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu04 > a {
        background: url(../images/header/menu_img.png) no-repeat -576px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu05 > a {
        background: url(../images/header/menu_img.png) no-repeat -768px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu01 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat 0px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu02 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -192px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu03 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -384px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu04 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -576px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu05 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -768px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    .h_right {
        float: right;
        width: 384px;
        padding-top: 10px;
    }
    .h_logo {
        float: left;
        width: 339px;
    }
    .btn_inquiry a {
        background: url(../images/header/btn_inquiry_img.gif) no-repeat 0px 0px;
        text-indent: -9999px;
        display: block;
        height: 31px;
        width: 174px;
        float: right;
        margin-top: 9px;
    }
    .btn_inquiry a:hover {
        background: url(../images/header/btn_inquiry_img.gif) no-repeat 0px -31px;
        text-indent: -9999px;
        display: block;
        height: 31px;
        width: 174px;
        float: right;
        margin-top: 9px;
    }
    .tel_img {
        font-size: 1px;
        line-height: 1px;
        background: url(../images/header/tel_img.gif) no-repeat 0px 0px;
        text-indent: -9999px;
        float: left;
        height: 40px;
        width: 190px;
    }
    #header h1 {
        background: url(../images/header/seo_text_img.gif) no-repeat 0px 0px;
        text-indent: -9999px;
        width: 960px;
        font-size: 1px;
        line-height: 1px;
        height: 12px;
        margin-bottom: 15px;
    }
    #wrap_header_b {
        background: url(../images/com/bg_contents_hedimg.gif) no-repeat center bottom;
        width: 1417px;
        padding-bottom: 20px;
    }
    
    #header .menu-btn,
    #header .menu{
        display: none;
    }
    
    .sp{
        display: none;
    }
    
}


/*sp*/

@media print, screen and (max-width: 768px){

    #wrap_header {
        margin: 0px auto;
        width: 100%;
        background: url(../images/com/bg_body_img.gif) no-repeat center top;
        background-size: contain;
    }

    #header {
        margin: 0px auto;
    }

    ul.h_navi {
        height: 25px;
        width: 191px;
        float: right;
        list-style: none;
        margin-bottom: 30px;
    }

    ul.h_navi li {
        float: left;
    }

    .h_navi01 a {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll 0 0;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 46px;
    }

    .h_navi02 a {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -46px 0;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 69px;
    }

    .h_navi03 a {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -115px 0;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 76px;
    }

    .h_navi01 a:hover {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll 0 -25px;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 46px;
    }

    .h_navi02 a:hover {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -46px -25px;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 69px;
    }

    .h_navi03 a:hover {
        background: transparent url(../images/header/g_navi_img.gif) no-repeat scroll -115px -25px;
        display: block;
        height: 25px;
        text-indent: -9999px;
        width: 76px;
    }

    .h_logo {
        width: 130px;
    }

    .h_logo a {
        width: 100%;
    }
    
    .h_logo a img {
        width: 100%;
        height: auto
    }


    ul.g_menu {
        margin: 0px auto 20px;
        width: 960px;
        height:70px;
        list-style: none;
    }

    ul.g_menu > li {
        height:70px;
        width:192px;
        float:left;
    }

    ul.g_menu > li.g_menu01 > a {
        background: url(../images/header/menu_img.png) no-repeat 0px 0px;
        text-indent: -9999px;
        display: block;
        height:70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu02 > a {
        background: url(../images/header/menu_img.png) no-repeat -192px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu03 > a {
        background: url(../images/header/menu_img.png) no-repeat -384px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu04 > a {
        background: url(../images/header/menu_img.png) no-repeat -576px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu05 > a {
        background: url(../images/header/menu_img.png) no-repeat -768px 0px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu01 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat 0px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu02 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -192px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu03 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -384px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu04 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -576px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }

    ul.g_menu > li.g_menu05 > a:hover {
        background: url(../images/header/menu_img.png) no-repeat -768px -70px;
        text-indent: -9999px;
        display: block;
        height: 70px;
        width: 192px;
    }
    
    .btn_inquiry{
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .btn_inquiry_img {
        width: 30%;
    }
    
    .btn_inquiry_img a img{
        width: 100%;
        height: auto;
    }
    
    .tel_img {
        line-height: 140%;
        margin-top: 5px;
        font-size: 0.8em;
    }
    
    #wrap_header_b {
        background: url(../images/com/bg_contents_hedimg.gif) no-repeat center bottom;
        width: 1417px;
        padding-bottom: 20px;
    }
    
    .h_navi,
    .g_menu{
       display: none;
    }
    
    .pc{
        display: none;
    }
    
}