/* font */
/* color */
/* bg-color */
.sp-hidden {
  display: block; }

.sp-show {
  display: none; }

@media only screen and (max-width: 768px) {
  .sp-hidden {
    display: none; }
  .sp-show {
    display: block; } }

@media only screen and (max-width: 768px) {
  body {
    font-size: 13px;
    line-height: 32px; }
  .logo {
    margin-top: -14%;
    width: 180px; }
  .sm-hidden {
    display: none; }
  .sm-show {
    display: block; }
  .wrapper {
    min-width: 100%; }
  .container {
    width: 100%;
    margin: 0px auto;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .catch001 {
    line-height: 30px; }
  .enter-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .enter-box .confirm_image {
      margin: 22px auto; }
  /** footer **/
  footer {
    margin-top: 60px;
    position: relative; }
  .copy {
    padding: 20px 0 7px;
    font-size: 10px;
    line-height: 20px; }
  .sp-hidden {
    display: none; }
  .sp-show {
    display: block; } }