@media screen and (max-width:420px) {
    html {
        height: 100%;
    }

    body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font-family: 'Meiryo UI';
        position: relative;
    }

    iframe {
        border: none;
    }

    .header_menu {
        background-color: #ffffff;
        color: #000000;
        background-image: url(../Logo/headerbg.gif);
        background-size: cover;
        font-size: small;
        width: 100%;
        height: 75px;
    }

    .header_frame {
        width: 100%;
        height: 100%;
    }

    .company_name {
        margin: 5px;
        padding: 5px;
        text-align: left;
        font-size: 10pt;
        width: 500px;
        height: 35px;
    }

    .header {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .menu_frame {
        display: none;
    }

    .menu_btn {
        display: none;
    }

    .navi_main {
        top: 75px;
        width: 100%;
        z-index: 0;
    }

    .navi {
        background-color: #ffffff;
        background-image: url(../Logo/sidegb.gif);
        color: #000000;
        background-size: cover;
        text-align: left;
        width: inherit;
        height: 38px;
    }

    .navi_line {
        margin-top: 20px;
        margin-left: 5px;
    }

    .disp_title {
        position: absolute;
        margin: 3px;
        padding: 3px;
        text-align: center;
        left: 11px;
        font-size: 23px;
        color: gray;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        width: 100px;
        background-color: transparent;
        outline: none;
        border: none;
    }

    .main_frame {
        margin-top: 20px;
        background-color: #ffffff;
        color: #000000;
        background-image: url(../Logo/mainbg.gif);
        background-size: cover;
        left: 3px;
        height: inherit;
        width: inherit;
    }

    .main_contents {
        margin-left: 5px;
    }

    #top_contents {
        text-align: center;
        font-size: 9pt;
        line-height: 20px;
        width: 90%;
        height: 750px;
    }

    .top_title {
        padding-left: 20px;
        text-align: center;
        font-size: 10pt;
        width: 100%;
    }

    .saiyou_contents {
        margin-top: 0;
        margin-left: 5px;
        height: 1050px;
    }

    .saiyouTitle {
        color: black;
    }

    .company_contents, .business_contents {
        margin-top: 0;
        margin-left: 5px;
        height: 850px;
    }

    .company_table, .business_table, .saiyou_table {
        display: table;
        border-collapse: collapse;
        text-indent: initial;
        border-spacing: 2px;
        border-color: grey;
    }

    .table_title_sp {
        font-size: 10pt;
        color: darkgray;
        text-align: left;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    .table_contents_sp {
        vertical-align: top;
        text-align: left;
        font-size: 10pt;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    .table_line {
        vertical-align: middle;
    }

    .menu_sp_frame {
        position: absolute;
        width: 100%;
        height: 100vh;
        z-index: 98;
    }
}