@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  box-sizing: border-box;
}
body {
  color: #333; /* RGB 光の三原色 6桁でも指定可能 */
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; /*左側から優先して使用される*/
  font-weight: 500;
  font-size: 1.6em; /*普通のサイトは16pxで指定されている emは親要素に対してどれだけか*/
  line-height: normal;
  white-space: normal;
  /*text-align: center;*/
}
/*リンク（<a>タグ）の書式設定*/
a {
  text-decoration: none;
  /*opacity: 0.5;*/
}
/*画像が親要素よりも大きくなることを防ぐ*/
img {
  max-width: 100%;
}
h1 {
  font-size: 2.8rem;
  display: inline-block;
  background: linear-gradient(transparent 70%, yellow 70%);
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}
h2 {
  font-size: 2.4rem;
}
h3 {
  font-size: 2.0rem;
}