@charset "UTF-8";

/* ==== root ========================== */
:root {
  --color-black: #323232;
  --color-white: #ffffff;
  --color-primary: #3ab86f;
  --color-bg-green: #F1F7F4;
  --color-line-gy: #ECECEC;

  --noto-sans: "Noto Sans JP", sans-serif;
  --raleway: "Raleway", sans-serif;
}



  .top-section ul a,
  .section ul a {
    display: block;
    border-bottom: 1px dashed #c6dcd5;
    padding: 0.8rem 1.6rem; 
  }

  .top-section ul a:hover,
  .section ul a:hover {
    background-color:#e4efea;

  }

/*================================================
 * event
 ================================================*/

 #event {
  padding-top: 7.8rem;
  padding-bottom: 11.1rem;
}

.ev_list {
  margin-top:3.4rem;
  margin-bottom: 4rem;
}

.ev_list li a {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.ev_list .ev_img {
  position: relative;
  background: #EFEFEF;
  width: 26rem;
  height: auto;
  aspect-ratio: 300/200;
  margin-top:1.8rem;
  margin-bottom:1.8rem;
}

.ev_list .ev_img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}


.ev_list .ev_txt {
  width: calc(100% - 29rem);
}

.ev_list .ev_txt h3 {
  font-size: 1.6rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
  /*padding-right: 1.6rem;*/
}

.ev_list .ev_txt p {
  color: #878787;
  font-weight: 400;
}



@media screen and (max-width:767px) {
  .ev_list li a {
    display: block;
  }

  .ev_list .re_img {
    width: 100%;
    margin-top:3rem;
  }

  .ev_list {
    gap: 3rem;
  }

  .ev_list li {
    width: 94%;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-top:1rem;
    margin-bottom:1rem;
  }
  .ev_list .re_txt {
    width: 100%;
    margin-bottom:3rem;
  }

  .ev_list .ev_txt {
  width: 100%;
}

.w48{
  margin-bottom:4rem;
}

}

.seminar{
  margin: 5rem 0;
  padding: 3rem 4rem;
  background: #E9F5EF;
}



@media screen and (max-width:520px) {

  /*
.ev_list .ev_img {
 width:100%;
 }
.ev_list .ev_txt {
  width: 100%;
}
*/
.wm-300 {
  width:200px;
}
}