@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;
}
}

/*================================================
 * faculty
 ================================================*/

#faculty .narrow {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 11rem;
}

#faculty h2.sp {
  display: none;
}

.faculty_img {
  width: 42rem;
}

.faculty_txt {
  padding-right: 7rem;
}

.faculty_txt p {
  margin: 4rem 0;
}

@media screen and (max-width:1024px) {
  #faculty {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  #faculty .narrow {
    display: block;
  }

  #faculty h2.pc {
    display: none;
  }

  #faculty h2.sp {
    display: block;
    max-width: 40rem;
    margin: 0 auto;
  }

  .faculty_img {
    width: 100%;
    max-width: 40rem;
    margin: 4.5rem auto 3rem;
  }

  .faculty_txt {
    padding: 0;
    max-width: 40rem;
    margin: 0 auto;
  }

  .faculty_txt p {
    margin: 3rem 0;
  }
}


/*================================================
 * equipment
 ================================================*/
#equipment .narrow {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15rem;
}

#equipment h2.sp {
  display: none;
}

.equipment_img {
  width: 42rem;
}

.equipment_txt p {
  margin: 4rem 0;
}

@media screen and (max-width:1024px) {
  #equipment {
    padding-bottom: 6rem;
  }

  #equipment .narrow {
    display: block;
  }

  .equipment_img {
    width: 100%;
    max-width: 40rem;
    margin: 4.5rem auto 3rem;
  }

  .equipment_txt {
    padding: 0;
    max-width: 40rem;
    margin: 0 auto;
  }

  .equipment_txt p {
    margin: 3rem 0;
  }
}