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

    .frame-outer {
        width: 100%;
        padding: 0.7rem;
        background-size: cover;
    }

    .main {
        border: 0.7rem solid #fff;
        border-bottom: none;
        padding: 0.7rem;
    }

    .header {
        padding: 0rem;
    }

    .absolute {
        position: static;
    }

    .box-white {
        margin: 0 -0.7rem -0.7rem;
        padding: 0.7rem 0;
    }

    .hide_m {
        display: none;
    }

    .justifier {
        text-align: left;
    }
}

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

    .box {
        width: 100%;
    }

    h1 {
        font-size: 1.7rem;
    }
.title-17580 {
        font-size: 1.7rem;
    }

.main_35400 ul ul {
        padding-left: 1rem;
    }

}

@media only all and (max-width: 550px) {
    h1 {
        font-size: 1.5rem;
    }

    .footer {
        padding: 5rem 0 8rem;
    }
}
.refnr {}

.apply {}