@charset "UTF-8";

:where(.bauma__main) {
  /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  /* Reset box-model and set borders */
  /* ============================================ */
  /* Document */
  /* ============================================ */
  /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  * 3. Remove gray overlay on links for iOS.
  */
  /* Sections */
  /* ============================================ */
  /**
  * Remove the margin in all browsers.
  */
  /**
  * Render the `main` element consistently in IE.
  */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics */
  /* ============================================ */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  * Add the correct font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  /* Embedded content */
  /* ============================================ */
  /**
  * Prevent vertical alignment issues.
  */
  /* Forms */
  /* ============================================ */
  /**
  * Reset form fields to make them styleable
  */
  /**
  * Reset radio and checkbox appearance to preserve their look in iOS.
  */
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Remove the inner border and padding in Firefox.
  */
  /**
  * Restore the focus styles unset by the previous rule.
  */
  /**
  * Remove arrow in IE10 & IE11
  */
  /**
  * Remove padding
  */
  /**
  * Reset to invisible
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  /**
  * 1. Correct the outline style in Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Clickable labels
  */
  /* Interactive */
  /* ============================================ */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  /*
  * Add the correct display in all browsers.
  */
  /*
  * Remove outline for editable content.
  */
  /* Table */
  /* ============================================ */
  /* Misc */
  /* ============================================ */
  /**
  * Add the correct display in IE 10+.
  */
  /**
  * Add the correct display in IE 10.
  */
}

:where(.bauma__main) *,
:where(.bauma__main) ::before,
:where(.bauma__main) ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

:where(.bauma__main) html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

:where(.bauma__main) body {
  margin: 0;
}

:where(.bauma__main) main {
  display: block;
}

:where(.bauma__main) p,
:where(.bauma__main) table,
:where(.bauma__main) blockquote,
:where(.bauma__main) address,
:where(.bauma__main) pre,
:where(.bauma__main) iframe,
:where(.bauma__main) form,
:where(.bauma__main) figure,
:where(.bauma__main) dl {
  margin: 0;
}

:where(.bauma__main) h1,
:where(.bauma__main) h2,
:where(.bauma__main) h3,
:where(.bauma__main) h4,
:where(.bauma__main) h5,
:where(.bauma__main) h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

:where(.bauma__main) ul,
:where(.bauma__main) ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(.bauma__main) dt {
  font-weight: bold;
}

:where(.bauma__main) dd {
  margin-left: 0;
}

:where(.bauma__main) hr {
  clear: both;
  /* 1 */
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
  /* 1 */
  height: 0;
  /* 2 */
  border-top-width: 1px;
  color: inherit;
}

