/* 
*************************************************
Reset CSS
css/reset.css
created on 20201108
https://qiita.com/TK-C/items/dbfc6f84e1693be5dbb9 
*************************************************
*/

html,
body,
nav,
section,
h1,
h2,
h3,
p,
ul,
li {
  margin: 0;
  padding: 0;
  line-height: 1.0;  /* 文字の高さに対する相対値 */
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;  /* width設定値 > ブラウザ幅になってもブラウザ幅以上にはならない */
}

html {
  /* ブラウザのデフォルトは1em=16px
  1em=10pxに設定することで1.6em=16pxのように見やすくなる
  html要素で設定するので1rem=10pxとして使える */
  /* font-size: 62.5%; */
  font-size: 10px;
}

body {
  /* サルワカ フォントファミリー生成 https://saruwakakun.com/html-css/basic/font-family-how-to */
  font-family: 'Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  color: #333;
}

h1, h2, h3 {
  font-weight: 514;  /* defaultはstandard 400 boldは700 */
}