@media screen and (max-width:768px){
    .article{
        max-width: none;
        width: 100%;
    }
    /* .menu_item{
        margin: 20px;
    } */
    /* .bgi{
    background-image: none;
       background-image: none;
    background-image: url(./html/user_data/assets/hanpukai202603/img/sp_back.webp);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    width: 100%;

    } */
.bgi {
  position: relative;
  width: 100%;
  min-height: 100vh; /* 画面いっぱい */
  overflow: hidden;
}

/* 疑似要素で固定背景を作る */
.bgi::before {
  content: "";
  position: fixed; /* ←これで常に画面固定 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-image: url(./html/user_data/assets/hanpukai202603/img/sp_back.webp); */
  background-repeat: no-repeat;
  background-size: cover; /* contain に変えてもOK */
  background-position: center center;
  z-index: -1; /* 背景なので一番後ろ */
}
.toptitle {
    top: 2%;
    right: 10px;
}
.menu_item{
    height: 800px;
}
}


@media screen and (min-width: 769px) {
    /* #sec01{
        background-image:url(./html/user_data/assets/hanpukai202603/img/top_slide1.webp);
        background-size: cover;
        background-position: center;
        color: #fff;
    } */
     .bgi{
    background-image: url(/html/user_data/assets/hanpukai202603/img/pc_haikei.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
/* .menu_item{
    height: 800px;
} */
.spview{
    display: none;
  }
}