.top-image-container {
  width: 100%;
  overflow: hidden;
  background-color: #fbc30c;
}
.top-image {
  width: 50%; /* 50%に設定したサイズ */
  height: auto; /* 縦横比を崩さないために auto に変更 */
  
  /* 中央寄せにするための設定 */
  display: block;
  margin: 0 auto;
}
.sticky-header {
  position: -webkit-sticky; /* Safari対応 */
  position: sticky;
  top: 0; /* 画面の最上部に到達したら固定 */
  z-index: 1000; /* コンテンツより前面に表示 */
  background-color: #ffffff; /* 背景色（後ろの文字が透けないように指定） */
  padding: 0px 0px;

  width: 100%;
    background-color: #fbc30c;
}
.header-box {
    width: 50%;
    height: 50px;
    padding: 20px 0px 20px 0px;
    display: flex;
    color: #fff;
    font-size: 25px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    

}
@media screen and (min-width:700px) {
    .header-box{
        font-size: 50px;
    }
}
.header-text a,a:link, a:visited, a:hover, a:active {
    color: #153317;
    text-decoration: none;
    text-align: center;
}