/*************************************************************************************/





  .service-block h4{
    margin-top: 0;
  }

 /*表示する画像に関する設定*/
 /*************************************************************************************/ 
  .services-img{
    display: grid;
    place-items: center; /* 横＆縦 中央揃え */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
  }

  .img-caption {
    max-width: 80%;
    align-self: flex-end; /* 下揃えにする */
    text-align: center;
    font-size: 0.9em;
  }
  
  .img-caption img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .caption {
    margin: 0;
  }

  /*2列固定*/
  .services-img-two {
    display: grid;
    place-items: center;
    grid-template-columns: repeat(2, 1fr); /* ← ここで2列固定 */
    gap: 20px;
  }

  .services-img-two .img-caption {
    max-width: 90%;
    text-align: center;
    box-sizing: border-box;
  }

/*************************************************************************************/


/*レスポンシブ対応*/
/*************************************************************************************/
  @media (max-width: 768px) {
    .service-block {
        padding: 1.5rem;
      }

   .services-img-two {
        grid-template-columns: repeat(1, 1fr); /* タブレット以上で2列 */
      }


  }