@charset "utf-8";
/*@media screen and (min-width:1px) and (max-width:479px) {*/
@media screen and (min-width:1px) and (max-width:575px) {
    html{
        font-size: 3.6vw;
    }

    header.tab_sp > .box_inner{
        height: 16vw;
        padding-left: 2vw;
    }

        header.tab_sp > .box_inner .site_title{
            width: 60vw;
        }

    #main_box{
        padding-top: 16vw;
    }

    #main_column{
        line-height: 1.5;
    }

    #footer_inner{
        padding: 1.5em 1em;
    }

    #f_title{
        padding: 0;
        background: none;
        flex-wrap: wrap;
        line-height: 1.5;
    }

    #f_title .lbl_ichisha{
        margin-right: 0;
        width: 100%;
    }

    #f_title .f_title_en{
        font-size: 0.82em;
        padding-left: 0;
    }

    #f_nav{
        display: none;
    }

    #copyright{
        box-sizing: border-box;
        font-size: 0.8em;
        line-height: 1.3;
        text-align: left;
        padding-left: 1em;
        padding-right: 1em;
    }

    .nav_oc{
        width: 16vw;
        height: 16vw;
    }

    .btn_mypage{
        width: 16vw;
        height: 16vw;
        right: 16vw;
    }

        .btn_mypage a .lbl{
            font-size: 0.8em;
        }

    .side_nav_box{
        width: 100%;
        padding: 0 2vw;
    }

        .side_nav_box > .box_header{
            height: 16vw;
            margin-bottom: 0;
            display: flex;
            align-items: center;
        }

            .side_nav_box > .box_header .site_title{
                width: 60vw;
            }

}