@media only all and (max-width: 780px) {
    /* for 700px or less */
    body {
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
      margin: 0 auto;
      border: none;
      width: 100%;
    }
    .box {
      padding: 1rem 1rem 0;
      box-shadow: 0 0 0rem #ccc;
    }
    .col {
      width: 100%;
    }
    .flex .box{
      margin-bottom: 1rem;
    }
    .footer{
      padding: 1rem;
    } 
    p{
      text-align: left;
    }
    .logo {
    padding: 1rem;
    }
    .hide_m{
      display: none;
    }
}
@media only all and (max-width: 395px) {
  .link_hp{
    position: static;
    margin-top: 0.75rem;
  }
}

.refnr {}

.apply {}