@charset "UTF-8";
/* =================================================================
 トップページ（アーカイブ）
================================================================= */
/* 導入
-------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #introduction .event-title {
    height: 396px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-title::before {
    bottom: -100px;
  }
}

/* イベント終了案内
-------------------------------------------------------------*/
#guidance {
  margin-top: 5.625em;
  max-width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #guidance {
    margin-top: 2.5em;
  }
}
#guidance .lead-ex {
  margin-top: 0;
}
#guidance .lead {
  margin-top: 1.1111111111em;
}
#guidance .movie-wrap {
  margin-top: 2.5em;
  max-width: 800px;
}
@media screen and (max-width: 767px) {
  #guidance .movie-wrap {
    max-width: 34.2857142857em;
  }
}

#summitImageSlider {
  margin-top: 6.25em;
  margin-inline: auto;
  padding-inline: 40px;
  width: 100%;
  max-width: 1080px;
  position: relative;
}
@media screen and (max-width: 1080px) {
  #summitImageSlider {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 767px) {
  #summitImageSlider {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 767px) {
  #summitImageSlider {
    margin-top: 2.8571428571em;
  }
}
#summitImageSlider .slider-inner {
  margin-inline: auto;
  max-width: calc(33.3333% + 0.625em);
}
@media screen and (max-width: 767px) {
  #summitImageSlider .slider-inner {
    max-width: calc(40% + 0.7142857143em);
  }
}
@media screen and (max-width: 425px) {
  #summitImageSlider .slider-inner {
    max-width: calc(50% + 0.7142857143em);
  }
}
#summitImageSlider .slide {
  padding-inline: 0.625em;
  width: 100%;
  cursor: pointer;
}
#summitImageSlider .slide img {
  width: 100%;
  height: auto;
}
#summitImageSlider:has(.swiper-container-initialized) .slider-controls {
  opacity: 1;
}
#summitImageSlider .slider-controls {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 0.625em;
  margin-top: 2.375em;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  #summitImageSlider .slider-controls {
    margin-top: 1.1428571429em;
  }
}
#summitImageSlider .slider-controls .slide-prev,
#summitImageSlider .slider-controls .slide-next {
  background: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: none;
  opacity: 1;
}
#summitImageSlider .slider-controls .slide-prev::after,
#summitImageSlider .slider-controls .slide-next::after {
  aspect-ratio: 9/6;
  width: 10px;
  background-image: url(../media/images/common/icon_slider_arrow.svg);
  transform: translate(-50%, -50%) rotate(90deg);
}
#summitImageSlider .slider-controls .slide-prev::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
#summitImageSlider .slider-controls .slide-pagination {
  position: relative;
}
#summitImageSlider .slider-controls .slide-pagination .swiper-pagination-bullet {
  background: #d9d9d9;
}
#summitImageSlider .slider-controls .slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ee7800;
}
#summitImageSlider .slider-controls .slide-pause {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  min-width: 2.75em;
  min-height: 1.5em;
  border: solid 1px #1b2c55;
  border-radius: 999px;
  position: relative;
}
#summitImageSlider .slider-controls .slide-pause::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 6/9;
  width: 0.4375em;
  height: auto;
  background-image: url(../media/images/common/icon_slider_stop.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#summitImageSlider .slider-controls .slide-pause.stopped::before {
  aspect-ratio: 6/8.3;
  width: 0.375em;
  background-image: url(../media/images/common/icon_slider_play.svg);
}

#summitImageModal .slide img {
  width: 100%;
  height: auto;
}
#summitImageModal .slide-prev,
#summitImageModal .slide-next {
  background: none;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 767px) {
  #summitImageModal .slide-prev,
  #summitImageModal .slide-next {
    transform: translate(40%, -50%);
  }
}
#summitImageModal .slide-prev::after,
#summitImageModal .slide-next::after {
  aspect-ratio: 9/6;
  width: 20px;
  background-image: url(../media/images/common/icon_slider_arrow.svg);
  transform: translate(-50%, -50%) rotate(90deg);
}
#summitImageModal .slide-prev {
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #summitImageModal .slide-prev {
    transform: translate(-40%, -50%);
  }
}
#summitImageModal .slide-prev::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.lity-inline:has(#summitImageModal) .lity-container {
  aspect-ratio: auto;
}
.lity-inline:has(#summitImageModal) .lity-content {
  position: relative;
}
.lity-inline:has(#summitImageModal) .modal {
  position: relative;
}

/* 講演レポート
-------------------------------------------------------------*/
#seminar-report {
  margin-top: 11.25em;
}
@media screen and (max-width: 767px) {
  #seminar-report {
    margin-top: 6.4285714286em;
  }
}
#seminar-report .section-title {
  margin-block: 0 0.75em;
}

