.p-nouki{
    width: 65%;
    max-width: 100%; 
    height: auto;

    display: block;
    margin-left: auto;
    margin-right: auto;
}




/* トップページ　お知らせバナー　スマホ時のスタイル（縦並び・中央寄せ） */
.banner-container {
  display: flex;
  flex-direction: column; 
  align-items: center;    /* スマホ画面でも中央に寄せる */
  gap: 15px;              /* スマホ時の上下のすき間 */
  width: 100%;
}

.banner-container .g-category__banner {
  display: block;
  width: 100%;
  max-width: 470px;       /* スマホで画像が大きくなりすぎるのを防ぐ */
  margin: 0 !important;   /* スマホ時の既存の余白を強制リセット */
}

.banner-container .imgauto {
  width: 100%;
  height: auto;   
  margin: 0 !important;   /* 画像自体の余白も強制リセット */        
}

/* PC時のスタイル（画面幅が768px以上のとき：3つ横並び・中央寄せ） */
@media screen and (min-width: 768px) {
  .banner-container {
    flex-direction: row;  
    justify-content: center; /* PC画面で3つのバナーを中央寄せにする */
    align-items: center;  
    gap: 20px !important;    /* バナー間のすき間（お好みで調整してください） */
  }

  .banner-container .g-category__banner {
    /* 3つ並び用に幅を調整（100%から隙間分を引いて3等分、または最大幅を少し縮小） */
    width: calc(33.333% - 14px); 
    max-width: 380px;        /* 3つ並び用に少し小さく調整（元の470pxだと画面幅によってあふれるため） */
    margin: 0 !important;    /* PC時も左右の余白を強制的にゼロにする */     
  }
}