@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(../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(../img/sp_back.webp);
  background-repeat: no-repeat;
  background-size: cover; /* contain に変えてもOK */
  background-position: center center;
  z-index: -1; /* 背景なので一番後ろ */
}
.toptitle {
    top: 1.2%;
    width: 90%;
}
}


@media screen and (min-width: 769px) {
    /* #sec01{
        background-image:url(../img/top_slide1.webp);
        background-size: cover;
        background-position: center;
        color: #fff;
    } */
     .bgi{
    background-image: url(../img/pc_back.webp);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
  }