main {
  width: 90%;
  margin: auto;
}
section {
  margin-top: 4%;
  margin-bottom: 4%;
}
.common__contents--title {
  font-family: var(--joyride-font-en);
  font-size: 3.2rem;
}


/* スマホ縦 (0 - 575px) */
@media (max-width: 575px) {
  main {
    width: 100%;
  }
  .common__contents--title {
    font-size: 2rem;
  }
}

/* スマホ横 (576 - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
}

/* タブレット縦 (768 - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
}

/* タブレット横 (992 - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* PC版 (1200px 以上) */
@media (min-width: 1200px) {
}