#slider div {
    width: 100% !important;
  }

#slider div img {
    width: 100% !important;
    height: auto;
  }

.bxslider li {
display: none;
}
.bx-viewport .bxslider li {
display: block !important;
}

.stitch-line-top {
  display: block;
  margin: 2.5em auto; /* 上下の余白を少し */
  width: 88%;         /* スマホ用にちょい広め */
  max-width: 750px;
  height: auto;
}

@media (max-width: 600px) {
  .stitch-line-top {
    margin: 1.5em auto; /* スマホ用に余白を調整 */
  }
}

/* PCは今のまま（共通設定に任せる） */

@media screen and (max-width: 768px) {
  .top-h2 {
    margin-top: 0.8em;
    margin-bottom: 0.8em; /* 下だけ少し残す */
    padding: 0;          /* 念のためリセット */
    line-height: 1.2;    /* 行間も詰める */
  }
}