:where(.bauma__main) pre {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

:where(.bauma__main) address {
  font-style: inherit;
}

:where(.bauma__main) a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

:where(.bauma__main) abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

:where(.bauma__main) b,
:where(.bauma__main) strong {
  font-weight: bolder;
}

:where(.bauma__main) code,
:where(.bauma__main) kbd,
:where(.bauma__main) samp {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

:where(.bauma__main) small {
  font-size: 80%;
}

:where(.bauma__main) sub,
:where(.bauma__main) sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

:where(.bauma__main) sub {
  bottom: -0.25em;
}

:where(.bauma__main) sup {
  top: -0.5em;
}

:where(.bauma__main) img,
:where(.bauma__main) embed,
:where(.bauma__main) object,
:where(.bauma__main) iframe {
  vertical-align: bottom;
}

:where(.bauma__main) button,
:where(.bauma__main) input,
:where(.bauma__main) optgroup,
:where(.bauma__main) select,
:where(.bauma__main) textarea {
  margin: 0;
  padding: 0;
  outline: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  vertical-align: middle;
  text-align: inherit;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.bauma__main) [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

:where(.bauma__main) [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

:where(.bauma__main) button,
:where(.bauma__main) input {
  /* 1 */
  overflow: visible;
}

:where(.bauma__main) button,
:where(.bauma__main) select {
  /* 1 */
  text-transform: none;
}

:where(.bauma__main) button,
:where(.bauma__main) [type=button],
:where(.bauma__main) [type=reset],
:where(.bauma__main) [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:where(.bauma__main) button[disabled],
:where(.bauma__main) [type=button][disabled],
:where(.bauma__main) [type=reset][disabled],
:where(.bauma__main) [type=submit][disabled] {
  cursor: default;
}

:where(.bauma__main) button::-moz-focus-inner,
:where(.bauma__main) [type=button]::-moz-focus-inner,
:where(.bauma__main) [type=reset]::-moz-focus-inner,
:where(.bauma__main) [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

:where(.bauma__main) button:-moz-focusring,
:where(.bauma__main) [type=button]:-moz-focusring,
:where(.bauma__main) [type=reset]:-moz-focusring,
:where(.bauma__main) [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:where(.bauma__main) select::-ms-expand {
  display: none;
}

:where(.bauma__main) option {
  padding: 0;
}

:where(.bauma__main) fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

:where(.bauma__main) legend {
  /* 2 */
  display: table;
  /* 1 */
  padding: 0;
  /* 1 */
  max-width: 100%;
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}

:where(.bauma__main) progress {
  vertical-align: baseline;
}

:where(.bauma__main) textarea {
  overflow: auto;
}

:where(.bauma__main) [type=number]::-webkit-inner-spin-button,
:where(.bauma__main) [type=number]::-webkit-outer-spin-button {
  height: auto;
}

:where(.bauma__main) [type=search] {
  outline-offset: -2px;
  /* 1 */
}

:where(.bauma__main) [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where(.bauma__main) ::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

:where(.bauma__main) label[for] {
  cursor: pointer;
}

:where(.bauma__main) details {
  display: block;
}

:where(.bauma__main) summary {
  display: list-item;
}

:where(.bauma__main) [contenteditable] {
  outline: none;
}

:where(.bauma__main) table {
  border-spacing: 0;
  border-collapse: collapse;
}

:where(.bauma__main) caption {
  text-align: left;
}

:where(.bauma__main) td,
:where(.bauma__main) th {
  padding: 0;
  vertical-align: top;
}

:where(.bauma__main) th {
  text-align: left;
  font-weight: bold;
}

:where(.bauma__main) template {
  display: none;
}

:where(.bauma__main) [hidden] {
  display: none;
}

:where(.bauma__main) {
  --board: 1200;
  --max: 1px;
}

:where(.bauma__main) {
  --colorBlack: #222;
  --colorBg: #fff;
  --colorMain: #dc1e37;
}

:where(.bauma__main) {
  --fontGothic: "Noto Sans JP", sans-serif;
  --fontMincho: "Zen Old Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  --fontEnglish: "Noto Sans", sans-serif;
  --fontMaru: "Zen Maru Gothic", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

:where(.bauma__main) {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:where(.bauma__main) {
  --fontSize: r(16);
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:where(.bauma__main) {
  --bodyBg: var(--colorBg);
  --speed: .4s;
}

:where(.bauma__main) :where(.bauma__main) {
  background-color: var(--bodyBg);
  color: var(--colorBlack);
  letter-spacing: var(--letterSpacing);
  font-weight: var(--weightRegular);
  font-size: var(--fontSize);
  line-height: var(--lineHeight);
  font-optical-sizing: auto;
  -webkit-font-feature-settings: var(--kerning);
  font-feature-settings: var(--kerning);
}

@-webkit-keyframes name {}

@keyframes name {}

:where(.bauma__main) a {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

:where(.bauma__main) a:focus {
  text-decoration: none;
}

:where(.bauma__main) a img {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

:where(.bauma__main) a[href^="tel:"] {
  color: inherit;
}

:where(.bauma__main) img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.bauma__main {
  color: #333;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: var(--fontGothic);
  line-height: 1.8;
}

.bauma__main [data-fade] {
  opacity: 0;
  -webkit-transition: 1s 0.25s;
  transition: 1s 0.25s;
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
  transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20));
}

.bauma__main [data-fade].is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.bauma__nav {
  display: none;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
}

.bauma__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bauma__nav a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  color: #333;
}

.bauma__nav a.is-active {
  font-weight: 700;
  pointer-events: none;
}

.bauma__nav a.is-active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #dc1e37;
}

.bauma__title {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  font-family: var(--fontEnglish);
  line-height: 1.3;
  text-box: trim-both cap alphabetic;
}

.bauma__access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  font-family: var(--fontEnglish);
  line-height: 1.3;
  text-box: trim-both cap alphabetic;
}

.bauma__mv {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bauma__mv-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
}

.bauma__mv-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

.bauma__movie {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 147, var(--max) * 147);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
  height: clamp(0px, 10vw / var(--board) * 10 * 625, var(--max) * 625);
}

.bauma__movie iframe {
  width: 100%;
  height: 100%;
}

.bauma__info {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 91, var(--max) * 91);
}

.bauma__info-title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  line-height: 1.3;
  text-box: trim-both cap alphabetic;
}

.bauma__info-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18.67, var(--max) * 18.67);
  text-box: trim-both cap alphabetic;
}

.bauma__info-name {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  text-align: center;
  text-box: trim-both cap alphabetic;
}

.bauma__content {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 147, var(--max) * 147);
}

.bauma__content-title,
.bauma__gallery-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  color: #dc1e37;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  text-box: trim-both cap alphabetic;
}

.bauma__content-map {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 1440, var(--max) * 1440);
  aspect-ratio: 1440/811;
  background-image: url(/global/engine/bauma2025/img/bauma2025/image_content_01.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.bauma__content-button {
  position: absolute;
  padding-bottom: 4.44444444%;
  width: 4.44444444%;
  height: 0;
  border-radius: 100%;
  background-color: #dc1e37;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) rgba(0, 0, 0, 0.251);
  box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) rgba(0, 0, 0, 0.251);
  color: #fff;
  cursor: pointer;
}

.bauma__content-button span {
  position: absolute;
  top: 12.5%;
  left: 50%;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  font-family: var(--fontEnglish);
  line-height: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bauma__content-button::after {
  content: "";
  position: absolute;
  top: 40.375%;
  left: 50%;
  display: block;
  padding-bottom: 52.90625%;
  width: 42.1875%;
  height: 0;
  background-image: url(/global/engine/bauma2025/img/bauma2025/icon_content-button.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bauma__content-button[data-modal="01"] {
  top: 50.9%;
  left: 20.5%;
}

.bauma__content-button[data-modal="02"] {
  top: 55%;
  left: 31.9%;
}

.bauma__content-button[data-modal="03"] {
  top: 56%;
  left: 25.3%;
}

.bauma__content-button[data-modal="04"] {
  top: 53.1%;
  left: 76.7%;
}

.bauma__content-button[data-modal="05"] {
  top: 57.4%;
  left: 64.7%;
}

.bauma__content-button[data-modal="06"] {
  top: 49.2%;
  left: 71%;
}

.bauma__content-button[data-modal="07"] {
  top: 40.7%;
  left: 28.9%;
}

.bauma__content-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: none;
  max-height: none;
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

.bauma__content-modal.is-show {
  visibility: visible;
  opacity: 1;
}

.bauma__content-modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  visibility: hidden;
  overflow: scroll;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  max-height: 96vh;
  width: clamp(0px, 10vw / var(--board) * 10 * 736, var(--max) * 736);
  height: clamp(0px, 10vw / var(--board) * 10 * 698, var(--max) * 698);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bauma__content-modal-inner.is-active {
  visibility: visible;
  opacity: 1;
}

.bauma__content-modal-close-button {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  right: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  width: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}

.bauma__content-modal-box {
  padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}

.bauma__content-modal-title {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  line-height: 1.5;
  text-box: trim-both cap alphabetic;
}

.bauma__content-modal-title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1;
}

.bauma__content-modal-title span::before {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-image: url(/global/engine/bauma2025/img/bauma2025/icon_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.bauma__content-modal-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  text-box: trim-both cap alphabetic;
}

.bauma__content-modal-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 34.5, var(--max) * 34.5);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  background-color: #dc1e37;
  color: #fff !important;
  font-weight: 700;
}

.bauma__gallery {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 147, var(--max) * 147);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 147, var(--max) * 147);
}

