/* 全体にbox-sizingを適用して、余計なはみ出しを防止 */
* {
  box-sizing: border-box;
}

/* スマホ表示で幅を100%に収める */
@media screen and (max-width: 768px) {
  /* 全体のレイアウト調整 */
  .p-layout-container {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 各カラムを100%幅に調整 */
  .info-message-column {
    width: 100% !important;
    margin-bottom: 20px !important;
    padding: 0 15px !important; /* スマホで余白を少しだけ確保 */
  }

  /* スライダー画像が画面幅に収まるように調整 */
  #p-slider .bx-wrapper img {
    width: 100% !important;
    height: auto !important;
  }

  /* その他の画像や要素も幅を100%に設定 */
  .p-images__item img,
  .p-custom-banner__image {
    width: 100% !important;
    height: auto !important;
  }

  /* パディングとマージンの調整 */
  .p-custom-banner__unit--text,
  .p-news__content,
  .p-contents__list,
  .p-news__label {
    padding: 0 !important;
    margin: 0 !important;
  }
}