@charset "utf-8";

/* =============================================
  style
============================================= */
.event-note{
  margin: 100px 0 0;
}
.uc-navi-event__list{
  margin: 5rem 0 1em;
}
.event-note__ttl{
  margin: 0 0 30px;
  text-align: center;
}
.event-note__ttl--lv2{
  margin: 0 0 30px;
  text-align: center;
}
.uc-navi-event__list{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}
.uc-navi-event__list h5{
  padding: 0 0 20px;
  margin: 0 0 15px;
  font-size: 2.0rem;
  text-align: center;
  border-bottom: 1px solid #cdc8c1;
}
.uc-navi-event__list li{
  padding: 30px;
  text-align: left;
  background-color: #fbfbf9;
  border-top: 3px solid var(--nikken-red);
}
.stus-table .decimal ul{
  margin: 8px 0;
}
.stus-table p + ul{
  margin-top: 10px;
}
.present-img img{
  width: 40%;
  max-width: 140px;
  margin: 0 0 5px;
  box-shadow: 0 0.3rem 0.6rem -0.1rem rgb(50 50 93 / 25%), 0 0.15rem 0.35rem -0.15rem rgb(0 0 0 / 30%);
}
.present-img__wide img{
  margin: 10px 0 5px;
}
.present__list li{
  font-size: 1.5rem;
}
.present__list li:not(:last-child){
  margin: 0 0 5px;
}
.under-btn__info{
  margin-top: 15px;
}

/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (width <= 767px){
.event-note .stus-ttl__header p{
  text-align: left;
  }
  .event-note .stus-ttl__header p.stus-ttl__point{
    text-align: center;
  }
}

/* PC----------------------------- */
@media screen and (width >= 768px){
  .uc-navi-event__list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
  }
  .table-column__wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  .present-img{
    width: 24%;
    max-width: 170px;
  }
  .present-img img{
    width: 100%;
    height: auto;
    margin: 0;
  }
  .stus-table .table-column__wrap > *:nth-last-child(1){
    flex: 1;
    margin: 0;
  }
}