@media screen and (max-width: 1280px) {
  .SNSs {
    transform: none;
    top: 80px;
  }
}
@media screen and (max-width: 1200px) {
  .nav, .navhome {
    display: none;
  }

  .nav-cssbutton {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .backgroundimg_info {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .SNSs {
    top: 50px;
  }
  .SNSs a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .SNSs a img {
    width: 70%;
  }
}
@media screen and (max-width: 680px) {
  .footer-info .grid1 {
    margin: auto;
  }
  .footer-info .grid1 .child {
    display: block;
    width: 200px;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
}
@media screen and (max-width: 600px) {
  .logo {
    left: 10px;
    max-width: 350px;
  }
  .logo img {
    width: 110px;
  }
  .logo span {
    top: 0;
    left: 120px;
  }
  .logo span big {
    font-size: 1.125em;
  }
  .logo span small {
    font-size: 0.813rem;
  }
}
@media screen and (max-width: 420px) {
  .header {
    height: 130px;
  }

  .logo {
    width: 250px;
  }
  .logo span {
    top: 40px;
  }
  .logo small {
    font-size: 0.875rem;
    position: absolute;
    top: 30px;
    left: -120px;
  }
}
@media screen and (max-width: 320px) {
  body {
    width: 320px;
  }
}