.section__block--top-page {
    max-width: 100%;
  }
  
  .slider {
    margin-top: 0;
  }
  .slider .bx-wrapper {
    margin-bottom: 0;
  }
  .slider .bx-wrapper .bx-caption {
    text-align: center;
    top: 0;
    bottom: auto;
  }
  
  #slider img {
    display: block;
    margin: 0 auto;
  }
  
  .banner__section {
    margin-top: 2px;
  }
  
  .news__lists {
    list-style-type: none;
    margin: 0 0 2em;
   text-align:left;
  }
  
  .news__list {
    margin-bottom: .5em;
  }
  
  .news__date {
    margin-right: 1em;
  }
  @media screen and (max-width: 768px){
  .spNone { display: none;}
  }
  @media screen and (min-width: 769px){
  .pcNone { display: none;}
  }
/* デスクトップPCとスマホに適用するCSS */
    .wrapper {
    width: 100% ;
      margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
      padding: 20px;
      text-align: left;	/* 上下左右の余白を0にしておく */
  }
  
  /* スマホだけに適用するCSS */
  @media screen and (max-width:768px){
  
          .wrapper {
          width: auto ;
          padding: 0 10px ;
  text-align: left;		/* 左右の余白 */
      }
    }