@font-face {
  font-family: "main";
  src: url("./Marcellus-Regular.ttf") format("truetype");
}

body {
  font-family: "main", "游ゴシック体", "Yu Gothic", YuGothic,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.content {
  margin: 0 auto;
}

.explain {
  font-size: 10px;
  line-height: 30px;
}

h2 {
  font-size: 24px;
}

@media screen and (min-width: 768px) {
  .content {
    width: 750px;
  }

  h2 {
    margin-top: 250px;
    margin-bottom: 14px;
  }

  .explain {
    font-size: 11px;
    line-height: 30px;
  }

  h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 767px) {
  .content {
    width: 90vw;
  }

  h2 {
    margin-top: 43vw;
    margin-bottom: 10px;
  }

  .explain {
    font-size: 2.49110320284698vw;
    line-height: 30px;
  }

  h2 {
    font-size: 7.65124555160142vw;
  }
}