@media only all and (max-width:820px) {

  /* for 700px or less */
  body {
    font-size: 90%;
    line-height: 1.4;
  }

  .frame-outer {
    width: 100%;
    font-size: 0.9rem;
  }

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

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

  .title:after {
    display: none;
  }

.slogan {
    display: none;
}


  h1 {
    position: static;
    margin: 0 0 1rem;
    padding: 1rem 0 0.5rem 3rem;
    line-height: 1;
    width: 100%;
  }

  h1::before {
    content: "▶";
    display: inline-block;
    font-size: 1rem;
    line-height: 1.3rem;
    position: relative;
    float: left;
    top: 0.5rem;
    margin-left: -2rem;
  }

  .left,
  .right {
    width: 100%;
  }

}

.refnr {}

.apply {}
