@media screen and (max-width: 896px) and (min-width: 541px){*{box-sizing:border-box}

.lasaword{
  height: 10em;
}

.menubar ul{
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.menubar li{
  margin: 1% 1.2%;
  font-size: 3em;
}

.contents{
  width: 100%;
  overflow: auto;
}

.recruit p{
  padding: 3px 1px 0 3px;
}

.contents h2{
  line-height: 55px;
}

.time p,.treat p,.manner p,.message p,.mini-info p{
  line-height: 24px;
}

.wkt{
  display: inline-block;
  text-indent: 4.7em;
  margin-left: 0;
}

.sbr{
  display: block;
}

.copy{
  font-size: 18px;
  margin-right: 1px;
}
}