@charset "UTF-8";
:root {
  --red: #de2a39;
  --red-expired: #e69ea4;
  --red-hover: #fdf2f3;
  --blu: #477ccb;
  --blu-expired: #a0bbe4;
  --blu-hover: #eff4fa;
  --mv-map-fadein-duration: 2s;
  --mv-map-pin-fadein-delay: calc(var(--mv-map-fadein-duration) / 2);
  --mv-map-pin-fadein-delay-interval: 0.1875s;
  --mv-map-pin-grayout-duration: 1s;
  --mv-map-pin-grayout-delay: calc(var(--mv-map-pin-fadein-delay) + 1.5s);
  --mv-timeline-fadein-duration: 1.5s;
  --mv-timeline-fadein-delay: calc(var(--mv-map-pin-grayout-delay) + 0.75s);
  --mv-item-fadein-duration: 1s;
  --mv-item-fadein-delay: calc(var(--mv-timeline-fadein-delay) + 0.5s);
  --mv-item-fadein-delay-interval: 0.1875s;
  --mv-guide-fadein-delay: 7s;
  --mv-guide-icon-animation-duration: 1s;
  --mv-guide-icon-animation-delay: calc(var(--mv-guide-fadein-delay) + 0.5s);
}
@media print, screen and (min-width: 768px) {
  :root {
    --mv-inner-min-height: min(calc(512 / 1480 * 100vw), 512px);
    --mv-ticks-height: min(calc(108 / 1480 * 100vw), 108px);
    --mv-ticks-margin: max(-11px, calc(-11 / 1480 * 100vw));
    --mv-today-bar-height: min(calc(416 / 1480 * 100vw), 416px);
    --mv-today-text-top: max(-217px, calc(-217 / 1480 * 100vw));
    --mv-list-height: min(calc(165 / 1480 * 100vw), 165px);
    --mv-list-opened-height: min(calc(261 / 1480 * 100vw), 261px);
    --mv-item-bar-height: min(calc(23 / 1480 * 100vw), 23px);
    --mv-item-bar-opened-height: min(calc(84 / 1480 * 100vw), 84px);
    --apec-2027-translateX: min(calc(0 / 1480 * 100vw), 0px);
    --ofc-2027-translateX: min(calc(0 / 1480 * 100vw), 0px);
  }
}
@media only screen and (max-width: 767.9px) {
  :root {
    --mv-inner-min-height: 512px;
    --mv-ticks-height: 108px;
    --mv-ticks-margin: -11px;
    --mv-today-bar-height: 416px;
    --mv-today-text-top: -217px;
    --mv-list-height: 165px;
    --mv-list-opened-height: 261px;
    --mv-item-bar-height: 23px;
    --mv-item-bar-opened-height: 84px;
    --apec-2027-translateX: 0px;
    --ofc-2027-translateX: 0px;
  }
}

.exhibition {
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 767.9px) {
  .exhibition {
    font-size: 1.1428571429em;
  }
}
.exhibition *,
.exhibition *:before,
.exhibition *:after {
  box-sizing: border-box;
}
.exhibition .l-container {
  width: 1380px;
}

