.header.change-color  {
    background-color: rgba(255, 255, 255, 0.9); 
    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.9);
  }
  
.bannerBox {
    margin-top: 15vh;
  }
  .nextButtonRU {
    visibility: hidden;
  }


.boxShadow {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
  }
  .PCeventContents {
    height: 80vh;
  }
.eventContents {
    width: 90%;
    height: 60vh;
    margin: auto;
}
.eventFlex {
    width: 90%;
    height: 95%;
    margin: auto;
    display: flex;
}
.eventBlock {
    width:calc(100%/3);
    height: 100%;
    margin: 0 1vw;
}
.eventName {
    font-size: 20px;
    text-align: center;
    padding-bottom: 20px;
}
.evenrKinds {
    width: 100%;
    height: 80%;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);

}
.event01 {
    width: 95%;
    height: 97%;
    background-image: url(../images/event/event01.jpg);
    background-size: cover; /* 背景画像を要素全体にフィットさせる */
    background-position: center; /* 背景画像の位置を中央に設定 */
    object-fit: cover; /* 画像を要素全体にフィットさせる */
}

.event02 {
    width: 95%;
    height: 97%;
    background-image: url(../images/event/event02.jpg);
    background-size: cover; /* 背景画像を要素全体にフィットさせる */
    background-position: center; /* 背景画像の位置を中央に設定 */
    object-fit: cover; /* 画像を要素全体にフィットさせる */
}


.event03 {
    width: 95%;
    height: 97%;
    background-image: url(../images/event/event03.jpg);
    background-size: cover; /* 背景画像を要素全体にフィットさせる */
    background-position: center; /* 背景画像の位置を中央に設定 */
    object-fit: cover; /* 画像を要素全体にフィットさせる */
}



.nextInstagram {
    width: 100%;
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.bannerText p {
    padding: 2vh 0;
}
.workshopText {
    text-align: left;
}
/* .workshopText h3 {
    text-align: center;
    font-size: 5vw;
    color: #669833;
} */

.workshopUnderText {
    text-align: center;
    font-weight: bold;
}


.eventContact {
    width: 100%;
    height: 50vh;
    position: relative;
    overflow: hidden;
}
.ecText p{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.leafLeft {
    width: 40%;
    top:80%;
}
.leafRight {
    width: 40%;
    top:25%;
}



/*----------------------------------------------------------------------------------


 タブレット画面　レスポンシブデザイン


----------------------------------------------------------------------------------*/
@media screen and (min-width:521px)and (max-width:960px) {
    .bannerBox {
        margin: 0;
        padding-top: 10%;
    }
    .bannerBlock {
        width: 100%;
        height: 45%;
        padding: 0vh 0;
      }
      
      .SPeventContents {
          width: 100%;
          height: auto;
      }
      .eventContents {
          width: 100%;
          height: 100%;
          margin: auto;
      }
      .eventFlex {
          width: 100%;
          height: 100%;
          display: block;
      }
      .eventBlock {
          width:100%;
          height: 100%;
          margin: 0;
          display: block;
      }
      .eventBlock h4{
          font-size: 3.5vw;
          padding-top: 30px;
          padding-bottom: 20px;
      }
      .eventBlock div {
        width: 100%;
          height: calc(100vh/2);
      }
      
      .eventBlock h4 {
          display: flex;
          justify-content: center;
          align-items: center;
      }
      .eventName {
          padding-bottom: 0;
          font-weight: bold;

      }
      .evenrKinds {
          width: 100%;
          height: 100%;
          position: relative;
          background-color: transparent;
          box-shadow: 0px 0px 0px 0px rgba(136, 136, 136, 1);
      }
      .RowReverse {
          flex-direction: row-reverse;
      }
      .event01 {
          width: 100%;
          width: 100%;
      }
  
      .nextInstagram {
          height: 15vh;
      }
      .nextButton {
          border-bottom: 1px solid #5b8045;
      }

      .workshopText h3 {
        padding-top: 5vh;
    }
}


/*----------------------------------------------------------------------------------


 スマホ画面　レスポンシブデザイン


----------------------------------------------------------------------------------*/
@media screen and (max-width:520px) {
    .nextButtonRU {
        display: none;
      }
    .bannerBox {
        margin: 0;
        padding-top: 15%;
    }
    .bannerBlock {
        width: 100%;
        height: 40%;
        padding-top: 5vh;
        padding-bottom: 0;
        justify-content: flex-start;
      }
    .bannerText h3 {
        padding-top: 6vh;
      }
    
    .SPeventContents {
        width: 100%;
        height: auto;
    }
    .eventContents {
        width: 100%;
        height: 100%;
        margin: auto;
    }
    .eventFlex {
        width: 100%;
        height: 100%;
        display: block;
    }
    .eventBlock {
        width:100%;
        height: 100%;
        margin: 0;
        display: block;
    }
    .eventBlock h4 {
        font-size: 3.5vw;
        width: 100%;
        height: 5vh;
        margin-top: 20px;
    }
    .eventBlock div {
        width: 100%;
        height: 35vh
    }
    .eventBlock h4 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .eventName {
        padding-bottom: 0;
    }
    .evenrKinds {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: transparent;
        box-shadow: 0px 0px 0px 0px rgba(136, 136, 136, 1);
    }
    .event01 {
        width: 100%;
        width: 100%;
    }

    .nextInstagram {
        height: 15vh;
    }
    .nextButton {
        border-bottom: 1px solid #5b8045;
    }

    .leafLeft {
        width: 80%;
        top:auto;
        bottom:0;
    }
    .leafRight {
        width: 80%;
        top:40%;
    }
  }