@charset "utf-8";
/* CSS Document */

body{
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-size: cover;
  display:grid;
  place-items:center;
  margin-top:20px;
 }
 html {
  scroll-behavior: smooth;
}
#topButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px 10px;
  background-color: #333;
  border-radius: 10px;/*角丸君*/
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
#topButton:hover {
  background-color: #555;
}

img{
  width: 500px;
  vertical-align: bottom;
}
.h1{
  margin-top:20px;
  text-align: center;
  color: #dc3545;
  font-size:1.9rem;
  font-weight: bold;
}
.h2{
  margin-top:10px;
  text-align: center;
  color: aliceblue;
  font-size:1.8rem;
  font-weight: bold;
}
.h3{
  margin-top:5px;
  text-align: center;
  color: red;
  font-size:1.5rem;
  font-weight: bold;
}
.box1{
  text-align: center;
	}

  #header,#main{
    width: 500px;
    margin:0 auto;
  }
.main{
    background-color: black;
}
.box2{
  text-align: center;
  margin-top:10px;
   }
.box3{
  text-align: center;
  padding-top:10px;
   }
   .table{
    line-height: 1.5em
   }
.sp_none{display: none;}/*PC画面で非表示*/

/*スマホ表示*/
@media all and (max-width: 375px){
.pc_none{display: none;}/*スマホ画面で非表示*/
.sp_none{display:block;}/*スマホ画面で非表示解除*/

body{
  background-size: auto;
  background-position:center top;
 }
img{
  width: 100%;
}
#header,#main{
  width: 100%;
}
}