/* タイムテーブル
-------------------------------------------------------------*/
#timetable-section {
  margin-top: 10.75em;
}
@media screen and (max-width: 767px) {
  #timetable-section {
    margin-top: 6.1428571429em;
  }
}
#timetable-section .section-title {
  margin-block: 0 0.75em;
}
#timetable-section .notice-l a {
  color: #ee7800;
}
#timetable-section #timetable {
  margin-top: 4.375em;
}
#timetable-section #timetable .timetable .timetable-inner {
  height: 100%;
}
#timetable-section #timetable .timetable .timetable-body {
  height: 100%;
}
#timetable-section #timetable .timetable .seminar-list {
  display: flex;
  align-items: flex-start;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: 0.625em;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #timetable-section #timetable .timetable .seminar-list {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #timetable-section #timetable .timetable .seminar-list:not(.current) {
    display: none;
  }
}
#timetable-section #timetable .timetable .seminar-box .buttons {
  margin-top: 1.25em;
}
#timetable-section #timetable .timetable .seminar-box .buttons a.show-detail-link {
  margin-bottom: 1.1428571429em;
}
#timetable-section #timetable .timetable .seminar-box .buttons .button.positive {
  border-color: #1b2c55;
  background: #1b2c55;
}
#timetable-section #timetable .timetable .seminar-box .buttons .button.external::after {
  right: 2.1428571429em;
}
#timetable-section #timetable .timetable .seminar-box .buttons .button.next::after, #timetable-section #timetable .timetable .seminar-box .buttons .button.link::after {
  right: 2em;
}

.seminar-detail .modal-bottom .buttons .button.positive {
  border-color: #1b2c55;
  background: #1b2c55;
}

/* 展示紹介
-------------------------------------------------------------*/
#exhibition-report {
  margin-top: 11.25em;
}
@media screen and (max-width: 767px) {
  #exhibition-report {
    margin-top: 6.4285714286em;
  }
}
#exhibition-report .section-title {
  margin-block: 0 0.75em;
}
#exhibition-report .movie-wrap {
  max-width: 800px;
}
@media screen and (max-width: 767px) {
  #exhibition-report .movie-wrap {
    max-width: 34.2857142857em;
  }
}
#exhibition-report .medium-title {
  margin-block: 3.3333333333em 1.0416666667em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #exhibition-report .medium-title {
    margin-block: 3.2941176471em 0.9411764706em;
  }
}
#exhibition-report .medium-title::before {
  content: none;
}
#exhibition-report .medium-title + .lead {
  margin-top: 1.3333333333em;
}
#exhibition-report .virtual-exhibition .virtual-img {
  margin-top: 1.25em;
  position: relative;
}
#exhibition-report .virtual-exhibition .virtual-img .img-wrap {
  margin-inline: auto;
  height: 456px;
  overflow: hidden;
}
#exhibition-report .virtual-exhibition .virtual-img .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1080px) {
  #exhibition-report .virtual-exhibition .virtual-img .img-wrap {
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  #exhibition-report .virtual-exhibition .virtual-img .img-wrap {
    max-width: 570px;
    height: 260px;
  }
}
#exhibition-report .virtual-exhibition .virtual-img .button {
  border-color: #1b2c55;
  background: #1b2c55;
  width: 18.75em;
  position: absolute;
  bottom: 3.125em;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1080px) {
  #exhibition-report .virtual-exhibition .virtual-img .button {
    bottom: 2.2857142857em;
  }
}
@media screen and (max-width: 767px) {
  #exhibition-report .virtual-exhibition .virtual-img .button {
    bottom: 1.4285714286em;
  }
}
#exhibition-report .virtual-exhibition .developer {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  margin-top: 1.25em;
  gap: 0.75em;
  color: #222;
}
#exhibition-report .virtual-exhibition .developer dt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1080px) {
  #exhibition-report .virtual-exhibition .developer dt {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #exhibition-report .virtual-exhibition .developer dt {
    font-size: 12px;
  }
}
#exhibition-report .virtual-exhibition .developer dd img {
  display: block;
  width: auto;
  height: 1.375em;
}
@media screen and (max-width: 767px) {
  #exhibition-report .virtual-exhibition .developer dd img {
    height: 1.1428571429em;
  }
}
#exhibition-report .virtual-exhibition .notice .indent {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #exhibition-report .virtual-exhibition .notice .indent {
    margin-inline: 0;
  }
}

/* メッセージ
-------------------------------------------------------------*/
#message {
  margin-top: 11.25em;
}
@media screen and (max-width: 767px) {
  #message {
    margin-top: 6.4285714286em;
    padding-inline: 0;
  }
}
@media screen and (max-width: 767px) {
  #message .movie-wrap {
    max-width: 34.2857142857em;
  }
}

/* 開催概要
-------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #information {
    padding-inline: 0;
  }
}

/* 昨年開催時の様子
-------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #previous {
    padding-inline: 0;
  }
}/*# sourceMappingURL=archive.css.map */