html, body{
  margin:0;
  padding:0;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","Meiryo",sans-serif;
  line-height:1.9;
  background:#ffffff;
}

main{
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 20px 48px;
  box-sizing: border-box;
}

h1{
  text-align:center;
  font-size:20px;
  margin:0 0 16px;
}

h2{
  margin-top:32px;
  font-size:16px;
}

.tbl{
  border-collapse:collapse;
  width:100%;
  margin:16px 0;
}

.tbl th,
.tbl td{
  border:1px solid #222;
  padding:10px;
  font-size:14px;
  vertical-align:top;
}

.tbl th{
  text-align:center;
}

/* Wordっぽい「・」箇条書き */
.dotlist{
  margin:0;
  padding:0;
  list-style:none;
}

.dotlist > li{
  position:relative;
  padding-left:1.4em;
  margin:0.3em 0;
}

.dotlist > li::before{
  content:"・";
  position:absolute;
  left:0;
  top:0;
}

/* ネスト用「-」 */
.hyphenlist{
  margin:0.2em 0;
  padding:0;
  list-style:none;
}

.hyphenlist > li{
  position:relative;
  padding-left:1.4em;
  margin:0.3em 0;
}

.hyphenlist > li::before{
  content:"-";
  position:absolute;
  left:0;
  top:0;
}

/* 表外の「・」 */
.bullet{
  margin:0.3em 0;
  padding-left:1.4em;
  text-indent:-1.4em;
}

a{
  color:inherit;
  text-decoration:underline;
  word-break:break-all;
}

/* スマホ最適化 */
@media (max-width: 600px){
  main{
    padding:20px 16px 40px;
  }
  h1{
    font-size:18px;
  }
  h2{
    font-size:15px;
  }
  .tbl th,
  .tbl td{
    font-size:13px;
    padding:8px;
  }
}