.container {
  margin-top: 56px; }
  .container .container-wrap {
    max-width: 566px; }
  .container .info {
    text-align: center; }
    .container .info img {
      max-width: 566px; }
  .container .qrcode {
    text-align: center;
    margin-top: 58px; }
    .container .qrcode img {
      max-width: 310px; }
  .container img {
    display: inline-block;
    width: 100%; }
  .container .pc {
    display: none; }

@media only screen and (min-width: 1440px) {
  .container {
    font-size: 18px;
    margin-top: 50px; }
    .container .container-wrap {
      max-width: 1307px; }
    .container .info img {
      max-width: 1307px; }
    .container .qrcode {
      position: fixed;
      right: 0;
      top: 35%; }
      .container .qrcode img {
        max-width: 197px; }
    .container .mobile {
      display: none; }
    .container .pc {
      display: block; } }