@charset "UTF-8";
/* CSS Document */
html {
  font-size:
    62.5%; /* 基本設定…16px、16pxの62.5% = 10px */
  width: 100%;
  /*max-width: 1100px;
  margin: 0 auto;*/
}
body {
  color: #312f2f; /* RGB */
  font-family: "Shippori Mincho";
  font-weight: 500;
  font-size: 1.6em;
  /*bodyの親要素のフォントサイズの何倍か*/
  line-height: 2.4rem;
  /*rem=HTMLで指定された数値の何倍か（ここでは16pxの62.5%＝（10px）の何倍か）*/
  text-align: center;
  background-image:url("../image/BG.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
img {
  width: 100%;
  height: 100%;
}
section h1 {
  font-size: 6.0rem;
  color: #312f2f;
}
section h2 {
  font-size: 3.6rem;
  color: #312f2f;
}
section h3 {
  /*セレクタは複数の組み合わせが可能（sectionの中のh2を指定）*/
  font-size: 2.4rem;
  color: #312f2f;
}
section p {
  font-size: 1.6rem;
  color: #312f2f;
}
a:hover {
  opacity: 0.5;
}
/*a=Anchorタグに、:=疑似的に、hover=マウスカーソルを乗せたとき*/
/*opacity=不透明度*/
*, *:before, *:after {
  box-sizing: border-box;
}
.open-button, .close-button {
  display: none;
}
#scroll-top {
  background-color: #000;
  margin-right: 20px;
  opacity: 0.54;
  bottom: 20px;
  position: fixed;
  right: 0px;
  width: 40px; /* 円形のため幅を指定 */
  height: 40px; /* 幅と同じ値を指定 */
  padding: 0; /* 不要な余白をリセット */
  border-radius: 50%; /* 円形にするために50%を指定 */
  display: flex; /* 中央揃えのために使用 */
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center; /* 水平方向の中央揃え */
}
#scroll-top a {
  text-decoration: none;
  color: #fff;
  font-size: 2.5rem;
  margin: 0; /* 不要な余白をリセット */
  padding-bottom: 5px;
}