body{
  text-align:center;
  }
h1{
  color:rgba(255, 62, 62, 0.815);
  font-size:200%
  }
h2{
  color:rgb(255, 115, 0);
  font-size:300%
  }
h3{
  color:rgb(255, 115, 0);
  font-size:200%
  }
header{
  border-bottom:solid 1px rgb(255, 155, 5);
  background-color:rgba(255, 226, 183, 0.658);
  padding-top:10px;
  }
body{
  background-image: url('image/165904.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  }
.small-text {
  font-size: 10px;
}
input[type="text"] {
  margin:0px 0px 0px 10px;
  width: 150px;
  height: 30px;
}
.page {
  display: none;
}
.page.active {
  display: block;
}
button {
  margin: 10px;
  padding: 10px 20px;
}
.error-message {
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

  
    
    
    
    
    @media screen and (max-width: 200px) { /* スマホ・タブレット用 */
      .slideshow-container {
        width: 100%; /* 幅を画面サイズに合わせる */
        height: auto; /* 高さを自動調整 */
      }
    }