.exhibition-mv {
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv {
    padding-bottom: 135px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv {
    padding: 0 30px 120px;
  }
}
@media only screen and (min-width: 981px) {
  .exhibition-mv {
    padding-top: 117px;
  }
}
@media only screen and (max-width: 980px) {
  .exhibition-mv {
    padding-top: 90px;
  }
}
.exhibition-mv-map {
  position: absolute;
  top: 0;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv-map {
    width: min(calc(1400 / 1480 * 100vw), 1400px);
    height: min(calc(906 / 1480 * 100vw), 906px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-map {
    width: 1400px;
    height: 906px;
  }
}
.exhibition-mv-map--proxy {
  left: 0;
  z-index: -9999;
  pointer-events: none;
  opacity: 0;
}
.exhibition-mv-map--proxy > * {
  position: absolute;
}
.exhibition-mv-map--stage {
  background: url(/semiconductors/design_support/exhibition/img/map.svg) no-repeat center center/contain;
  transform-origin: 0 0;
  transition: transform 0.3s ease-in-out;
}
.exhibition-mv-map--stage:not(.is-zoomed) {
  transform: none !important;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv-map--stage:not(.is-zoomed) {
    left: calc(50% - min(calc(700 / 1480 * 100vw), 700px));
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-map--stage:not(.is-zoomed) {
    left: calc(50% - 700px);
  }
}
.exhibition-mv-map--stage.is-zoomed {
  left: 0;
}
.exhibition-mv-map__pin {
  position: absolute;
}
.exhibition-mv-map__pin:before, .exhibition-mv-map__pin:after {
  position: absolute;
  left: 50%;
  display: block;
  content: "";
  transform: translateX(-50%);
}
.exhibition-mv-map__pin:before {
  bottom: 0;
  background: #dcdcdc no-repeat center center/0 0;
  mask: url(/semiconductors/design_support/exhibition/img/pin.svg) no-repeat center center/contain;
  transform-origin: center bottom;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv-map__pin:before {
    width: min(calc(15 / 1480 * 100vw), 15px);
    height: min(calc(21 / 1480 * 100vw), 21px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-map__pin:before {
    width: 15px;
    height: 21px;
  }
}
.exhibition-mv-map__pin:after {
  background: url(/semiconductors/design_support/exhibition/img/pinShadow.svg) no-repeat center center/contain;
  transform-origin: center top;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv-map__pin:after {
    top: min(calc(1 / 1480 * 100vw), 1px);
    width: min(calc(24 / 1480 * 100vw), 24px);
    height: min(calc(3 / 1480 * 100vw), 3px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-map__pin:after {
    top: 1px;
    width: 24px;
    height: 3px;
  }
}
.exhibition-mv-map__pin--red:before {
  background-image: url(/semiconductors/design_support/exhibition/img/pinRed.svg);
}
.exhibition-mv-map__pin--blu:before {
  background-image: url(/semiconductors/design_support/exhibition/img/pinBlu.svg);
}
.exhibition-mv-map__pin.is-opened:before {
  animation: pinClick_icon 0.5s ease forwards !important;
}
.exhibition-mv-map__pin.is-opened:after {
  animation: pinClick_shadow 0.5s ease forwards !important;
}
.exhibition-mv-guide {
  display: none;
}
.exhibition-mv-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv-title, .exhibition-mv-container {
    max-width: min(calc(1500 / 1480 * 100vw), 1500px);
    padding: 0 min(calc(60 / 1480 * 100vw), 60px);
    margin: 0 auto;
  }
}
.exhibition-mv-title {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
@media print, screen and (min-width: 768px) {
  .exhibition-mv-title {
    margin-bottom: min(calc(20 / 1480 * 100vw), 20px);
    font-size: min(calc(34 / 1480 * 100vw), 34px);
    line-height: 1.4411764706;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-title {
    margin-bottom: 20px;
    font-size: 1.6875em;
    line-height: 1.4444444444;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-container {
    width: calc(100% + 60px);
    padding: 65px 30px 0;
    margin: -65px -30px 0;
    overflow-x: scroll;
    overflow-y: visible;
  }
}
.exhibition-mv-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--mv-inner-min-height);
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv-inner {
    width: 1445px;
    padding-right: 65px;
    pointer-events: auto;
  }
}

.exhibition-timeline {
  position: relative;
  display: flex;
  width: calc(100% + 60px);
  margin: var(--mv-ticks-margin) -30px;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline {
    box-shadow: 65px 0 0 0 rgba(204, 0, 0, 0.8);
  }
}
.exhibition-timeline:before, .exhibition-timeline:after {
  position: absolute;
  top: 0;
  display: block;
  width: calc(50vw - 50%);
  height: 100%;
  content: "";
}
.exhibition-timeline:before {
  left: calc(50% - 50vw);
  background-color: rgba(0, 0, 0, 0.1);
}
.exhibition-timeline:after {
  right: calc(50% - 50vw);
  background-color: rgba(204, 0, 0, 0.8);
}
.exhibition-timeline-ticks {
  position: relative;
  box-sizing: content-box;
  height: var(--mv-ticks-height);
  overflow: hidden;
}
.exhibition-timeline-ticks__inner {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-ticks__inner {
    width: calc(100vw - min(calc(120 / 1480 * 100vw), 120px));
    max-width: 1380px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-ticks__inner {
    width: 1380px;
  }
}
.exhibition-timeline-ticks--gry {
  padding: 0 1px 0 30px;
  background-color: rgba(0, 0, 0, 0.1);
}
.exhibition-timeline-ticks--gry .exhibition-timeline-ticks__inner {
  left: 30px;
}
.exhibition-timeline-ticks--gry .exhibition-timeline-tick {
  color: #000;
}
.exhibition-timeline-ticks--gry .exhibition-timeline-tick:before, .exhibition-timeline-ticks--gry .exhibition-timeline-tick:after {
  border-left-color: #808080;
}
.exhibition-timeline-ticks--red {
  padding: 0 30px 0 0;
  background-color: rgba(204, 0, 0, 0.8);
}
.exhibition-timeline-ticks--red .exhibition-timeline-ticks__inner {
  right: 30px;
}
.exhibition-timeline-ticks--red .exhibition-timeline-tick {
  color: #fff;
}
.exhibition-timeline-ticks--red .exhibition-timeline-tick:before, .exhibition-timeline-ticks--red .exhibition-timeline-tick:after {
  border-left-color: #e59393;
}
.exhibition-timeline-tick {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-tick {
    padding: min(calc(13 / 1480 * 100vw), 13px) 0;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-tick {
    padding: 13px 0;
  }
}
.exhibition-timeline-tick:before, .exhibition-timeline-tick:after {
  display: block;
  width: 1px;
  content: "";
  border-left: 1px dashed transparent;
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-tick:before {
    height: min(calc(28 / 1480 * 100vw), 28px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-tick:before {
    height: 28px;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-tick:after {
    height: min(calc(15 / 1480 * 100vw), 15px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-tick:after {
    height: 15px;
  }
}
.exhibition-timeline-tick:has(> *:nth-child(2)):before {
  border-left: 0;
}
.exhibition-timeline-tick__y, .exhibition-timeline-tick__m {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  font-weight: 700;
  line-height: 1.4444444444;
  transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-tick__y {
    top: min(calc(13 / 1480 * 100vw), 13px);
    font-size: min(calc(20 / 1480 * 100vw), 20px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-tick__y {
    top: 13px;
    font-size: 1.25em;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-tick__m {
    top: min(calc(46 / 1480 * 100vw), 46px);
    font-size: min(calc(18 / 1480 * 100vw), 18px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-tick__m {
    top: 46px;
    font-size: 1.125em;
  }
}
.exhibition-timeline-today {
  position: relative;
  min-width: 1px;
  max-width: 1px;
  background-color: #f00;
}
.exhibition-timeline-today:before, .exhibition-timeline-today:after {
  position: absolute;
  display: block;
  content: "";
}
.exhibition-timeline-today:before {
  z-index: 1;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #000;
  border-style: solid;
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-today:before {
    top: min(calc(53 / 1480 * 100vw), 53px);
    right: max(-7px, calc(-7 / 1480 * 100vw));
    border-width: min(calc(8.5 / 1480 * 100vw), 8.5px) 0 min(calc(8.5 / 1480 * 100vw), 8.5px) min(calc(13 / 1480 * 100vw), 13px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-today:before {
    top: 53px;
    right: -7px;
    border-width: 8.5px 0 8.5px 13px;
  }
}
.exhibition-timeline-today:after {
  top: 50%;
  left: -0.5px;
  width: 1px;
  height: var(--mv-today-bar-height);
  background-color: #f00;
  transform: translateY(-50%);
}
.exhibition-timeline-today > span {
  position: absolute;
  top: var(--mv-today-text-top);
  left: -0.5em;
  font-weight: 500;
  line-height: 1;
  color: #f00;
  writing-mode: vertical-lr;
}
@media print, screen and (min-width: 768px) {
  .exhibition-timeline-today > span {
    font-size: min(calc(18 / 1480 * 100vw), 18px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-timeline-today > span {
    font-size: 1.125em;
  }
}

.exhibition-list {
  position: relative;
  width: 100%;
  height: var(--mv-list-height);
  transition: height 0.3s ease;
}
.exhibition-list:has(.is-opened) {
  height: var(--mv-list-opened-height);
}
.exhibition-list--top {
  align-items: flex-end;
}
.exhibition-list--top .exhibition-item {
  bottom: 0;
  flex-direction: column-reverse;
}
.exhibition-list--bottom .exhibition-item {
  top: 0;
  flex-direction: column;
}

.exhibition-item {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  pointer-events: auto;
  cursor: pointer;
  transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  .exhibition-item {
    --bxsh-voff: min(calc(1 / 1480 * 100vw), 1px);
    --bxsh-blur: min(calc(10 / 1480 * 100vw), 10px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item {
    --bxsh-voff: 1px;
    --bxsh-blur: 10px;
  }
}
.exhibition-item:before, .exhibition-item:after {
  display: block;
  content: "";
}
.exhibition-item:before {
  width: var(--bdw);
  height: var(--mv-item-bar-height);
  background-color: var(--bdc);
  transition: height 0.3s ease, background-color 0.3s ease;
}
.exhibition-item:after {
  order: -1;
  background-color: var(--color);
  border: solid #fff;
  border-radius: 50%;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item:after {
    width: min(calc(22 / 1480 * 100vw), 22px);
    height: min(calc(22 / 1480 * 100vw), 22px);
    border-width: min(calc(2 / 1480 * 100vw), 2px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item:after {
    width: 22px;
    height: 22px;
    border-width: 2px;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-item:hover .exhibition-item-inner {
    background-color: var(--hover-color);
  }
}
.exhibition-item-inner {
  position: relative;
  display: grid;
  font: inherit;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  box-shadow: 0 0 0 var(--bdw) var(--bdc) inset, 0 var(--bxsh-voff) var(--bxsh-blur) 0 rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-inner {
    padding: min(calc(16 / 1480 * 100vw), 16px) min(calc(20 / 1480 * 100vw), 20px);
    border-radius: min(calc(4 / 1480 * 100vw), 4px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-inner {
    padding: 16px 20px;
    border-radius: 4px;
  }
}
.exhibition-item-category {
  font-weight: 700;
  line-height: 1.4285714286;
  color: var(--color);
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-category {
    font-size: min(calc(14 / 1480 * 100vw), 14px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-category {
    font-size: 0.875em;
  }
}
.exhibition-item-name {
  font-weight: 700;
  line-height: 1.4444444444;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-name {
    margin-top: min(calc(2 / 1480 * 100vw), 2px);
    font-size: min(calc(18 / 1480 * 100vw), 18px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-name {
    margin-top: 2px;
    font-size: 1.125em;
  }
}
.exhibition-item-area {
  line-height: 1.3571428571;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-area {
    margin-top: min(calc(2 / 1480 * 100vw), 2px);
    font-size: min(calc(14 / 1480 * 100vw), 14px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-area {
    margin-top: 2px;
    font-size: 0.875em;
  }
}
.exhibition-item-area:before {
  display: inline-block;
  vertical-align: top;
  content: "";
  background: no-repeat center center/contain;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-area:before {
    width: min(calc(12 / 1480 * 100vw), 12px);
    height: min(calc(19 / 1480 * 100vw), 19px);
    margin-right: min(calc(5 / 1480 * 100vw), 5px);
    transform: translateY(min(calc(0.5 / 1480 * 100vw), 0.5px));
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-area:before {
    width: 12px;
    height: 19px;
    margin-right: 5px;
    transform: translateY(0.5px);
  }
}
.exhibition-item-date {
  line-height: 1.2142857143;
  color: #666;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-date {
    margin-top: min(calc(2 / 1480 * 100vw), 2px);
    font-size: min(calc(14 / 1480 * 100vw), 14px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-date {
    margin-top: 2px;
    font-size: 0.875em;
  }
}
.exhibition-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  overflow: hidden;
  color: #fff !important;
  background-color: var(--color);
  opacity: 0;
  transition: height 0.3s ease, margin-top 0.3s ease, color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-link {
    gap: 0 min(calc(6 / 1480 * 100vw), 6px);
    padding: 0 min(calc(16 / 1480 * 100vw), 16px);
    font-size: min(calc(14 / 1480 * 100vw), 14px);
    border-radius: min(calc(15 / 1480 * 100vw), 15px);
    box-shadow: 0 0 0 min(calc(2 / 1480 * 100vw), 2px) var(--color) inset;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-link {
    gap: 0 6px;
    padding: 0 16px;
    font-size: 0.875em;
    border-radius: 15px;
    box-shadow: 0 0 0 2px var(--color) inset;
  }
}
.exhibition-item-link:after {
  display: block;
  content: "";
  background-color: #fff;
  mask: url(/semiconductors/design_support/exhibition/img/arrRight.svg) no-repeat center top/contain;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-link:after {
    width: min(calc(7 / 1480 * 100vw), 7px);
    height: min(calc(10 / 1480 * 100vw), 10px);
    transition: background-color 0.3s ease;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item-link:after {
    width: 7px;
    height: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-link:hover {
    color: var(--color) !important;
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-item-link:hover:after {
    background-color: var(--color);
  }
}
.exhibition-item:not(.is-expired) {
  --bdc: #4d4d4d;
}
.exhibition-item.is-expired {
  --bdc: #ccc;
}
.exhibition-item.is-expired:after {
  background-color: var(--expired-color);
  border-color: #ccc;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item:not(.is-opened) {
    --bdw: min(calc(1 / 1480 * 100vw), 1px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item:not(.is-opened) {
    --bdw: 1px;
  }
}
.exhibition-item.is-opened {
  --bdc: var(--color);
}
@media print, screen and (min-width: 768px) {
  .exhibition-item.is-opened {
    --bdw: min(calc(2 / 1480 * 100vw), 2px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item.is-opened {
    --bdw: 2px;
  }
}
.exhibition-item.is-opened:before {
  height: var(--mv-item-bar-opened-height);
}
.exhibition-item.is-opened:after {
  background-color: #fff;
  border-color: var(--color);
}
@media print, screen and (min-width: 768px) {
  .exhibition-item.is-opened:after {
    box-shadow: 0 0 0 min(calc(4 / 1480 * 100vw), 4px) var(--color), 0 0 0 min(calc(6 / 1480 * 100vw), 6px) #fff;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item.is-opened:after {
    box-shadow: 0 0 0 4px var(--color), 0 0 0 6px #fff;
  }
}
.exhibition-item.is-opened .exhibition-item-link {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .exhibition-item.is-opened .exhibition-item-link {
    height: min(calc(29 / 1480 * 100vw), 29px);
    margin-top: min(calc(6 / 1480 * 100vw), 6px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-item.is-opened .exhibition-item-link {
    height: 29px;
    margin-top: 6px;
  }
}
.exhibition-item--red {
  --color: var(--red);
  --expired-color: var(--red-expired);
  --hover-color: var(--red-hover);
}
.exhibition-item--red .exhibition-item-area:before {
  background-image: url(/semiconductors/design_support/exhibition/img/pinRed.svg);
}
.exhibition-item--blu {
  --color: var(--blu);
  --expired-color: var(--blu-expired);
  --hover-color: var(--blu-hover);
}
.exhibition-item--blu .exhibition-item-area:before {
  background-image: url(/semiconductors/design_support/exhibition/img/pinBlu.svg);
}

.exhibition-mv.has-animation .exhibition-mv-map--stage {
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--mv-map-fadein-duration) ease, transform 0.3s ease-in-out;
}
.exhibition-mv.has-animation .exhibition-mv-map__pin:before, .exhibition-mv.has-animation .exhibition-mv-map__pin:after {
  opacity: 0;
}
.exhibition-mv.has-animation .exhibition-mv-map__pin:before {
  background-color: #f00;
  transform: translate(-50%, -100%);
  transition: background-color var(--mv-map-pin-grayout-duration) ease var(--mv-map-pin-grayout-delay);
}
.exhibition-mv.has-animation .exhibition-mv-map__pin:after {
  transition: opacity 0.5s ease var(--mv-map-pin-fadein-delay);
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 65px 30px 95px;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide > div {
    position: relative;
    width: 120px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide > div:before, .exhibition-mv.has-animation .exhibition-mv-guide > div:after {
    position: absolute;
    top: 30px;
    display: block;
    width: 12px;
    height: 20px;
    content: "";
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2020%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2C19.9994L0%2C9.9994%2C12%2C.0006l-5.0567%2C9.9988%2C5.0567%2C10Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide > div:before {
    left: -20px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide > div:after {
    right: -20px;
    transform: rotate(180deg);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide > div > p {
    position: relative;
    padding-top: 73px;
    font-size: 0.75em;
    line-height: 1.5;
    color: #fff;
    text-align: center;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation .exhibition-mv-guide > div > p:before {
    position: absolute;
    top: 0;
    left: calc(50% - 23px);
    display: block;
    width: 46px;
    height: 64px;
    content: "";
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2046%2064%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41.36%2C26.8433c-1.0196%2C0-1.9628.3314-2.7293.8909-.5207-1.9927-2.336-3.4677-4.4896-3.4677-1.078%2C0-2.0705.3706-2.8591.9896-.6499-1.7788-2.359-3.052-4.36-3.052-.9531%2C0-1.8398.2892-2.5776.784v-9.0341c0-2.5585-2.0815-4.6399-4.6399-4.6399s-4.6399%2C2.0815-4.6399%2C4.6399v24.6013c0%2C.3161-.1853.6064-.4728.7401-.3862.1797-.8378.0366-1.051-.3327l-3.0943-5.3586c-.8952-1.5507-2.3405-2.6599-4.0697-3.1233-1.7293-.4632-3.5355-.2255-5.0856.6694-.5971.3443-1.0241.9004-1.2024%2C1.5659-.1782.6651-.0866%2C1.3597.2578%2C1.956l11.6575%2C20.1871c3.2434%2C5.618%2C9.2886%2C9.1079%2C15.7767%2C9.1079%2C10.046%2C0%2C18.219-8.173%2C18.219-18.219v-14.265c0-2.5584-2.0816-4.6399-4.64-4.6399h0ZM43.9375%2C45.7482c0%2C8.9088-7.2478%2C16.1566-16.1566%2C16.1566-5.7536%2C0-11.1145-3.0947-13.9906-8.0767L2.1326%2C33.6406c-.0929-.1609-.0723-.314-.0517-.391.0206-.0769.0792-.2198.2408-.3129%2C2.2159-1.2794%2C5.0593-.5173%2C6.3387%2C1.6987l3.0943%2C5.3588c.7519%2C1.3019%2C2.346%2C1.8053%2C3.7069%2C1.1712%2C1.0116-.4701%2C1.6653-1.4946%2C1.6653-2.61V13.9539c0-1.4213%2C1.1563-2.5776%2C2.5776-2.5776s2.5776%2C1.1563%2C2.5776%2C2.5776v19.0772c0%2C.5695.4616%2C1.0312%2C1.0312%2C1.0312s1.0312-.4617%2C1.0312-1.0312v-6.1871c0-1.4213%2C1.1562-2.5776%2C2.5776-2.5776s2.5776%2C1.1563%2C2.5776%2C2.5776v6.1871c0%2C.5695.4617%2C1.0312%2C1.0312%2C1.0312s1.0312-.4617%2C1.0312-1.0312v-4.0952c.0003-.0099.0015-.0196.0015-.0296%2C0-1.4212%2C1.1562-2.5776%2C2.5776-2.5776s2.5774%2C1.1563%2C2.5774%2C2.5776v4.6408c0%2C.5695.4617%2C1.0312%2C1.0312%2C1.0312s1.0312-.4617%2C1.0312-1.0312v-2.0344c.0003-.0099.0015-.0196.0015-.0296%2C0-1.4212%2C1.1562-2.5776%2C2.5776-2.5776s2.5776%2C1.1563%2C2.5776%2C2.5776v14.265h0ZM14.5934%2C6.1748c-.4027-.4027-.4027-1.0556%2C0-1.4583L18.9749.3351c.0242-.0242.0497-.0472.0762-.0689.0109-.009.0225-.0167.0337-.0252.0156-.0118.031-.0239.0473-.0348.0142-.0095.0288-.0176.0433-.0263.0143-.0086.0284-.0176.0431-.0255.0151-.0081.0307-.0149.0461-.0222.015-.0071.0298-.0146.0452-.021.0153-.0063.031-.0115.0465-.017.0162-.0058.0321-.012.0486-.017.0158-.0048.0319-.0083.0479-.0123.0166-.0042.033-.0088.0498-.0122.0192-.0038.0387-.0061.0581-.0089.0139-.0019.0274-.0046.0415-.006.068-.0067.1364-.0067.2044%2C0%2C.0132.0013.026.0038.0391.0056.0202.0028.0405.0053.0606.0092.0159.0032.0313.0076.0469.0115.017.0042.0341.008.051.0131.0155.0047.0304.0105.0456.0159.0166.0059.0333.0114.0496.0182.0144.006.0282.013.0422.0196.0164.0077.0329.015.049.0236.0138.0074.0268.0158.0402.0238.0155.0092.0311.018.0462.0281.0152.0102.0296.0215.0442.0325.0122.0092.0247.0176.0366.0274.0265.0217.0519.0446.0761.0688l4.383%2C4.3813c.4028.4026.4028%2C1.0555.0003%2C1.4583-.4028.403-1.0556.4028-1.4584.0003l-2.6233-2.6224v2.6663c0%2C.5695-.4616%2C1.0312-1.0312%2C1.0312s-1.0312-.4616-1.0312-1.0312v-2.6657l-2.6217%2C2.6216c-.2013.2013-.4652.302-.7291.302s-.5278-.1006-.7291-.302h0ZM26.4067%2C13.9539c0-.5695.4617-1.0312%2C1.0312-1.0312h2.6678l-2.6225-2.6233c-.4025-.4028-.4025-1.0557.0003-1.4583.4028-.4025%2C1.0556-.4026%2C1.4584.0002l4.3819%2C4.3835c.0048.0048.0089.0102.0136.0151.0187.0195.0372.0392.0543.0601.0107.013.02.0267.03.0401.0101.0136.0207.0269.0302.041.0101.015.0188.0307.028.0461.008.0135.0165.0267.024.0405.0083.0154.0153.0313.0227.0471.007.0148.0143.0293.0206.0444.0063.0151.0113.0306.0168.0459.0059.0164.0122.0326.0173.0494.0046.0151.0079.0304.0118.0457.0044.0174.0092.0345.0127.0522.0034.0174.0055.0349.008.0524.0023.0158.0053.0313.0068.0473.0031.0312.0045.0626.0048.0939%2C0%2C.0026.0004.005.0004.0076%2C0%2C.002-.0003.0038-.0003.0058-.0002.032-.0017.0639-.0048.0957-.0016.0162-.0046.0319-.0069.0478-.0025.0173-.0045.0347-.0079.0519-.0035.0179-.0084.0353-.0129.0528-.0038.015-.0071.0301-.0116.045-.0052.0172-.0116.0337-.0177.0505-.0054.015-.0103.03-.0164.0448-.0065.0155-.014.0305-.0212.0456-.0073.0154-.0141.0309-.0221.0459-.0077.0145-.0166.0282-.025.0422-.0089.0148-.0172.0298-.0269.0443-.0103.0154-.0218.03-.033.0448-.0091.0121-.0174.0245-.0271.0362-.0215.0262-.0441.0513-.068.0752-.0001.0001-.0002.0002-.0003.0003h0l-4.3819%2C4.3819c-.2014.2013-.4653.302-.7292.302-.2639%2C0-.5278-.1006-.7292-.302-.4027-.4027-.4027-1.0556%2C0-1.4583l2.6217-2.6216h-2.6671c-.5695%2C0-1.0312-.4616-1.0312-1.0312h0ZM5.7832%2C13.954h0c0-.0011.0002-.0021.0002-.0032%2C0-.0335.0017-.0669.005-.0999.0023-.0232.0064-.0459.0102-.0687.0018-.0104.0027-.0211.0048-.0314.0057-.0287.0132-.0567.0212-.0845.0012-.0042.002-.0086.0033-.0129.0088-.029.0192-.0572.0305-.0851.0013-.0032.0022-.0065.0035-.0096.0113-.0272.0241-.0536.0376-.0796.002-.0038.0035-.0078.0056-.0115.0131-.0244.0276-.0479.0425-.0711.0033-.0052.0061-.0106.0095-.0157.0152-.0226.0317-.0442.0485-.0655.004-.0051.0075-.0105.0116-.0156.0215-.0262.0443-.0514.0683-.0753l4.383-4.3831c.4027-.4028%2C1.0556-.4028%2C1.4583%2C0%2C.4027.4027.4027%2C1.0556%2C0%2C1.4583l-2.6232%2C2.6232h2.6673c.5695%2C0%2C1.0312.4616%2C1.0312%2C1.0312s-.4616%2C1.0312-1.0312%2C1.0312h-2.6666l2.6224%2C2.6214c.4027.4027.4029%2C1.0555.0002%2C1.4583-.2013.2014-.4654.3021-.7293.3021s-.5277-.1006-.7291-.3019l-4.3834-4.3819c-.0026-.0026-.0048-.0055-.0073-.0081-.0209-.0214-.0413-.0434-.0603-.0666-.0058-.007-.0107-.0146-.0163-.0218-.0152-.0194-.0303-.0389-.044-.0595-.004-.006-.0074-.0124-.0113-.0185-.0143-.0223-.0283-.0448-.0408-.0682-.0024-.0044-.0042-.009-.0065-.0135-.0132-.0254-.0257-.0512-.0368-.0778-.0013-.0032-.0023-.0065-.0036-.0097-.0112-.0278-.0216-.0561-.0305-.0851-.0012-.0038-.0019-.0077-.003-.0115-.0082-.0282-.0158-.0568-.0216-.086-.0018-.0091-.0026-.0185-.0042-.0277-.0041-.0239-.0084-.0478-.0108-.0723-.0034-.0341-.0052-.0685-.0052-.103h0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center top/contain;
  }
}
.exhibition-mv.has-animation .exhibition-timeline {
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--mv-timeline-fadein-duration) ease var(--mv-timeline-fadein-delay);
}
.exhibition-mv.has-animation .exhibition-item {
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--mv-item-fadein-duration) ease var(--mv-item-fadein-delay);
}
.exhibition-mv.has-animation.is-loaded .exhibition-mv-map--stage {
  pointer-events: auto;
  opacity: 1;
}
.exhibition-mv.has-animation.is-loaded .exhibition-mv-map__pin:before {
  background-color: #dcdcdc;
  animation: pinLoad_icon 0.5s ease forwards;
}
.exhibition-mv.has-animation.is-loaded .exhibition-mv-map__pin:after {
  animation: pinLoad_shadow 0.5s ease forwards;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation.is-loaded .exhibition-mv-guide {
    animation: guide 4s linear var(--mv-guide-fadein-delay) forwards;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation.is-loaded .exhibition-mv-guide > div:before {
    animation: guideRight 0.5s linear calc(var(--mv-guide-icon-animation-delay) + 0.875s) forwards;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation.is-loaded .exhibition-mv-guide > div:after {
    animation: guideLeft 0.5s linear calc(var(--mv-guide-icon-animation-delay) + 0.375s) forwards;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-mv.has-animation.is-loaded .exhibition-mv-guide > div > p:before {
    animation: guideIcon var(--mv-guide-icon-animation-duration) linear var(--mv-guide-icon-animation-delay) forwards;
  }
}
.exhibition-mv.has-animation.is-loaded .exhibition-timeline {
  pointer-events: auto;
  opacity: 1;
}
.exhibition-mv.has-animation.is-loaded .exhibition-item {
  pointer-events: auto;
  opacity: 1;
}

@keyframes pinLoad_icon {
  0% {
    opacity: 0;
    transform: translate(-50%, -100%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes pinLoad_shadow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pinClick_icon {
  0% {
    background-color: #dcdcdc;
    background-size: 0 0;
    opacity: 0;
    transform: translate(-50%, 0) scale(1);
  }
  0.0001% {
    background-color: transparent;
    background-size: contain;
    opacity: 0;
    mask: none;
    transform: translate(-50%, -200%) scale(1.847041847);
  }
  100% {
    background-color: transparent;
    background-size: contain;
    opacity: 1;
    mask: none;
    transform: translate(-50%, 0) scale(1.847041847);
  }
}
@keyframes pinClick_shadow {
  0% {
    opacity: 0;
    transform: translate(-50%, 0) scale(1.8181818182);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0) scale(1.8181818182);
  }
}
@keyframes guide {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  87.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes guideRight {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes guideLeft {
  0% {
    transform: translate(0, 0) rotate(180deg);
  }
  50% {
    transform: translate(-5px, 0) rotate(180deg);
  }
  100% {
    transform: translate(0, 0) rotate(180deg);
  }
}
@keyframes guideIcon {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(10px, 0px);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(-10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.exhibition-banner {
  display: grid;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid var(--color);
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.exhibition-banner-container {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 28px 0;
  margin: -95px auto 0;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-container {
    width: 900px;
    max-width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-container {
    padding: 0 30px;
  }
}
.exhibition-banner-title {
  display: flex;
  grid-row: 2/3;
  gap: 0 16px;
  align-items: center;
  white-space: nowrap;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-title {
    font-size: 1.625em;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-title {
    font-size: 1.25em;
  }
}
.exhibition-banner-title:before, .exhibition-banner-title:after {
  display: block;
  width: 50%;
  height: 1px;
  content: "";
  background-color: #d4d4d4;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner {
    grid-template-columns: 1fr min(calc(450 / 900 * 100vw), 450px);
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner[href] {
    color: inherit !important;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner[href]:hover .exhibition-banner-link > span {
    color: var(--color);
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner[href]:hover .exhibition-banner-link > span:after {
    background-color: var(--color);
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner[href]:hover .exhibition-banner-thumb > span {
    transform: scale(1.1);
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-text {
    padding: 8.9686098655% 5.3811659193% 8.9686098655% 12.5560538117%;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-text {
    padding: 24px;
  }
}
.exhibition-banner-category > span {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  background-color: var(--color);
  border-radius: 2px;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-category > span {
    padding: 0 12px;
    font-size: 0.875em;
    line-height: 2;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-category > span {
    padding: 0 8px;
    font-size: 0.75em;
    line-height: 2.0833333333;
  }
}
.exhibition-banner-name {
  margin-top: 6px;
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-name {
    font-size: 1.625em;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-name {
    font-size: 1.25em;
  }
}
.exhibition-banner-area {
  margin-top: 8px;
  font-weight: 500;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-area {
    font-size: 0.875em;
  }
}
.exhibition-banner-area:before {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  content: "";
  background: url(/semiconductors/design_support/exhibition/img/pinRed.svg) no-repeat center center/contain;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-area:before {
    width: 12px;
    height: 21px;
    transform: translateY(3px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-area:before {
    width: 10px;
    height: 13px;
    transform: translateY(4px);
  }
}
.exhibition-banner-date {
  margin-top: 4px;
  font-weight: 500;
  color: #666;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-date {
    font-size: 0.875em;
  }
}
.exhibition-banner-link {
  margin-top: 12px;
}
.exhibition-banner-link > span {
  display: inline-flex;
  gap: 0 6px;
  align-items: center;
  color: #fff;
  background-color: var(--color);
  box-shadow: 0 0 0 2px var(--color) inset;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-link > span {
    height: 35px;
    padding: 0 24px;
    font-weight: 700;
    border-radius: 17.5px;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-link > span {
    height: 33px;
    padding: 0 16px;
    font-size: 0.875em;
    border-radius: 16.5px;
  }
}
.exhibition-banner-link > span:after {
  display: block;
  content: "";
  background-color: #fff;
  mask: url(/semiconductors/design_support/exhibition/img/arrRight.svg) no-repeat center top/contain;
  transition: background-color 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-link > span:after {
    width: min(calc(7 / 1480 * 100vw), 7px);
    height: min(calc(10 / 1480 * 100vw), 10px);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-link > span:after {
    width: 7px;
    height: 10px;
  }
}
.exhibition-banner-thumb {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-banner-thumb {
    grid-row: 1/2;
    aspect-ratio: 16/9;
  }
}
.exhibition-banner-thumb > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: no-repeat center center/cover;
}
@media print, screen and (min-width: 768px) {
  .exhibition-banner-thumb > span {
    transition: transform 0.5s ease;
  }
}
.exhibition-banner--red {
  --color: var(--red);
}
.exhibition-banner--blu {
  --color: var(--blu);
}

.exhibition-other {
  padding: 120px 0;
}
@media only screen and (min-width: 981px) {
  .exhibition-other .c-heading--A {
    padding-top: 85px;
    margin-top: -85px;
  }
}
@media only screen and (max-width: 980px) {
  .exhibition-other .c-heading--A {
    padding-top: 65px;
    margin-top: -65px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other .c-heading--A {
    font-size: 1.6875em;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-filter {
    display: flex;
    gap: 0 40px;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-filter {
    display: grid;
    gap: 12px 0;
  }
}
.exhibition-other-filter__item {
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-filter__item {
    display: flex;
    gap: 0 16px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-filter__item {
    display: grid;
    grid-template-columns: 4em 1fr;
    gap: 0 12px;
  }
}
.exhibition-other-filter__item > label {
  font-weight: 700;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-filter__item > label {
    text-align: right;
  }
}
.exhibition-other-filter__item > select {
  appearance: none;
  background: #fff url(/semiconductors/design_support/exhibition/img/arrBottom.svg) no-repeat right center/11px 7px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-filter__item > select {
    height: 51px;
    padding: 0 36px 0 16px;
    background-position: right 12.5px center;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-filter__item > select {
    height: 43px;
    padding: 0 28px 0 12px;
    background-position: right 8px center;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-header {
    display: grid;
    grid-template-columns: 31.884057971% 16.5217391304% 31.5942028986% 13.0434782609%;
    gap: 0 2.3188405797%;
    padding-bottom: 22px;
    margin-top: 60px;
    font-weight: 700;
    line-height: 1.4375;
    border-bottom: 1px solid #9d3e61;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-header {
    display: none;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-list {
    margin-top: 60px;
    border-top: 1px solid #9d3e61;
  }
}
.exhibition-other-item {
  display: grid;
  padding: 22px 0;
  font-size: 0.875em;
  line-height: 1.2142857143;
  border-bottom: 1px solid #d4d4d4;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-item {
    grid-template-columns: 31.884057971% 16.5217391304% 31.5942028986% 13.0434782609%;
    gap: 0 2.3188405797%;
    align-items: center;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-item {
    gap: 12px 0;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-item__name {
    margin-bottom: 4px;
    font-size: 1em;
    font-weight: 700;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-item__note {
    grid-column: 2/5;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-item__head {
    display: none;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-item__head {
    margin-bottom: 4px;
    font-size: 0.875em;
    color: #666;
  }
}
.exhibition-other-item__body {
  display: grid;
  gap: 1.2142857143em 0;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-item__body:nth-child(2):last-child {
    grid-column: 2/5;
  }
}
.exhibition-other-message {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-message {
    margin-top: 60px;
    text-align: center;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-nav {
    display: flex;
    gap: 0 8px;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-nav {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    max-width: 315px;
    margin: 35px auto 0;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
  }
}
.exhibition-other-nav > button,
.exhibition-other-nav > * > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  color: #000;
  text-align: center;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-nav > button,
  .exhibition-other-nav > * > button {
    border-radius: 4px;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-nav > button {
    width: 64px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
  }
}
.exhibition-other-nav > button > span:before {
  display: block;
  width: 11px;
  height: 7px;
  content: "";
  background: url(/semiconductors/design_support/exhibition/img/arrBottom.svg) no-repeat center center;
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-nav > button:not([disabled]) {
    position: relative;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-nav > button:not([disabled]):before {
    position: absolute;
    top: 14px;
    width: 1px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #d4d4d4;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-nav > button[disabled] {
    display: none;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-nav > button[disabled] {
    pointer-events: none;
    opacity: 0;
  }
}
.exhibition-other-nav > button:first-child > span {
  transform: rotate(90deg);
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-nav > button:first-child:not([disabled]):before {
    right: -4px;
  }
}
.exhibition-other-nav > button:last-child > span {
  transform: rotate(-90deg);
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-nav > button:last-child:not([disabled]):before {
    left: -4px;
  }
}
.exhibition-other-pager {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-pager {
    gap: 0 4px;
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-pager:before {
    content: "Page " attr(data-current-page) "/" attr(data-total-pages);
  }
}
@media only screen and (max-width: 767.9px) {
  .exhibition-other-pager > button,
  .exhibition-other-pager > span {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-pager > button {
    width: 48px;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-pager > button.is-current {
    color: #fff;
    background-color: #9d3e61;
    border-color: #9d3e61;
  }
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-pager > button.is-hidden {
    display: none;
  }
}
.exhibition-other-pager > span {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .exhibition-other-pager > span {
    width: 36px;
    height: 48px;
    line-height: 3;
  }
}

@media print, screen and (min-width: 768px) {
  .l-contents .c-inquiry {
    margin-top: 0 !important;
  }
}

.gs18-GoTop {
  z-index: 2 !important;
}

/*! 微調整（2026年度用）
---------------------------------------------------------------- */
/*! コンテナ幅からはみ出す展示会情報の位置調整 */
#apec-2027 {
  transform: translateX(calc(-50% - var(--apec-2027-translateX)));
}
#apec-2027:before, #apec-2027:after {
  transform: translateX(var(--apec-2027-translateX));
}

#ofc-2027 {
  transform: translateX(calc(-50% - var(--ofc-2027-translateX)));
}
#ofc-2027:before, #ofc-2027:after {
  transform: translateX(var(--ofc-2027-translateX));
}

/*! 展示会情報のフェードインタイミング */
#pcim-expo-2026 {
  transition-delay: calc(var(--mv-item-fadein-delay) + var(--mv-item-fadein-delay-interval) * 1);
}

#pcim-asia-shenzhen-2026 {
  transition-delay: calc(var(--mv-item-fadein-delay) + var(--mv-item-fadein-delay-interval) * 2);
}

#cioe-2026 {
  transition-delay: calc(var(--mv-item-fadein-delay) + var(--mv-item-fadein-delay-interval) * 3);
}

#pcim-india-new-delhi-2026 {
  transition-delay: calc(var(--mv-item-fadein-delay) + var(--mv-item-fadein-delay-interval) * 4);
}

#ofc-2027 {
  transition-delay: calc(var(--mv-item-fadein-delay) + var(--mv-item-fadein-delay-interval) * 5);
}

#apec-2027 {
  transition-delay: calc(var(--mv-item-fadein-delay) + var(--mv-item-fadein-delay-interval) * 6);
}

/*! ピンの重なり対策 */
.exhibition-mv-map:has([data-id=pcim-asia-shenzhen-2026].is-opened) [data-id=cioe-2026],
.exhibition-mv-map:has([data-id=cioe-2026].is-opened) [data-id=pcim-asia-shenzhen-2026] {
  opacity: 0;
}

/*! ピンのフェードインタイミング */
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=pcim-expo-2026]:before, .exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=pcim-expo-2026]:after {
  animation-delay: calc(var(--mv-map-pin-fadein-delay) + var(--mv-map-pin-fadein-delay-interval) * 1);
}
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=pcim-asia-shenzhen-2026]:before, .exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=pcim-asia-shenzhen-2026]:after,
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=cioe-2026]:before,
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=cioe-2026]:after {
  animation-delay: calc(var(--mv-map-pin-fadein-delay) + var(--mv-map-pin-fadein-delay-interval) * 2);
}
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=pcim-india-new-delhi-2026]:before, .exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=pcim-india-new-delhi-2026]:after {
  animation-delay: calc(var(--mv-map-pin-fadein-delay) + var(--mv-map-pin-fadein-delay-interval) * 3);
}
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=ofc-2027]:before, .exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=ofc-2027]:after {
  animation-delay: calc(var(--mv-map-pin-fadein-delay) + var(--mv-map-pin-fadein-delay-interval) * 4);
}
.exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=apec-2027]:before, .exhibition-mv.has-animation .exhibition-mv-map--stage [data-id=apec-2027]:after {
  animation-delay: calc(var(--mv-map-pin-fadein-delay) + var(--mv-map-pin-fadein-delay-interval) * 5);
}