@charset "utf-8";

.section.head {
  padding-bottom: 5px;
}

.filter-list-content._event li {
    width: 100%;
  }
@media (min-width: 768px) {
  .filter-list-content._event li {
    width: auto;
  }
}

.link-panel-image {
  padding: 0 12px;
}
@media (min-width: 768px) {
  .link-panel-image {
    padding: 25px 0 0 0;
  }
}

.seminar-detail-btn {
  justify-content: start;
  margin-top: 0;
  padding-left: 20px;
}

/**********************
  detail
**********************/
.page-header {
  background-image: url("/seminar_event/img/img_pageheader_bg.png");
}

@media (min-width: 768px) {
  #seminar_event-detail .page-header-inner {
    max-width: 1240px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.page-header-inner .row {
  width: calc(100% + 30px);
}

.page-header-date {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .col-md-24 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.page-header-speakers--image {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .page-header-speakers--image {
    margin-top: 30px;
  }
}
.page-header-speakers--text {
  margin-top: 10px;
}
.page-header-speakers--text .name {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
}
.page-header-speakers--text .division {
  color: #ffffff;
  font-size: 14px;
}

.speakers-division {
  font-size: 15px;
  font-weight: 700;
}
.speakers-name {
  font-size: 20px;
  font-weight: 700;
}
.speakers-outline {
  font-size: 16px;
}

.seminar-table table {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse;
}

.seminar-table table th {
  padding: 20px;
  background: #E4EFF9;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  font-weight: 700;
  width: 30%;
}

.seminar-table table td {
  border: 1px solid #cdcdcd;
  padding: 20px;
  width: 70%;
}

.seminar-table table tr:last-child th {
  border-bottom: 1px solid #cdcdcd;
}



.table-type01 {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse;
}
.table-type01 th {
  padding: 20px;
  background: #E4EFF9;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  font-weight: 700;
}
.table-type01 td {
  border: 1px solid #cdcdcd;
  padding: 20px;
}
.table-type01 tr:last-child th {
  border-bottom: 1px solid #cdcdcd;
}

@media (min-width: 768px) {
  .speakersBox {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

.speakersBox .row > div + div {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .speakersBox .row > div + div {
    margin-top: 0;
  }
}

/*  slider  */
.js-speakers-slider .slick-arrow {
  position: absolute;
  top: 24vw;
  z-index: 10;
  display: block;
  width: 19px;
  height: 19px;
  border: none;
  border-radius: 50%;
  background-color: rgba(0,102,204,0.5);
  overflow: hidden;
  text-indent: 100%;
}
@media (min-width: 576px) {
  .js-speakers-slider .slick-arrow {
    top: 135px;
  }
}

.js-speakers-slider .slick-prev {
  left: 15px;
  transform: translate(-50%,-50%);
}

.js-speakers-slider .slick-next {
  right: 15px;
  transform: translate(50%,-50%);
}

.js-speakers-slider .slick-arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 5px;
  border: none;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  aspect-ratio: 1;
  content: "";
}

.js-speakers-slider .slick-prev::after {
  transform: translate(-40%,-50%) rotate(-135deg);
}

.js-speakers-slider .slick-next::after {
  transform: translate(-70%,-50%) rotate(45deg);
}

.js-speakers-slider .speakersBox img {
  max-width: 70%;
}
@media (min-width: 768px) {
  .js-speakers-slider .speakersBox img {
    max-width: 100%;
  }
}