@charset "utf-8";
/*--京base_sp.css--*/

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    html {
        font-size: 3.6vw;
        min-width: auto;
    }

    body {
        min-width: initial;
        min-width: auto;
        overflow-y: scroll;
    }

    #container {
        min-width: initial;
        min-width: auto;
    }

    header>.box_inner,
    .small_header header>.box_inner {
        height: 16vw;
        margin: 0 0 0 1.5rem;
    }

    header>.box_inner>.logo_site_title a .site_logo{
        width: 10vw;
    }


    header>.box_inner>.logo_site_title a .site_title {
        width: 28vw;
    }

    header>.box_inner .navs {
        display: none;
    }

    header>.box_inner .recruit_btn {
        width: 16vw;
        height: 16vw;
        margin-right: 16vw;
    }

    header>.box_inner .recruit_btn button .lbl {
        font-size: 0.7rem;
        margin-top: 0.2rem;
    }

    .site_search_inner {
        top: 18vw;
        right: -14vw
    }


    header>.box_inner .h_tel {
        display: none;
    }

    header>.box_inner .h_contact {
        display: none;
    }

    header>.box_inner .h_recruit {
        display: none;
    }

    .nav_oc {
        display: block;
        width: 16vw;
        height: 16vw;
        top: 0;
        right: 0;
    }

    .contents {
        margin-top: 16vw;
    }

    .input_submit_box .input_box input[type="search"]{
        width: 12.625rem;
    }

    footer::before {
        width: 2rem;
    }

    footer .box_inner {
        padding: 2.5rem 1rem 2rem 3rem;
    }

    .f_logo_site_title a {
        gap: 1rem;
        justify-content: center;
    }

    footer .box_inner .f_site_title {
        margin: 0;
    }

    .f_access{
        text-align: center;
    }

    footer > .box_inner .f_navs{
        display: none;
    }

    footer > .box_inner,
    footer > .box_footer{
        padding-left: 10vw;
        padding-right: 10vw;
    }

    footer > .box_footer{
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem;
    }

        footer > .box_footer .f_navs{
            margin-bottom: 1em;
        }

    /*ページトップ*/
    .pagetop {
        width: 16vw;
        height: 16vw;
        bottom: 16vw;
        right: 4vw;
    }

    .side_nav {
        display: block;
        width: 80vw;
    }

    .side_nav .side_global_nav {
        padding: 8vw 0 0 0;
    }


    /*改行のPC,SPでの表示切替*/
    br.pc,
    img.pc,
    span.pc {
        display: none;
    }

    br.sp,
    img.sp,
    span.sp {
        display: inline;
    }

    .tel_no {
        display: none;
    }
}