.bauma__gallery-grid {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35) clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22) 1fr;
  grid-template-columns: repeat(2, 1fr);
}

.bauma__gallery-box {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}

.bauma__gallery-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bauma__gallery-comingsoon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.051);
  color: rgba(0, 0, 0, 0.5);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 37.33, var(--max) * 37.33);
  font-family: var(--fontEnglish);
}

.bauma__gallery-comingsoon span {
  position: relative;
  z-index: 1;
}

.bauma__gallery-comingsoon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
  height: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
  background-image: url(/global/engine/bauma2025/img/bauma2025/icon_play.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

iframe {
  border: none;
}

.bauma__main-en {
  font-family: var(--fontEnglish);
}

.pc-none {
  display: none;
}

@media (max-width: 768px) {
  :where(.bauma__main) {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10.67, var(--max) * 10.67);
  }

  :where(.bauma__main) *,
  :where(.bauma__main) *::before,
  :where(.bauma__main) *::after {
    max-width: 100%;
  }

  .bauma__main {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 13.71, var(--max) * 13.71);
  }

  .bauma__title {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }

  .bauma__access {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .bauma__mv {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  }

  .bauma__mv-video {
    height: clamp(0px, 10vw / var(--board) * 10 * 652, var(--max) * 652);
    aspect-ratio: inherit;
  }

  .bauma__mv-video iframe {
    top: 50%;
    left: 50%;
    max-width: none;
    width: clamp(0px, 10vw / var(--board) * 10 * 1160, var(--max) * 1160);
    height: clamp(0px, 10vw / var(--board) * 10 * 653, var(--max) * 653);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .bauma__movie {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
    height: auto;
    aspect-ratio: 16/9;
  }

  .bauma__info {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
  }

  .bauma__info-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .bauma__info-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .bauma__info-name {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }

  .bauma__content {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
  }

  .bauma__content-title,
  .bauma__gallery-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .bauma__content-title,
  .bauma__gallery-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }

  .bauma__content-map {
    width: clamp(0px, 10vw / var(--board) * 10 * 390, var(--max) * 390);
    aspect-ratio: 390/334;
    background-image: url(/global/engine/bauma2025/img/bauma2025/image_content_01_sp.webp);
    background-size: cover;
  }

  .bauma__content-button {
    padding-bottom: 12.30769231%;
    width: 12.30769231%;
  }

  .bauma__content-button[data-modal="01"] {
    top: 44.7%;
    left: 2.2%;
  }

  .bauma__content-button[data-modal="02"] {
    top: 56%;
    left: 21.9%;
  }

  .bauma__content-button[data-modal="03"] {
    top: 59.4%;
    left: 8.3%;
  }

  .bauma__content-button[data-modal="04"] {
    top: 56.1%;
    left: 87.1%;
  }

  .bauma__content-button[data-modal="05"] {
    top: 50.4%;
    left: 68.7%;
  }

  .bauma__content-button[data-modal="06"] {
    top: 41%;
    left: 81%;
  }

  .bauma__content-button[data-modal="07"] {
    top: 34.7%;
    left: 16.9%;
  }

  .bauma__content-modal-inner {
    width: 96%;
  }

  .bauma__content-modal-close-button {
    width: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
    height: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
  }

  .bauma__content-modal-box {
    padding: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  }

  .bauma__content-modal picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: clamp(0px, 10vw / var(--board) * 10 * 390, var(--max) * 390);
    background-color: #f2f2f2;
  }

  .bauma__content-modal-image {
    height: 80%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .bauma__content-modal-04 .bauma__content-modal-image {
    height: 56%;
  }

  .bauma__content-modal-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .bauma__content-modal-title span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10.67, var(--max) * 10.67);
  }

  .bauma__content-modal-title span::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    height: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .bauma__gallery {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 78, var(--max) * 78);
  }

  .bauma__gallery-grid {
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }


  .bauma__gallery-comingsoon {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 19.2, var(--max) * 19.2);
  }

  .bauma__gallery-comingsoon::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
    height: clamp(0px, 10vw / var(--board) * 10 * 62, var(--max) * 62);
  }

  .pc-none {
    display: block !important;
  }

  .sp-none {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  :where(.bauma__main) {
    --board: 390;
    --max: 9999px;
  }
}

@media (hover: hover) {
  :where(.bauma__main) a:hover {
    opacity: 0.6;
  }

  .bauma__nav a:hover {
    text-decoration: none;
    opacity: 0.7;
  }

  .bauma__content-button:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
  }

  .bauma__content-modal-close-button:hover {
    opacity: 0.5;
  }

  .bauma__content-modal-link:hover {
    text-decoration: none;
  }
}