@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{
        height: 16vw;
        padding-right: 16vw;
        padding-left: 4vw;
        align-items: center;
    }

        header > .box_inner .site_title_company_name a{
            gap: 0.75rem;
        }

        header > .box_inner .site_title_company_name a .site_title{
            width: 7rem;
        }

        header > .box_inner .site_title_company_name a .company_name{
            font-size: 0.85rem;
        }

        header > .box_inner .navs{
            display: none;
        }

    .contents{
        padding-top: 16vw;
        padding-bottom: 3rem;
    }

    .common_contact_info_box{
        width: 90vw;
        padding: 2.25rem 0;
    }

        .common_contact_info_box > .box_header p{
            font-size: 1.15em;
        }

        .common_contact_info_box > .box_inner .contact_tel{
            font-size: 2.25rem;
            justify-content: center;
        }

        .common_contact_info_box > .box_inner .contact_tel a{
            pointer-events: auto;
        }

        .common_contact_info_box > .box_inner .contact_time{
            margin: 0.5em 0 1em 0;
        }

        .common_contact_info_box > .box_inner .goto_contact a{
            height: 3rem;
            padding: 0 1.5em;
        }

    footer{
        padding-top: 3rem;
        padding-bottom: 20vw;
    }

        footer > .box_header{
            flex-wrap: wrap;
            margin-bottom: 1.5rem;
        }

            footer > .box_header .lbl_group{
                font-size: 0.8em;
                padding-top: 0.1em;
            }

            footer > .box_header .logo_kumanichi_sv a{
                width: 9rem;
            }

            footer > .box_header .f_site_title{
                width: 100%;
                margin-left: 0;
                margin-top: 0.75rem;
                text-align: center;
            }

        footer > .box_inner{
            margin-bottom: 1.5rem;
        }

            footer > .box_inner .f_nav{
                display: none;
            }

        footer > .box_footer .copyright{
            font-size: 0.7em;
        }

    .bottom_anc_nav_sp{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 11;
        width: 100%;
    }

        .bottom_anc_nav_sp ul{
            display: flex;
            justify-content: space-between;
            background: #fff;
        }

            .bottom_anc_nav_sp ul li{
                width: calc((100% - 1px) / 2);
            }

                .bottom_anc_nav_sp ul li a{
                    box-sizing: border-box;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 14vw;
                    padding-top: 0.2em;
                    background: var(--base_color1);
                    color: #fff;
                    text-decoration: none;
                }

                    .bottom_anc_nav_sp ul li a .lbl{
                        font-weight: 700;
                        font-size: 1.2rem;
                    }

    .nav_oc {
        width: 16vw;
        height: 16vw;
        top: 0;
        right: 0;
        display: block;
    }

        .menu-trigger{
            padding: 0;
            justify-content: center;
        }


        .menu-trigger .lines{
            width: 7vw;
            height: 5vw;
            margin-bottom: 0;
        }

            .menu-trigger .lines span{
                width: 7vw;
                background-color: var(--base_color1);
            }

    /*ヘッダ固定によるアンカーずれ対応*/
    *[id^="anc_"]{
        padding-top: 20vw;
        margin-top:-20vw;
    }

    

    /*ページトップ*/
    .pagetop{
        width:16vw;
        height:16vw;
        bottom:18vw;
        right:4vw;
    }

  
    .side_nav{
        width: 85%;
        padding-top: 20vw;
    }

        .side_global_nav1 > ul > li{
            display: flex;
            margin-bottom: 0.75em;
        }

            .side_global_nav1 > ul > li .sgn_anc{
                width: 30vw;
                background: var(--base_color1);
                margin-right: 1em;
            }

            .side_global_nav1 > ul > li .sgn_anc a{
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                color: #fff;
                width: 100%;
                height: 100%;
            }

            .side_global_nav1 > ul > li ul{
                flex: 1;
            }

                .side_global_nav1 > ul > li ul li{
                    border-bottom: 1px solid rgba(0,0,0,0.2);
                }
    
    
    /*改行のPC,SPでの表示切替*/
    br.pc,
    img.pc,
    span.pc{
        display:none;
    }

    br.sp,
    img.sp,
    span.sp{
        display:inline;
    }
    
    .tel_no{
        display: none;
    }
}