@media only all and (max-width: 704px) {
    body {
        font-size: 90%;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .frame-outer {
        width: 100%;
    }
    .content {
        padding: 1rem 1rem 0rem;
    }

    .footer {
        padding: 1rem 1rem 0rem;
    }

    .hide_m {
        display: none;
    }

    .justifier {
        text-align: left;
    }
}

@media only all and (max-width: 650px) {
    .flexbox {
        display: block;
    }

    .box {
        width: 100%;
    }

    .box-first ul {
        padding-bottom: 0;
    }
}

@media only all and (max-width: 500px) {
    h1, h3 {
        font-size: 1.6rem;
    }

    .brand {
        position: static;
    }

    .footer {
        padding: 1rem;
    }
}

@media only all and (max-width: 400px) {
    h1, h3 {
        font-size: 1.25rem;
    }
}
.refnr {}

.apply {}