/* ================
  Tablet (768px〜)
================ */
@media (min-width: 768px) {
  .header {
    padding: 2rem;
    text-align: left;
  }

  .nav {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* ================
  PC (1025px〜)
================ */
@media (min-width: 1025px) {
  body {
    font-size: 1.8rem;
  }

  .container {
    max-width: 768px;
    margin: 0 auto;
    padding: 0 2rem;
  }
}

/* ================
  Large PC (1440px〜)
================ */
@media (min-width: 1440px) {
  body {
    font-size: 2rem;
  }
}