body{
font-family:"MS丸ゴシック";
background-color: #f0fff0; 
max-width: 900px;
margin: 0 auto;
}

header{
font-size: 30px;
font-family:""；
width: 100%;
background-color: #92b5a9; 
text-align: Right;
margin-top: 50px;
border-top: 1px solid #9400d3;
padding-top: 10px
margin-top: 50px
}

footer{
font-family:"MSゴシック";
width: 100%;
text-align: center;
margin-top: 50px;
border-top: 1px solid #00f0ff;
padding-top: 10px
margin-top: 50px
}

h1{
font-size: 32px;
color: #556b2f;
text-align: center;
}

h2{
border: 2px solid #b7dbff;
color: #008800;
margin: 25px 0;
border-radius: 8px;
background-color: #ccffff;

}

h4{
font-size: 20px;
font-family:"HG丸ゴシックM-PRO"；
width: 100%;
text-align: Right;
margin-top: 50px;
padding-top: 10px
margin-top: 50px
}

.to-top-btn {
  /* ...他の設定はそのまま... */
  background: #f0ffb0; /* ボタン自体を薄い緑にする */
  color: #333;         /* 文字を濃いグレーにして読みやすくする */
}