html,
body {
  height: 100%;
  background-color: #57b35e;
}

body {
  align-items: center;
  justify-content: center;
  color: white;
  line-height: 1.6;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    'ヒラギノ角ゴ ProN W3',
    'Hiragino Kaku Gothic ProN W3',
    HiraKakuProN-W3,
    'ヒラギノ角ゴ ProN',
    'Hiragino Kaku Gothic ProN',
    'ヒラギノ角ゴ Pro',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    Meiryo,
    Osaka,
    'ＭＳ Ｐゴシック',
    'MS PGothic',
    'Helvetica Neue',
    HelveticaNeue,
    Helvetica,
    Arial,
    'Segoe UI',
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji';
}


.top-text {
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px 40px 40px;
}

.main-box {
  max-width: 1080px;
  margin: 20px auto;
  padding: 20px 40px 40px;
  background: #fff;
  box-shadow: 0 0 20px rgba(200, 200, 200, 0.1);
  color: #333;
}