/* 
リセットコード 
　・全要素のボーダーボックス化
　・a,li要素のスタイル消去
　・a要素ホバー時のトランジション時間指定
　・imgタグの幅最適化
*/

html,
body {
  margin: 0;
  font-family: sans-serif;
}

/* html {
  font-size: 62.5%;
} */

main.main {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  /* 1rem = 16px */
}

* {
  box-sizing: border-box;
  margin: 0;
}

a {
  text-decoration: none;
  transition: all .6s ease;
}

a:hover {
  transition: all .6s ease;
  opacity: .6;
}

li {
  list-style: none;
}

ul {
  padding: 0;
}

img {
  vertical-align: bottom;
}