.activity-wrap{
 max-width: 1000px;
 margin: auto;
}
  .activity-wrap p{
     line-height: 2.2em;
    }

.activity-wrap h4{
    color: #ff3608;
    font-size: 24px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .activity-wrap h4.activity-imageGallary-title{
      text-align: left;
      font-size: 20px;
      padding-bottom: 0.25em;
      border-bottom: 1px solid #ff3608;
      line-height: 1.3;
    }
    .activity-wrap h5{
     color: #ff3608;
    font-size: 20px;
    }
   .activity-wrap .intro-txt{
    margin-left: 2rem;
   }

    .flex{
     display: flex;
    }
    .grid{
     display: grid;
    }

    .intro-imgWrap{
      width: 32%;
    }
    .intro-imgWrap img{
      width: 100%;
      min-width: 200px;
    }
    .intro-txt{
      width: 60%;
    }
    
       .activity-imageGallary.grid{
    grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
   }
   .activity-imageGallary img{
    width: 100%;height: auto;vertical-align: bottom;
   }


   .activity-wrap .button-group{
    display: grid;/* ボタンを横並びにする */
    justify-content: center; /* ボタン全体を中央に配置 */
    gap: 15px; /* ボタン間の余白 */
    max-width: 1000px; /* グループの最大幅 */
    margin: 40px auto 0; /* 中央寄せ */
    grid-template-columns: repeat(3, 1fr);
    }
   .activity-wrap .button-group .btn{
    text-align: center;letter-spacing: 0.1em;
   }
   .activity-wrap .button-group .btn span{
    padding:0;
   }
   .activity-wrap .button-group .btn span.btn-wrap,.activity-wrap .button-group .btn span img.iconImg,
   .activity-wrap .button-group .btn span .btnTxt
   .activity-wrap .button-group .btn span.btn-wrap{
    display: block;
  
   }
    .activity-wrap .button-group .btn span.btn-wrap{
  height: 100%;padding: 8px;
    }

   .activity-wrap .button-group .btn span img.iconImg{
      width: 28px;height: 28px;
       object-fit: contain;
      margin:0 auto 0.5em;
   }
   .activity-wrap .button-group .btn span .btnTxt{
      padding: 0;line-height: 1.3;

   }

   @media print, screen and (min-width: 1001px){
.activity-wrap{
 margin-bottom: 100px;
}

}

   @media (max-width: 1000px) {
    .activity-wrap{
     width: 94%;
     margin: 0 auto;
    }
    .activity-wrap .button-group{
     padding: 0;
    }

.activity-imageGallary.grid{
     grid-template-columns: repeat(2, 1fr);
    }

   }
   @media (max-width: 767px){
.activity-wrap .flex{
 flex-direction: column;
}

.intro-imgWrap,.intro-txt{
   width: 100%;
}
.activity-wrap .intro-txt{margin-left: 0;}

.activity-wrap .button-group .btn span .btnTxt{
   font-size: 1em;
}
   }
   @media (max-width: 540px){

    .activity-wrap h4{
     font-size: 20px;
    }
    .activity-wrap h4.activity-imageGallary-title{
      font-size: 18px;
    }
        .activity-wrap .button-group{grid-template-columns: 1fr;
grid-template-rows: 1fr;
     padding: 0;}
.activity-wrap .button-group .btn{
 width: 100%;
 min-width: unset;
}
    .activity-imageGallary.grid{
     grid-template-columns: 1fr;
    }

   }