@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* font family */
/* base font size */
/* calculate rem */
/* make media query */
.story-focus-photo__cover img, .story-detail-introduction__photo__cover img, .story-detail-profile__photo__cover img, .story-detail-memo__slide__photo__cover img, .zone-nav-map__image > img, .zone-visual-lists__item > img, .zone-lists-photo > img, .top-zone-lists__photo img, .top-about-bg > img, .i-objectFit, .list-topics-photo > img, .list-stories-photo__cover img, .list-movies-trigger img, .section-news-lists__photo > img {
  width: 100%;
  height: 100%;
  max-width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
}

.topics-movie-filters__item > button, .zone-lists-trigger, .zone-article-pager__arrow, .modal-zone-close, .modal-zone-overlay, .modal-movie-close, .modal-movie-overlay, .modal-youtube-close, .list-movies-trigger, .l-gnav-trigger, .l-gnav-links__item > a, .l-gnav-links__item > button, .l-gnav-animation, .l-gnav-close, .l-hd-animation {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

.topics-movie-filters, .zone-nav-map__links, .zone-nav-links, .zone-visual-lists, .zone-lists, .top-zone-lists, .top-official-sns, .list-topics, .list-stories, .list-news, .list-movies, .block-banner-lists, .section-news-lists, .section-story-lists, .section-official-sns, .l-ft-links__lists, .l-ft-sns, .l-gnav-links, .l-gnav-sublinks, .l-gnav-sns, .l-gnav-lng, .l-hd-sns, .l-hd-lng, .l-hd-links, .l-hd-visual__lists {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body {
  overflow-x: clip;
}

html {
  scroll-padding-top: 14vw;
}
@media screen and (min-width: 769px) {
  html {
    scroll-padding-top: clamp(32px, 4.1666666667vw, 60px);
  }
}

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #DCEDC8;
  font-family: "Shippori Antique B1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  color: #4E342E;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  border: none;
  vertical-align: top;
}

picture {
  display: block;
  position: relative;
  width: 100%;
}

a {
  color: #4E342E;
}

@media (hover: hover) {
  a,
  button {
    -webkit-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
  }
  a:-moz-any-link:hover {
    text-decoration: none;
    opacity: 0.75;
  }
  a:any-link:hover,
  button:enabled:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}
.l-container {
  position: relative;
  overflow-y: clip;
}

.l-wrap {
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-wrap {
    margin: 0 auto;
    max-width: 1440px;
  }
}

/* ヘッダー単体配信用スタイル */
.g-header {
  --g-color-black: #000;
  --g-color-white: #fff;
  --g-color-blue: #0068B7;
  --g-color-yellow: #E6E400;
  --g-font-jp:
    'Noto Sans JP', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial,
    sans-serif;
  --g-transition1: .3s ease;
  --g-opacity1: .75;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  min-height: 60px;
  background-color: var(--g-color-white);
  font-family: var(--g-font-jp);
}

@media screen and (min-width: 768px), print and (min-width: 768px) {
  .g-header {
    min-height: 70px;
  }
}
.g-header a {
  text-decoration: none;
}

.g-header img {
  max-width: 100%;
  vertical-align: bottom;
}

.g-header .g-headerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 4px 4px 15px;
}

@media screen and (min-width: 768px), print and (min-width: 768px) {
  .g-header .g-headerWrapper {
    position: relative;
    padding: 4px 4px 4px 17.5px;
    min-height: 70px;
  }
}
.g-header .g-headerSiteID {
  /* サイトロゴ */
  max-width: 195px;
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerSiteID {
    max-width: 228px;
  }
}
.g-header .g-headerSiteID a {
  display: block;
  -webkit-transition: opacity var(--g-transition1);
  transition: opacity var(--g-transition1);
}

@media screen and (any-hover: hover) and (min-width: 768px), print and (any-hover: hover) and (min-width: 768px) {
  .g-header .g-headerSiteID a:hover {
    opacity: var(--g-opacity1);
  }
}
.g-header .g-headerContent__inner {
  /* ヘッダーコンテンツ */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

@media screen and (min-width: 768px), print and (min-width: 768px) {
  .g-header .g-headerContent__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 12px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
  }
}
@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerContent__inner {
    gap: 0 24px;
  }
}
.g-header .g-headerSNS {
  /* SNS */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px), print and (max-width: 767px) {
  .g-header .g-headerSNS {
    display: none;
  }
}
.g-header .g-headerSNS__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  width: auto;
  list-style: none;
}

.g-header .g-headerSNS__list > li a {
  display: block;
  color: var(--g-color-black);
  -webkit-transition: opacity var(--g-transition1);
  transition: opacity var(--g-transition1);
}

@media screen and (any-hover: hover) and (min-width: 768px), print and (any-hover: hover) and (min-width: 768px) {
  .g-header .g-headerSNS__list > li a:hover {
    opacity: 0.75;
  }
}
.g-header .g-headerSNS__list > li img {
  max-width: 30px;
}

@media screen and (min-width: 768px), print and (min-width: 768px) {
  .g-header .g-headerSNS__list > li img {
    max-width: 30px;
  }
  .g-header .g-headerSNS__list > li img.img-x {
    max-width: 22px;
  }
}
.g-header .g-headerEvent {
  /* イベント情報 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px), print and (max-width: 767px) {
  .g-header .g-headerEvent {
    display: none;
  }
}
.g-header .g-headerEvent__title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.3;
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerEvent__title {
    font-size: 17px;
  }
}
.g-header .g-headerEvent__date {
  margin: 0;
  text-align: center;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerEvent__date {
    font-size: 11px;
  }
}
.g-header .g-headerTicket {
  /* チケットボタン */
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerTicket {
    margin-left: 8px;
  }
}
.g-header .g-headerTicket > a, .g-header .g-headerTicket > div {
  display: block;
  position: relative;
  color: var(--g-color-white);
  -webkit-transition: opacity var(--g-transition1);
  transition: opacity var(--g-transition1);
}

@media screen and (any-hover: hover) and (min-width: 768px), print and (any-hover: hover) and (min-width: 768px) {
  .g-header .g-headerTicket > a:hover, .g-header .g-headerTicket > div:hover {
    opacity: var(--g-opacity1);
  }
}
.g-header .g-headerTicket__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3.5fr 8px 6.5fr;
  grid-template-columns: 3.5fr 6.5fr;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px 8px;
  padding: 6px 4px 4px;
  width: 112px;
  min-height: 52px;
  border-radius: 4px;
  background-color: var(--g-color-blue);
  -webkit-transition: opacity var(--g-transition1);
  transition: opacity var(--g-transition1);
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerTicket__inner {
    -ms-grid-columns: 38px 6px 6.5fr;
    grid-template-columns: 38px 6.5fr;
    -ms-grid-rows: auto 8px auto;
        grid-template-areas: "left top" "left bottom";
    gap: 8px 6px;
    padding: 12px 16px 12px 9px;
    width: 196px;
  }
}
.g-header .g-headerTicket__inner::before {
  content: "";
  margin-left: auto;
  width: 27px;
  aspect-ratio: 38/31;
  background: url("https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/tickets1.svg") center/cover no-repeat;
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerTicket__inner::before {
    grid-area: left;
    width: 38px;
  }
}
@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerTicket__inner img {
    grid-area: top;
  }
}
.g-header .g-headerTicket__inner::after {
  content: "CLICK";
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 10px;
  border-radius: 100vh;
  background-color: var(--g-color-yellow);
  color: var(--g-color-blue);
  font-size: 7px;
  font-weight: 800;
  line-height: 1;
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerTicket__inner::after {
    grid-area: bottom;
    height: 16px;
    font-size: 10px;
  }
}

@media screen and (min-width: 1024px), print and (min-width: 1024px){
  .g-header .g-headerTicket__inner::before {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .g-header .g-headerTicket__inner img {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .g-header .g-headerTicket__inner::after {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header .g-headerTicket__inner::before {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .g-header .g-headerTicket__inner img {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .g-header .g-headerTicket__inner::after {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.g-header .g-headerTicket__inner source {
  /* source 要素をレイアウト計算から外す */
  display: contents;
}

.g-header .g-header-visually-hidden {
  /* 視覚的には隠すが、スクリーンリーダーには読ませる */
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.g-header.--en .g-headerEvent__title {
  /* 英語版調整 */
  font-size: 17px;
}

@media screen and (min-width: 1024px), print and (min-width: 1024px) {
  .g-header.--en .g-headerEvent__title {
    font-size: 20px;
  }
}
.l-hd {
  position: relative;
  width: 100%;
}
.l-hd-content {
  position: relative;
  width: 100%;
  padding-top: 60px;
}
@media screen and (min-width: 769px) {
  .l-hd-content {
    padding-top: 71px;
  }
}
.l-hd-content__inner {
  position: relative;
  width: 100%;
  height: 61.5vw;
}
@media screen and (min-width: 769px) {
  .l-hd-content__inner {
    height: clamp(214.4px, 27.9166666667vw, 402px);
  }
}
.page-home .l-hd-content__inner {
  height: 191.25vw;
}
@media screen and (min-width: 769px) {
  .page-home .l-hd-content__inner {
    height: clamp(517.3333333333px, 67.3611111111vw, 970px);
  }
}
.l-hd-above {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 13.5vw;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-hd-above {
    height: clamp(64px, 8.3333333333vw, 120px);
  }
}
.page-home .l-hd-above {
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  opacity: 0;
}
.body-show-page .l-hd-above {
  opacity: 1;
}
.l-hd-above::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27.5vw;
  background-repeat: repeat-x;
  background-position: center bottom;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .l-hd-above::after {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/title_bg1.svg);
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .l-hd-above::after {
    height: clamp(96px, 12.5vw, 180px);
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/title_bg1-desktop.svg);
    background-size: auto 100%;
  }
}
.l-hd-title {
  margin: 0;
  padding: 1.25vw 5.5vw 0;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.4583333333;
}
@media screen and (min-width: 769px) {
  .l-hd-title {
    padding: clamp(15.4666666667px, 2.0138888889vw, 29px) clamp(33.6px, 4.375vw, 63px) 0;
    font-size: clamp(22.4px, 2.9166666667vw, 42px);
  }
}
.l-hd-logo {
  position: absolute;
  top: 16.5vw;
  left: -6.25vw;
  margin: 0;
  width: 45vw;
  height: 45vw;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  .l-hd-logo {
    top: clamp(65.0666666667px, 8.4722222222vw, 122px);
    left: clamp(-38px, -2.6388888889vw, 20.2666666667px);
    width: clamp(149.3333333333px, 19.4444444444vw, 280px);
    height: clamp(149.3333333333px, 19.4444444444vw, 280px);
  }
}
.page-home .l-hd-logo {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .page-home .l-hd-logo {
    top: 75.75vw;
  }
}
.body-show-page .l-hd-logo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.l-hd-logo > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/logo1_bg.svg) no-repeat center center;
  background-size: 100%;
  text-decoration: none;
}
@media (hover: hover) {
  .l-hd-logo > a .l-hd-logo__link {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-hd-logo > a:hover {
    opacity: 1;
  }
  .l-hd-logo > a:hover .l-hd-logo__link {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.l-hd-logo__text {
  margin: 0;
  padding-top: 11.47vw;
  text-align: center;
  color: #F5FAEF;
}
@media screen and (min-width: 769px) {
  .l-hd-logo__text {
    padding-top: clamp(38.064px, 4.95625vw, 71.37px);
  }
}
.l-hd-logo__text > span {
  display: block;
}
.l-hd-logo__text > span.is-text-1 {
  font-size: 4.215vw;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .l-hd-logo__text > span.is-text-1 {
    font-size: clamp(13.984px, 1.8208333333vw, 26.22px);
  }
}
.l-hd-logo__text > span.is-text-2 {
  font-size: 3.5125vw;
  line-height: 1.254;
}
@media screen and (min-width: 769px) {
  .l-hd-logo__text > span.is-text-2 {
    font-size: clamp(11.6533333333px, 1.5173611111vw, 21.85px);
  }
}
.l-hd-logo__text > span.is-text-name {
  font-size: 5.745vw;
  line-height: 1.064;
}
@media screen and (min-width: 769px) {
  .l-hd-logo__text > span.is-text-name {
    font-size: clamp(19.0666666667px, 2.4826388889vw, 35.75px);
  }
}
.l-hd-logo__link {
  position: relative;
  margin: 1.5vw 0 0;
  padding-left: 11vw;
  font-size: 2.25vw;
  letter-spacing: 0.01em;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .l-hd-logo__link {
    margin-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
    padding-left: clamp(37.3333333333px, 4.8611111111vw, 70px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.l-hd-logo__link > span {
  display: inline-block;
  position: relative;
  padding: 0 2vw 0 12.5vw;
  text-shadow: 0 0 2.5vw #DCEDC8;
  color: #4E342E;
}
@media screen and (min-width: 769px) {
  .l-hd-logo__link > span {
    padding: 0 clamp(6.9333333333px, 0.9027777778vw, 13px) 0 clamp(36.2666666667px, 4.7222222222vw, 68px);
    text-shadow: 0 0 clamp(5.3333333333px, 0.6944444444vw, 10px) #DCEDC8;
  }
}
.l-hd-logo__link > span::before, .l-hd-logo__link > span::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.l-hd-logo__link > span::before {
  top: -3vw;
  left: 0;
  width: 12.25vw;
  height: 10.2075vw;
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/logo_pic1.webp);
}
@media screen and (min-width: 769px) {
  .l-hd-logo__link > span::before {
    top: clamp(-19px, -1.3194444444vw, 10.1333333333px);
    width: clamp(36.8px, 4.7916666667vw, 69px);
    height: clamp(32.5333333333px, 4.2361111111vw, 61px);
  }
}
.l-hd-logo__link > span::after {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1vw;
  height: 1.75vw;
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow1.svg);
}
@media screen and (min-width: 769px) {
  .l-hd-logo__link > span::after {
    width: clamp(3.2px, 0.4166666667vw, 6px);
    height: clamp(5.8666666667px, 0.7638888889vw, 11px);
  }
}
@media screen and (max-width: 768px) {
  .l-hd-sns {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-hd-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8.5333333333px, 1.1111111111vw, 16px);
    position: absolute;
    top: clamp(43.2px, 5.625vw, 81px);
    right: clamp(164.2666666667px, 21.3888888889vw, 308px);
    z-index: 3;
  }
  .page-home .l-hd-sns {
    -webkit-transition: opacity 0.8s linear;
    transition: opacity 0.8s linear;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    opacity: 0;
  }
  .body-show-page .l-hd-sns {
    opacity: 1;
  }
}
.l-hd-sns__item {
  position: relative;
}
.l-hd-sns__item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: clamp(3.7333333333px, 0.4861111111vw, 7px);
  width: 100%;
  height: 100%;
  text-decoration: none;
}
@media (hover: hover) {
  .l-hd-sns__item > a i {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-hd-sns__item > a:hover {
    opacity: 1;
  }
  .l-hd-sns__item > a:hover i {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (min-width: 769px) {
  .l-hd-sns__item i {
    width: clamp(12.8px, 1.6666666667vw, 24px);
    height: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
@media screen and (min-width: 769px) {
  .l-hd-sns__item span {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
    line-height: 1.25;
  }
}
@media screen and (max-width: 768px) {
  .l-hd-animation {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-hd-animation {
    position: absolute;
    top: clamp(25.6px, 3.3333333333vw, 48px);
    right: clamp(74.6666666667px, 9.7222222222vw, 140px);
    padding-left: clamp(11.2px, 1.4583333333vw, 21px);
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
    line-height: 1.25;
    z-index: 3;
  }
  .l-hd-animation::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: clamp(10.6666666667px, 1.3888888889vw, 20px);
    height: clamp(10.6666666667px, 1.3888888889vw, 20px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
  }
  .page-home .l-hd-animation {
    -webkit-transition: opacity 0.8s linear;
    transition: opacity 0.8s linear;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    opacity: 0;
  }
  .body-show-page .l-hd-animation {
    opacity: 1;
  }
  .l-hd-animation.is-playing::before {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/stop1.svg);
  }
  .l-hd-animation.is-stopping::before {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/play1.svg);
  }
}
@media screen and (max-width: 768px) {
  .l-hd-lng {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-hd-lng {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: clamp(21.3333333333px, 2.7777777778vw, 40px);
    right: clamp(13.3333333333px, 1.7361111111vw, 25px);
    z-index: 3;
  }
}
.page-home .l-hd-lng {
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  opacity: 0;
}
.body-show-page .l-hd-lng {
  opacity: 1;
}
.l-hd-lng__item {
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-hd-lng__item {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
    line-height: 2;
  }
}
.l-hd-lng__item:not(:last-child)::after {
  content: "|";
  padding: 0 clamp(5.3333333333px, 0.6944444444vw, 10px);
}
.l-hd-lng__item > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.l-hd-lng__item > a:not(.is-active) {
  opacity: 0.5;
}
@media (hover: hover) {
  .l-hd-lng__item > a {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-hd-lng__item > a:hover {
    opacity: 1;
  }
  .l-hd-lng__item > a:hover:not(.is-active) {
    opacity: 0.5;
  }
  .l-hd-lng__item > a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .l-hd-links {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-hd-links {
    position: absolute;
    top: clamp(101.3333333333px, 13.1944444444vw, 190px);
    left: clamp(136px, 17.7083333333vw, 255px);
    z-index: 5;
  }
}
.l-hd-links__item {
  position: absolute;
}
.page-home .l-hd-links__item {
  -webkit-transition: opacity 1s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.5, 0, 0, 1), opacity 1s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1s cubic-bezier(0.5, 0, 0, 1), opacity 1s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
}
.body-show-page .l-hd-links__item {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.l-hd-links__item.is-link-about {
  z-index: 4;
}
@media screen and (min-width: 769px) {
  .l-hd-links__item.is-link-about {
    top: clamp(8.5333333333px, 1.1111111111vw, 16px);
    left: 0;
    width: clamp(138.6666666667px, 18.0555555556vw, 260px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.l-hd-links__item.is-link-zone {
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .l-hd-links__item.is-link-zone {
    top: clamp(-5px, -0.3472222222vw, 2.6666666667px);
    left: clamp(152px, 19.7916666667vw, 285px);
    width: clamp(54.4px, 7.0833333333vw, 102px);
    height: clamp(28.8px, 3.75vw, 54px);
  }
  .l-hd-links__item.is-link-zone text {
    -webkit-transform: translateX(clamp(2.1333333333px, 0.2777777778vw, 4px));
            transform: translateX(clamp(2.1333333333px, 0.2777777778vw, 4px));
  }
}
.l-hd-links__item.is-link-topics {
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-hd-links__item.is-link-topics {
    top: clamp(5.3333333333px, 0.6944444444vw, 10px);
    left: clamp(221.3333333333px, 28.8194444444vw, 415px);
    width: clamp(51.2px, 6.6666666667vw, 96px);
    height: clamp(25.6px, 3.3333333333vw, 48px);
  }
}
.l-hd-links__item.is-link-news {
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-hd-links__item.is-link-news {
    top: clamp(6.4px, 0.8333333333vw, 12px);
    left: clamp(221.3333333333px, 28.8194444444vw, 415px);
    width: clamp(35.2px, 4.5833333333vw, 66px);
    height: clamp(25.6px, 3.3333333333vw, 48px);
  }
}
.l-hd-links__item > a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .l-hd-links__item > a svg {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-hd-links__item > a:hover {
    opacity: 1;
  }
  .l-hd-links__item > a:hover svg {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.l-hd-links__item svg {
  width: 100%;
  height: 100%;
}
.l-hd-links__item svg path {
  stroke: #4E342E;
}
.l-hd-links__item svg text {
  fill: #4E342E;
  font-size: 1.25rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .l-hd-links__item svg text {
    translate: 0 clamp(-6px, -0.4166666667vw, 3.2px);
  }
}
.l-hd-catch {
  position: absolute;
  top: 91.5vw;
  left: 87.5vw;
  margin: 0;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 5vw;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.05;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .l-hd-catch {
    top: clamp(226.6666666667px, 29.5138888889vw, 425px);
    left: clamp(22.9333333333px, 2.9861111111vw, 43px);
    font-size: clamp(19.2px, 2.5vw, 36px);
  }
}
.page-home .l-hd-catch {
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  opacity: 0;
}
.body-show-page .l-hd-catch {
  opacity: 1;
}
.l-hd-visual {
  position: absolute;
  top: 20.5vw;
  left: -2.5vw;
  width: 104.5vw;
  height: 63.75vw;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-hd-visual {
    top: clamp(139.7333333333px, 18.1944444444vw, 262px);
    left: clamp(75.7333333333px, 9.8611111111vw, 142px);
    width: clamp(655.4666666667px, 85.3472222222vw, 1229px);
    height: clamp(377.0666666667px, 49.0972222222vw, 707px);
    z-index: 1;
  }
}
.page-home .l-hd-visual {
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  opacity: 0;
}
.body-show-page .l-hd-visual {
  opacity: 1;
}
.l-hd-visual__slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.l-hd-visual__slide .splide {
  height: 100%;
}
.l-hd-visual__slide .splide__track {
  height: 60.25vw;
  -webkit-mask: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/visual_mask.svg) no-repeat center center;
          mask: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/visual_mask.svg) no-repeat center center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
@media screen and (min-width: 769px) {
  .l-hd-visual__slide .splide__track {
    height: 100%;
  }
}
.l-hd-visual__slide .splide__control {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: auto;
  padding: 0 7.5vw;
}
@media screen and (min-width: 769px) {
  .l-hd-visual__slide .splide__control {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    bottom: clamp(19.2px, 2.5vw, 36px);
    padding: 0 clamp(16px, 2.0833333333vw, 30px);
  }
}
.l-hd-visual__lists__item {
  position: relative;
}
.l-hd-visual__lists__item img {
  -webkit-transition: 30s linear;
  transition: 30s linear;
}
.l-hd-visual__lists__item.is-active {
  z-index: 3;
}
body:not(.body-animation-paused) .l-hd-visual__lists__item.is-active img {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.l-hd-character {
  position: absolute;
  top: 115vw;
  left: 36vw;
  width: 49vw;
  height: 76.25vw;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .l-hd-character {
    top: clamp(58.6666666667px, 7.6388888889vw, 110px);
    left: clamp(499.2px, 65vw, 936px);
    width: clamp(218.6666666667px, 28.4722222222vw, 410px);
    height: clamp(308.2666666667px, 40.1388888889vw, 578px);
  }
}
.page-home .l-hd-character {
  -webkit-transition: opacity 2s cubic-bezier(0, 0, 0, 1), -webkit-transform 2s cubic-bezier(0, 0, 0, 1);
  transition: opacity 2s cubic-bezier(0, 0, 0, 1), -webkit-transform 2s cubic-bezier(0, 0, 0, 1);
  transition: transform 2s cubic-bezier(0, 0, 0, 1), opacity 2s cubic-bezier(0, 0, 0, 1);
  transition: transform 2s cubic-bezier(0, 0, 0, 1), opacity 2s cubic-bezier(0, 0, 0, 1), -webkit-transform 2s cubic-bezier(0, 0, 0, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: rotate(-10deg) scale(1.6);
          transform: rotate(-10deg) scale(1.6);
  opacity: 0;
}
.body-show-page .l-hd-character {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.l-hd-character__info {
  position: absolute;
  top: 17.5vw;
  right: 35vw;
}
@media screen and (min-width: 769px) {
  .l-hd-character__info {
    top: clamp(49.0666666667px, 6.3888888889vw, 92px);
    right: clamp(144px, 18.75vw, 270px);
  }
}
.l-hd-character__title, .l-hd-character__name {
  text-align: right;
  white-space: nowrap;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.25;
}
.l-hd-character__title {
  font-size: 2.275vw;
}
@media screen and (min-width: 769px) {
  .l-hd-character__title {
    font-size: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.l-hd-character__title > p {
  margin: 0;
}
.l-hd-character__name {
  margin: 0;
  font-size: 3.185vw;
}
@media screen and (min-width: 769px) {
  .l-hd-character__name {
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.l-hd-character__name {
  font-weight: 700;
}
.l-hd-character__pic {
  position: absolute;
  top: 0;
  left: 15vw;
  margin: 0;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  width: 29.25vw;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-hd-character__pic {
    left: clamp(80.5333333333px, 10.4861111111vw, 151px);
    width: clamp(99.7333333333px, 12.9861111111vw, 187px);
  }
}
.l-hd-character__text {
  position: absolute;
  top: 27vw;
  left: 0;
  width: 100%;
  height: 49vw;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-hd-character__text {
    top: clamp(90.1333333333px, 11.7361111111vw, 169px);
    height: clamp(218.6666666667px, 28.4722222222vw, 410px);
  }
}
body:not(.body-animation-paused) .l-hd-character__text {
  -webkit-animation: spin 30s linear infinite;
          animation: spin 30s linear infinite;
}
.l-hd-character__text svg {
  width: 100%;
  height: 100%;
}
.l-hd-character__text svg path {
  stroke: #0068B7;
}
.l-hd-character__text svg text {
  font-size: 1rem;
  line-height: 2;
  fill: #fff;
}
.l-hd .deco {
  z-index: 1;
}
.l-hd .deco-1 {
  top: -60px;
  left: -16vw;
  width: 48vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-1 {
    top: clamp(-44px, -3.0555555556vw, 23.4666666667px);
    left: clamp(212.2666666667px, 27.6388888889vw, 398px);
    width: clamp(204.8px, 26.6666666667vw, 384px);
  }
}
.page-home .l-hd .deco-1 {
  -webkit-transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  opacity: 0;
}
.body-show-page .l-hd .deco-1 {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.l-hd .deco-2 {
  top: 154vw;
  left: 72vw;
  width: 52.5vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-2 {
    top: clamp(330.1333333333px, 42.9861111111vw, 619px);
    left: clamp(613.8666666667px, 79.9305555556vw, 1151px);
    width: clamp(224px, 29.1666666667vw, 420px);
    z-index: 2;
  }
}
.page-home .l-hd .deco-2 {
  -webkit-transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  opacity: 0;
}
.body-show-page .l-hd .deco-2 {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.l-hd .deco-3 {
  top: 86.25vw;
  left: 26.25vw;
  width: 54vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-3 {
    top: clamp(174.4px, 22.7083333333vw, 327px);
    left: clamp(-17px, -1.1805555556vw, 9.0666666667px);
    width: clamp(230.9333333333px, 30.0694444444vw, 433px);
    z-index: 2;
  }
}
.page-home .l-hd .deco-3 {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
  opacity: 0;
}
.body-show-page .l-hd .deco-3 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.l-hd .deco-4 {
  top: 127.25vw;
  left: -21.5vw;
  width: 59vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-4 {
    top: clamp(437.8666666667px, 57.0138888889vw, 821px);
    left: clamp(-33px, -2.2916666667vw, 17.6px);
    width: clamp(252.2666666667px, 32.8472222222vw, 473px);
    z-index: 2;
  }
}
.page-home .l-hd .deco-4 {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  -webkit-transform: translateX(-30%);
          transform: translateX(-30%);
  opacity: 0;
}
.body-show-page .l-hd .deco-4 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.l-hd .deco-switch.deco-flower_lightblue1 {
  top: -5vw;
  left: 14vw;
  width: 54vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-switch.deco-flower_lightblue1 {
    top: clamp(-65px, -4.5138888889vw, 34.6666666667px);
    left: clamp(138.1333333333px, 17.9861111111vw, 259px);
    width: clamp(204.8px, 26.6666666667vw, 384px);
  }
}
.l-hd .deco-switch.deco-leafe_green1 {
  top: -5vw;
  left: 14vw;
  width: 54vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-switch.deco-leafe_green1 {
    top: clamp(-25px, -1.7361111111vw, 13.3333333333px);
    left: clamp(89.0666666667px, 11.5972222222vw, 167px);
    width: clamp(230.9333333333px, 30.0694444444vw, 433px);
  }
}
.l-hd .deco-switch.deco-leafe_yellow1 {
  top: -10vw;
  left: 13.5vw;
  width: 56.75vw;
  -webkit-transform: rotate(20.14deg);
          transform: rotate(20.14deg);
}
@media screen and (min-width: 769px) {
  .l-hd .deco-switch.deco-leafe_yellow1 {
    top: clamp(-111px, -7.7083333333vw, 59.2px);
    left: clamp(110.4px, 14.375vw, 207px);
    width: clamp(252.2666666667px, 32.8472222222vw, 473px);
  }
}
.l-hd .deco-switch.deco-flower_pink1 {
  top: -12.75vw;
  left: 24.75vw;
  width: 50.25vw;
}
@media screen and (min-width: 769px) {
  .l-hd .deco-switch.deco-flower_pink1 {
    top: clamp(-106px, -7.3611111111vw, 56.5333333333px);
    left: clamp(124.8px, 16.25vw, 234px);
    width: clamp(224px, 29.1666666667vw, 420px);
  }
}

.l-gnav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10001;
}
.l-gnav-trigger {
  position: absolute;
  top: clamp(43.7333333333px, 60px + 5.5vw, 82px);
  right: 2.5vw;
  width: 18vw;
  height: 19.5vw;
  font-size: 2.25vw;
  line-height: 2;
  color: #4E342E;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-gnav-trigger {
    top: clamp(88px, 71px + 6.5277777778vw, 165px);
    right: clamp(10.6666666667px, 1.3888888889vw, 20px);
    width: clamp(65.6px, 8.5416666667vw, 123px);
    height: clamp(71.4666666667px, 9.3055555556vw, 134px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
@media (hover: hover) {
  .l-gnav-trigger::before, .l-gnav-trigger > span {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-gnav-trigger:hover {
    opacity: 1 !important;
  }
  .l-gnav-trigger:hover::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .l-gnav-trigger:hover > span {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
}
.l-gnav-trigger::before {
  content: "";
  position: absolute;
  top: 3.75vw;
  left: 4.5vw;
  width: 9vw;
  height: 9.5vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/gnav_trigger_tree.webp) no-repeat center center;
  background-size: 100%;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-gnav-trigger::before {
    top: clamp(13.3333333333px, 1.7361111111vw, 25px);
    left: clamp(17.0666666667px, 2.2222222222vw, 32px);
    width: clamp(33.0666666667px, 4.3055555556vw, 62px);
    height: clamp(34.6666666667px, 4.5138888889vw, 65px);
  }
}
.l-gnav-trigger::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/gnav_trigger_bg.svg) no-repeat center center;
          mask: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/gnav_trigger_bg.svg) no-repeat center center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: rgba(190, 220, 157, 0.8);
  backdrop-filter: blur(1vw);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-gnav-trigger::after {
    backdrop-filter: blur(clamp(2.1333333333px, 0.2777777778vw, 4px));
  }
}
.l-gnav-trigger > span {
  position: absolute;
  bottom: 2.25vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-gnav-trigger > span {
    bottom: clamp(9.0666666667px, 1.1805555556vw, 17px);
  }
}
.l-gnav-drawer {
  pointer-events: none;
  position: absolute;
  top: 1.75vw;
  right: 1.75vw;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), visibility 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), visibility 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), visibility 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), visibility 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  padding: 15vw 5vw 11.25vw;
  width: 96.5vw;
  max-height: calc(100dvh - 1.75vw * 2);
  background-color: rgba(190, 220, 157, 0.8);
  backdrop-filter: blur(1.25vw);
  border-radius: 10vw;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .l-gnav-drawer {
    top: clamp(43.2px, 71px + 0.6944444444vw, 81px);
    right: clamp(10.6666666667px, 1.3888888889vw, 20px);
    padding: clamp(32px, 4.1666666667vw, 60px) clamp(14.4px, 1.875vw, 27px) clamp(17.0666666667px, 2.2222222222vw, 32px);
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
    max-height: calc(100dvh - clamp(37.3333333333px, 4.8611111111vw, 70px) * 2);
    backdrop-filter: blur(clamp(2.6666666667px, 0.3472222222vw, 5px));
    border-radius: clamp(21.3333333333px, 2.7777777778vw, 40px);
  }
}
.l-gnav-drawer[aria-hidden=false] {
  pointer-events: all;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.l-gnav-drawer__below {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8vw;
}
@media screen and (min-width: 769px) {
  .l-gnav-drawer__below {
    display: none;
  }
}
.l-gnav-ticket {
  margin: 0 0 8.5vw;
  width: 100%;
}
.l-gnav-ticket__title {
  margin-bottom: 2vw;
  font-size: 3.25vw;
  font-weight: 400;
  line-height: 1.5;
}
.l-gnav-ticket__content {
  margin: 0;
}
.l-gnav-ticket__content .btn-ticket > a {
  width: 100%;
}
.l-gnav-links {
  display: -ms-grid;
  display: grid;
  gap: 3.75vw;
}
@media screen and (min-width: 769px) {
  .l-gnav-links {
    gap: clamp(8px, 1.0416666667vw, 15px);
  }
}
.l-gnav-links__item {
  font-size: 6vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .l-gnav-links__item {
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.l-gnav-links__item > a, .l-gnav-links__item > button {
  display: block;
  position: relative;
  width: 100%;
}
@media (hover: hover) {
  .l-gnav-links__item > a > span, .l-gnav-links__item > button > span {
    -webkit-transition: -webkit-transform 0.8s linear;
    transition: -webkit-transform 0.8s linear;
    transition: transform 0.8s linear;
    transition: transform 0.8s linear, -webkit-transform 0.8s linear;
  }
  .l-gnav-links__item > a:hover, .l-gnav-links__item > button:hover {
    opacity: 1;
  }
  .l-gnav-links__item > a:hover > span, .l-gnav-links__item > button:hover > span {
    -webkit-transform: translateX(clamp(5.3333333333px, 0.6944444444vw, 10px));
            transform: translateX(clamp(5.3333333333px, 0.6944444444vw, 10px));
  }
}
.l-gnav-links__item > a > span, .l-gnav-links__item > button > span {
  display: inline-block;
  vertical-align: top;
}
.l-gnav-links__item > a {
  text-decoration: none;
}
.l-gnav-links__item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.75vw;
  height: 3vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow1.svg) no-repeat center center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .l-gnav-links__item > a::after {
    right: clamp(6.4px, 0.8333333333vw, 12px);
    width: clamp(3.7333333333px, 0.4861111111vw, 7px);
    height: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.l-gnav-links__item > button {
  text-align: left;
}
.l-gnav-links__item > button::before, .l-gnav-links__item > button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2vw;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.5vw;
  height: 0.5vw;
  background-color: #4E342E;
  border-radius: 1vw;
}
@media screen and (min-width: 769px) {
  .l-gnav-links__item > button::before, .l-gnav-links__item > button::after {
    right: clamp(4.2666666667px, 0.5555555556vw, 8px);
    width: clamp(7.4666666667px, 0.9722222222vw, 14px);
    height: clamp(1.0666666667px, 0.1388888889vw, 2px);
  }
}
.l-gnav-links__item > button::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-gnav-links__item > button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.l-gnav-links__item > button[aria-expanded=true]::after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-gnav-sublinks {
  display: none;
  margin: 2.5vw 0;
  padding: 0.75vw 0 0.75vw 4vw;
  border-top: 0.25vw solid rgba(78, 52, 46, 0.5);
  border-bottom: 0.25vw solid rgba(78, 52, 46, 0.5);
}
@media screen and (min-width: 769px) {
  .l-gnav-sublinks {
    margin: clamp(5.3333333333px, 0.6944444444vw, 10px) 0;
    padding: clamp(1.6px, 0.2083333333vw, 3px) 0 clamp(1.6px, 0.2083333333vw, 3px) clamp(8.5333333333px, 1.1111111111vw, 16px);
    border-top-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
    border-bottom-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
  }
}
.l-gnav-sublinks__item {
  font-size: 4.5vw;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .l-gnav-sublinks__item {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.l-gnav-sublinks__item > a {
  display: block;
  position: relative;
  padding: 2vw 5vw 2vw 0;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .l-gnav-sublinks__item > a {
    padding: clamp(4.2666666667px, 0.5555555556vw, 8px) clamp(10.6666666667px, 1.3888888889vw, 20px) clamp(4.2666666667px, 0.5555555556vw, 8px) 0;
  }
}
@media (hover: hover) {
  .l-gnav-sublinks__item > a > span {
    -webkit-transition: -webkit-transform 0.8s linear;
    transition: -webkit-transform 0.8s linear;
    transition: transform 0.8s linear;
    transition: transform 0.8s linear, -webkit-transform 0.8s linear;
  }
  .l-gnav-sublinks__item > a:hover {
    opacity: 1;
  }
  .l-gnav-sublinks__item > a:hover > span {
    -webkit-transform: translateX(clamp(5.3333333333px, 0.6944444444vw, 10px));
            transform: translateX(clamp(5.3333333333px, 0.6944444444vw, 10px));
  }
}
.l-gnav-sublinks__item > a > span {
  display: inline-block;
  vertical-align: top;
}
.l-gnav-sublinks__item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.75vw;
  height: 3vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow1.svg) no-repeat center center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .l-gnav-sublinks__item > a::after {
    right: clamp(6.4px, 0.8333333333vw, 12px);
    width: clamp(3.7333333333px, 0.4861111111vw, 7px);
    height: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.l-gnav-sns {
  display: -ms-grid;
  display: grid;
  gap: 2.5vw;
  margin-bottom: 6.75vw;
  width: 100%;
}
.l-gnav-sns__item {
  position: relative;
}
.l-gnav-sns__item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.75vw;
  position: relative;
  text-decoration: none;
}
.l-gnav-sns__item i {
  width: 6vw;
  height: 6vw;
}
.l-gnav-sns__item span {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3vw;
  line-height: 1.25;
}
.l-gnav-animation {
  padding-left: 5.25vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3vw;
  line-height: 1.25;
}
.l-gnav-animation::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5vw;
  height: 5vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.l-gnav-animation.is-playing::before {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/stop1.svg);
}
.l-gnav-animation.is-stopping::before {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/play1.svg);
}
.l-gnav-lng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-gnav-lng__item {
  font-size: 4vw;
  line-height: 2;
}
.l-gnav-lng__item:not(:last-child)::after {
  content: "|";
  padding: 0 2.5vw;
}
.l-gnav-lng__item > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.l-gnav-lng__item > a:not(.is-active) {
  opacity: 0.5;
}
.l-gnav-close {
  position: absolute;
  top: 5vw;
  right: 6vw;
  width: 7.5vw;
  height: 7.5vw;
  background-color: rgba(78, 52, 46, 0.25);
  border-radius: 50%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .l-gnav-close {
    top: clamp(10.6666666667px, 1.3888888889vw, 20px);
    right: clamp(12.8px, 1.6666666667vw, 24px);
    width: clamp(16px, 2.0833333333vw, 30px);
    height: clamp(16px, 2.0833333333vw, 30px);
  }
}
@media (hover: hover) {
  .l-gnav-close::before, .l-gnav-close::after {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-gnav-close:hover {
    opacity: 1 !important;
  }
  .l-gnav-close:hover::before {
    -webkit-transform: translateX(-50%) rotate(45deg) scale(1.4);
            transform: translateX(-50%) rotate(45deg) scale(1.4);
  }
  .l-gnav-close:hover::after {
    -webkit-transform: translateX(-50%) rotate(-45deg) scale(1.4);
            transform: translateX(-50%) rotate(-45deg) scale(1.4);
  }
}
.l-gnav-close::before, .l-gnav-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.75vw;
  height: 0.5vw;
  background-color: #4E342E;
}
@media screen and (min-width: 769px) {
  .l-gnav-close::before, .l-gnav-close::after {
    width: clamp(5.8666666667px, 0.7638888889vw, 11px);
    height: clamp(1.0666666667px, 0.1388888889vw, 2px);
  }
}
.l-gnav-close::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.l-gnav-close::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}

.l-main {
  position: relative;
}

.l-ft {
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-ft {
    padding: 0 6.75vw 5.75vw;
  }
}
@media screen and (min-width: 769px) {
  .l-ft {
    padding-bottom: clamp(34.1333333333px, 4.4444444444vw, 64px);
  }
}
.l-ft-above {
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-ft-above {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: clamp(55.4666666667px, 7.2222222222vw, 104px);
  }
}
.l-ft-logo {
  margin: 0;
  width: 45vw;
  height: 45vw;
}
@media screen and (max-width: 768px) {
  .l-ft-logo {
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .l-ft-logo {
    position: absolute;
    top: 0;
    left: clamp(-38px, -2.6388888889vw, 20.2666666667px);
    width: clamp(149.3333333333px, 19.4444444444vw, 280px);
    height: clamp(149.3333333333px, 19.4444444444vw, 280px);
  }
}
.l-ft-logo > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/logo1_bg.svg) no-repeat center center;
  background-size: 100%;
  text-decoration: none;
}
@media (hover: hover) {
  .l-ft-logo > a .l-ft-logo__link {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-ft-logo > a:hover {
    opacity: 1;
  }
  .l-ft-logo > a:hover .l-ft-logo__link {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.l-ft-logo__text {
  margin: 0;
  padding-top: 11.47vw;
  text-align: center;
  color: #F5FAEF;
}
@media screen and (min-width: 769px) {
  .l-ft-logo__text {
    padding-top: clamp(38.064px, 4.95625vw, 71.37px);
  }
}
.l-ft-logo__text > span {
  display: block;
}
.l-ft-logo__text > span.is-text-1 {
  font-size: 4.215vw;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .l-ft-logo__text > span.is-text-1 {
    font-size: clamp(13.984px, 1.8208333333vw, 26.22px);
  }
}
.l-ft-logo__text > span.is-text-2 {
  font-size: 3.5125vw;
  line-height: 1.254;
}
@media screen and (min-width: 769px) {
  .l-ft-logo__text > span.is-text-2 {
    font-size: clamp(11.6533333333px, 1.5173611111vw, 21.85px);
  }
}
.l-ft-logo__text > span.is-text-name {
  font-size: 5.745vw;
  line-height: 1.064;
}
@media screen and (min-width: 769px) {
  .l-ft-logo__text > span.is-text-name {
    font-size: clamp(19.0666666667px, 2.4826388889vw, 35.75px);
  }
}
.l-ft-logo__link {
  position: relative;
  margin: 1.5vw 0 0;
  padding-left: 11vw;
  font-size: 2.25vw;
  letter-spacing: 0.01em;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .l-ft-logo__link {
    margin-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
    padding-left: clamp(37.3333333333px, 4.8611111111vw, 70px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.l-ft-logo__link > span {
  display: inline-block;
  position: relative;
  padding: 0 2vw 0 12.5vw;
  text-shadow: 0 0 2.5vw #DCEDC8;
  color: #4E342E;
}
@media screen and (min-width: 769px) {
  .l-ft-logo__link > span {
    padding: 0 clamp(6.9333333333px, 0.9027777778vw, 13px) 0 clamp(36.2666666667px, 4.7222222222vw, 68px);
    text-shadow: 0 0 clamp(5.3333333333px, 0.6944444444vw, 10px) #DCEDC8;
  }
}
.l-ft-logo__link > span::before, .l-ft-logo__link > span::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.l-ft-logo__link > span::before {
  top: -3vw;
  left: 0;
  width: 12.25vw;
  height: 10.2075vw;
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/logo_pic1.webp);
}
@media screen and (min-width: 769px) {
  .l-ft-logo__link > span::before {
    top: clamp(-19px, -1.3194444444vw, 10.1333333333px);
    width: clamp(36.8px, 4.7916666667vw, 69px);
    height: clamp(32.5333333333px, 4.2361111111vw, 61px);
  }
}
.l-ft-logo__link > span::after {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1vw;
  height: 1.75vw;
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow1.svg);
}
@media screen and (min-width: 769px) {
  .l-ft-logo__link > span::after {
    width: clamp(3.2px, 0.4166666667vw, 6px);
    height: clamp(5.8666666667px, 0.7638888889vw, 11px);
  }
}
.l-ft-links {
  display: -ms-grid;
  display: grid;
  gap: 11.25vw;
}
@media screen and (max-width: 768px) {
  .l-ft-links {
    margin-top: 11.25vw;
  }
}
@media screen and (min-width: 769px) {
  .l-ft-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(29.3333333333px, 3.8194444444vw, 55px);
    padding-left: clamp(160px, 20.8333333333vw, 300px);
  }
}
.l-ft-links__box {
  margin: 0;
}
.l-ft-links__box__title {
  margin-bottom: 2.5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .l-ft-links__box__title {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .l-ft-links__box__title {
    margin-bottom: clamp(6.4px, 0.8333333333vw, 12px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.l-ft-links__box__title > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.l-ft-links__box__content {
  margin: 0;
}
.l-ft-links__lists__item {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 4vw;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .l-ft-links__lists__item {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .l-ft-links__lists__item {
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.l-ft-links__lists__item > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.l-ft-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3vw;
}
@media screen and (max-width: 768px) {
  .l-ft-sns {
    margin-top: 37.5vw;
  }
}
@media screen and (min-width: 769px) {
  .l-ft-sns {
    margin-left: clamp(74.6666666667px, 9.7222222222vw, 140px);
  }
}
.l-ft-sns__item {
  width: 6vw;
  height: 6vw;
}
@media screen and (min-width: 769px) {
  .l-ft-sns__item {
    width: clamp(12.8px, 1.6666666667vw, 24px);
    height: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.l-ft-sns__item > a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .l-ft-sns__item > a i {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-ft-sns__item > a:hover {
    opacity: 1;
  }
  .l-ft-sns__item > a:hover i {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.l-ft-sns__item i {
  display: block;
  width: 100%;
  height: 100%;
}
.l-ft-below {
  position: relative;
  margin-top: 16vw;
}
@media screen and (min-width: 769px) {
  .l-ft-below {
    margin-top: clamp(53.3333333333px, 6.9444444444vw, 100px);
    padding: 0 clamp(40.5333333333px, 5.2777777778vw, 76px);
  }
}
.l-ft-link {
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3vw;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .l-ft-link {
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.l-ft-link > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.l-ft-copyright {
  margin: 1.5vw 0 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 2.25vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .l-ft-copyright {
    margin-top: 0;
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.l-ft-copyright > small {
  font-size: inherit;
}
.l-ft-pagetop {
  position: absolute;
  right: 2.5vw;
  width: 15vw;
  height: 15vw;
}
@media screen and (max-width: 768px) {
  .l-ft-pagetop {
    top: 30vw;
  }
}
@media screen and (min-width: 769px) {
  .l-ft-pagetop {
    bottom: clamp(98.1333333333px, 12.7777777778vw, 184px);
    right: clamp(14.9333333333px, 1.9444444444vw, 28px);
    width: clamp(32px, 4.1666666667vw, 60px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.l-ft-pagetop > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #F5FAEF;
  border-radius: 50%;
}
@media (hover: hover) {
  .l-ft-pagetop > a img {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .l-ft-pagetop > a:hover {
    opacity: 1;
  }
  .l-ft-pagetop > a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }
}
.l-ft-pagetop img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3.5vw;
}
@media screen and (min-width: 769px) {
  .l-ft-pagetop img {
    width: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.l-ft .deco {
  z-index: -1;
}
.l-ft .deco-switch.deco-flower_lightblue2 {
  top: -26.25vw;
  right: -15.75vw;
  width: 51.25vw;
}
@media screen and (min-width: 769px) {
  .l-ft .deco-switch.deco-flower_lightblue2 {
    top: clamp(-215px, -14.9305555556vw, 114.6666666667px);
    right: clamp(13.8666666667px, 1.8055555556vw, 26px);
    width: clamp(219.2px, 28.5416666667vw, 411px);
  }
}
.l-ft .deco-switch.deco-flower_green1 {
  top: -32.5vw;
  right: -0.5vw;
  width: 50.5vw;
}
@media screen and (min-width: 769px) {
  .l-ft .deco-switch.deco-flower_green1 {
    top: clamp(-220px, -15.2777777778vw, 117.3333333333px);
    right: clamp(13.8666666667px, 1.8055555556vw, 26px);
    width: clamp(219.2px, 28.5416666667vw, 411px);
  }
}
.l-ft .deco-switch.deco-leafe_blue1 {
  top: -5.75vw;
  right: -11.25vw;
  width: 49.25vw;
}
@media screen and (min-width: 769px) {
  .l-ft .deco-switch.deco-leafe_blue1 {
    top: clamp(-174px, -12.0833333333vw, 92.8px);
    right: clamp(-16px, -1.1111111111vw, 8.5333333333px);
    width: clamp(209.6px, 27.2916666667vw, 393px);
  }
}
.l-ft .deco-switch.deco-leafe_pink1 {
  top: -44.25vw;
  right: 2vw;
  width: 51.75vw;
}
@media screen and (min-width: 769px) {
  .l-ft .deco-switch.deco-leafe_pink1 {
    top: clamp(-254px, -17.6388888889vw, 135.4666666667px);
    right: clamp(11.7333333333px, 1.5277777778vw, 22px);
    width: clamp(220.8px, 28.75vw, 414px);
  }
}
.l-ft .deco-switch.deco-leafe_yellow2 {
  top: -44.25vw;
  right: 2vw;
  width: 54.5vw;
}
@media screen and (min-width: 769px) {
  .l-ft .deco-switch.deco-leafe_yellow2 {
    top: clamp(-253px, -17.5694444444vw, 134.9333333333px);
    right: clamp(10.6666666667px, 1.3888888889vw, 20px);
    width: clamp(232.5333333333px, 30.2777777778vw, 436px);
  }
}

.theme {
  /* 1 */
}
.theme-1 {
  position: relative;
  margin-top: -16vw;
  padding-bottom: 27.5vw;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .theme-1 {
    margin-top: clamp(-116px, -8.0555555556vw, 61.8666666667px);
    padding-bottom: clamp(105.6px, 13.75vw, 198px);
  }
}
.theme-1-above {
  position: relative;
  padding-top: 21.5vw;
  height: 36.25vw;
  overflow: hidden;
  z-index: 1;
}
.theme-1-above::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .theme-1-above::after {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/bg1_above.webp);
  }
}
@media screen and (min-width: 769px) {
  .theme-1-above::after {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/bg1_above-desktop.webp);
  }
}
@media screen and (min-width: 769px) {
  .theme-1-above {
    padding-top: clamp(67.7333333333px, 8.8194444444vw, 127px);
    height: clamp(136.5333333333px, 17.7777777778vw, 256px);
  }
}
@media screen and (max-width: 768px) {
  .theme-1-above > .l-wrap {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .theme-1-above > .l-wrap {
    max-width: clamp(610.1333333333px, 79.4444444444vw, 1144px);
  }
}
.theme-1-title {
  margin: 0;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .theme-1-title {
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.theme-1-content {
  position: relative;
  padding-bottom: 15vw;
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 100%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .theme-1-content {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/bg1.webp);
  }
}
@media screen and (min-width: 769px) {
  .theme-1-content {
    padding-bottom: clamp(43.7333333333px, 5.6944444444vw, 82px);
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/share/bg1-desktop.webp);
  }
}
@media screen and (max-width: 768px) {
  .theme-1-content > .l-wrap {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .theme-1-content > .l-wrap {
    max-width: clamp(610.1333333333px, 79.4444444444vw, 1144px);
  }
}

.section {
  /* news */
}
.section-news {
  position: relative;
}
.section-news .title-1 {
  position: absolute;
  top: -7vw;
  left: 0;
  -webkit-transform: rotate(-140deg);
          transform: rotate(-140deg);
}
@media screen and (min-width: 769px) {
  .section-news .title-1 {
    top: clamp(-80px, -5.5555555556vw, 42.6666666667px);
    left: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
@media screen and (min-width: 769px) {
  .section-news-slide .splide {
    margin: 0 auto;
    padding: 0 clamp(64px, 8.3333333333vw, 120px);
    max-width: clamp(768px, 100vw, 1440px);
  }
}
@media screen and (min-width: 769px) {
  .section-news-slide .splide__control {
    right: clamp(64px, 8.3333333333vw, 120px);
    left: auto;
  }
}
.section-news-slide .splide__track {
  padding: 21.25vw 0 13.5vw;
}
@media screen and (min-width: 769px) {
  .section-news-slide .splide__track {
    padding: clamp(48px, 6.25vw, 90px) 0 clamp(32px, 4.1666666667vw, 60px);
    overflow: visible;
  }
}
@media screen and (min-width: 769px) {
  .section-news-slide .splide__slide {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .section-news-slide .splide__slide.is-visible {
    opacity: 1;
  }
}
.section-news-lists__item {
  position: relative;
}
.section-news-lists__item > a:not(.post-edit-link), .section-news-lists__item > span {
  display: block;
  position: relative;
  text-decoration: none;
  border: 0.21vw solid #4E342E;
  border-radius: 6.315vw;
  -webkit-filter: drop-shadow(0 2.526325vw 2.526325vw rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 2.526325vw 2.526325vw rgba(0, 0, 0, 0.25));
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .section-news-lists__item > a:not(.post-edit-link), .section-news-lists__item > span {
    border: clamp(0.5333333333px, 0.0694444444vw, 1px) solid #4E342E;
    border-radius: clamp(16px, 2.0833333333vw, 30px);
    -webkit-filter: drop-shadow(0 clamp(5.3894933333px, 0.7017569444vw, 10.1053px) clamp(5.3894933333px, 0.7017569444vw, 10.1053px) rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 clamp(5.3894933333px, 0.7017569444vw, 10.1053px) clamp(5.3894933333px, 0.7017569444vw, 10.1053px) rgba(0, 0, 0, 0.25));
  }
}
.section-news-lists__item .post-edit-link {
  position: absolute;
  top: 0;
  left: 0;
}
.section-news-lists__photo {
  position: relative;
  aspect-ratio: 240/135;
  background-color: #DCEDC8;
}
.section-news-lists__info {
  position: relative;
  padding: 3vw 3vw 2.5vw;
  background-color: #F9D2DC;
}
@media screen and (min-width: 769px) {
  .section-news-lists__info {
    padding: clamp(7.4666666667px, 0.9722222222vw, 14px) clamp(7.4666666667px, 0.9722222222vw, 14px) clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.section-news-lists__title {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 3.3675vw;
  line-height: 1.5;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .section-news-lists__title {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.section-news-lists__date {
  display: block;
  margin-top: 2.75vw;
  font-size: 2.9475vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .section-news-lists__date {
    margin-top: clamp(6.4px, 0.8333333333vw, 12px);
    padding: 0 clamp(6.4px, 0.8333333333vw, 12px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.section-news-lists__icon {
  position: absolute;
  right: 5.25vw;
  bottom: 3.25vw;
  width: 5vw;
  height: 5vw;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .section-news-lists__icon {
    right: clamp(11.2px, 1.4583333333vw, 21px);
    bottom: clamp(6.9333333333px, 0.9027777778vw, 13px);
    width: clamp(10.6666666667px, 1.3888888889vw, 20px);
    height: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.section-news-lists__icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/external1.svg) no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .section-news .btn-2 {
    margin-top: 6.25vw;
  }
}
.section {
  /* story */
}
.section-story {
  position: relative;
  color: #004F29;
}
.section-story-above {
  position: relative;
}
@media screen and (max-width: 768px) {
  .section-story-above > .l-wrap {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .section-story-above > .l-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: clamp(190.9333333333px, 24.8611111111vw, 358px) auto;
    grid-template-columns: clamp(190.9333333333px, 24.8611111111vw, 358px) auto;
    padding: 0 clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.section-story-logo {
  margin: 0;
}
.section-story-logo img {
  width: 100%;
  max-width: inherit;
}
@media screen and (max-width: 768px) {
  .section-story-logo {
    margin: 0 0 3.75vw 16.25vw;
    width: 60vw;
  }
}
@media screen and (min-width: 769px) {
  .section-story-logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    -ms-grid-column: 1;
    grid-column: 1;
    width: 100%;
  }
}
body:not(.body-animation-paused) .section-story-logo.lazy {
  -webkit-transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  opacity: 0;
}
body:not(.body-animation-paused) .section-story-logo.lazy-done {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.section-story-title {
  margin: 0 0 3.75vw;
  font-size: 5vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .section-story-title {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .section-story-title {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    margin: 0 0 clamp(5.8666666667px, 0.7638888889vw, 11px) clamp(-51px, -3.5416666667vw, 27.2px);
    padding-top: clamp(64.5333333333px, 8.4027777778vw, 121px);
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.section-story-lead {
  margin: 0;
  font-size: 3.75vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .section-story-lead {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-left: clamp(-51px, -3.5416666667vw, 27.2px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.section-story-slide {
  position: relative;
}
@media screen and (min-width: 769px) {
  .section-story-slide .splide {
    margin: 0 auto;
    padding: 0 clamp(64px, 8.3333333333vw, 120px);
    max-width: clamp(768px, 100vw, 1440px);
  }
}
@media screen and (min-width: 769px) {
  .section-story-slide .splide__control {
    right: clamp(64px, 8.3333333333vw, 120px);
    left: auto;
  }
}
.section-story-slide .splide__track {
  padding: 7.25vw 0 13.5vw;
}
@media screen and (min-width: 769px) {
  .section-story-slide .splide__track {
    margin-top: clamp(-58px, -4.0277777778vw, 30.9333333333px);
    padding: clamp(48px, 6.25vw, 90px) 0 clamp(32px, 4.1666666667vw, 60px);
    overflow: visible;
  }
}
@media screen and (min-width: 769px) {
  .section-story-slide .splide__slide {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .section-story-slide .splide__slide.is-visible {
    opacity: 1;
  }
}
.section-story-lists__item > a, .section-story-lists__item > span {
  display: block;
  border-radius: 5.625vw;
  -webkit-box-shadow: 0 1vw 10vw rgba(0, 0, 0, 0.25);
          box-shadow: 0 1vw 10vw rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .section-story-lists__item > a, .section-story-lists__item > span {
    border-radius: clamp(32px, 4.1666666667vw, 60px);
    -webkit-box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(21.3333333333px, 2.7777777778vw, 40px) rgba(0, 0, 0, 0.25);
            box-shadow: 0 clamp(2.1333333333px, 0.2777777778vw, 4px) clamp(21.3333333333px, 2.7777777778vw, 40px) rgba(0, 0, 0, 0.25);
  }
}
.section-story-below {
  position: relative;
  margin-top: 9.75vw;
}
@media screen and (min-width: 769px) {
  .section-story-below {
    margin-top: clamp(31.4666666667px, 4.0972222222vw, 59px);
  }
}
@media screen and (max-width: 768px) {
  .section-story-below > .l-wrap {
    padding: 0 5vw;
  }
}
.section {
  /* official */
}
.section-official {
  position: relative;
  padding: 19.5vw 0 41.75vw;
}
@media screen and (min-width: 769px) {
  .section-official {
    padding: clamp(136.5333333333px, 17.7777777778vw, 256px) 0 clamp(108.2666666667px, 14.0972222222vw, 203px);
  }
}
.section-official > .l-wrap {
  display: -ms-grid;
  display: grid;
  gap: 15vw;
}
@media screen and (min-width: 769px) {
  .section-official > .l-wrap {
    gap: 0;
    -ms-grid-columns: 33.3333333333% 0 33.3333333333% 0 33.3333333333%;
    grid-template-columns: repeat(3, 33.3333333333%);
    width: clamp(576px, 75vw, 1080px);
  }
}
.section-official-column {
  position: relative;
}
.section-official-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5vw;
  margin-top: 4.5vw;
}
@media screen and (min-width: 769px) {
  .section-official-sns {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
    margin-top: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.section-official-sns__item {
  width: 15vw;
  height: 15vw;
}
@media screen and (min-width: 769px) {
  .section-official-sns__item {
    width: clamp(32px, 4.1666666667vw, 60px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.section-official-sns__item.is-sns-instagram i {
  width: 7.5vw;
}
@media screen and (min-width: 769px) {
  .section-official-sns__item.is-sns-instagram i {
    width: clamp(16px, 2.0833333333vw, 30px);
  }
}
.section-official-sns__item.is-sns-x i {
  width: 6.25vw;
}
@media screen and (min-width: 769px) {
  .section-official-sns__item.is-sns-x i {
    width: clamp(13.3333333333px, 1.7361111111vw, 25px);
  }
}
.section-official-sns__item.is-sns-youtube i {
  width: 8vw;
}
@media screen and (min-width: 769px) {
  .section-official-sns__item.is-sns-youtube i {
    width: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
.section-official-sns__item.is-sns-facebook i {
  width: 7.5vw;
}
@media screen and (min-width: 769px) {
  .section-official-sns__item.is-sns-facebook i {
    width: clamp(16px, 2.0833333333vw, 30px);
  }
}
.section-official-sns__item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
}
@media (hover: hover) {
  .section-official-sns__item > a i {
    -webkit-transition: -webkit-transform 0.8s ease-out;
    transition: -webkit-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;
    transition: transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
  }
  .section-official-sns__item > a:hover {
    opacity: 1;
  }
  .section-official-sns__item > a:hover i {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.section-official-sns__item i {
  font-size: 0.625rem;
  line-height: 1.2;
}

.block {
  /* banner */
}
.block-banner {
  position: relative;
  padding: 10vw 0;
}
@media screen and (min-width: 769px) {
  .block-banner {
    padding: clamp(42.6666666667px, 5.5555555556vw, 80px) 0 clamp(38.4px, 5vw, 72px);
  }
}
@media screen and (max-width: 768px) {
  .block-banner > .l-wrap {
    padding: 0 4vw;
  }
}
@media screen and (min-width: 769px) {
  .block-banner > .l-wrap {
    max-width: clamp(593.0666666667px, 77.2222222222vw, 1112px);
  }
}
@media screen and (max-width: 768px) {
  .block-banner-lists {
    display: -ms-grid;
    display: grid;
    gap: 5vw;
  }
}
@media screen and (min-width: 769px) {
  .block-banner-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
@media screen and (min-width: 769px) {
  .block-banner-lists__item {
    width: calc(50% - clamp(17.0666666667px, 2.2222222222vw, 32px) / 2);
  }
}
.block-banner-lists__item > a {
  display: block;
  width: 100%;
}

.title-1 {
  position: relative;
  margin: 0;
  width: 55vw;
  height: 55vw;
  font-size: 0.625rem;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .title-1 {
    width: clamp(181.3333333333px, 23.6111111111vw, 340px);
    height: clamp(181.3333333333px, 23.6111111111vw, 340px);
  }
}
.title-1 svg {
  width: 100%;
  height: 100%;
}
.title-1 text {
  font-size: 2.25rem;
  font-weight: 400;
  fill: #4E342E;
  stroke: none;
}
.title-1 text textPath {
  fill: #4E342E;
  stroke: none;
}
.title-1 text tspan {
  font-size: 1.5rem;
}

.link-dummy {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  margin: -1px;
  width: 1px;
  height: 1px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}
.link-skipcontent {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  margin: -1px;
  width: 1px;
  height: 1px;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  overflow: hidden;
}
.link-skipcontent:focus {
  clip: auto;
  clip-path: none;
  margin: 0;
  padding: 20px;
  width: auto;
  height: auto;
  background-color: #000;
  overflow: auto;
  color: #fff;
  z-index: 9999;
}

.btn-1 {
  position: relative;
  margin: 0 auto;
  width: 77vw;
  height: 21.25vw;
  z-index: 4;
}
@media screen and (min-width: 769px) {
  .btn-1 {
    width: clamp(215.4666666667px, 28.0555555556vw, 404px);
    height: clamp(61.8666666667px, 8.0555555556vw, 116px);
  }
}
.btn-1 > a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
@media (hover: hover) {
  .btn-1 > a:hover {
    opacity: 1;
  }
  .btn-1 > a:hover svg {
    -webkit-animation: buttonSvg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonSvg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
    overflow: visible;
  }
  .btn-1 > a:hover .is-bg {
    -webkit-animation: buttonBg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonBg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
  }
  .btn-1 > a:hover .is-arrow {
    -webkit-animation: buttonArrow 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonArrow 2s cubic-bezier(0.5, 0, 0, 1) forwards;
  }
  .btn-1 > a:hover text {
    -webkit-animation: buttonText 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonText 2s cubic-bezier(0.5, 0, 0, 1) forwards;
  }
}
.btn-1 svg {
  width: 100%;
  height: 100%;
}
.btn-1 text {
  translate: 20px 10px;
  font-size: 1.625rem;
  line-height: 1.5;
}
.btn-1 text tspan {
  font-size: 1.25rem;
}
.btn-2 {
  position: relative;
  margin: 0 auto;
  width: 59.5vw;
  height: 17.25vw;
  z-index: 4;
}
@media screen and (min-width: 769px) {
  .btn-2 {
    width: clamp(161.0666666667px, 20.9722222222vw, 302px);
    height: clamp(46.4px, 6.0416666667vw, 87px);
  }
}
.btn-2 > a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
@media (hover: hover) {
  .btn-2 > a:hover {
    opacity: 1;
  }
  .btn-2 > a:hover svg {
    -webkit-animation: buttonSvg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonSvg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
    overflow: visible;
  }
  .btn-2 > a:hover .is-bg {
    -webkit-animation: buttonBg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonBg 2s cubic-bezier(0.5, 0, 0, 1) forwards;
  }
  .btn-2 > a:hover .is-arrow {
    -webkit-animation: buttonArrow 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonArrow 2s cubic-bezier(0.5, 0, 0, 1) forwards;
  }
  .btn-2 > a:hover text {
    -webkit-animation: buttonText 2s cubic-bezier(0.5, 0, 0, 1) forwards;
            animation: buttonText 2s cubic-bezier(0.5, 0, 0, 1) forwards;
  }
}
.btn-2 svg {
  width: 100%;
  height: 100%;
}
.btn-2 text {
  translate: 10px 8px;
  font-size: 1.25rem;
  line-height: 1.5;
}
.btn-2 text tspan {
  font-size: 1rem;
}
.btn-ticket {
  position: relative;
  margin: 0;
}
.btn-ticket > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1.25vw 4.25vw;
  height: 12vw;
  background-color: #0068B7;
  border: 0.75vw solid #fff;
  border-radius: 2.5vw;
  -webkit-box-shadow: 0 0 1vw rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 1vw rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .btn-ticket > a {
    padding: clamp(2.6666666667px, 0.3472222222vw, 5px) clamp(9.0666666667px, 1.1805555556vw, 17px);
    height: clamp(25.6px, 3.3333333333vw, 48px);
    border-width: clamp(1.6px, 0.2083333333vw, 3px);
    border-radius: clamp(5.3333333333px, 0.6944444444vw, 10px);
    -webkit-box-shadow: 0 0 clamp(2.1333333333px, 0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 clamp(2.1333333333px, 0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
  }
}
.btn-ticket > a::before {
  content: "";
  margin-right: 3.5vw;
  width: 9.25vw;
  height: 4.75vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/ticket1.svg) no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .btn-ticket > a::before {
    margin-right: clamp(6.9333333333px, 0.9027777778vw, 13px);
    width: clamp(19.7333333333px, 2.5694444444vw, 37px);
    height: clamp(10.1333333333px, 1.3194444444vw, 19px);
  }
}
.btn-ticket strong {
  font-size: 4vw;
  font-weight: 700;
  line-height: normal;
}
@supports (-webkit-appearance: none) and (font: -apple-system-body) {
  .btn-ticket strong {
    padding-top: 0.25vw;
  }
}
@media screen and (min-width: 769px) {
  .btn-ticket strong {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
  @supports (-webkit-appearance: none) and (font: -apple-system-body) {
    .btn-ticket strong {
      padding-top: clamp(0.5333333333px, 0.0694444444vw, 1px);
    }
  }
}
.btn-ticket span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.5vw;
  padding: 0 2.75vw;
  height: 5.5vw;
  background-color: #E6E44B;
  border-radius: 6vw;
  vertical-align: top;
  font-size: 2.75vw;
  font-weight: 700;
  line-height: normal;
  color: #0068B7;
}
@media screen and (min-width: 769px) {
  .btn-ticket span {
    margin-left: clamp(5.3333333333px, 0.6944444444vw, 10px);
    padding: 0 clamp(5.8666666667px, 0.7638888889vw, 11px);
    height: clamp(11.7333333333px, 1.5277777778vw, 22px);
    border-radius: clamp(12.8px, 1.6666666667vw, 24px);
    font-size: clamp(5.8666666667px, 0.7638888889vw, 11px);
  }
}

.list {
  /* topics */
}
.list-topics {
  display: -ms-grid;
  display: grid;
  gap: 7.5vw;
}
@media screen and (min-width: 769px) {
  .list-topics {
    gap: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.list-topics-item {
  position: relative;
  padding: 7.5vw 5vw 5vw;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 7.5vw;
  -webkit-box-shadow: 0 0 7.5vw rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7.5vw rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 769px) {
  .list-topics-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: clamp(42.6666666667px, 5.5555555556vw, 80px);
       -moz-column-gap: clamp(42.6666666667px, 5.5555555556vw, 80px);
            column-gap: clamp(42.6666666667px, 5.5555555556vw, 80px);
    padding: clamp(32px, 4.1666666667vw, 60px) clamp(64px, 8.3333333333vw, 120px);
    -webkit-box-shadow: 0 0 clamp(16px, 2.0833333333vw, 30px) rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 clamp(16px, 2.0833333333vw, 30px) rgba(0, 0, 0, 0.25);
  }
  .list-topics-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}
.list-topics-item .btn-1 {
  margin-top: 5.5vw;
}
@media screen and (min-width: 769px) {
  .list-topics-item .btn-1 {
    margin: clamp(20.2666666667px, 2.6388888889vw, 38px) clamp(10.6666666667px, 1.3888888889vw, 20px) 0 0;
    width: calc(100% - clamp(10.6666666667px, 1.3888888889vw, 20px));
    height: auto;
    line-height: 1;
  }
  .list-topics-item .btn-1 > a {
    height: auto;
  }
}
.list-topics-photo {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 12.5vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .list-topics-photo {
    margin: 0 auto 5vw;
    width: 75%;
  }
}
@media screen and (min-width: 769px) {
  .list-topics-photo {
    width: 54.54545454%;
    border-radius: clamp(64px, 8.3333333333vw, 120px);
  }
}
@media screen and (min-width: 769px) {
  .list-topics-photo + .list-topics-info {
    width: calc(100% - (54.54545454% + clamp(42.6666666667px, 5.5555555556vw, 80px)));
  }
}
.list-topics-info {
  position: relative;
  width: 100%;
}
.list-topics-title {
  margin: 0;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .list-topics-title {
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.list-topics-excerpt {
  margin: 2.5vw 0 0;
  word-break: break-all;
  font-size: 3.5vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .list-topics-excerpt {
    margin-top: clamp(12.8px, 1.6666666667vw, 24px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.list {
  /* stories */
}
.list-stories {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 5vw;
}
@media screen and (min-width: 769px) {
  .list-stories {
    gap: clamp(26.1333333333px, 3.4027777778vw, 49px);
  }
}
.list-stories-item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding: 3vw 5vw 2.5vw;
  background-color: rgba(255, 255, 255, 0.5);
  border: 0.25vw solid rgba(0, 79, 41, 0.5);
  border-radius: 5vw;
}
@media screen and (max-width: 768px) {
  .list-stories-item {
    -webkit-column-gap: 8vw;
       -moz-column-gap: 8vw;
            column-gap: 8vw;
    -ms-grid-columns: 25vw 8vw 49.5vw;
    grid-template-columns: 25vw 49.5vw;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-item {
    -ms-grid-columns: 6.7176870748% 30.5272108844% 1fr;
    grid-template-columns: 6.7176870748% 30.5272108844% 1fr;
    padding: clamp(10.6666666667px, 1.3888888889vw, 20px) clamp(20.8px, 2.7083333333vw, 39px) clamp(16px, 2.0833333333vw, 30px) clamp(12.2666666667px, 1.5972222222vw, 23px);
    border-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
    border-radius: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.list-stories-vol {
  margin: 0;
  padding: 0.5vw 2.5vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 0.5vw solid #004F29;
  border-radius: 12.5vw;
  font-size: 4vw;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .list-stories-vol {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin-bottom: 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-vol {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    padding: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(5.3333333333px, 0.6944444444vw, 10px);
    border-width: clamp(1.0666666667px, 0.1388888889vw, 2px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.list-stories-photo {
  position: relative;
}
@media screen and (max-width: 768px) {
  .list-stories-photo {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    grid-row: 2/5;
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-photo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    grid-row: 1/6;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-right: clamp(31.4666666667px, 4.0972222222vw, 59px);
    padding-top: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.list-stories-photo__cover {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .list-stories-photo__cover {
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.list-stories-photo__credit {
  margin: 0;
  text-align: right;
  font-size: 1.75vw;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .list-stories-photo__credit {
    margin-top: 0.75vw;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-photo__credit {
    position: absolute;
    bottom: clamp(-21px, -1.4583333333vw, 11.2px);
    right: 0;
    font-size: clamp(4.8px, 0.625vw, 9px);
  }
}
.list-stories-title {
  margin: 0;
  font-size: 3.75vw;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .list-stories-title {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-title {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
    padding-top: clamp(19.7333333333px, 2.5694444444vw, 37px);
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.list-stories-name {
  margin-top: 1vw;
}
@media screen and (max-width: 768px) {
  .list-stories-name {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 2;
    grid-column: 2;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-name {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 3;
    grid-column: 3;
    margin-top: 0;
  }
}
.list-stories-name__ja {
  margin: 0;
  font-size: 6vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .list-stories-name__ja {
    font-size: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
.list-stories-name__kana {
  margin: -0.25vw 0 0;
  font-size: 2.25vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .list-stories-name__kana {
    margin-top: clamp(-3px, -0.2083333333vw, 1.6px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.list-stories-article {
  margin-top: 2.5vw;
}
@media screen and (max-width: 768px) {
  .list-stories-article {
    -ms-grid-row: 5;
    grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media screen and (min-width: 769px) {
  .list-stories-article {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 3;
    grid-column: 3;
    margin-top: clamp(4.8px, 0.625vw, 9px);
  }
}
.list-stories-article__title {
  margin: 0;
  padding: 2.5vw 4.5vw;
  background-color: #fff;
  border-radius: 7.5vw;
  font-size: 3.75vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .list-stories-article__title {
    padding: clamp(5.3333333333px, 0.6944444444vw, 10px) clamp(9.6px, 1.25vw, 18px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: clamp(16px, 2.0833333333vw, 30px);
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .list-stories .btn-2 {
    -ms-grid-row: 6;
    grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin: 2.25vw 0 0 auto;
    width: 61.5vw;
  }
}
@media screen and (min-width: 769px) {
  .list-stories .btn-2 {
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 3;
    grid-column: 3;
    margin: clamp(8.5333333333px, 1.1111111111vw, 16px) 0 0 auto;
  }
}
.list {
  /* news */
}
.list-news {
  display: -ms-grid;
  display: grid;
  gap: 5vw;
}
@media screen and (min-width: 769px) {
  .list-news {
    gap: clamp(8px, 1.0416666667vw, 15px);
  }
}
.list-news-item > a, .list-news-item > span {
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .list-news-item > a, .list-news-item > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.list-news-date {
  display: block;
  font-size: 3.5vw;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .list-news-date {
    margin-bottom: 1.75vw;
  }
}
@media screen and (min-width: 769px) {
  .list-news-date {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.list-news-title {
  margin: 0;
  font-size: 3.75vw;
  font-weight: 400;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .list-news-title {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.list-news-title > span {
  padding: 0.25vw 2vw;
  background-color: #F9D2DC;
}
@media screen and (min-width: 769px) {
  .list-news-title > span {
    padding: clamp(0.5333333333px, 0.0694444444vw, 1px) clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.list-news-icon {
  font-style: normal;
}
.list-news-icon.is-pdf {
  display: inline-block;
  margin-left: 1.5vw;
  width: 14vw;
  height: 5vw;
  border: 0.5vw solid #4E342E;
  border-radius: 1.5vw;
  text-align: center;
  vertical-align: 0;
  font-size: 3.75vw;
  line-height: 4vw;
}
@media screen and (min-width: 769px) {
  .list-news-icon.is-pdf {
    margin-left: clamp(6.4px, 0.8333333333vw, 12px);
    width: clamp(25.6px, 3.3333333333vw, 48px);
    height: clamp(11.7333333333px, 1.5277777778vw, 22px);
    border-width: clamp(1.0666666667px, 0.1388888889vw, 2px);
    border-radius: clamp(3.2px, 0.4166666667vw, 6px);
    vertical-align: clamp(1.0666666667px, 0.1388888889vw, 2px);
    font-size: clamp(8px, 1.0416666667vw, 15px);
    line-height: clamp(9.6px, 1.25vw, 18px);
  }
}
.list {
  /* movies */
}
.list-movies {
  display: -ms-grid;
  display: grid;
  gap: 17.5vw;
}
@media screen and (min-width: 769px) {
  .list-movies {
    row-gap: clamp(32px, 4.1666666667vw, 60px);
    -webkit-column-gap: clamp(16px, 2.0833333333vw, 30px);
       -moz-column-gap: clamp(16px, 2.0833333333vw, 30px);
            column-gap: clamp(16px, 2.0833333333vw, 30px);
    -ms-grid-columns: calc(33.3333333333% - clamp(16px, 2.0833333333vw, 30px) / 1.5) clamp(16px, 2.0833333333vw, 30px) calc(33.3333333333% - clamp(16px, 2.0833333333vw, 30px) / 1.5) clamp(16px, 2.0833333333vw, 30px) calc(33.3333333333% - clamp(16px, 2.0833333333vw, 30px) / 1.5);
    grid-template-columns: repeat(3, calc(33.3333333333% - clamp(16px, 2.0833333333vw, 30px) / 1.5));
  }
}
.list-movies-item {
  position: relative;
  min-width: 0;
}
.list-movies-trigger {
  display: block;
  position: relative;
  aspect-ratio: 361/202;
  width: 100%;
  border-radius: 2.5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .list-movies-trigger {
    border-radius: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.list-movies-title {
  margin: 2.5vw 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.5vw;
  font-weight: 400;
  line-height: 2;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .list-movies-title {
    margin-top: clamp(5.3333333333px, 0.6944444444vw, 10px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}

.deco {
  pointer-events: none;
  position: absolute;
}

.modal {
  /* zone */
}
.modal-zone {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  width: 100%;
  height: 100dvh;
  opacity: 0;
  visibility: hidden;
  z-index: 10002;
}
.modal-zone[aria-hidden=false] {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}
.modal-zone-content {
  position: absolute;
  top: 10.5vw;
  left: 0;
  padding: 17.5vw 8vw 16.25vw;
  width: 100%;
  max-height: calc(100% - (10.5vw + 29vw));
  background-color: #F5FAEF;
  border-radius: 7.5vw;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
@media screen and (min-width: 769px) {
  .modal-zone-content {
    top: clamp(64px, 8.3333333333vw, 120px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: clamp(34.6666666667px, 4.5138888889vw, 65px) clamp(64px, 8.3333333333vw, 120px) clamp(32px, 4.1666666667vw, 60px);
    max-height: calc(100% - (clamp(64px, 8.3333333333vw, 120px) + clamp(32px, 4.1666666667vw, 60px)));
    max-width: clamp(682.6666666667px, 88.8888888889vw, 1280px);
    border-radius: clamp(16px, 2.0833333333vw, 30px);
  }
}
.modal-zone-frame {
  position: relative;
}
.modal-zone-frame::before, .modal-zone-frame::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 60vw;
  height: 15vw;
}
@media screen and (min-width: 769px) {
  .modal-zone-frame::before, .modal-zone-frame::after {
    width: clamp(192px, 25vw, 360px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.modal-zone-frame::before {
  top: -10vw;
  right: -3vw;
  border-top: 0.75vw solid #4E342E;
  border-right: 0.75vw solid #4E342E;
  border-radius: 0 7.5vw 0 0;
}
@media screen and (min-width: 769px) {
  .modal-zone-frame::before {
    top: clamp(-35px, -2.4305555556vw, 18.6666666667px);
    right: clamp(-90px, -6.25vw, 48px);
    border-top-width: clamp(1.6px, 0.2083333333vw, 3px);
    border-right-width: clamp(1.6px, 0.2083333333vw, 3px);
    border-radius: 0 clamp(16px, 2.0833333333vw, 30px) 0 0;
  }
}
.modal-zone-frame::after {
  bottom: -10vw;
  left: -3vw;
  border-bottom: 0.75vw solid #4E342E;
  border-left: 0.75vw solid #4E342E;
  border-radius: 0 0 0 7.5vw;
}
@media screen and (min-width: 769px) {
  .modal-zone-frame::after {
    bottom: clamp(-35px, -2.4305555556vw, 18.6666666667px);
    left: clamp(-90px, -6.25vw, 48px);
    border-bottom-width: clamp(1.6px, 0.2083333333vw, 3px);
    border-left-width: clamp(1.6px, 0.2083333333vw, 3px);
    border-radius: 0 0 0 clamp(16px, 2.0833333333vw, 30px);
  }
}
.modal-zone-close {
  position: absolute;
  width: 7.5vw;
  height: 7.5vw;
  background-color: #F5F5F5;
  border-radius: 50%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .modal-zone-close {
    margin-top: clamp(24px, 3.125vw, 45px);
    width: clamp(32px, 4.1666666667vw, 60px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.modal-zone-close::before, .modal-zone-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #000;
  width: 3vw;
  height: 0.5vw;
}
@media screen and (min-width: 769px) {
  .modal-zone-close::before, .modal-zone-close::after {
    width: clamp(11.7333333333px, 1.5277777778vw, 22px);
    height: clamp(1.0666666667px, 0.1388888889vw, 2px);
  }
}
.modal-zone-close::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.modal-zone-close::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .modal-zone-close {
    bottom: 10vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  .modal-zone-close {
    top: clamp(16px, 2.0833333333vw, 30px);
    right: clamp(27.7333333333px, 3.6111111111vw, 52px);
  }
}
.modal-zone-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
.modal {
  /* movie */
}
.modal-movie {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  padding: 5vw 0;
  width: 100%;
  height: 100dvh;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  z-index: 10002;
}
@media screen and (max-width: 768px) {
  .modal-movie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .modal-movie {
    padding: clamp(26.6666666667px, 3.4722222222vw, 50px) 0;
  }
}
.modal-movie[aria-hidden=false] {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}
.modal-movie-content {
  position: relative;
  width: 100%;
}
.modal-movie-media {
  position: relative;
  width: 100%;
  aspect-ratio: 1.7777777777/1;
}
.modal-movie-media > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-movie-close {
  display: block;
  margin: 15vw auto 0;
  width: 7.5vw;
  height: 7.5vw;
  background-color: #F5F5F5;
  border-radius: 50%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .modal-movie-close {
    margin-top: clamp(24px, 3.125vw, 45px);
    width: clamp(32px, 4.1666666667vw, 60px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.modal-movie-close::before, .modal-movie-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #000;
  width: 3vw;
  height: 0.5vw;
}
@media screen and (min-width: 769px) {
  .modal-movie-close::before, .modal-movie-close::after {
    width: clamp(11.7333333333px, 1.5277777778vw, 22px);
    height: clamp(1.0666666667px, 0.1388888889vw, 2px);
  }
}
.modal-movie-close::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.modal-movie-close::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}
.modal-movie-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
}
.modal {
  /* youtube */
}
.modal-youtube {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 66, 66, 0.5);
  opacity: 0;
  z-index: 10002;
}
.modal-youtube.is-open {
  pointer-events: inherit;
  opacity: 1;
}
.modal-youtube-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 940px;
}
.modal-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.modal-youtube-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-youtube-close {
  position: absolute;
  top: -16px;
  right: 0;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .modal-youtube-close {
    top: -35px;
    width: 28px;
    height: 28px;
  }
}
.modal-youtube-close::before, .modal-youtube-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -3px;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}
@media screen and (min-width: 769px) {
  .modal-youtube-close::before, .modal-youtube-close::after {
    position: absolute;
    top: 12px;
    left: -5px;
    width: 37px;
    height: 4px;
  }
}
.modal-youtube-close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-youtube-close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-youtube-trigger {
  position: relative;
}
.modal-youtube-trigger.is-active {
  cursor: pointer;
}
.modal-youtube-trigger.is-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  z-index: 10;
}

.splide__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .splide__control {
    gap: clamp(12.8px, 1.6666666667vw, 24px);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.splide__control .splide__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4vw;
  position: relative;
  bottom: auto;
  left: auto;
  padding: 0;
  height: 2vw;
}
@media screen and (min-width: 769px) {
  .splide__control .splide__pagination {
    gap: clamp(8.5333333333px, 1.1111111111vw, 16px);
    height: clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.splide__control .splide__pagination > li {
  width: 2vw;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .splide__control .splide__pagination > li {
    width: clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.splide__control .splide__pagination__page {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 1;
}
.splide__control .splide__pagination__page.is-active {
  -webkit-transform: none;
          transform: none;
  background-color: #004F29;
}
.splide__control .splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 6vw;
  height: 6vw;
}
@media screen and (min-width: 769px) {
  .splide__control .splide__arrows {
    gap: clamp(12.8px, 1.6666666667vw, 24px);
    height: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.splide__control .splide__arrow {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  width: 6vw;
  height: 100%;
  background: none;
  border-radius: 0;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .splide__control .splide__arrow {
    width: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.splide__control .splide__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4vw;
  height: 4.5vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/slide2.svg) no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .splide__control .splide__arrow::after {
    width: clamp(8.5333333333px, 1.1111111111vw, 16px);
    height: clamp(9.6px, 1.25vw, 18px);
  }
}
.splide__control .splide__arrow--prev::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.splide__control .splide__arrow--next::after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

:where(figure) {
  margin: 0;
}

:where(.is-layout-flex) {
  gap: 2.75vw;
}
@media screen and (min-width: 769px) {
  :where(.is-layout-flex) {
    gap: clamp(16px, 2.0833333333vw, 30px);
  }
}

.wp-block-image figure img {
  border-radius: 2.5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .wp-block-image figure img {
    border-radius: clamp(16px, 2.0833333333vw, 30px);
  }
}
.wp-block-image .aligncenter {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .wp-block-image .aligncenter {
    margin-right: auto;
    margin-left: auto;
    max-width: clamp(320px, 41.6666666667vw, 600px);
    text-align: center;
  }
}
.wp-block-group + .wp-block-group {
  margin-top: 11.25vw;
}
@media screen and (min-width: 769px) {
  .wp-block-group + .wp-block-group {
    margin-top: clamp(64px, 8.3333333333vw, 120px);
  }
}
.wp-block-group:not(:first-child) {
  margin-top: 12.5vw;
}
@media screen and (min-width: 769px) {
  .wp-block-group:not(:first-child) {
    margin-top: clamp(64px, 8.3333333333vw, 120px);
  }
}
.wp-block-embed {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .wp-block-embed {
    margin-right: auto;
    margin-left: auto;
    max-width: clamp(341.3333333333px, 44.4444444444vw, 640px);
  }
}
.wp-block-embed__wrapper {
  position: relative;
  aspect-ratio: 640/360;
  border-radius: 7.5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .wp-block-embed__wrapper {
    border-radius: clamp(16px, 2.0833333333vw, 30px);
  }
}
.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-element-caption {
  margin: 2.5vw 0 0;
  font-size: 3.5vw;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .wp-element-caption {
    margin-top: clamp(5.3333333333px, 0.6944444444vw, 10px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}

figure.wp-block-image.size-large img {
  border-radius: 5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  figure.wp-block-image.size-large img {
    border-radius: clamp(64px, 8.3333333333vw, 120px);
  }
}

.is-layout-flex > .wp-block-image {
  margin-top: 0;
}

.c-primary {
  color: #4E342E;
}
.c-gray {
  color: #eee;
}

@media screen and (max-width: 768px) {
  .d-only-mobile {
    display: inherit !important;
  }
}
@media screen and (min-width: 769px) {
  .d-only-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .d-only-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .d-only-desktop {
    display: inherit !important;
  }
}

/* font-family */
.f-size-10 {
  font-size: 0.625rem;
}
.f-size-11 {
  font-size: 0.6875rem;
}
.f-size-12 {
  font-size: 0.75rem;
}
.f-size-13 {
  font-size: 0.8125rem;
}
.f-size-14 {
  font-size: 0.875rem;
}
.f-size-15 {
  font-size: 0.9375rem;
}
.f-size-16 {
  font-size: 1rem;
}
.f-size-17 {
  font-size: 1.0625rem;
}
.f-size-18 {
  font-size: 1.125rem;
}
.f-size-19 {
  font-size: 1.1875rem;
}
.f-size-20 {
  font-size: 1.25rem;
}
.f-size-21 {
  font-size: 1.3125rem;
}
.f-size-22 {
  font-size: 1.375rem;
}
.f-size-23 {
  font-size: 1.4375rem;
}
.f-size-24 {
  font-size: 1.5rem;
}
.f-size-25 {
  font-size: 1.5625rem;
}
.f-size-26 {
  font-size: 1.625rem;
}
.f-size-27 {
  font-size: 1.6875rem;
}
.f-size-28 {
  font-size: 1.75rem;
}
.f-size-29 {
  font-size: 1.8125rem;
}
.f-size-30 {
  font-size: 1.875rem;
}
.f-size-31 {
  font-size: 1.9375rem;
}
.f-size-32 {
  font-size: 2rem;
}
.f-size-33 {
  font-size: 2.0625rem;
}
.f-size-34 {
  font-size: 2.125rem;
}
.f-size-35 {
  font-size: 2.1875rem;
}
.f-size-36 {
  font-size: 2.25rem;
}
.f-size-37 {
  font-size: 2.3125rem;
}
.f-size-38 {
  font-size: 2.375rem;
}
.f-size-39 {
  font-size: 2.4375rem;
}
.f-size-40 {
  font-size: 2.5rem;
}
.f-weight-400 {
  font-weight: 400;
}
.f-weight-500 {
  font-weight: 500;
}
.f-weight-600 {
  font-weight: 600;
}
.f-weight-700 {
  font-weight: 700;
}

.i {
  display: inline-block;
  vertical-align: top;
}

/* margin */
.s-m-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.s-m-x--0 {
  margin: 0px !important;
}
.s-m-x--1 {
  margin: 1px !important;
}
.s-m-x--2 {
  margin: 2px !important;
}
.s-m-x--3 {
  margin: 3px !important;
}
.s-m-x--4 {
  margin: 4px !important;
}
.s-m-x--5 {
  margin: 5px !important;
}
.s-m-x--6 {
  margin: 6px !important;
}
.s-m-x--7 {
  margin: 7px !important;
}
.s-m-x--8 {
  margin: 8px !important;
}
.s-m-x--9 {
  margin: 9px !important;
}
.s-m-x--10 {
  margin: 10px !important;
}
.s-m-x--11 {
  margin: 11px !important;
}
.s-m-x--12 {
  margin: 12px !important;
}
.s-m-x--13 {
  margin: 13px !important;
}
.s-m-x--14 {
  margin: 14px !important;
}
.s-m-x--15 {
  margin: 15px !important;
}
.s-m-x--16 {
  margin: 16px !important;
}
.s-m-x--17 {
  margin: 17px !important;
}
.s-m-x--18 {
  margin: 18px !important;
}
.s-m-x--19 {
  margin: 19px !important;
}
.s-m-x--20 {
  margin: 20px !important;
}
.s-m-x--21 {
  margin: 21px !important;
}
.s-m-x--22 {
  margin: 22px !important;
}
.s-m-x--23 {
  margin: 23px !important;
}
.s-m-x--24 {
  margin: 24px !important;
}
.s-m-x--25 {
  margin: 25px !important;
}
.s-m-x--26 {
  margin: 26px !important;
}
.s-m-x--27 {
  margin: 27px !important;
}
.s-m-x--28 {
  margin: 28px !important;
}
.s-m-x--29 {
  margin: 29px !important;
}
.s-m-x--30 {
  margin: 30px !important;
}
.s-m-x--31 {
  margin: 31px !important;
}
.s-m-x--32 {
  margin: 32px !important;
}
.s-m-x--33 {
  margin: 33px !important;
}
.s-m-x--34 {
  margin: 34px !important;
}
.s-m-x--35 {
  margin: 35px !important;
}
.s-m-x--36 {
  margin: 36px !important;
}
.s-m-x--37 {
  margin: 37px !important;
}
.s-m-x--38 {
  margin: 38px !important;
}
.s-m-x--39 {
  margin: 39px !important;
}
.s-m-x--40 {
  margin: 40px !important;
}
.s-m-x--41 {
  margin: 41px !important;
}
.s-m-x--42 {
  margin: 42px !important;
}
.s-m-x--43 {
  margin: 43px !important;
}
.s-m-x--44 {
  margin: 44px !important;
}
.s-m-x--45 {
  margin: 45px !important;
}
.s-m-x--46 {
  margin: 46px !important;
}
.s-m-x--47 {
  margin: 47px !important;
}
.s-m-x--48 {
  margin: 48px !important;
}
.s-m-x--49 {
  margin: 49px !important;
}
.s-m-x--50 {
  margin: 50px !important;
}
.s-m-x--51 {
  margin: 51px !important;
}
.s-m-x--52 {
  margin: 52px !important;
}
.s-m-x--53 {
  margin: 53px !important;
}
.s-m-x--54 {
  margin: 54px !important;
}
.s-m-x--55 {
  margin: 55px !important;
}
.s-m-x--56 {
  margin: 56px !important;
}
.s-m-x--57 {
  margin: 57px !important;
}
.s-m-x--58 {
  margin: 58px !important;
}
.s-m-x--59 {
  margin: 59px !important;
}
.s-m-x--60 {
  margin: 60px !important;
}
.s-m-x--61 {
  margin: 61px !important;
}
.s-m-x--62 {
  margin: 62px !important;
}
.s-m-x--63 {
  margin: 63px !important;
}
.s-m-x--64 {
  margin: 64px !important;
}
.s-m-x--65 {
  margin: 65px !important;
}
.s-m-x--66 {
  margin: 66px !important;
}
.s-m-x--67 {
  margin: 67px !important;
}
.s-m-x--68 {
  margin: 68px !important;
}
.s-m-x--69 {
  margin: 69px !important;
}
.s-m-x--70 {
  margin: 70px !important;
}
.s-m-x--71 {
  margin: 71px !important;
}
.s-m-x--72 {
  margin: 72px !important;
}
.s-m-x--73 {
  margin: 73px !important;
}
.s-m-x--74 {
  margin: 74px !important;
}
.s-m-x--75 {
  margin: 75px !important;
}
.s-m-x--76 {
  margin: 76px !important;
}
.s-m-x--77 {
  margin: 77px !important;
}
.s-m-x--78 {
  margin: 78px !important;
}
.s-m-x--79 {
  margin: 79px !important;
}
.s-m-x--80 {
  margin: 80px !important;
}
.s-m-x--81 {
  margin: 81px !important;
}
.s-m-x--82 {
  margin: 82px !important;
}
.s-m-x--83 {
  margin: 83px !important;
}
.s-m-x--84 {
  margin: 84px !important;
}
.s-m-x--85 {
  margin: 85px !important;
}
.s-m-x--86 {
  margin: 86px !important;
}
.s-m-x--87 {
  margin: 87px !important;
}
.s-m-x--88 {
  margin: 88px !important;
}
.s-m-x--89 {
  margin: 89px !important;
}
.s-m-x--90 {
  margin: 90px !important;
}
.s-m-x--91 {
  margin: 91px !important;
}
.s-m-x--92 {
  margin: 92px !important;
}
.s-m-x--93 {
  margin: 93px !important;
}
.s-m-x--94 {
  margin: 94px !important;
}
.s-m-x--95 {
  margin: 95px !important;
}
.s-m-x--96 {
  margin: 96px !important;
}
.s-m-x--97 {
  margin: 97px !important;
}
.s-m-x--98 {
  margin: 98px !important;
}
.s-m-x--99 {
  margin: 99px !important;
}
.s-m-x--100 {
  margin: 100px !important;
}
.s-m-t--0 {
  margin-top: 0px !important;
}
.s-m-t--1 {
  margin-top: 1px !important;
}
.s-m-t--2 {
  margin-top: 2px !important;
}
.s-m-t--3 {
  margin-top: 3px !important;
}
.s-m-t--4 {
  margin-top: 4px !important;
}
.s-m-t--5 {
  margin-top: 5px !important;
}
.s-m-t--6 {
  margin-top: 6px !important;
}
.s-m-t--7 {
  margin-top: 7px !important;
}
.s-m-t--8 {
  margin-top: 8px !important;
}
.s-m-t--9 {
  margin-top: 9px !important;
}
.s-m-t--10 {
  margin-top: 10px !important;
}
.s-m-t--11 {
  margin-top: 11px !important;
}
.s-m-t--12 {
  margin-top: 12px !important;
}
.s-m-t--13 {
  margin-top: 13px !important;
}
.s-m-t--14 {
  margin-top: 14px !important;
}
.s-m-t--15 {
  margin-top: 15px !important;
}
.s-m-t--16 {
  margin-top: 16px !important;
}
.s-m-t--17 {
  margin-top: 17px !important;
}
.s-m-t--18 {
  margin-top: 18px !important;
}
.s-m-t--19 {
  margin-top: 19px !important;
}
.s-m-t--20 {
  margin-top: 20px !important;
}
.s-m-t--21 {
  margin-top: 21px !important;
}
.s-m-t--22 {
  margin-top: 22px !important;
}
.s-m-t--23 {
  margin-top: 23px !important;
}
.s-m-t--24 {
  margin-top: 24px !important;
}
.s-m-t--25 {
  margin-top: 25px !important;
}
.s-m-t--26 {
  margin-top: 26px !important;
}
.s-m-t--27 {
  margin-top: 27px !important;
}
.s-m-t--28 {
  margin-top: 28px !important;
}
.s-m-t--29 {
  margin-top: 29px !important;
}
.s-m-t--30 {
  margin-top: 30px !important;
}
.s-m-t--31 {
  margin-top: 31px !important;
}
.s-m-t--32 {
  margin-top: 32px !important;
}
.s-m-t--33 {
  margin-top: 33px !important;
}
.s-m-t--34 {
  margin-top: 34px !important;
}
.s-m-t--35 {
  margin-top: 35px !important;
}
.s-m-t--36 {
  margin-top: 36px !important;
}
.s-m-t--37 {
  margin-top: 37px !important;
}
.s-m-t--38 {
  margin-top: 38px !important;
}
.s-m-t--39 {
  margin-top: 39px !important;
}
.s-m-t--40 {
  margin-top: 40px !important;
}
.s-m-t--41 {
  margin-top: 41px !important;
}
.s-m-t--42 {
  margin-top: 42px !important;
}
.s-m-t--43 {
  margin-top: 43px !important;
}
.s-m-t--44 {
  margin-top: 44px !important;
}
.s-m-t--45 {
  margin-top: 45px !important;
}
.s-m-t--46 {
  margin-top: 46px !important;
}
.s-m-t--47 {
  margin-top: 47px !important;
}
.s-m-t--48 {
  margin-top: 48px !important;
}
.s-m-t--49 {
  margin-top: 49px !important;
}
.s-m-t--50 {
  margin-top: 50px !important;
}
.s-m-t--51 {
  margin-top: 51px !important;
}
.s-m-t--52 {
  margin-top: 52px !important;
}
.s-m-t--53 {
  margin-top: 53px !important;
}
.s-m-t--54 {
  margin-top: 54px !important;
}
.s-m-t--55 {
  margin-top: 55px !important;
}
.s-m-t--56 {
  margin-top: 56px !important;
}
.s-m-t--57 {
  margin-top: 57px !important;
}
.s-m-t--58 {
  margin-top: 58px !important;
}
.s-m-t--59 {
  margin-top: 59px !important;
}
.s-m-t--60 {
  margin-top: 60px !important;
}
.s-m-t--61 {
  margin-top: 61px !important;
}
.s-m-t--62 {
  margin-top: 62px !important;
}
.s-m-t--63 {
  margin-top: 63px !important;
}
.s-m-t--64 {
  margin-top: 64px !important;
}
.s-m-t--65 {
  margin-top: 65px !important;
}
.s-m-t--66 {
  margin-top: 66px !important;
}
.s-m-t--67 {
  margin-top: 67px !important;
}
.s-m-t--68 {
  margin-top: 68px !important;
}
.s-m-t--69 {
  margin-top: 69px !important;
}
.s-m-t--70 {
  margin-top: 70px !important;
}
.s-m-t--71 {
  margin-top: 71px !important;
}
.s-m-t--72 {
  margin-top: 72px !important;
}
.s-m-t--73 {
  margin-top: 73px !important;
}
.s-m-t--74 {
  margin-top: 74px !important;
}
.s-m-t--75 {
  margin-top: 75px !important;
}
.s-m-t--76 {
  margin-top: 76px !important;
}
.s-m-t--77 {
  margin-top: 77px !important;
}
.s-m-t--78 {
  margin-top: 78px !important;
}
.s-m-t--79 {
  margin-top: 79px !important;
}
.s-m-t--80 {
  margin-top: 80px !important;
}
.s-m-t--81 {
  margin-top: 81px !important;
}
.s-m-t--82 {
  margin-top: 82px !important;
}
.s-m-t--83 {
  margin-top: 83px !important;
}
.s-m-t--84 {
  margin-top: 84px !important;
}
.s-m-t--85 {
  margin-top: 85px !important;
}
.s-m-t--86 {
  margin-top: 86px !important;
}
.s-m-t--87 {
  margin-top: 87px !important;
}
.s-m-t--88 {
  margin-top: 88px !important;
}
.s-m-t--89 {
  margin-top: 89px !important;
}
.s-m-t--90 {
  margin-top: 90px !important;
}
.s-m-t--91 {
  margin-top: 91px !important;
}
.s-m-t--92 {
  margin-top: 92px !important;
}
.s-m-t--93 {
  margin-top: 93px !important;
}
.s-m-t--94 {
  margin-top: 94px !important;
}
.s-m-t--95 {
  margin-top: 95px !important;
}
.s-m-t--96 {
  margin-top: 96px !important;
}
.s-m-t--97 {
  margin-top: 97px !important;
}
.s-m-t--98 {
  margin-top: 98px !important;
}
.s-m-t--99 {
  margin-top: 99px !important;
}
.s-m-t--100 {
  margin-top: 100px !important;
}
.s-m-r--0 {
  margin-right: 0px !important;
}
.s-m-r--1 {
  margin-right: 1px !important;
}
.s-m-r--2 {
  margin-right: 2px !important;
}
.s-m-r--3 {
  margin-right: 3px !important;
}
.s-m-r--4 {
  margin-right: 4px !important;
}
.s-m-r--5 {
  margin-right: 5px !important;
}
.s-m-r--6 {
  margin-right: 6px !important;
}
.s-m-r--7 {
  margin-right: 7px !important;
}
.s-m-r--8 {
  margin-right: 8px !important;
}
.s-m-r--9 {
  margin-right: 9px !important;
}
.s-m-r--10 {
  margin-right: 10px !important;
}
.s-m-r--11 {
  margin-right: 11px !important;
}
.s-m-r--12 {
  margin-right: 12px !important;
}
.s-m-r--13 {
  margin-right: 13px !important;
}
.s-m-r--14 {
  margin-right: 14px !important;
}
.s-m-r--15 {
  margin-right: 15px !important;
}
.s-m-r--16 {
  margin-right: 16px !important;
}
.s-m-r--17 {
  margin-right: 17px !important;
}
.s-m-r--18 {
  margin-right: 18px !important;
}
.s-m-r--19 {
  margin-right: 19px !important;
}
.s-m-r--20 {
  margin-right: 20px !important;
}
.s-m-r--21 {
  margin-right: 21px !important;
}
.s-m-r--22 {
  margin-right: 22px !important;
}
.s-m-r--23 {
  margin-right: 23px !important;
}
.s-m-r--24 {
  margin-right: 24px !important;
}
.s-m-r--25 {
  margin-right: 25px !important;
}
.s-m-r--26 {
  margin-right: 26px !important;
}
.s-m-r--27 {
  margin-right: 27px !important;
}
.s-m-r--28 {
  margin-right: 28px !important;
}
.s-m-r--29 {
  margin-right: 29px !important;
}
.s-m-r--30 {
  margin-right: 30px !important;
}
.s-m-r--31 {
  margin-right: 31px !important;
}
.s-m-r--32 {
  margin-right: 32px !important;
}
.s-m-r--33 {
  margin-right: 33px !important;
}
.s-m-r--34 {
  margin-right: 34px !important;
}
.s-m-r--35 {
  margin-right: 35px !important;
}
.s-m-r--36 {
  margin-right: 36px !important;
}
.s-m-r--37 {
  margin-right: 37px !important;
}
.s-m-r--38 {
  margin-right: 38px !important;
}
.s-m-r--39 {
  margin-right: 39px !important;
}
.s-m-r--40 {
  margin-right: 40px !important;
}
.s-m-r--41 {
  margin-right: 41px !important;
}
.s-m-r--42 {
  margin-right: 42px !important;
}
.s-m-r--43 {
  margin-right: 43px !important;
}
.s-m-r--44 {
  margin-right: 44px !important;
}
.s-m-r--45 {
  margin-right: 45px !important;
}
.s-m-r--46 {
  margin-right: 46px !important;
}
.s-m-r--47 {
  margin-right: 47px !important;
}
.s-m-r--48 {
  margin-right: 48px !important;
}
.s-m-r--49 {
  margin-right: 49px !important;
}
.s-m-r--50 {
  margin-right: 50px !important;
}
.s-m-r--51 {
  margin-right: 51px !important;
}
.s-m-r--52 {
  margin-right: 52px !important;
}
.s-m-r--53 {
  margin-right: 53px !important;
}
.s-m-r--54 {
  margin-right: 54px !important;
}
.s-m-r--55 {
  margin-right: 55px !important;
}
.s-m-r--56 {
  margin-right: 56px !important;
}
.s-m-r--57 {
  margin-right: 57px !important;
}
.s-m-r--58 {
  margin-right: 58px !important;
}
.s-m-r--59 {
  margin-right: 59px !important;
}
.s-m-r--60 {
  margin-right: 60px !important;
}
.s-m-r--61 {
  margin-right: 61px !important;
}
.s-m-r--62 {
  margin-right: 62px !important;
}
.s-m-r--63 {
  margin-right: 63px !important;
}
.s-m-r--64 {
  margin-right: 64px !important;
}
.s-m-r--65 {
  margin-right: 65px !important;
}
.s-m-r--66 {
  margin-right: 66px !important;
}
.s-m-r--67 {
  margin-right: 67px !important;
}
.s-m-r--68 {
  margin-right: 68px !important;
}
.s-m-r--69 {
  margin-right: 69px !important;
}
.s-m-r--70 {
  margin-right: 70px !important;
}
.s-m-r--71 {
  margin-right: 71px !important;
}
.s-m-r--72 {
  margin-right: 72px !important;
}
.s-m-r--73 {
  margin-right: 73px !important;
}
.s-m-r--74 {
  margin-right: 74px !important;
}
.s-m-r--75 {
  margin-right: 75px !important;
}
.s-m-r--76 {
  margin-right: 76px !important;
}
.s-m-r--77 {
  margin-right: 77px !important;
}
.s-m-r--78 {
  margin-right: 78px !important;
}
.s-m-r--79 {
  margin-right: 79px !important;
}
.s-m-r--80 {
  margin-right: 80px !important;
}
.s-m-r--81 {
  margin-right: 81px !important;
}
.s-m-r--82 {
  margin-right: 82px !important;
}
.s-m-r--83 {
  margin-right: 83px !important;
}
.s-m-r--84 {
  margin-right: 84px !important;
}
.s-m-r--85 {
  margin-right: 85px !important;
}
.s-m-r--86 {
  margin-right: 86px !important;
}
.s-m-r--87 {
  margin-right: 87px !important;
}
.s-m-r--88 {
  margin-right: 88px !important;
}
.s-m-r--89 {
  margin-right: 89px !important;
}
.s-m-r--90 {
  margin-right: 90px !important;
}
.s-m-r--91 {
  margin-right: 91px !important;
}
.s-m-r--92 {
  margin-right: 92px !important;
}
.s-m-r--93 {
  margin-right: 93px !important;
}
.s-m-r--94 {
  margin-right: 94px !important;
}
.s-m-r--95 {
  margin-right: 95px !important;
}
.s-m-r--96 {
  margin-right: 96px !important;
}
.s-m-r--97 {
  margin-right: 97px !important;
}
.s-m-r--98 {
  margin-right: 98px !important;
}
.s-m-r--99 {
  margin-right: 99px !important;
}
.s-m-r--100 {
  margin-right: 100px !important;
}
.s-m-b--0 {
  margin-bottom: 0px !important;
}
.s-m-b--1 {
  margin-bottom: 1px !important;
}
.s-m-b--2 {
  margin-bottom: 2px !important;
}
.s-m-b--3 {
  margin-bottom: 3px !important;
}
.s-m-b--4 {
  margin-bottom: 4px !important;
}
.s-m-b--5 {
  margin-bottom: 5px !important;
}
.s-m-b--6 {
  margin-bottom: 6px !important;
}
.s-m-b--7 {
  margin-bottom: 7px !important;
}
.s-m-b--8 {
  margin-bottom: 8px !important;
}
.s-m-b--9 {
  margin-bottom: 9px !important;
}
.s-m-b--10 {
  margin-bottom: 10px !important;
}
.s-m-b--11 {
  margin-bottom: 11px !important;
}
.s-m-b--12 {
  margin-bottom: 12px !important;
}
.s-m-b--13 {
  margin-bottom: 13px !important;
}
.s-m-b--14 {
  margin-bottom: 14px !important;
}
.s-m-b--15 {
  margin-bottom: 15px !important;
}
.s-m-b--16 {
  margin-bottom: 16px !important;
}
.s-m-b--17 {
  margin-bottom: 17px !important;
}
.s-m-b--18 {
  margin-bottom: 18px !important;
}
.s-m-b--19 {
  margin-bottom: 19px !important;
}
.s-m-b--20 {
  margin-bottom: 20px !important;
}
.s-m-b--21 {
  margin-bottom: 21px !important;
}
.s-m-b--22 {
  margin-bottom: 22px !important;
}
.s-m-b--23 {
  margin-bottom: 23px !important;
}
.s-m-b--24 {
  margin-bottom: 24px !important;
}
.s-m-b--25 {
  margin-bottom: 25px !important;
}
.s-m-b--26 {
  margin-bottom: 26px !important;
}
.s-m-b--27 {
  margin-bottom: 27px !important;
}
.s-m-b--28 {
  margin-bottom: 28px !important;
}
.s-m-b--29 {
  margin-bottom: 29px !important;
}
.s-m-b--30 {
  margin-bottom: 30px !important;
}
.s-m-b--31 {
  margin-bottom: 31px !important;
}
.s-m-b--32 {
  margin-bottom: 32px !important;
}
.s-m-b--33 {
  margin-bottom: 33px !important;
}
.s-m-b--34 {
  margin-bottom: 34px !important;
}
.s-m-b--35 {
  margin-bottom: 35px !important;
}
.s-m-b--36 {
  margin-bottom: 36px !important;
}
.s-m-b--37 {
  margin-bottom: 37px !important;
}
.s-m-b--38 {
  margin-bottom: 38px !important;
}
.s-m-b--39 {
  margin-bottom: 39px !important;
}
.s-m-b--40 {
  margin-bottom: 40px !important;
}
.s-m-b--41 {
  margin-bottom: 41px !important;
}
.s-m-b--42 {
  margin-bottom: 42px !important;
}
.s-m-b--43 {
  margin-bottom: 43px !important;
}
.s-m-b--44 {
  margin-bottom: 44px !important;
}
.s-m-b--45 {
  margin-bottom: 45px !important;
}
.s-m-b--46 {
  margin-bottom: 46px !important;
}
.s-m-b--47 {
  margin-bottom: 47px !important;
}
.s-m-b--48 {
  margin-bottom: 48px !important;
}
.s-m-b--49 {
  margin-bottom: 49px !important;
}
.s-m-b--50 {
  margin-bottom: 50px !important;
}
.s-m-b--51 {
  margin-bottom: 51px !important;
}
.s-m-b--52 {
  margin-bottom: 52px !important;
}
.s-m-b--53 {
  margin-bottom: 53px !important;
}
.s-m-b--54 {
  margin-bottom: 54px !important;
}
.s-m-b--55 {
  margin-bottom: 55px !important;
}
.s-m-b--56 {
  margin-bottom: 56px !important;
}
.s-m-b--57 {
  margin-bottom: 57px !important;
}
.s-m-b--58 {
  margin-bottom: 58px !important;
}
.s-m-b--59 {
  margin-bottom: 59px !important;
}
.s-m-b--60 {
  margin-bottom: 60px !important;
}
.s-m-b--61 {
  margin-bottom: 61px !important;
}
.s-m-b--62 {
  margin-bottom: 62px !important;
}
.s-m-b--63 {
  margin-bottom: 63px !important;
}
.s-m-b--64 {
  margin-bottom: 64px !important;
}
.s-m-b--65 {
  margin-bottom: 65px !important;
}
.s-m-b--66 {
  margin-bottom: 66px !important;
}
.s-m-b--67 {
  margin-bottom: 67px !important;
}
.s-m-b--68 {
  margin-bottom: 68px !important;
}
.s-m-b--69 {
  margin-bottom: 69px !important;
}
.s-m-b--70 {
  margin-bottom: 70px !important;
}
.s-m-b--71 {
  margin-bottom: 71px !important;
}
.s-m-b--72 {
  margin-bottom: 72px !important;
}
.s-m-b--73 {
  margin-bottom: 73px !important;
}
.s-m-b--74 {
  margin-bottom: 74px !important;
}
.s-m-b--75 {
  margin-bottom: 75px !important;
}
.s-m-b--76 {
  margin-bottom: 76px !important;
}
.s-m-b--77 {
  margin-bottom: 77px !important;
}
.s-m-b--78 {
  margin-bottom: 78px !important;
}
.s-m-b--79 {
  margin-bottom: 79px !important;
}
.s-m-b--80 {
  margin-bottom: 80px !important;
}
.s-m-b--81 {
  margin-bottom: 81px !important;
}
.s-m-b--82 {
  margin-bottom: 82px !important;
}
.s-m-b--83 {
  margin-bottom: 83px !important;
}
.s-m-b--84 {
  margin-bottom: 84px !important;
}
.s-m-b--85 {
  margin-bottom: 85px !important;
}
.s-m-b--86 {
  margin-bottom: 86px !important;
}
.s-m-b--87 {
  margin-bottom: 87px !important;
}
.s-m-b--88 {
  margin-bottom: 88px !important;
}
.s-m-b--89 {
  margin-bottom: 89px !important;
}
.s-m-b--90 {
  margin-bottom: 90px !important;
}
.s-m-b--91 {
  margin-bottom: 91px !important;
}
.s-m-b--92 {
  margin-bottom: 92px !important;
}
.s-m-b--93 {
  margin-bottom: 93px !important;
}
.s-m-b--94 {
  margin-bottom: 94px !important;
}
.s-m-b--95 {
  margin-bottom: 95px !important;
}
.s-m-b--96 {
  margin-bottom: 96px !important;
}
.s-m-b--97 {
  margin-bottom: 97px !important;
}
.s-m-b--98 {
  margin-bottom: 98px !important;
}
.s-m-b--99 {
  margin-bottom: 99px !important;
}
.s-m-b--100 {
  margin-bottom: 100px !important;
}
.s-m-l--0 {
  margin-left: 0px !important;
}
.s-m-l--1 {
  margin-left: 1px !important;
}
.s-m-l--2 {
  margin-left: 2px !important;
}
.s-m-l--3 {
  margin-left: 3px !important;
}
.s-m-l--4 {
  margin-left: 4px !important;
}
.s-m-l--5 {
  margin-left: 5px !important;
}
.s-m-l--6 {
  margin-left: 6px !important;
}
.s-m-l--7 {
  margin-left: 7px !important;
}
.s-m-l--8 {
  margin-left: 8px !important;
}
.s-m-l--9 {
  margin-left: 9px !important;
}
.s-m-l--10 {
  margin-left: 10px !important;
}
.s-m-l--11 {
  margin-left: 11px !important;
}
.s-m-l--12 {
  margin-left: 12px !important;
}
.s-m-l--13 {
  margin-left: 13px !important;
}
.s-m-l--14 {
  margin-left: 14px !important;
}
.s-m-l--15 {
  margin-left: 15px !important;
}
.s-m-l--16 {
  margin-left: 16px !important;
}
.s-m-l--17 {
  margin-left: 17px !important;
}
.s-m-l--18 {
  margin-left: 18px !important;
}
.s-m-l--19 {
  margin-left: 19px !important;
}
.s-m-l--20 {
  margin-left: 20px !important;
}
.s-m-l--21 {
  margin-left: 21px !important;
}
.s-m-l--22 {
  margin-left: 22px !important;
}
.s-m-l--23 {
  margin-left: 23px !important;
}
.s-m-l--24 {
  margin-left: 24px !important;
}
.s-m-l--25 {
  margin-left: 25px !important;
}
.s-m-l--26 {
  margin-left: 26px !important;
}
.s-m-l--27 {
  margin-left: 27px !important;
}
.s-m-l--28 {
  margin-left: 28px !important;
}
.s-m-l--29 {
  margin-left: 29px !important;
}
.s-m-l--30 {
  margin-left: 30px !important;
}
.s-m-l--31 {
  margin-left: 31px !important;
}
.s-m-l--32 {
  margin-left: 32px !important;
}
.s-m-l--33 {
  margin-left: 33px !important;
}
.s-m-l--34 {
  margin-left: 34px !important;
}
.s-m-l--35 {
  margin-left: 35px !important;
}
.s-m-l--36 {
  margin-left: 36px !important;
}
.s-m-l--37 {
  margin-left: 37px !important;
}
.s-m-l--38 {
  margin-left: 38px !important;
}
.s-m-l--39 {
  margin-left: 39px !important;
}
.s-m-l--40 {
  margin-left: 40px !important;
}
.s-m-l--41 {
  margin-left: 41px !important;
}
.s-m-l--42 {
  margin-left: 42px !important;
}
.s-m-l--43 {
  margin-left: 43px !important;
}
.s-m-l--44 {
  margin-left: 44px !important;
}
.s-m-l--45 {
  margin-left: 45px !important;
}
.s-m-l--46 {
  margin-left: 46px !important;
}
.s-m-l--47 {
  margin-left: 47px !important;
}
.s-m-l--48 {
  margin-left: 48px !important;
}
.s-m-l--49 {
  margin-left: 49px !important;
}
.s-m-l--50 {
  margin-left: 50px !important;
}
.s-m-l--51 {
  margin-left: 51px !important;
}
.s-m-l--52 {
  margin-left: 52px !important;
}
.s-m-l--53 {
  margin-left: 53px !important;
}
.s-m-l--54 {
  margin-left: 54px !important;
}
.s-m-l--55 {
  margin-left: 55px !important;
}
.s-m-l--56 {
  margin-left: 56px !important;
}
.s-m-l--57 {
  margin-left: 57px !important;
}
.s-m-l--58 {
  margin-left: 58px !important;
}
.s-m-l--59 {
  margin-left: 59px !important;
}
.s-m-l--60 {
  margin-left: 60px !important;
}
.s-m-l--61 {
  margin-left: 61px !important;
}
.s-m-l--62 {
  margin-left: 62px !important;
}
.s-m-l--63 {
  margin-left: 63px !important;
}
.s-m-l--64 {
  margin-left: 64px !important;
}
.s-m-l--65 {
  margin-left: 65px !important;
}
.s-m-l--66 {
  margin-left: 66px !important;
}
.s-m-l--67 {
  margin-left: 67px !important;
}
.s-m-l--68 {
  margin-left: 68px !important;
}
.s-m-l--69 {
  margin-left: 69px !important;
}
.s-m-l--70 {
  margin-left: 70px !important;
}
.s-m-l--71 {
  margin-left: 71px !important;
}
.s-m-l--72 {
  margin-left: 72px !important;
}
.s-m-l--73 {
  margin-left: 73px !important;
}
.s-m-l--74 {
  margin-left: 74px !important;
}
.s-m-l--75 {
  margin-left: 75px !important;
}
.s-m-l--76 {
  margin-left: 76px !important;
}
.s-m-l--77 {
  margin-left: 77px !important;
}
.s-m-l--78 {
  margin-left: 78px !important;
}
.s-m-l--79 {
  margin-left: 79px !important;
}
.s-m-l--80 {
  margin-left: 80px !important;
}
.s-m-l--81 {
  margin-left: 81px !important;
}
.s-m-l--82 {
  margin-left: 82px !important;
}
.s-m-l--83 {
  margin-left: 83px !important;
}
.s-m-l--84 {
  margin-left: 84px !important;
}
.s-m-l--85 {
  margin-left: 85px !important;
}
.s-m-l--86 {
  margin-left: 86px !important;
}
.s-m-l--87 {
  margin-left: 87px !important;
}
.s-m-l--88 {
  margin-left: 88px !important;
}
.s-m-l--89 {
  margin-left: 89px !important;
}
.s-m-l--90 {
  margin-left: 90px !important;
}
.s-m-l--91 {
  margin-left: 91px !important;
}
.s-m-l--92 {
  margin-left: 92px !important;
}
.s-m-l--93 {
  margin-left: 93px !important;
}
.s-m-l--94 {
  margin-left: 94px !important;
}
.s-m-l--95 {
  margin-left: 95px !important;
}
.s-m-l--96 {
  margin-left: 96px !important;
}
.s-m-l--97 {
  margin-left: 97px !important;
}
.s-m-l--98 {
  margin-left: 98px !important;
}
.s-m-l--99 {
  margin-left: 99px !important;
}
.s-m-l--100 {
  margin-left: 100px !important;
}
.s-p-x--0 {
  padding: 0px !important;
}
.s-p-x--1 {
  padding: 1px !important;
}
.s-p-x--2 {
  padding: 2px !important;
}
.s-p-x--3 {
  padding: 3px !important;
}
.s-p-x--4 {
  padding: 4px !important;
}
.s-p-x--5 {
  padding: 5px !important;
}
.s-p-x--6 {
  padding: 6px !important;
}
.s-p-x--7 {
  padding: 7px !important;
}
.s-p-x--8 {
  padding: 8px !important;
}
.s-p-x--9 {
  padding: 9px !important;
}
.s-p-x--10 {
  padding: 10px !important;
}
.s-p-x--11 {
  padding: 11px !important;
}
.s-p-x--12 {
  padding: 12px !important;
}
.s-p-x--13 {
  padding: 13px !important;
}
.s-p-x--14 {
  padding: 14px !important;
}
.s-p-x--15 {
  padding: 15px !important;
}
.s-p-x--16 {
  padding: 16px !important;
}
.s-p-x--17 {
  padding: 17px !important;
}
.s-p-x--18 {
  padding: 18px !important;
}
.s-p-x--19 {
  padding: 19px !important;
}
.s-p-x--20 {
  padding: 20px !important;
}
.s-p-x--21 {
  padding: 21px !important;
}
.s-p-x--22 {
  padding: 22px !important;
}
.s-p-x--23 {
  padding: 23px !important;
}
.s-p-x--24 {
  padding: 24px !important;
}
.s-p-x--25 {
  padding: 25px !important;
}
.s-p-x--26 {
  padding: 26px !important;
}
.s-p-x--27 {
  padding: 27px !important;
}
.s-p-x--28 {
  padding: 28px !important;
}
.s-p-x--29 {
  padding: 29px !important;
}
.s-p-x--30 {
  padding: 30px !important;
}
.s-p-x--31 {
  padding: 31px !important;
}
.s-p-x--32 {
  padding: 32px !important;
}
.s-p-x--33 {
  padding: 33px !important;
}
.s-p-x--34 {
  padding: 34px !important;
}
.s-p-x--35 {
  padding: 35px !important;
}
.s-p-x--36 {
  padding: 36px !important;
}
.s-p-x--37 {
  padding: 37px !important;
}
.s-p-x--38 {
  padding: 38px !important;
}
.s-p-x--39 {
  padding: 39px !important;
}
.s-p-x--40 {
  padding: 40px !important;
}
.s-p-x--41 {
  padding: 41px !important;
}
.s-p-x--42 {
  padding: 42px !important;
}
.s-p-x--43 {
  padding: 43px !important;
}
.s-p-x--44 {
  padding: 44px !important;
}
.s-p-x--45 {
  padding: 45px !important;
}
.s-p-x--46 {
  padding: 46px !important;
}
.s-p-x--47 {
  padding: 47px !important;
}
.s-p-x--48 {
  padding: 48px !important;
}
.s-p-x--49 {
  padding: 49px !important;
}
.s-p-x--50 {
  padding: 50px !important;
}
.s-p-x--51 {
  padding: 51px !important;
}
.s-p-x--52 {
  padding: 52px !important;
}
.s-p-x--53 {
  padding: 53px !important;
}
.s-p-x--54 {
  padding: 54px !important;
}
.s-p-x--55 {
  padding: 55px !important;
}
.s-p-x--56 {
  padding: 56px !important;
}
.s-p-x--57 {
  padding: 57px !important;
}
.s-p-x--58 {
  padding: 58px !important;
}
.s-p-x--59 {
  padding: 59px !important;
}
.s-p-x--60 {
  padding: 60px !important;
}
.s-p-x--61 {
  padding: 61px !important;
}
.s-p-x--62 {
  padding: 62px !important;
}
.s-p-x--63 {
  padding: 63px !important;
}
.s-p-x--64 {
  padding: 64px !important;
}
.s-p-x--65 {
  padding: 65px !important;
}
.s-p-x--66 {
  padding: 66px !important;
}
.s-p-x--67 {
  padding: 67px !important;
}
.s-p-x--68 {
  padding: 68px !important;
}
.s-p-x--69 {
  padding: 69px !important;
}
.s-p-x--70 {
  padding: 70px !important;
}
.s-p-x--71 {
  padding: 71px !important;
}
.s-p-x--72 {
  padding: 72px !important;
}
.s-p-x--73 {
  padding: 73px !important;
}
.s-p-x--74 {
  padding: 74px !important;
}
.s-p-x--75 {
  padding: 75px !important;
}
.s-p-x--76 {
  padding: 76px !important;
}
.s-p-x--77 {
  padding: 77px !important;
}
.s-p-x--78 {
  padding: 78px !important;
}
.s-p-x--79 {
  padding: 79px !important;
}
.s-p-x--80 {
  padding: 80px !important;
}
.s-p-x--81 {
  padding: 81px !important;
}
.s-p-x--82 {
  padding: 82px !important;
}
.s-p-x--83 {
  padding: 83px !important;
}
.s-p-x--84 {
  padding: 84px !important;
}
.s-p-x--85 {
  padding: 85px !important;
}
.s-p-x--86 {
  padding: 86px !important;
}
.s-p-x--87 {
  padding: 87px !important;
}
.s-p-x--88 {
  padding: 88px !important;
}
.s-p-x--89 {
  padding: 89px !important;
}
.s-p-x--90 {
  padding: 90px !important;
}
.s-p-x--91 {
  padding: 91px !important;
}
.s-p-x--92 {
  padding: 92px !important;
}
.s-p-x--93 {
  padding: 93px !important;
}
.s-p-x--94 {
  padding: 94px !important;
}
.s-p-x--95 {
  padding: 95px !important;
}
.s-p-x--96 {
  padding: 96px !important;
}
.s-p-x--97 {
  padding: 97px !important;
}
.s-p-x--98 {
  padding: 98px !important;
}
.s-p-x--99 {
  padding: 99px !important;
}
.s-p-x--100 {
  padding: 100px !important;
}
.s-p-t--0 {
  padding-top: 0px !important;
}
.s-p-t--1 {
  padding-top: 1px !important;
}
.s-p-t--2 {
  padding-top: 2px !important;
}
.s-p-t--3 {
  padding-top: 3px !important;
}
.s-p-t--4 {
  padding-top: 4px !important;
}
.s-p-t--5 {
  padding-top: 5px !important;
}
.s-p-t--6 {
  padding-top: 6px !important;
}
.s-p-t--7 {
  padding-top: 7px !important;
}
.s-p-t--8 {
  padding-top: 8px !important;
}
.s-p-t--9 {
  padding-top: 9px !important;
}
.s-p-t--10 {
  padding-top: 10px !important;
}
.s-p-t--11 {
  padding-top: 11px !important;
}
.s-p-t--12 {
  padding-top: 12px !important;
}
.s-p-t--13 {
  padding-top: 13px !important;
}
.s-p-t--14 {
  padding-top: 14px !important;
}
.s-p-t--15 {
  padding-top: 15px !important;
}
.s-p-t--16 {
  padding-top: 16px !important;
}
.s-p-t--17 {
  padding-top: 17px !important;
}
.s-p-t--18 {
  padding-top: 18px !important;
}
.s-p-t--19 {
  padding-top: 19px !important;
}
.s-p-t--20 {
  padding-top: 20px !important;
}
.s-p-t--21 {
  padding-top: 21px !important;
}
.s-p-t--22 {
  padding-top: 22px !important;
}
.s-p-t--23 {
  padding-top: 23px !important;
}
.s-p-t--24 {
  padding-top: 24px !important;
}
.s-p-t--25 {
  padding-top: 25px !important;
}
.s-p-t--26 {
  padding-top: 26px !important;
}
.s-p-t--27 {
  padding-top: 27px !important;
}
.s-p-t--28 {
  padding-top: 28px !important;
}
.s-p-t--29 {
  padding-top: 29px !important;
}
.s-p-t--30 {
  padding-top: 30px !important;
}
.s-p-t--31 {
  padding-top: 31px !important;
}
.s-p-t--32 {
  padding-top: 32px !important;
}
.s-p-t--33 {
  padding-top: 33px !important;
}
.s-p-t--34 {
  padding-top: 34px !important;
}
.s-p-t--35 {
  padding-top: 35px !important;
}
.s-p-t--36 {
  padding-top: 36px !important;
}
.s-p-t--37 {
  padding-top: 37px !important;
}
.s-p-t--38 {
  padding-top: 38px !important;
}
.s-p-t--39 {
  padding-top: 39px !important;
}
.s-p-t--40 {
  padding-top: 40px !important;
}
.s-p-t--41 {
  padding-top: 41px !important;
}
.s-p-t--42 {
  padding-top: 42px !important;
}
.s-p-t--43 {
  padding-top: 43px !important;
}
.s-p-t--44 {
  padding-top: 44px !important;
}
.s-p-t--45 {
  padding-top: 45px !important;
}
.s-p-t--46 {
  padding-top: 46px !important;
}
.s-p-t--47 {
  padding-top: 47px !important;
}
.s-p-t--48 {
  padding-top: 48px !important;
}
.s-p-t--49 {
  padding-top: 49px !important;
}
.s-p-t--50 {
  padding-top: 50px !important;
}
.s-p-t--51 {
  padding-top: 51px !important;
}
.s-p-t--52 {
  padding-top: 52px !important;
}
.s-p-t--53 {
  padding-top: 53px !important;
}
.s-p-t--54 {
  padding-top: 54px !important;
}
.s-p-t--55 {
  padding-top: 55px !important;
}
.s-p-t--56 {
  padding-top: 56px !important;
}
.s-p-t--57 {
  padding-top: 57px !important;
}
.s-p-t--58 {
  padding-top: 58px !important;
}
.s-p-t--59 {
  padding-top: 59px !important;
}
.s-p-t--60 {
  padding-top: 60px !important;
}
.s-p-t--61 {
  padding-top: 61px !important;
}
.s-p-t--62 {
  padding-top: 62px !important;
}
.s-p-t--63 {
  padding-top: 63px !important;
}
.s-p-t--64 {
  padding-top: 64px !important;
}
.s-p-t--65 {
  padding-top: 65px !important;
}
.s-p-t--66 {
  padding-top: 66px !important;
}
.s-p-t--67 {
  padding-top: 67px !important;
}
.s-p-t--68 {
  padding-top: 68px !important;
}
.s-p-t--69 {
  padding-top: 69px !important;
}
.s-p-t--70 {
  padding-top: 70px !important;
}
.s-p-t--71 {
  padding-top: 71px !important;
}
.s-p-t--72 {
  padding-top: 72px !important;
}
.s-p-t--73 {
  padding-top: 73px !important;
}
.s-p-t--74 {
  padding-top: 74px !important;
}
.s-p-t--75 {
  padding-top: 75px !important;
}
.s-p-t--76 {
  padding-top: 76px !important;
}
.s-p-t--77 {
  padding-top: 77px !important;
}
.s-p-t--78 {
  padding-top: 78px !important;
}
.s-p-t--79 {
  padding-top: 79px !important;
}
.s-p-t--80 {
  padding-top: 80px !important;
}
.s-p-t--81 {
  padding-top: 81px !important;
}
.s-p-t--82 {
  padding-top: 82px !important;
}
.s-p-t--83 {
  padding-top: 83px !important;
}
.s-p-t--84 {
  padding-top: 84px !important;
}
.s-p-t--85 {
  padding-top: 85px !important;
}
.s-p-t--86 {
  padding-top: 86px !important;
}
.s-p-t--87 {
  padding-top: 87px !important;
}
.s-p-t--88 {
  padding-top: 88px !important;
}
.s-p-t--89 {
  padding-top: 89px !important;
}
.s-p-t--90 {
  padding-top: 90px !important;
}
.s-p-t--91 {
  padding-top: 91px !important;
}
.s-p-t--92 {
  padding-top: 92px !important;
}
.s-p-t--93 {
  padding-top: 93px !important;
}
.s-p-t--94 {
  padding-top: 94px !important;
}
.s-p-t--95 {
  padding-top: 95px !important;
}
.s-p-t--96 {
  padding-top: 96px !important;
}
.s-p-t--97 {
  padding-top: 97px !important;
}
.s-p-t--98 {
  padding-top: 98px !important;
}
.s-p-t--99 {
  padding-top: 99px !important;
}
.s-p-t--100 {
  padding-top: 100px !important;
}
.s-p-r--0 {
  padding-right: 0px !important;
}
.s-p-r--1 {
  padding-right: 1px !important;
}
.s-p-r--2 {
  padding-right: 2px !important;
}
.s-p-r--3 {
  padding-right: 3px !important;
}
.s-p-r--4 {
  padding-right: 4px !important;
}
.s-p-r--5 {
  padding-right: 5px !important;
}
.s-p-r--6 {
  padding-right: 6px !important;
}
.s-p-r--7 {
  padding-right: 7px !important;
}
.s-p-r--8 {
  padding-right: 8px !important;
}
.s-p-r--9 {
  padding-right: 9px !important;
}
.s-p-r--10 {
  padding-right: 10px !important;
}
.s-p-r--11 {
  padding-right: 11px !important;
}
.s-p-r--12 {
  padding-right: 12px !important;
}
.s-p-r--13 {
  padding-right: 13px !important;
}
.s-p-r--14 {
  padding-right: 14px !important;
}
.s-p-r--15 {
  padding-right: 15px !important;
}
.s-p-r--16 {
  padding-right: 16px !important;
}
.s-p-r--17 {
  padding-right: 17px !important;
}
.s-p-r--18 {
  padding-right: 18px !important;
}
.s-p-r--19 {
  padding-right: 19px !important;
}
.s-p-r--20 {
  padding-right: 20px !important;
}
.s-p-r--21 {
  padding-right: 21px !important;
}
.s-p-r--22 {
  padding-right: 22px !important;
}
.s-p-r--23 {
  padding-right: 23px !important;
}
.s-p-r--24 {
  padding-right: 24px !important;
}
.s-p-r--25 {
  padding-right: 25px !important;
}
.s-p-r--26 {
  padding-right: 26px !important;
}
.s-p-r--27 {
  padding-right: 27px !important;
}
.s-p-r--28 {
  padding-right: 28px !important;
}
.s-p-r--29 {
  padding-right: 29px !important;
}
.s-p-r--30 {
  padding-right: 30px !important;
}
.s-p-r--31 {
  padding-right: 31px !important;
}
.s-p-r--32 {
  padding-right: 32px !important;
}
.s-p-r--33 {
  padding-right: 33px !important;
}
.s-p-r--34 {
  padding-right: 34px !important;
}
.s-p-r--35 {
  padding-right: 35px !important;
}
.s-p-r--36 {
  padding-right: 36px !important;
}
.s-p-r--37 {
  padding-right: 37px !important;
}
.s-p-r--38 {
  padding-right: 38px !important;
}
.s-p-r--39 {
  padding-right: 39px !important;
}
.s-p-r--40 {
  padding-right: 40px !important;
}
.s-p-r--41 {
  padding-right: 41px !important;
}
.s-p-r--42 {
  padding-right: 42px !important;
}
.s-p-r--43 {
  padding-right: 43px !important;
}
.s-p-r--44 {
  padding-right: 44px !important;
}
.s-p-r--45 {
  padding-right: 45px !important;
}
.s-p-r--46 {
  padding-right: 46px !important;
}
.s-p-r--47 {
  padding-right: 47px !important;
}
.s-p-r--48 {
  padding-right: 48px !important;
}
.s-p-r--49 {
  padding-right: 49px !important;
}
.s-p-r--50 {
  padding-right: 50px !important;
}
.s-p-r--51 {
  padding-right: 51px !important;
}
.s-p-r--52 {
  padding-right: 52px !important;
}
.s-p-r--53 {
  padding-right: 53px !important;
}
.s-p-r--54 {
  padding-right: 54px !important;
}
.s-p-r--55 {
  padding-right: 55px !important;
}
.s-p-r--56 {
  padding-right: 56px !important;
}
.s-p-r--57 {
  padding-right: 57px !important;
}
.s-p-r--58 {
  padding-right: 58px !important;
}
.s-p-r--59 {
  padding-right: 59px !important;
}
.s-p-r--60 {
  padding-right: 60px !important;
}
.s-p-r--61 {
  padding-right: 61px !important;
}
.s-p-r--62 {
  padding-right: 62px !important;
}
.s-p-r--63 {
  padding-right: 63px !important;
}
.s-p-r--64 {
  padding-right: 64px !important;
}
.s-p-r--65 {
  padding-right: 65px !important;
}
.s-p-r--66 {
  padding-right: 66px !important;
}
.s-p-r--67 {
  padding-right: 67px !important;
}
.s-p-r--68 {
  padding-right: 68px !important;
}
.s-p-r--69 {
  padding-right: 69px !important;
}
.s-p-r--70 {
  padding-right: 70px !important;
}
.s-p-r--71 {
  padding-right: 71px !important;
}
.s-p-r--72 {
  padding-right: 72px !important;
}
.s-p-r--73 {
  padding-right: 73px !important;
}
.s-p-r--74 {
  padding-right: 74px !important;
}
.s-p-r--75 {
  padding-right: 75px !important;
}
.s-p-r--76 {
  padding-right: 76px !important;
}
.s-p-r--77 {
  padding-right: 77px !important;
}
.s-p-r--78 {
  padding-right: 78px !important;
}
.s-p-r--79 {
  padding-right: 79px !important;
}
.s-p-r--80 {
  padding-right: 80px !important;
}
.s-p-r--81 {
  padding-right: 81px !important;
}
.s-p-r--82 {
  padding-right: 82px !important;
}
.s-p-r--83 {
  padding-right: 83px !important;
}
.s-p-r--84 {
  padding-right: 84px !important;
}
.s-p-r--85 {
  padding-right: 85px !important;
}
.s-p-r--86 {
  padding-right: 86px !important;
}
.s-p-r--87 {
  padding-right: 87px !important;
}
.s-p-r--88 {
  padding-right: 88px !important;
}
.s-p-r--89 {
  padding-right: 89px !important;
}
.s-p-r--90 {
  padding-right: 90px !important;
}
.s-p-r--91 {
  padding-right: 91px !important;
}
.s-p-r--92 {
  padding-right: 92px !important;
}
.s-p-r--93 {
  padding-right: 93px !important;
}
.s-p-r--94 {
  padding-right: 94px !important;
}
.s-p-r--95 {
  padding-right: 95px !important;
}
.s-p-r--96 {
  padding-right: 96px !important;
}
.s-p-r--97 {
  padding-right: 97px !important;
}
.s-p-r--98 {
  padding-right: 98px !important;
}
.s-p-r--99 {
  padding-right: 99px !important;
}
.s-p-r--100 {
  padding-right: 100px !important;
}
.s-p-b--0 {
  padding-bottom: 0px !important;
}
.s-p-b--1 {
  padding-bottom: 1px !important;
}
.s-p-b--2 {
  padding-bottom: 2px !important;
}
.s-p-b--3 {
  padding-bottom: 3px !important;
}
.s-p-b--4 {
  padding-bottom: 4px !important;
}
.s-p-b--5 {
  padding-bottom: 5px !important;
}
.s-p-b--6 {
  padding-bottom: 6px !important;
}
.s-p-b--7 {
  padding-bottom: 7px !important;
}
.s-p-b--8 {
  padding-bottom: 8px !important;
}
.s-p-b--9 {
  padding-bottom: 9px !important;
}
.s-p-b--10 {
  padding-bottom: 10px !important;
}
.s-p-b--11 {
  padding-bottom: 11px !important;
}
.s-p-b--12 {
  padding-bottom: 12px !important;
}
.s-p-b--13 {
  padding-bottom: 13px !important;
}
.s-p-b--14 {
  padding-bottom: 14px !important;
}
.s-p-b--15 {
  padding-bottom: 15px !important;
}
.s-p-b--16 {
  padding-bottom: 16px !important;
}
.s-p-b--17 {
  padding-bottom: 17px !important;
}
.s-p-b--18 {
  padding-bottom: 18px !important;
}
.s-p-b--19 {
  padding-bottom: 19px !important;
}
.s-p-b--20 {
  padding-bottom: 20px !important;
}
.s-p-b--21 {
  padding-bottom: 21px !important;
}
.s-p-b--22 {
  padding-bottom: 22px !important;
}
.s-p-b--23 {
  padding-bottom: 23px !important;
}
.s-p-b--24 {
  padding-bottom: 24px !important;
}
.s-p-b--25 {
  padding-bottom: 25px !important;
}
.s-p-b--26 {
  padding-bottom: 26px !important;
}
.s-p-b--27 {
  padding-bottom: 27px !important;
}
.s-p-b--28 {
  padding-bottom: 28px !important;
}
.s-p-b--29 {
  padding-bottom: 29px !important;
}
.s-p-b--30 {
  padding-bottom: 30px !important;
}
.s-p-b--31 {
  padding-bottom: 31px !important;
}
.s-p-b--32 {
  padding-bottom: 32px !important;
}
.s-p-b--33 {
  padding-bottom: 33px !important;
}
.s-p-b--34 {
  padding-bottom: 34px !important;
}
.s-p-b--35 {
  padding-bottom: 35px !important;
}
.s-p-b--36 {
  padding-bottom: 36px !important;
}
.s-p-b--37 {
  padding-bottom: 37px !important;
}
.s-p-b--38 {
  padding-bottom: 38px !important;
}
.s-p-b--39 {
  padding-bottom: 39px !important;
}
.s-p-b--40 {
  padding-bottom: 40px !important;
}
.s-p-b--41 {
  padding-bottom: 41px !important;
}
.s-p-b--42 {
  padding-bottom: 42px !important;
}
.s-p-b--43 {
  padding-bottom: 43px !important;
}
.s-p-b--44 {
  padding-bottom: 44px !important;
}
.s-p-b--45 {
  padding-bottom: 45px !important;
}
.s-p-b--46 {
  padding-bottom: 46px !important;
}
.s-p-b--47 {
  padding-bottom: 47px !important;
}
.s-p-b--48 {
  padding-bottom: 48px !important;
}
.s-p-b--49 {
  padding-bottom: 49px !important;
}
.s-p-b--50 {
  padding-bottom: 50px !important;
}
.s-p-b--51 {
  padding-bottom: 51px !important;
}
.s-p-b--52 {
  padding-bottom: 52px !important;
}
.s-p-b--53 {
  padding-bottom: 53px !important;
}
.s-p-b--54 {
  padding-bottom: 54px !important;
}
.s-p-b--55 {
  padding-bottom: 55px !important;
}
.s-p-b--56 {
  padding-bottom: 56px !important;
}
.s-p-b--57 {
  padding-bottom: 57px !important;
}
.s-p-b--58 {
  padding-bottom: 58px !important;
}
.s-p-b--59 {
  padding-bottom: 59px !important;
}
.s-p-b--60 {
  padding-bottom: 60px !important;
}
.s-p-b--61 {
  padding-bottom: 61px !important;
}
.s-p-b--62 {
  padding-bottom: 62px !important;
}
.s-p-b--63 {
  padding-bottom: 63px !important;
}
.s-p-b--64 {
  padding-bottom: 64px !important;
}
.s-p-b--65 {
  padding-bottom: 65px !important;
}
.s-p-b--66 {
  padding-bottom: 66px !important;
}
.s-p-b--67 {
  padding-bottom: 67px !important;
}
.s-p-b--68 {
  padding-bottom: 68px !important;
}
.s-p-b--69 {
  padding-bottom: 69px !important;
}
.s-p-b--70 {
  padding-bottom: 70px !important;
}
.s-p-b--71 {
  padding-bottom: 71px !important;
}
.s-p-b--72 {
  padding-bottom: 72px !important;
}
.s-p-b--73 {
  padding-bottom: 73px !important;
}
.s-p-b--74 {
  padding-bottom: 74px !important;
}
.s-p-b--75 {
  padding-bottom: 75px !important;
}
.s-p-b--76 {
  padding-bottom: 76px !important;
}
.s-p-b--77 {
  padding-bottom: 77px !important;
}
.s-p-b--78 {
  padding-bottom: 78px !important;
}
.s-p-b--79 {
  padding-bottom: 79px !important;
}
.s-p-b--80 {
  padding-bottom: 80px !important;
}
.s-p-b--81 {
  padding-bottom: 81px !important;
}
.s-p-b--82 {
  padding-bottom: 82px !important;
}
.s-p-b--83 {
  padding-bottom: 83px !important;
}
.s-p-b--84 {
  padding-bottom: 84px !important;
}
.s-p-b--85 {
  padding-bottom: 85px !important;
}
.s-p-b--86 {
  padding-bottom: 86px !important;
}
.s-p-b--87 {
  padding-bottom: 87px !important;
}
.s-p-b--88 {
  padding-bottom: 88px !important;
}
.s-p-b--89 {
  padding-bottom: 89px !important;
}
.s-p-b--90 {
  padding-bottom: 90px !important;
}
.s-p-b--91 {
  padding-bottom: 91px !important;
}
.s-p-b--92 {
  padding-bottom: 92px !important;
}
.s-p-b--93 {
  padding-bottom: 93px !important;
}
.s-p-b--94 {
  padding-bottom: 94px !important;
}
.s-p-b--95 {
  padding-bottom: 95px !important;
}
.s-p-b--96 {
  padding-bottom: 96px !important;
}
.s-p-b--97 {
  padding-bottom: 97px !important;
}
.s-p-b--98 {
  padding-bottom: 98px !important;
}
.s-p-b--99 {
  padding-bottom: 99px !important;
}
.s-p-b--100 {
  padding-bottom: 100px !important;
}
.s-p-l--0 {
  padding-left: 0px !important;
}
.s-p-l--1 {
  padding-left: 1px !important;
}
.s-p-l--2 {
  padding-left: 2px !important;
}
.s-p-l--3 {
  padding-left: 3px !important;
}
.s-p-l--4 {
  padding-left: 4px !important;
}
.s-p-l--5 {
  padding-left: 5px !important;
}
.s-p-l--6 {
  padding-left: 6px !important;
}
.s-p-l--7 {
  padding-left: 7px !important;
}
.s-p-l--8 {
  padding-left: 8px !important;
}
.s-p-l--9 {
  padding-left: 9px !important;
}
.s-p-l--10 {
  padding-left: 10px !important;
}
.s-p-l--11 {
  padding-left: 11px !important;
}
.s-p-l--12 {
  padding-left: 12px !important;
}
.s-p-l--13 {
  padding-left: 13px !important;
}
.s-p-l--14 {
  padding-left: 14px !important;
}
.s-p-l--15 {
  padding-left: 15px !important;
}
.s-p-l--16 {
  padding-left: 16px !important;
}
.s-p-l--17 {
  padding-left: 17px !important;
}
.s-p-l--18 {
  padding-left: 18px !important;
}
.s-p-l--19 {
  padding-left: 19px !important;
}
.s-p-l--20 {
  padding-left: 20px !important;
}
.s-p-l--21 {
  padding-left: 21px !important;
}
.s-p-l--22 {
  padding-left: 22px !important;
}
.s-p-l--23 {
  padding-left: 23px !important;
}
.s-p-l--24 {
  padding-left: 24px !important;
}
.s-p-l--25 {
  padding-left: 25px !important;
}
.s-p-l--26 {
  padding-left: 26px !important;
}
.s-p-l--27 {
  padding-left: 27px !important;
}
.s-p-l--28 {
  padding-left: 28px !important;
}
.s-p-l--29 {
  padding-left: 29px !important;
}
.s-p-l--30 {
  padding-left: 30px !important;
}
.s-p-l--31 {
  padding-left: 31px !important;
}
.s-p-l--32 {
  padding-left: 32px !important;
}
.s-p-l--33 {
  padding-left: 33px !important;
}
.s-p-l--34 {
  padding-left: 34px !important;
}
.s-p-l--35 {
  padding-left: 35px !important;
}
.s-p-l--36 {
  padding-left: 36px !important;
}
.s-p-l--37 {
  padding-left: 37px !important;
}
.s-p-l--38 {
  padding-left: 38px !important;
}
.s-p-l--39 {
  padding-left: 39px !important;
}
.s-p-l--40 {
  padding-left: 40px !important;
}
.s-p-l--41 {
  padding-left: 41px !important;
}
.s-p-l--42 {
  padding-left: 42px !important;
}
.s-p-l--43 {
  padding-left: 43px !important;
}
.s-p-l--44 {
  padding-left: 44px !important;
}
.s-p-l--45 {
  padding-left: 45px !important;
}
.s-p-l--46 {
  padding-left: 46px !important;
}
.s-p-l--47 {
  padding-left: 47px !important;
}
.s-p-l--48 {
  padding-left: 48px !important;
}
.s-p-l--49 {
  padding-left: 49px !important;
}
.s-p-l--50 {
  padding-left: 50px !important;
}
.s-p-l--51 {
  padding-left: 51px !important;
}
.s-p-l--52 {
  padding-left: 52px !important;
}
.s-p-l--53 {
  padding-left: 53px !important;
}
.s-p-l--54 {
  padding-left: 54px !important;
}
.s-p-l--55 {
  padding-left: 55px !important;
}
.s-p-l--56 {
  padding-left: 56px !important;
}
.s-p-l--57 {
  padding-left: 57px !important;
}
.s-p-l--58 {
  padding-left: 58px !important;
}
.s-p-l--59 {
  padding-left: 59px !important;
}
.s-p-l--60 {
  padding-left: 60px !important;
}
.s-p-l--61 {
  padding-left: 61px !important;
}
.s-p-l--62 {
  padding-left: 62px !important;
}
.s-p-l--63 {
  padding-left: 63px !important;
}
.s-p-l--64 {
  padding-left: 64px !important;
}
.s-p-l--65 {
  padding-left: 65px !important;
}
.s-p-l--66 {
  padding-left: 66px !important;
}
.s-p-l--67 {
  padding-left: 67px !important;
}
.s-p-l--68 {
  padding-left: 68px !important;
}
.s-p-l--69 {
  padding-left: 69px !important;
}
.s-p-l--70 {
  padding-left: 70px !important;
}
.s-p-l--71 {
  padding-left: 71px !important;
}
.s-p-l--72 {
  padding-left: 72px !important;
}
.s-p-l--73 {
  padding-left: 73px !important;
}
.s-p-l--74 {
  padding-left: 74px !important;
}
.s-p-l--75 {
  padding-left: 75px !important;
}
.s-p-l--76 {
  padding-left: 76px !important;
}
.s-p-l--77 {
  padding-left: 77px !important;
}
.s-p-l--78 {
  padding-left: 78px !important;
}
.s-p-l--79 {
  padding-left: 79px !important;
}
.s-p-l--80 {
  padding-left: 80px !important;
}
.s-p-l--81 {
  padding-left: 81px !important;
}
.s-p-l--82 {
  padding-left: 82px !important;
}
.s-p-l--83 {
  padding-left: 83px !important;
}
.s-p-l--84 {
  padding-left: 84px !important;
}
.s-p-l--85 {
  padding-left: 85px !important;
}
.s-p-l--86 {
  padding-left: 86px !important;
}
.s-p-l--87 {
  padding-left: 87px !important;
}
.s-p-l--88 {
  padding-left: 88px !important;
}
.s-p-l--89 {
  padding-left: 89px !important;
}
.s-p-l--90 {
  padding-left: 90px !important;
}
.s-p-l--91 {
  padding-left: 91px !important;
}
.s-p-l--92 {
  padding-left: 92px !important;
}
.s-p-l--93 {
  padding-left: 93px !important;
}
.s-p-l--94 {
  padding-left: 94px !important;
}
.s-p-l--95 {
  padding-left: 95px !important;
}
.s-p-l--96 {
  padding-left: 96px !important;
}
.s-p-l--97 {
  padding-left: 97px !important;
}
.s-p-l--98 {
  padding-left: 98px !important;
}
.s-p-l--99 {
  padding-left: 99px !important;
}
.s-p-l--100 {
  padding-left: 100px !important;
}

.t-a-left {
  text-align: left !important;
}
@media screen and (max-width: 768px) {
  .t-a-left--mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) {
  .t-a-left--desktop {
    text-align: left !important;
  }
}
.t-a-right {
  text-align: right !important;
}
@media screen and (max-width: 768px) {
  .t-a-right--mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) {
  .t-a-right--desktop {
    text-align: right !important;
  }
}
.t-a-center {
  text-align: center !important;
}
@media screen and (max-width: 768px) {
  .t-a-center--mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) {
  .t-a-center--desktop {
    text-align: center !important;
  }
}
.t-d-none {
  text-decoration: none !important;
}
.t-d-underline {
  text-decoration: underline !important;
}

.w-max-500 {
  max-width: 500px !important;
}
.w-max-510 {
  max-width: 510px !important;
}
.w-max-520 {
  max-width: 520px !important;
}
.w-max-530 {
  max-width: 530px !important;
}
.w-max-540 {
  max-width: 540px !important;
}
.w-max-550 {
  max-width: 550px !important;
}
.w-max-560 {
  max-width: 560px !important;
}
.w-max-570 {
  max-width: 570px !important;
}
.w-max-580 {
  max-width: 580px !important;
}
.w-max-590 {
  max-width: 590px !important;
}
.w-max-600 {
  max-width: 600px !important;
}
.w-max-610 {
  max-width: 610px !important;
}
.w-max-620 {
  max-width: 620px !important;
}
.w-max-630 {
  max-width: 630px !important;
}
.w-max-640 {
  max-width: 640px !important;
}
.w-max-650 {
  max-width: 650px !important;
}
.w-max-660 {
  max-width: 660px !important;
}
.w-max-670 {
  max-width: 670px !important;
}
.w-max-680 {
  max-width: 680px !important;
}
.w-max-690 {
  max-width: 690px !important;
}
.w-max-700 {
  max-width: 700px !important;
}
.w-max-710 {
  max-width: 710px !important;
}
.w-max-720 {
  max-width: 720px !important;
}
.w-max-730 {
  max-width: 730px !important;
}
.w-max-740 {
  max-width: 740px !important;
}
.w-max-750 {
  max-width: 750px !important;
}
.w-max-760 {
  max-width: 760px !important;
}
.w-max-770 {
  max-width: 770px !important;
}
.w-max-780 {
  max-width: 780px !important;
}
.w-max-790 {
  max-width: 790px !important;
}
.w-max-800 {
  max-width: 800px !important;
}
.w-max-810 {
  max-width: 810px !important;
}
.w-max-820 {
  max-width: 820px !important;
}
.w-max-830 {
  max-width: 830px !important;
}
.w-max-840 {
  max-width: 840px !important;
}
.w-max-850 {
  max-width: 850px !important;
}
.w-max-860 {
  max-width: 860px !important;
}
.w-max-870 {
  max-width: 870px !important;
}
.w-max-880 {
  max-width: 880px !important;
}
.w-max-890 {
  max-width: 890px !important;
}
.w-max-900 {
  max-width: 900px !important;
}
.w-max-910 {
  max-width: 910px !important;
}
.w-max-920 {
  max-width: 920px !important;
}
.w-max-930 {
  max-width: 930px !important;
}
.w-max-940 {
  max-width: 940px !important;
}
.w-max-950 {
  max-width: 950px !important;
}
.w-max-960 {
  max-width: 960px !important;
}
.w-max-970 {
  max-width: 970px !important;
}
.w-max-980 {
  max-width: 980px !important;
}
.w-max-990 {
  max-width: 990px !important;
}
.w-max-1000 {
  max-width: 1000px !important;
}
.w-max-1010 {
  max-width: 1010px !important;
}
.w-max-1020 {
  max-width: 1020px !important;
}
.w-max-1030 {
  max-width: 1030px !important;
}
.w-max-1040 {
  max-width: 1040px !important;
}
.w-max-1050 {
  max-width: 1050px !important;
}
.w-max-1060 {
  max-width: 1060px !important;
}
.w-max-1070 {
  max-width: 1070px !important;
}
.w-max-1080 {
  max-width: 1080px !important;
}
.w-max-1090 {
  max-width: 1090px !important;
}
.w-max-1100 {
  max-width: 1100px !important;
}
.w-max-1110 {
  max-width: 1110px !important;
}
.w-max-1120 {
  max-width: 1120px !important;
}
.w-max-1130 {
  max-width: 1130px !important;
}
.w-max-1140 {
  max-width: 1140px !important;
}
.w-max-1150 {
  max-width: 1150px !important;
}
.w-max-1160 {
  max-width: 1160px !important;
}
.w-max-1170 {
  max-width: 1170px !important;
}
.w-max-1180 {
  max-width: 1180px !important;
}
.w-max-1190 {
  max-width: 1190px !important;
}
.w-max-1200 {
  max-width: 1200px !important;
}

body:not(.body-animation-paused) .lazy-opacity {
  will-change: opacity;
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  opacity: 0;
}
body:not(.body-animation-paused) .lazy-opacity.lazy-done {
  opacity: 1;
}
body:not(.body-animation-paused) .lazy-up {
  will-change: transform, opacity;
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(7.5vw);
          transform: translateY(7.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .lazy-up {
    -webkit-transform: translateY(clamp(32px, 4.1666666667vw, 60px));
            transform: translateY(clamp(32px, 4.1666666667vw, 60px));
  }
}
body:not(.body-animation-paused) .lazy-up.lazy-done {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
body:not(.body-animation-paused) .lazy-slide {
  will-change: transform, opacity;
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(-7.5vw);
          transform: translateX(-7.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .lazy-slide {
    -webkit-transform: translateX(clamp(-58px, -4.0277777778vw, 30.9333333333px));
            transform: translateX(clamp(-58px, -4.0277777778vw, 30.9333333333px));
  }
}
body:not(.body-animation-paused) .lazy-slide.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
body:not(.body-animation-paused) .lazy-scale {
  will-change: transform, opacity;
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  transition: opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  transition: transform 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1);
  transition: transform 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
body:not(.body-animation-paused) .lazy-scale.lazy-done {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
body:not(.body-animation-paused) .lazy-rotate {
  will-change: transform, opacity;
  -webkit-transform-origin: center;
          transform-origin: center;
  transform-box: fill-box;
  -webkit-transform: scale(0.001) rotate(-45deg);
          transform: scale(0.001) rotate(-45deg);
  opacity: 0.2;
}
body:not(.body-animation-paused) .lazy-rotate.lazy-done {
  -webkit-animation: scaleRotateIn 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: scaleRotateIn 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes buttonSvg {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes buttonSvg {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes buttonBg {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  50%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes buttonBg {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  50%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes buttonText {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  50%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes buttonText {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  50%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes buttonArrow {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  50%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes buttonArrow {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  50%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}
@-webkit-keyframes zoomBack {
  0% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomBack {
  0% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomFadeOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}
@keyframes zoomFadeOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    opacity: 0;
  }
}
@-webkit-keyframes scaleRotateIn {
  0% {
    -webkit-transform: scale(0.001) rotate(-45deg);
            transform: scale(0.001) rotate(-45deg);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes scaleRotateIn {
  0% {
    -webkit-transform: scale(0.001) rotate(-45deg);
            transform: scale(0.001) rotate(-45deg);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes zoneMapVisual {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes zoneMapVisual {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes zoneMapBase1 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoneMapBase1 {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoneMapBase2 {
  0% {
    -webkit-transform: rotate(44.1deg);
            transform: rotate(44.1deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes zoneMapBase2 {
  0% {
    -webkit-transform: rotate(44.1deg);
            transform: rotate(44.1deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes zoneMapShowBg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoneMapShowBg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zoneMapZone {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoneMapZone {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zoneMapLinks {
  0% {
    opacity: 0;
  }
  100% {
    pointer-events: all;
    opacity: 1;
  }
}
@keyframes zoneMapLinks {
  0% {
    opacity: 0;
  }
  100% {
    pointer-events: all;
    opacity: 1;
  }
}
.top {
  /* news */
}
.top-news {
  z-index: 2;
}
.top {
  /* zone */
}
.top-zone {
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-zone {
    padding: 15vw 0 13vw;
    background-color: #FFF59D;
  }
}
@media screen and (min-width: 769px) {
  .top-zone {
    padding-top: clamp(82.6666666667px, 10.7638888889vw, 155px);
    height: clamp(1093.3333333333px, 142.3611111111vw, 2050px);
    z-index: 1;
  }
  .top-zone:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_bg-desktop.svg) repeat-x left center;
    background-size: contain;
    z-index: -1;
  }
}
.top-zone .title-1 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
          transform: translateX(-50%) rotate(-90deg);
}
@media screen and (min-width: 769px) {
  .top-zone .title-1 {
    top: clamp(-60px, -4.1666666667vw, 32px);
  }
}
.top-zone-content {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-zone-content {
    padding-top: 31.25vw;
  }
}
@media screen and (min-width: 769px) {
  .top-zone-content:after {
    content: "";
    position: absolute;
    top: clamp(44.2666666667px, 5.7638888889vw, 83px);
    left: clamp(176.5333333333px, 22.9861111111vw, 331px);
    width: clamp(397.8666666667px, 51.8055555556vw, 746px);
    height: clamp(874.1333333333px, 113.8194444444vw, 1639px);
    background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_line-desktop.svg) repeat-x left center;
    background-size: contain;
    z-index: -1;
  }
}
.top-zone-lists {
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-zone-lists {
    display: -ms-grid;
    display: grid;
    gap: 15vw;
  }
}
.top-zone-lists__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-zone-lists__item {
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item {
    position: absolute;
    width: clamp(224px, 29.1666666667vw, 420px);
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-prologue {
    top: 0;
    right: clamp(72.5333333333px, 9.4444444444vw, 136px);
  }
}
.top-zone-lists__item.is-zone-prologue .top-zone-lists__photo {
  margin: 0 auto;
  width: 64.25vw;
  height: 56.75vw;
  -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_prologue_mask.svg);
          mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_prologue_mask.svg);
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-prologue .top-zone-lists__photo {
    width: clamp(137.0666666667px, 17.8472222222vw, 257px);
    height: clamp(121.0666666667px, 15.7638888889vw, 227px);
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-1 {
    top: clamp(60.8px, 7.9166666667vw, 114px);
    left: clamp(87.4666666667px, 11.3888888889vw, 164px);
  }
}
.top-zone-lists__item.is-zone-1 .top-zone-lists__photo {
  margin-left: -7vw;
  width: 114vw;
  height: 75vw;
  -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_1_mask.svg);
          mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_1_mask.svg);
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-1 .top-zone-lists__photo {
    margin-left: clamp(-31px, -2.1527777778vw, 16.5333333333px);
    width: clamp(256.5333333333px, 33.4027777778vw, 481px);
    height: clamp(168.5333333333px, 21.9444444444vw, 316px);
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-2 {
    top: clamp(206.4px, 26.875vw, 387px);
    right: clamp(88.5333333333px, 11.5277777778vw, 166px);
  }
}
.top-zone-lists__item.is-zone-2 .top-zone-lists__photo {
  margin-left: -19vw;
  width: 138.5vw;
  height: 75vw;
  -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_2_mask.svg);
          mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_2_mask.svg);
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-2 .top-zone-lists__photo {
    margin-left: clamp(-110px, -7.6388888889vw, 58.6666666667px);
    width: clamp(352px, 45.8333333333vw, 660px);
    height: clamp(190.9333333333px, 24.8611111111vw, 358px);
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-3 {
    top: clamp(363.7333333333px, 47.3611111111vw, 682px);
    left: clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.top-zone-lists__item.is-zone-3 .top-zone-lists__photo {
  margin-left: -20vw;
  width: 140vw;
  height: 75vw;
  -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_3_mask.svg);
          mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_3_mask.svg);
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-3 .top-zone-lists__photo {
    margin-left: clamp(-64px, -4.4444444444vw, 34.1333333333px);
    width: clamp(294.4px, 38.3333333333vw, 552px);
    height: clamp(157.8666666667px, 20.5555555556vw, 296px);
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-4 {
    top: clamp(491.7333333333px, 64.0277777778vw, 922px);
    right: clamp(88.5333333333px, 11.5277777778vw, 166px);
  }
}
.top-zone-lists__item.is-zone-4 .top-zone-lists__photo {
  margin-left: -7.5vw;
  width: 115vw;
  height: 75vw;
  -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_4_mask.svg);
          mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_4_mask.svg);
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-4 .top-zone-lists__photo {
    width: clamp(312px, 40.625vw, 585px);
    height: clamp(203.7333333333px, 26.5277777778vw, 382px);
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-epilogue {
    top: clamp(675.2px, 87.9166666667vw, 1266px);
    left: clamp(137.0666666667px, 17.8472222222vw, 257px);
  }
}
.top-zone-lists__item.is-zone-epilogue .top-zone-lists__photo {
  margin: 0 auto;
  width: 64.25vw;
  height: 56.75vw;
  -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_epilogue_mask.svg);
          mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/zone_epilogue_mask.svg);
}
@media screen and (min-width: 769px) {
  .top-zone-lists__item.is-zone-epilogue .top-zone-lists__photo {
    width: clamp(137.0666666667px, 17.8472222222vw, 257px);
    height: clamp(121.0666666667px, 15.7638888889vw, 227px);
  }
}
.top-zone-lists__photo {
  position: relative;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.top-zone-lists__photo > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .top-zone-lists__photo > a img {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .top-zone-lists__photo > a:hover {
    opacity: 1;
  }
  .top-zone-lists__photo > a:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.top-zone-lists__info {
  margin-top: 3.75vw;
}
@media screen and (max-width: 768px) {
  .top-zone-lists__info {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .top-zone-lists__info {
    margin-top: clamp(3.2px, 0.4166666667vw, 6px);
  }
}
.top-zone-lists__title {
  margin: 0;
  text-align: center;
  font-size: 5.95vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .top-zone-lists__title {
    font-size: clamp(14.9333333333px, 1.9444444444vw, 28px);
  }
}
.top-zone-lists__title .is-num {
  margin-right: 0.2em;
  font-size: 4.675vw;
}
@media screen and (min-width: 769px) {
  .top-zone-lists__title .is-num {
    font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  }
}
.top-zone-lists__title > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
.top-zone-lists__title > a::after {
  content: "";
  display: inline-block;
  margin: 3.5vw 0 0 6vw;
  width: 2.5vw;
  height: 4vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow1.svg) no-repeat center center;
  background-size: 100% 100%;
  vertical-align: top;
}
@media screen and (min-width: 769px) {
  .top-zone-lists__title > a::after {
    margin: clamp(8.5333333333px, 1.1111111111vw, 16px) 0 0 clamp(12.8px, 1.6666666667vw, 24px);
    width: clamp(5.3333333333px, 0.6944444444vw, 10px);
    height: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
@media (hover: hover) {
  .top-zone-lists__title > a {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .top-zone-lists__title > a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
}
.top-zone-lists__text {
  margin: 2vw 0 0;
  font-size: 3.5vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .top-zone-lists__text {
    margin-top: clamp(4.2666666667px, 0.5555555556vw, 8px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .top-zone .btn-2 {
    margin-top: 12.5vw;
  }
}
@media screen and (min-width: 769px) {
  .top-zone .btn-2 {
    position: absolute;
    top: clamp(854.9333333333px, 111.3194444444vw, 1603px);
    left: clamp(406.4px, 52.9166666667vw, 762px);
  }
}
.top-zone-character {
  margin: 0;
  width: 30vw;
}
@media screen and (max-width: 768px) {
  .top-zone-character {
    margin: 11.5vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  .top-zone-character {
    position: absolute;
    top: clamp(593.6px, 77.2916666667vw, 1113px);
    left: clamp(45.8666666667px, 5.9722222222vw, 86px);
    width: clamp(99.7333333333px, 12.9861111111vw, 187px);
  }
}
.top {
  /* story */
}
.top-story {
  padding: 14.5vw 0 27.5vw;
}
@media screen and (min-width: 769px) {
  .top-story {
    padding: clamp(12.2666666667px, 1.5972222222vw, 23px) 0 clamp(58.6666666667px, 7.6388888889vw, 110px);
  }
}
.top {
  /* about */
}
.top-about {
  position: relative;
  min-height: 253.75vw;
}
@media screen and (min-width: 769px) {
  .top-about {
    min-height: clamp(578.1333333333px, 75.2777777778vw, 1084px);
  }
}
.top-about + .top-message {
  margin-top: 19.5vw;
}
@media screen and (min-width: 769px) {
  .top-about + .top-message {
    margin-top: clamp(45.3333333333px, 5.9027777778vw, 85px);
  }
}
.top-about-character {
  position: absolute;
  top: -1.25vw;
  left: 8vw;
  width: 75vw;
}
@media screen and (min-width: 769px) {
  .top-about-character {
    top: clamp(8.5333333333px, 1.1111111111vw, 16px);
    left: clamp(115.7333333333px, 15.0694444444vw, 217px);
    width: clamp(252.8px, 32.9166666667vw, 474px);
  }
}
body:not(.body-animation-paused) .top-about-character.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(30vw);
          transform: translateY(30vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-about-character.lazy {
    -webkit-transform: translateY(clamp(126.4px, 16.4583333333vw, 237px));
            transform: translateY(clamp(126.4px, 16.4583333333vw, 237px));
  }
}
body:not(.body-animation-paused) .top-about-character.lazy-done {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.top-about-text {
  padding: 113.75vw 0 0 4.75vw;
}
@media screen and (min-width: 769px) {
  .top-about-text {
    padding: clamp(202.6666666667px, 26.3888888889vw, 380px) 0 0 clamp(374.4px, 48.75vw, 702px);
  }
}
.top-about-text > p {
  margin: 0;
  font-size: 4vw;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .top-about-text > p {
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
body:not(.body-animation-paused) .top-about-text > p.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(-7.5vw);
          transform: translateX(-7.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-about-text > p.lazy {
    -webkit-transform: translateX(clamp(-50px, -3.4722222222vw, 26.6666666667px));
            transform: translateX(clamp(-50px, -3.4722222222vw, 26.6666666667px));
  }
}
body:not(.body-animation-paused) .top-about-text > p.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.top-about-text > p > span {
  padding: 0 2vw;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .top-about-text > p > span {
    padding: 0 clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.top-about-balloon {
  position: absolute;
  font-size: 3vw;
  line-height: 1.5;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .top-about-balloon {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
body:not(.body-animation-paused) .top-about-balloon.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}
body:not(.body-animation-paused) .top-about-balloon.lazy-done {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.top-about-balloon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: -1;
}
.top-about-balloon > p {
  margin: 0;
}
.top-about-balloon.is-balloon-1 {
  top: 184vw;
  left: 56.25vw;
  aspect-ratio: 1.4761904761/1;
  width: 31vw;
}
@media screen and (min-width: 769px) {
  .top-about-balloon.is-balloon-1 {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
    top: clamp(391.4666666667px, 50.9722222222vw, 734px);
    left: clamp(207.4666666667px, 27.0138888889vw, 389px);
    width: clamp(80px, 10.4166666667vw, 150px);
  }
}
.top-about-balloon.is-balloon-1::after {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/about_balloon1.svg);
}
.top-about-balloon.is-balloon-1 > p {
  padding: 6.25vw 0 0 4.75vw;
}
@media screen and (min-width: 769px) {
  .top-about-balloon.is-balloon-1 > p {
    padding: clamp(16px, 2.0833333333vw, 30px) 0 0 clamp(12.2666666667px, 1.5972222222vw, 23px);
  }
}
.top-about-balloon.is-balloon-2 {
  top: 220vw;
  left: 4vw;
  aspect-ratio: 1.690140845/1;
  width: 30vw;
}
@media screen and (min-width: 769px) {
  .top-about-balloon.is-balloon-2 {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
    top: clamp(452.2666666667px, 58.8888888889vw, 848px);
    left: clamp(171.2px, 22.2916666667vw, 321px);
    width: clamp(77.3333333333px, 10.0694444444vw, 145px);
  }
}
.top-about-balloon.is-balloon-2::after {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/about_balloon2.svg);
}
.top-about-balloon.is-balloon-2 > p {
  padding: 3.5vw 0 0 7.5vw;
}
@media screen and (min-width: 769px) {
  .top-about-balloon.is-balloon-2 > p {
    padding: clamp(8.5333333333px, 1.1111111111vw, 16px) 0 0 clamp(19.2px, 2.5vw, 36px);
  }
}
.top-about .btn-1 {
  margin-top: 25vw;
}
@media screen and (min-width: 769px) {
  .top-about .btn-1 {
    margin-top: clamp(37.3333333333px, 4.8611111111vw, 70px);
  }
}
.top-about .btn-1 text {
  font-size: 1.5rem;
}
.top-about-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: left center;
          mask-position: left center;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .top-about-bg {
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/about_mask.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/about_mask.svg);
  }
}
@media screen and (min-width: 769px) {
  .top-about-bg {
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/about_mask-desktop.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/top/about_mask-desktop.svg);
  }
}
body:not(.body-animation-paused) .top-about-bg.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(7.5vw);
          transform: translateY(7.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-about-bg.lazy {
    -webkit-transform: translateY(clamp(26.6666666667px, 3.4722222222vw, 50px));
            transform: translateY(clamp(26.6666666667px, 3.4722222222vw, 50px));
  }
}
body:not(.body-animation-paused) .top-about-bg.lazy-done {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.top-about-bg > img {
  position: absolute;
  top: 0;
}
@media screen and (max-width: 768px) {
  .top-about-bg > img {
    left: -51.25vw;
    width: 334.25vw;
  }
}
@media screen and (min-width: 769px) {
  .top-about-bg > img {
    left: 0;
  }
}
.top {
  /* official */
}
.top-official {
  position: relative;
  padding: 19.5vw 0 41.75vw;
}
@media screen and (min-width: 769px) {
  .top-official {
    padding: clamp(136.5333333333px, 17.7777777778vw, 256px) 0 clamp(108.2666666667px, 14.0972222222vw, 203px);
  }
}
.top-official > .l-wrap {
  display: -ms-grid;
  display: grid;
  gap: 15vw;
}
@media screen and (min-width: 769px) {
  .top-official > .l-wrap {
    gap: 0;
    -ms-grid-columns: 33.3333333333% 0 33.3333333333% 0 33.3333333333%;
    grid-template-columns: repeat(3, 33.3333333333%);
    width: clamp(576px, 75vw, 1080px);
  }
}
.top-official-column {
  position: relative;
}
.top-official-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5vw;
  margin-top: 4.5vw;
}
@media screen and (min-width: 769px) {
  .top-official-sns {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
    margin-top: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.top-official-sns__item {
  width: 15vw;
  height: 15vw;
}
@media screen and (min-width: 769px) {
  .top-official-sns__item {
    width: clamp(32px, 4.1666666667vw, 60px);
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.top-official-sns__item.is-sns-instagram i {
  width: 7.5vw;
}
@media screen and (min-width: 769px) {
  .top-official-sns__item.is-sns-instagram i {
    width: clamp(16px, 2.0833333333vw, 30px);
  }
}
.top-official-sns__item.is-sns-x i {
  width: 6.25vw;
}
@media screen and (min-width: 769px) {
  .top-official-sns__item.is-sns-x i {
    width: clamp(13.3333333333px, 1.7361111111vw, 25px);
  }
}
.top-official-sns__item.is-sns-youtube i {
  width: 8vw;
}
@media screen and (min-width: 769px) {
  .top-official-sns__item.is-sns-youtube i {
    width: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
.top-official-sns__item.is-sns-facebook i {
  width: 7.5vw;
}
@media screen and (min-width: 769px) {
  .top-official-sns__item.is-sns-facebook i {
    width: clamp(16px, 2.0833333333vw, 30px);
  }
}
.top-official-sns__item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
}
@media (hover: hover) {
  .top-official-sns__item > a i {
    -webkit-transition: -webkit-transform 0.8s ease-out;
    transition: -webkit-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;
    transition: transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
  }
  .top-official-sns__item > a:hover {
    opacity: 1;
  }
  .top-official-sns__item > a:hover i {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.top-official-sns__item i {
  font-size: 0.625rem;
  line-height: 1.2;
}
.top {
  /* deco */
}
.top-deco {
  z-index: -1;
}
.top-deco-1 {
  bottom: 369.5vw;
  left: -16.5vw;
  width: 50.5vw;
}
@media screen and (min-width: 769px) {
  .top-deco-1 {
    bottom: clamp(657.0666666667px, 85.5555555556vw, 1232px);
    left: clamp(-117px, -8.125vw, 62.4px);
    width: clamp(215.4666666667px, 28.0555555556vw, 404px);
  }
}
body:not(.body-animation-paused) .top-deco-1.lazy {
  -webkit-transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  opacity: 0;
}
body:not(.body-animation-paused) .top-deco-1.lazy-done {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.top-deco-2 {
  bottom: 304.25vw;
  width: 51.75vw;
}
@media screen and (max-width: 768px) {
  .top-deco-2 {
    left: 6vw;
  }
}
@media screen and (min-width: 769px) {
  .top-deco-2 {
    bottom: clamp(245.3333333333px, 31.9444444444vw, 460px);
    right: clamp(-91px, -6.3194444444vw, 48.5333333333px);
    width: clamp(220.8px, 28.75vw, 414px);
  }
}
body:not(.body-animation-paused) .top-deco-2.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(25vw);
          transform: translateX(25vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-deco-2.lazy {
    -webkit-transform: translateX(clamp(110.4px, 14.375vw, 207px));
            transform: translateX(clamp(110.4px, 14.375vw, 207px));
  }
}
body:not(.body-animation-paused) .top-deco-2.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.top-deco-3 {
  bottom: 238.5vw;
  right: -15.75vw;
  width: 51.25vw;
}
@media screen and (min-width: 769px) {
  .top-deco-3 {
    bottom: clamp(25.6px, 3.3333333333vw, 48px);
    right: clamp(40px, 5.2083333333vw, 75px);
    width: clamp(219.2px, 28.5416666667vw, 411px);
  }
}
body:not(.body-animation-paused) .top-deco-3.lazy {
  -webkit-transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  opacity: 0;
}
body:not(.body-animation-paused) .top-deco-3.lazy-done {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.top-deco-4 {
  bottom: 193vw;
  left: -8.25vw;
  width: 54.5vw;
}
@media screen and (min-width: 769px) {
  .top-deco-4 {
    bottom: clamp(-215px, -14.9305555556vw, 114.6666666667px);
    left: clamp(-38px, -2.6388888889vw, 20.2666666667px);
    width: clamp(232.5333333333px, 30.2777777778vw, 436px);
  }
}
body:not(.body-animation-paused) .top-deco-4.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(-27.5vw);
          transform: translateX(-27.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-deco-4.lazy {
    -webkit-transform: translateX(clamp(-215px, -14.9305555556vw, 114.6666666667px));
            transform: translateX(clamp(-215px, -14.9305555556vw, 114.6666666667px));
  }
}
body:not(.body-animation-paused) .top-deco-4.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.top-deco-5 {
  bottom: 153vw;
  right: -11.25vw;
  width: 49.25vw;
}
@media screen and (min-width: 769px) {
  .top-deco-5 {
    display: none;
  }
}
body:not(.body-animation-paused) .top-deco-5.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(20vw);
          transform: translateX(20vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-deco-5.lazy {
    -webkit-transform: translateX(clamp(93.3333333333px, 12.1527777778vw, 175px));
            transform: translateX(clamp(93.3333333333px, 12.1527777778vw, 175px));
  }
}
body:not(.body-animation-paused) .top-deco-5.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .top-deco-6 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .top-deco-6 {
    bottom: clamp(325.3333333333px, 42.3611111111vw, 610px);
    left: clamp(-117px, -8.125vw, 62.4px);
    width: clamp(216px, 28.125vw, 405px);
  }
}
body:not(.body-animation-paused) .top-deco-6.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(-27.5vw);
          transform: translateX(-27.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .top-deco-6.lazy {
    -webkit-transform: translateX(clamp(-215px, -14.9305555556vw, 114.6666666667px));
            transform: translateX(clamp(-215px, -14.9305555556vw, 114.6666666667px));
  }
}
body:not(.body-animation-paused) .top-deco-6.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.zone {
  position: relative;
  margin-top: -12.25vw;
  padding-bottom: 35vw;
  color: #F5FAEF;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .zone {
    margin-top: clamp(-123px, -8.5416666667vw, 65.6px);
    padding-bottom: clamp(96px, 12.5vw, 180px);
  }
}
.zone a {
  color: #F5FAEF;
}
.zone {
  /* above */
}
.zone-above {
  position: relative;
  padding: 19.5vw 0 17.5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .zone-above {
    padding: clamp(71.4666666667px, 9.3055555556vw, 134px) 0 clamp(100.2666666667px, 13.0555555556vw, 188px);
  }
}
.zone-above::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  min-height: 433.5vw;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zone-above::after {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/nav_bg1.svg);
  }
}
@media screen and (min-width: 769px) {
  .zone-above::after {
    min-height: clamp(922.6666666667px, 120.1388888889vw, 1730px);
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/nav_bg1-desktop.svg);
  }
}
@media screen and (min-width: 769px) {
  .zone-above > .l-wrap {
    max-width: clamp(610.1333333333px, 79.4444444444vw, 1144px);
  }
}
.zone {
  /* title */
}
.zone-title {
  margin: 0;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zone-title {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-title {
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.zone {
  /* lead */
}
.zone-lead {
  margin: 3.5vw 0 7.5vw;
  font-size: 3.75vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .zone-lead {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-lead {
    margin: clamp(11.2px, 1.4583333333vw, 21px) 0 clamp(41.0666666667px, 5.3472222222vw, 77px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.zone {
  /* nav */
}
.zone-nav {
  position: relative;
  z-index: 1;
}
.zone-nav-map {
  position: relative;
  border: 2.5vw solid rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zone-nav-map {
    border-right: none;
    border-left: none;
  }
}
@media screen and (min-width: 769px) {
  .zone-nav-map {
    margin: 0 auto;
    max-width: clamp(590.4px, 76.875vw, 1107px);
    border-width: clamp(10.6666666667px, 1.3888888889vw, 20px);
    border-radius: clamp(64px, 8.3333333333vw, 120px);
  }
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-visual {
  -webkit-animation: zoneMapVisual 2s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapVisual 2s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-base1 {
  -webkit-animation: zoneMapBase1 1.8s 1.5s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapBase1 1.8s 1.5s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-base2 {
  -webkit-animation: zoneMapBase2 1.5s 3s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapBase2 1.5s 3s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-base2::after {
  -webkit-animation: zoneMapShowBg 1s 5.4s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapShowBg 1s 5.4s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-zone-prologue {
  -webkit-animation: zoneMapZone 1.2s 3.2s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapZone 1.2s 3.2s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-zone-1 {
  -webkit-animation: zoneMapZone 1.2s 3.4s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapZone 1.2s 3.4s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-zone-2 {
  -webkit-animation: zoneMapZone 1.2s 3.6s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapZone 1.2s 3.6s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-zone-3 {
  -webkit-animation: zoneMapZone 1.2s 3.8s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapZone 1.2s 3.8s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-zone-4 {
  -webkit-animation: zoneMapZone 1.2s 4s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapZone 1.2s 4s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__image.is-zone-epilogue {
  -webkit-animation: zoneMapZone 1.2s 4.2s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapZone 1.2s 4.2s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map.lazy-done .zone-nav-map__links {
  -webkit-animation: zoneMapLinks 1s 5.2s cubic-bezier(0.5, 0, 0, 1) forwards;
          animation: zoneMapLinks 1s 5.2s cubic-bezier(0.5, 0, 0, 1) forwards;
}
.zone-nav-map__frame {
  position: relative;
  height: 61.25vw;
  background-color: #000;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__frame {
    height: clamp(320px, 41.6666666667vw, 600px);
    border-radius: clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.zone-nav-map__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}
.zone-nav-map__image.is-visual {
  opacity: 1;
}
.zone-nav-map__image.is-base2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 2;
}
.zone-nav-map__links {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.zone-nav-map__links__item {
  position: absolute;
  font-size: 0.25vw;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item {
    font-size: clamp(0.5333333333px, 0.0694444444vw, 1px);
  }
}
.zone-nav-map__links__item.is-zone-prologue {
  top: 44.1625vw;
  left: 3.5375vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-prologue {
    top: clamp(230.4px, 30vw, 432px);
    left: clamp(40px, 5.2083333333vw, 75px);
  }
}
.zone-nav-map__links__item.is-zone-prologue .zone-nav-map__links__title {
  font-size: 3vw;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-prologue .zone-nav-map__links__title {
    font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  }
}
.zone-nav-map__links__item.is-zone-1 {
  top: 32vw;
  left: 12vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-1 {
    top: clamp(171.7333333333px, 22.3611111111vw, 322px);
    left: clamp(84.2666666667px, 10.9722222222vw, 158px);
  }
}
.zone-nav-map__links__item.is-zone-2 {
  top: 22.25vw;
  left: 25.5vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-2 {
    top: clamp(118.4px, 15.4166666667vw, 222px);
    left: clamp(167.4666666667px, 21.8055555556vw, 314px);
  }
}
.zone-nav-map__links__item.is-zone-3 {
  top: 37vw;
  left: 55.25vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-3 {
    top: clamp(218.1333333333px, 28.4027777778vw, 409px);
    left: clamp(319.4666666667px, 41.5972222222vw, 599px);
  }
}
.zone-nav-map__links__item.is-zone-4 {
  top: 11.75vw;
  left: 43.25vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-4 {
    top: clamp(67.2px, 8.75vw, 126px);
    left: clamp(289.0666666667px, 37.6388888889vw, 542px);
  }
}
.zone-nav-map__links__item.is-zone-epilogue {
  top: 7.25vw;
  left: 77.25vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-epilogue {
    top: clamp(51.7333333333px, 6.7361111111vw, 97px);
    left: clamp(442.6666666667px, 57.6388888889vw, 830px);
  }
}
.zone-nav-map__links__item.is-zone-epilogue .zone-nav-map__links__title {
  font-size: 3vw;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__item.is-zone-epilogue .zone-nav-map__links__title {
    font-size: clamp(11.7333333333px, 1.5277777778vw, 22px);
  }
}
.zone-nav-map__links__item > a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}
@media (hover: hover) {
  .zone-nav-map__links__item > a {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1);
    transition: transform 0.8s cubic-bezier(0, 0, 0, 1), -webkit-transform 0.8s cubic-bezier(0, 0, 0, 1);
  }
  .zone-nav-map__links__item > a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
}
.zone-nav-map__links__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.555vw;
  margin: 0;
  font-size: 0.25vw;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__num {
    gap: clamp(2.6666666667px, 0.3472222222vw, 5px);
    font-size: clamp(0.5333333333px, 0.0694444444vw, 1px);
  }
}
.zone-nav-map__links__num span {
  display: inline-block;
  vertical-align: top;
}
.zone-nav-map__links__num span.is-text {
  font-size: 2vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__num span.is-text {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.zone-nav-map__links__num span.is-num {
  font-size: 2.6675vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__num span.is-num {
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.zone-nav-map__links__title {
  margin: 0;
  text-align: center;
  font-size: 3.11vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .zone-nav-map__links__title {
    font-size: clamp(14.9333333333px, 1.9444444444vw, 28px);
  }
}
.zone-nav-character {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 49.25vw;
  right: 6.75vw;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .zone-nav-character {
    top: clamp(288px, 37.5vw, 540px);
    right: clamp(25.0666666667px, 3.2638888889vw, 47px);
  }
}
.zone-nav-character__info {
  padding-bottom: 1.5vw;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .zone-nav-character__info {
    margin-right: clamp(-29px, -2.0138888889vw, 15.4666666667px);
    padding-bottom: clamp(3.7333333333px, 0.4861111111vw, 7px);
  }
}
.zone-nav-character__title > p {
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.75vw;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .zone-nav-character__title > p {
    font-size: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.zone-nav-character__name {
  margin: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 2.5vw;
  font-weight: 600;
  letter-spacing: -0.1em;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .zone-nav-character__name {
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.zone-nav-character__pic {
  margin: 0;
  width: 22.5vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-character__pic {
    width: clamp(99.7333333333px, 12.9861111111vw, 187px);
  }
}
.zone-nav-links {
  position: relative;
  margin-top: 23vw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .zone-nav-links {
    display: -ms-grid;
    display: grid;
    gap: 11.25vw;
    padding: 0 10vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: clamp(16px, 2.0833333333vw, 30px);
       -moz-column-gap: clamp(16px, 2.0833333333vw, 30px);
            column-gap: clamp(16px, 2.0833333333vw, 30px);
    margin: clamp(27.7333333333px, 3.6111111111vw, 52px) auto 0;
    max-width: clamp(603.2px, 78.5416666667vw, 1131px);
  }
}
.zone-nav-links::after {
  content: "";
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .zone-nav-links::after {
    top: 13.75vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1.25vw;
    height: 262.75vw;
    background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/nav_bd1.webp) repeat-y left top;
    background-size: 100%;
  }
}
@media screen and (min-width: 769px) {
  .zone-nav-links::after {
    top: clamp(54.4px, 7.0833333333vw, 102px);
    left: clamp(69.3333333333px, 9.0277777778vw, 130px);
    width: clamp(462.4px, 60.2083333333vw, 867px);
    height: clamp(234.6666666667px, 30.5555555556vw, 440px);
    background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/nav_bd1-desktop.webp) no-repeat center top;
    background-size: 100%;
  }
}
.zone-nav-links__item {
  position: relative;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__item {
    width: clamp(138.6666666667px, 18.0555555556vw, 260px);
  }
}
@media screen and (min-width: 769px) {
  .zone-nav-links__item.is-zone-prologue {
    margin-bottom: clamp(36.2666666667px, 4.7222222222vw, 68px);
    width: 100%;
  }
}
.zone-nav-links__item.is-zone-prologue .zone-nav-links__above > a {
  height: 15vw;
  background-color: #666;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__item.is-zone-prologue .zone-nav-links__above > a {
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.zone-nav-links__item.is-zone-prologue .zone-nav-links__above > a::after {
  display: none;
}
.zone-nav-links__item.is-zone-1 .zone-nav-links__above > a {
  background-color: #6A3906;
}
.zone-nav-links__item.is-zone-2 .zone-nav-links__above > a {
  background-color: #8FC31F;
}
.zone-nav-links__item.is-zone-3 .zone-nav-links__above > a {
  background-color: #EB9500;
}
.zone-nav-links__item.is-zone-4 .zone-nav-links__above > a {
  background-color: #0068B7;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__item.is-zone-epilogue {
    margin-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
    width: 100%;
  }
}
.zone-nav-links__item.is-zone-epilogue .zone-nav-links__above > a {
  height: 15vw;
  background-color: #666;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__item.is-zone-epilogue .zone-nav-links__above > a {
    height: clamp(32px, 4.1666666667vw, 60px);
  }
}
.zone-nav-links__item.is-zone-epilogue .zone-nav-links__above > a::after {
  display: none;
}
.zone-nav-links__frame {
  position: relative;
  background-color: #111;
  border: 0.25vw solid rgba(255, 255, 255, 0.25);
  border-radius: 2.5vw;
  -webkit-filter: drop-shadow(0 0 5vw rgba(255, 255, 255, 0.25));
          filter: drop-shadow(0 0 5vw rgba(255, 255, 255, 0.25));
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__frame {
    margin: 0 auto;
    width: clamp(138.6666666667px, 18.0555555556vw, 260px);
    height: 100%;
    border-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
    border-radius: clamp(5.3333333333px, 0.6944444444vw, 10px);
    -webkit-filter: drop-shadow(0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) rgba(255, 255, 255, 0.25));
            filter: drop-shadow(0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) rgba(255, 255, 255, 0.25));
  }
}
.zone-nav-links__above {
  position: relative;
}
.zone-nav-links__above > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 2.5vw;
  padding: 3.25vw;
  height: 24vw;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__above > a {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
    padding: clamp(6.9333333333px, 0.9027777778vw, 13px);
    height: clamp(51.2px, 6.6666666667vw, 96px);
  }
}
.zone-nav-links__above > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/nav_lists_title_bg1.webp) no-repeat center center;
  background-size: 100% 100%;
}
.zone-nav-links__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.75vw;
  margin: 0 auto 0 0;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__num {
    gap: clamp(3.7333333333px, 0.4861111111vw, 7px);
  }
}
.zone-nav-links__num > span {
  display: inline-block;
  text-shadow: 0 0 5vw #000;
  vertical-align: top;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__num > span {
    text-shadow: 0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) #000;
  }
}
.zone-nav-links__num > span.is-text {
  font-size: 3.25vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__num > span.is-text {
    font-size: clamp(6.9333333333px, 0.9027777778vw, 13px);
  }
}
.zone-nav-links__num > span.is-num {
  font-size: 4.75vw;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__num > span.is-num {
    font-size: clamp(10.1333333333px, 1.3194444444vw, 19px);
  }
}
.zone-nav-links__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5vw;
  margin: 0;
  text-shadow: 0 0 5vw #000;
  font-size: 5vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__title {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
    text-shadow: 0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) #000;
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.zone-nav-links__title::after {
  content: "";
  width: 1.5vw;
  height: 2.5vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow1-white.svg) no-repeat center center;
  background-size: 100% 100%;
  -webkit-filter: drop-shadow(0 0 5vw #000);
          filter: drop-shadow(0 0 5vw #000);
}
@media screen and (min-width: 769px) {
  .zone-nav-links__title::after {
    width: clamp(3.2px, 0.4166666667vw, 6px);
    height: clamp(5.3333333333px, 0.6944444444vw, 10px);
    -webkit-filter: drop-shadow(0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) #000);
            filter: drop-shadow(0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) #000);
  }
}
.zone-nav-links__text {
  margin: 0;
  padding: 3.25vw;
  font-size: 3.5vw;
  line-height: 1.35;
}
@media screen and (min-width: 769px) {
  .zone-nav-links__text {
    padding: clamp(5.3333333333px, 0.6944444444vw, 10px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
    letter-spacing: -0.06em;
  }
}
.zone {
  /* archive */
}
.zone-archive {
  position: relative;
  padding: 32.5vw 0 18vw;
}
@media screen and (min-width: 769px) {
  .zone-archive {
    padding: clamp(24px, 3.125vw, 45px) 0 clamp(72px, 9.375vw, 135px);
  }
}
.zone-archive.is-zone-prologue {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), color-stop(50%, rgba(102, 102, 102, 0.4)), to(#111));
  background: linear-gradient(180deg, #111 0%, rgba(102, 102, 102, 0.4) 50%, #111 100%);
}
.zone-archive.is-zone-prologue .zone-archive-title::before {
  top: -1.75vw;
  width: 66.5vw;
  height: 56.5vw;
}
@media screen and (max-width: 768px) {
  .zone-archive.is-zone-prologue .zone-archive-title::before {
    left: 11.75vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-archive.is-zone-prologue .zone-archive-title::before {
    top: clamp(-10px, -0.6944444444vw, 5.3333333333px);
    -webkit-transform: translateX(clamp(-172px, -11.9444444444vw, 91.7333333333px));
            transform: translateX(clamp(-172px, -11.9444444444vw, 91.7333333333px));
    width: clamp(189.3333333333px, 24.6527777778vw, 355px);
    height: clamp(160.5333333333px, 20.9027777778vw, 301px);
  }
}
.zone-archive.is-zone-1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), color-stop(50%, #6A3906), to(#111));
  background: linear-gradient(180deg, #111 0%, #6A3906 50%, #111 100%);
}
.zone-archive.is-zone-1 .zone-archive-title::before {
  top: -2.5vw;
  width: 55.5vw;
  height: 50.75vw;
}
@media screen and (max-width: 768px) {
  .zone-archive.is-zone-1 .zone-archive-title::before {
    left: 18.25vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-archive.is-zone-1 .zone-archive-title::before {
    top: clamp(-16px, -1.1111111111vw, 8.5333333333px);
    -webkit-transform: translateX(clamp(-141px, -9.7916666667vw, 75.2px));
            transform: translateX(clamp(-141px, -9.7916666667vw, 75.2px));
    width: clamp(171.2px, 22.2916666667vw, 321px);
    height: clamp(155.7333333333px, 20.2777777778vw, 292px);
  }
}
.zone-archive.is-zone-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), color-stop(50%, #8FC31F), to(#111));
  background: linear-gradient(180deg, #111 0%, #8FC31F 50%, #111 100%);
}
.zone-archive.is-zone-2 .zone-archive-title::before {
  top: -1.25vw;
  width: 62.5vw;
  height: 52.75vw;
}
@media screen and (max-width: 768px) {
  .zone-archive.is-zone-2 .zone-archive-title::before {
    left: 13vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-archive.is-zone-2 .zone-archive-title::before {
    top: clamp(-8px, -0.5555555556vw, 4.2666666667px);
    -webkit-transform: translateX(clamp(-158px, -10.9722222222vw, 84.2666666667px));
            transform: translateX(clamp(-158px, -10.9722222222vw, 84.2666666667px));
    width: clamp(177.6px, 23.125vw, 333px);
    height: clamp(149.3333333333px, 19.4444444444vw, 280px);
  }
}
.zone-archive.is-zone-3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), color-stop(50%, #EB9500), to(#111));
  background: linear-gradient(180deg, #111 0%, #EB9500 50%, #111 100%);
}
.zone-archive.is-zone-3 .zone-archive-title::before {
  top: -2.5vw;
  width: 57.5vw;
  height: 53.75vw;
}
@media screen and (max-width: 768px) {
  .zone-archive.is-zone-3 .zone-archive-title::before {
    left: 13.75vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-archive.is-zone-3 .zone-archive-title::before {
    top: clamp(-14px, -0.9722222222vw, 7.4666666667px);
    -webkit-transform: translateX(clamp(-165px, -11.4583333333vw, 88px));
            transform: translateX(clamp(-165px, -11.4583333333vw, 88px));
    width: clamp(163.2px, 21.25vw, 306px);
    height: clamp(153.0666666667px, 19.9305555556vw, 287px);
  }
}
.zone-archive.is-zone-4 {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), color-stop(50%, #0068B7), to(#111));
  background: linear-gradient(180deg, #111 0%, #0068B7 50%, #111 100%);
}
.zone-archive.is-zone-4 .zone-archive-title::before {
  top: -1.5vw;
  width: 64.25vw;
  height: 59.5vw;
}
@media screen and (max-width: 768px) {
  .zone-archive.is-zone-4 .zone-archive-title::before {
    left: 8.25vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-archive.is-zone-4 .zone-archive-title::before {
    top: clamp(-8px, -0.5555555556vw, 4.2666666667px);
    -webkit-transform: translateX(clamp(-186px, -12.9166666667vw, 99.2px));
            transform: translateX(clamp(-186px, -12.9166666667vw, 99.2px));
    width: clamp(182.9333333333px, 23.8194444444vw, 343px);
    height: clamp(169.0666666667px, 22.0138888889vw, 317px);
  }
}
.zone-archive.is-zone-epilogue {
  background: -webkit-gradient(linear, left top, left bottom, from(#111), color-stop(50%, rgba(102, 102, 102, 0.4)), to(#111));
  background: linear-gradient(180deg, #111 0%, rgba(102, 102, 102, 0.4) 50%, #111 100%);
}
.zone-archive.is-zone-epilogue .zone-archive-title::before {
  top: -1.75vw;
  width: 66.5vw;
  height: 56.5vw;
}
@media screen and (max-width: 768px) {
  .zone-archive.is-zone-epilogue .zone-archive-title::before {
    left: 11.75vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-archive.is-zone-epilogue .zone-archive-title::before {
    top: clamp(-10px, -0.6944444444vw, 5.3333333333px);
    -webkit-transform: translateX(clamp(-172px, -11.9444444444vw, 91.7333333333px));
            transform: translateX(clamp(-172px, -11.9444444444vw, 91.7333333333px));
    width: clamp(189.3333333333px, 24.6527777778vw, 355px);
    height: clamp(160.5333333333px, 20.9027777778vw, 301px);
  }
}
.zone-archive-above {
  position: relative;
  padding-bottom: 12.5vw;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .zone-archive-above {
    padding-bottom: clamp(36.2666666667px, 4.7222222222vw, 68px);
  }
  .zone-archive-above::after {
    content: "";
    position: absolute;
    bottom: clamp(-112px, -7.7777777778vw, 59.7333333333px);
    left: 0;
    width: 100%;
    height: clamp(207.4666666667px, 27.0138888889vw, 389px);
    background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/bg1.svg) no-repeat center center;
    background-size: cover;
    z-index: -3;
  }
}
@media screen and (max-width: 768px) {
  .zone-archive-above > .l-wrap {
    padding: 0 5vw;
  }
}
.zone-archive-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375vw;
  position: relative;
  margin-bottom: 11.25vw;
  height: 51.25vw;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .zone-archive-title {
    gap: clamp(2.6666666667px, 0.3472222222vw, 5px);
    margin-bottom: clamp(16px, 2.0833333333vw, 30px);
    height: clamp(145.6px, 18.9583333333vw, 273px);
  }
}
.zone-archive-title::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .zone-archive-title::before {
    left: 50%;
  }
}
@media screen and (max-width: 768px) {
  .zone-archive-title::after {
    content: "";
    position: absolute;
    bottom: -5vw;
    left: -5vw;
    width: calc(100% + 5vw * 2);
    height: 27vw;
    background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/bg1.svg) no-repeat center center;
    background-size: cover;
    z-index: -3;
  }
}
.zone-archive-title__num {
  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;
  gap: 2vw;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .zone-archive-title__num {
    gap: clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.zone-archive-title__num > span {
  display: inline-block;
  text-shadow: 0 0 3.75vw #000;
  vertical-align: top;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .zone-archive-title__num > span {
    text-shadow: 0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) #000;
  }
}
.zone-archive-title__num > span.is-text {
  font-size: 3.375vw;
}
@media screen and (min-width: 769px) {
  .zone-archive-title__num > span.is-text {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.zone-archive-title__num > span.is-num {
  font-size: 5.625vw;
}
@media screen and (min-width: 769px) {
  .zone-archive-title__num > span.is-num {
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.zone-archive-title__name {
  position: relative;
  margin: 0;
  text-align: center;
  text-shadow: 0 0 3.75vw #000;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.5;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .zone-archive-title__name {
    text-shadow: 0 0 clamp(10.6666666667px, 1.3888888889vw, 20px) #000;
    font-size: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
.zone-archive-text {
  margin: 0;
  font-size: 3.75vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .zone-archive-text {
    margin: 0 auto;
    max-width: clamp(362.6666666667px, 47.2222222222vw, 680px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.zone-archive-content {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .zone-archive-content > .l-wrap {
    padding: 0 5vw;
  }
}
.zone {
  /* visual */
}
.zone-visual {
  position: relative;
}
@media screen and (max-width: 768px) {
  .zone-visual .splide {
    padding-bottom: 10vw;
  }
}
.zone-visual .splide__track {
  height: 75.25vw;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
@media screen and (max-width: 768px) {
  .zone-visual .splide__track {
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/visual_mask.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/visual_mask.svg);
  }
}
@media screen and (min-width: 769px) {
  .zone-visual .splide__track {
    height: clamp(286.9333333333px, 37.3611111111vw, 538px);
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/visual_mask-desktop.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/zone/visual_mask-desktop.svg);
  }
}
.zone-visual .splide__pagination__page {
  background-color: #111;
}
.zone-visual .splide__pagination__page.is-active {
  background-color: #E0E0E0;
}
@media screen and (min-width: 769px) {
  .zone-visual .splide__control {
    bottom: clamp(11.2px, 1.4583333333vw, 21px);
    padding: 0 clamp(102.9333333333px, 13.4027777778vw, 193px);
  }
}
.zone-visual .splide__control .splide__arrow::after {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/slide2-gray.svg);
}
.zone {
  /* lists */
}
.zone-lists {
  position: relative;
  margin-top: 10vw;
}
@media screen and (max-width: 768px) {
  .zone-lists {
    display: -ms-grid;
    display: grid;
    gap: 3.75vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: clamp(20.2666666667px, 2.6388888889vw, 38px);
    -webkit-column-gap: clamp(16px, 2.0833333333vw, 30px);
       -moz-column-gap: clamp(16px, 2.0833333333vw, 30px);
            column-gap: clamp(16px, 2.0833333333vw, 30px);
    margin: clamp(-28px, -1.9444444444vw, 14.9333333333px) auto 0;
    max-width: clamp(464px, 60.4166666667vw, 870px);
  }
}
.zone-lists-item {
  position: relative;
}
@media screen and (min-width: 769px) {
  .zone-lists-item {
    width: clamp(224px, 29.1666666667vw, 420px);
  }
  .zone-lists-item:nth-of-type(even) {
    -webkit-transform: translateY(clamp(16px, 2.0833333333vw, 30px));
            transform: translateY(clamp(16px, 2.0833333333vw, 30px));
  }
}
.zone-lists-item .post-edit-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #000;
}
.zone-lists-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding: 4vw 3.5vw;
  width: 100%;
  text-align: left;
  background-color: rgba(245, 250, 239, 0.8);
  border-radius: 7.5vw;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .zone-lists-trigger {
    padding: clamp(16px, 2.0833333333vw, 30px);
    border-radius: clamp(16px, 2.0833333333vw, 30px);
  }
}
.zone-lists-photo {
  aspect-ratio: 1/1;
  margin-right: 4vw;
  width: 24vw;
  border-radius: 2.5vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .zone-lists-photo {
    margin-right: clamp(16px, 2.0833333333vw, 30px);
    width: clamp(66.1333333333px, 8.6111111111vw, 124px);
    border-radius: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.zone-lists-photo + .zone-lists-info {
  width: calc(100% - (4vw + 24vw));
}
@media screen and (min-width: 769px) {
  .zone-lists-photo + .zone-lists-info {
    width: calc(100% - (clamp(16px, 2.0833333333vw, 30px) + clamp(66.1333333333px, 8.6111111111vw, 124px)));
  }
}
.zone-lists-info {
  display: -ms-grid;
  display: grid;
  gap: 2.5vw;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .zone-lists-info {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.zone-lists-info::after {
  content: "";
  display: block;
  margin-left: auto;
  width: 5.5vw;
  height: 5.5vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow3.svg) no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .zone-lists-info::after {
    width: clamp(11.7333333333px, 1.5277777778vw, 22px);
    height: clamp(11.7333333333px, 1.5277777778vw, 22px);
  }
}
.zone-lists-title {
  margin: 0;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 1.35;
  color: #4E342E;
}
@media screen and (min-width: 769px) {
  .zone-lists-title {
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.zone-lists-excerpt {
  margin: 0;
  word-break: break-all;
  font-size: 3vw;
  line-height: 1.35;
  color: #4E342E;
}
@media screen and (min-width: 769px) {
  .zone-lists-excerpt {
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.zone {
  /* article */
}
.zone-article {
  position: relative;
}
.zone-article-hd {
  position: relative;
  margin-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  .zone-article-hd {
    margin-bottom: clamp(21.3333333333px, 2.7777777778vw, 40px);
  }
}
.zone-article-num {
  margin: 0 4.5vw 5vw;
  text-align: right;
  font-size: 3.5vw;
  line-height: 1.35;
}
@media screen and (min-width: 769px) {
  .zone-article-num {
    margin: 0 clamp(-36px, -2.5vw, 19.2px) clamp(21.3333333333px, 2.7777777778vw, 40px) 0;
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.zone-article-title {
  margin: 0;
  font-size: 7vw;
  font-weight: 400;
  line-height: 1.35;
}
@media screen and (min-width: 769px) {
  .zone-article-title {
    font-size: clamp(22.4px, 2.9166666667vw, 42px);
  }
}
.zone-article-content {
  display: -ms-grid;
  display: grid;
  gap: 5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.75vw;
  font-weight: 600;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .zone-article-content {
    gap: clamp(21.3333333333px, 2.7777777778vw, 40px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.zone-article-content a {
  color: #009D52;
}
.zone-article-content p {
  margin: 0;
}
.zone-article-content h1,
.zone-article-content h2,
.zone-article-content h3,
.zone-article-content h4 {
  margin: 0;
  font-family: "Shippori Antique B1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 4.5vw;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .zone-article-content h1,
  .zone-article-content h2,
  .zone-article-content h3,
  .zone-article-content h4 {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.zone-article-content .wp-block-cover {
  display: block;
  padding: 0;
  max-width: 100%;
  min-height: inherit;
}
.zone-article-content .wp-block-cover__image-background {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  height: auto;
}
.zone-article-content .wp-block-cover__background {
  display: none;
}
.zone-article-content .wp-block-cover__inner-container {
  margin-top: 1.25vw;
  color: #4E342E;
}
@media screen and (min-width: 769px) {
  .zone-article-content .wp-block-cover__inner-container {
    margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
  }
}
.zone-article-content .wp-block-cover__inner-container p {
  margin: 0;
  text-align: right;
  font-size: 2.25vw !important;
}
@media screen and (min-width: 769px) {
  .zone-article-content .wp-block-cover__inner-container p {
    font-size: clamp(4.8px, 0.625vw, 9px) !important;
  }
}
.zone-article-ft {
  position: relative;
  margin-top: 5vw;
}
@media screen and (min-width: 769px) {
  .zone-article-ft {
    margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
  }
}
.zone-article-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 9.5vw;
}
@media screen and (min-width: 769px) {
  .zone-article-pager {
    gap: clamp(25.6px, 3.3333333333vw, 48px);
    margin-right: clamp(-68px, -4.7222222222vw, 36.2666666667px);
  }
}
.zone-article-pager__arrow {
  position: relative;
  width: 6.5vw;
  height: 6.5vw;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .zone-article-pager__arrow {
    width: clamp(13.8666666667px, 1.8055555556vw, 26px);
    height: clamp(13.8666666667px, 1.8055555556vw, 26px);
  }
}
.zone-article-pager__arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/slide2-gradation.svg) no-repeat center center;
  background-size: 100% 100%;
}
.zone-article-pager__next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.zone {
  /* single */
}
@media screen and (max-width: 768px) {
  .zone-single > .l-wrap {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .zone-single > .l-wrap {
    max-width: clamp(554.6666666667px, 72.2222222222vw, 1040px);
  }
}

.topics {
  /* archive */
}
.topics-archive {
  position: relative;
}
.topics {
  /* detail */
}
.topics-detail {
  position: relative;
}
.topics {
  /* article */
}
.topics-article {
  position: relative;
}
@media screen and (max-width: 768px) {
  .topics-article .theme-1-content {
    padding-top: 9.5vw;
  }
}
@media screen and (min-width: 769px) {
  .topics-article {
    margin: 0 auto;
    max-width: clamp(554.6666666667px, 72.2222222222vw, 1040px);
  }
}
.topics-article-hd {
  position: relative;
  margin-bottom: 11.25vw;
}
@media screen and (min-width: 769px) {
  .topics-article-hd {
    margin-bottom: clamp(32px, 4.1666666667vw, 60px);
  }
}
.topics-article-title {
  margin: 0;
  font-size: 7.5vw;
  font-weight: 400;
  line-height: 1.35;
}
@media screen and (min-width: 769px) {
  .topics-article-title {
    font-size: clamp(22.4px, 2.9166666667vw, 42px);
  }
}
.topics-article-content {
  display: -ms-grid;
  display: grid;
  row-gap: 11.25vw;
  font-size: 4.5vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .topics-article-content {
    row-gap: clamp(32px, 4.1666666667vw, 60px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.topics-article-content p {
  margin: 0;
}
.topics-article-content h1,
.topics-article-content h2,
.topics-article-content h3 {
  margin: 0;
  font-size: 5vw;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .topics-article-content h1,
  .topics-article-content h2,
  .topics-article-content h3 {
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.topics-article-content .wp-block-cover {
  display: block;
  padding: 0;
  max-width: 100%;
  min-height: inherit;
}
.topics-article-content .wp-block-cover__image-background {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  height: auto;
}
.topics-article-content .wp-block-cover__background {
  display: none;
}
.topics-article-content .wp-block-cover__inner-container {
  margin-top: 1.25vw;
  color: #4E342E;
}
@media screen and (min-width: 769px) {
  .topics-article-content .wp-block-cover__inner-container {
    margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
  }
}
.topics-article-content .wp-block-cover__inner-container p {
  margin: 0;
  text-align: right;
  font-size: 2.25vw !important;
}
@media screen and (min-width: 769px) {
  .topics-article-content .wp-block-cover__inner-container p {
    font-size: clamp(4.8px, 0.625vw, 9px) !important;
  }
}
.topics-movie {
  position: relative;
}
@media screen and (max-width: 768px) {
  .topics-movie .theme-1-content {
    padding-top: 9.5vw;
  }
}
@media screen and (min-width: 769px) {
  .topics-movie .theme-1-content > .l-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    max-width: clamp(554.6666666667px, 72.2222222222vw, 1040px);
  }
}
.topics-movie-title {
  margin: 0;
  font-size: 7.5vw;
  font-weight: 400;
  line-height: 1.35;
}
@media screen and (max-width: 768px) {
  .topics-movie-title {
    margin-bottom: 11.25vw;
  }
}
@media screen and (min-width: 769px) {
  .topics-movie-title {
    font-size: clamp(22.4px, 2.9166666667vw, 42px);
  }
}
.topics-movie-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 3.75vw;
  -webkit-column-gap: 7.5vw;
     -moz-column-gap: 7.5vw;
          column-gap: 7.5vw;
}
@media screen and (min-width: 769px) {
  .topics-movie-filters {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    row-gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
    -webkit-column-gap: clamp(10.6666666667px, 1.3888888889vw, 20px);
       -moz-column-gap: clamp(10.6666666667px, 1.3888888889vw, 20px);
            column-gap: clamp(10.6666666667px, 1.3888888889vw, 20px);
    margin-left: auto;
  }
}
.topics-movie-filters__item {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.35;
}
@media screen and (min-width: 769px) {
  .topics-movie-filters__item {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.topics-movie-filters__item > button.is-active {
  text-decoration: underline;
}
.topics-movie .list-movies {
  margin-top: 16.25vw;
}
@media screen and (min-width: 769px) {
  .topics-movie .list-movies {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
    width: 100%;
  }
}

.message-detail {
  position: relative;
  margin-top: -14vw;
  padding-bottom: 6.25vw;
}
@media screen and (min-width: 769px) {
  .message-detail {
    margin-top: clamp(14.4px, 1.875vw, 27px);
    padding-bottom: clamp(24px, 3.125vw, 45px);
  }
}
.message-detail-visual {
  position: relative;
  aspect-ratio: 1.2742099898/1;
  margin: 0;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: left center;
          mask-position: left center;
  -webkit-mask-size: contain;
          mask-size: contain;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .message-detail-visual {
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/visual_mask.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/visual_mask.svg);
  }
}
@media screen and (min-width: 769px) {
  .message-detail-visual {
    aspect-ratio: 1.6832261835/1;
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/visual_mask-desktop.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/visual_mask-desktop.svg);
  }
}
.message-detail-visual img {
  position: absolute;
  top: -1.25vw;
  left: -15.25vw;
  max-width: inherit;
  width: 146vw;
}
@media screen and (min-width: 769px) {
  .message-detail-visual img {
    top: clamp(-14px, -0.9722222222vw, 7.4666666667px);
    left: clamp(-84px, -5.8333333333vw, 44.8px);
    width: 110.625vw;
  }
}
.message-detail-catch {
  position: absolute;
  top: 59.75vw;
  right: 2.75vw;
  width: 34.75vw;
  height: 109.25vw;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 5vw;
  letter-spacing: 0.1em;
  line-height: 1.05;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .message-detail-catch {
    top: 0;
    right: clamp(54.4px, 7.0833333333vw, 102px);
    width: clamp(137.0666666667px, 17.8472222222vw, 257px);
    height: clamp(432.5333333333px, 56.3194444444vw, 811px);
    font-size: clamp(19.7973333333px, 2.5777777778vw, 37.12px);
  }
}
.message-detail-catch::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/catch_bg.svg) no-repeat center center;
  background-size: 100% 100%;
  z-index: -1;
}
.message-detail-catch > p {
  margin: 0;
}
.message-detail-catch > p:nth-of-type(1) {
  padding: 12.25vw 11vw 0 0;
}
@media screen and (min-width: 769px) {
  .message-detail-catch > p:nth-of-type(1) {
    padding: clamp(48.5333333333px, 6.3194444444vw, 91px) clamp(42.6666666667px, 5.5555555556vw, 80px) 0 0;
  }
}
.message-detail-catch > p:nth-of-type(2) {
  padding: 64.25vw 4.75vw 0 0;
}
@media screen and (min-width: 769px) {
  .message-detail-catch > p:nth-of-type(2) {
    padding: clamp(254.4px, 33.125vw, 477px) clamp(18.6666666667px, 2.4305555556vw, 35px) 0 0;
  }
}
.message-detail-text {
  position: relative;
  margin-top: -14vw;
  padding: 20.75vw 5vw 14.25vw;
  font-size: 3.75vw;
  line-height: 2;
  color: white;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .message-detail-text {
    margin-top: clamp(-308px, -21.3888888889vw, 164.2666666667px);
    padding: clamp(197.8666666667px, 25.7638888889vw, 371px) 0 clamp(83.7333333333px, 10.9027777778vw, 157px) 27.9166666667vw;
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.message-detail-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 100% 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .message-detail-text::after {
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/text_bg.webp);
  }
}
@media screen and (min-width: 769px) {
  .message-detail-text::after {
    left: clamp(-15px, -1.0416666667vw, 8px);
    width: 102.4305555556vw;
    background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/message/text_bg-desktop.webp);
  }
}
.message-detail-text > p {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .message-detail-text > p:nth-of-type(1) {
    width: 51.75vw;
  }
}
.message-detail-text > p:nth-of-type(2) {
  margin-top: 12vw;
}
@media screen and (max-width: 768px) {
  .message-detail-text > p:nth-of-type(2) {
    width: 51.75vw;
  }
}
@media screen and (min-width: 769px) {
  .message-detail-text > p:nth-of-type(2) {
    margin-top: clamp(28.8px, 3.75vw, 54px);
  }
}
.message-detail-text > p:nth-of-type(3) {
  margin-top: 10.25vw;
}
@media screen and (min-width: 769px) {
  .message-detail-text > p:nth-of-type(3) {
    margin-top: clamp(24.5333333333px, 3.1944444444vw, 46px);
  }
}
.message-detail-text > p:nth-of-type(4) {
  margin-top: 12.25vw;
}
@media screen and (min-width: 769px) {
  .message-detail-text > p:nth-of-type(4) {
    margin-top: clamp(28.2666666667px, 3.6805555556vw, 53px);
  }
}
.message-detail-text > p.is-note {
  margin-top: 12.5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3vw;
}
@media screen and (min-width: 769px) {
  .message-detail-text > p.is-note {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
    max-width: clamp(373.3333333333px, 48.6111111111vw, 700px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.message-detail.lazy .message-detail-visual, .message-detail.lazy .message-detail-text {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateY(20vw);
          transform: translateY(20vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .message-detail.lazy .message-detail-visual, .message-detail.lazy .message-detail-text {
    -webkit-transform: translateY(clamp(85.3333333333px, 11.1111111111vw, 160px));
            transform: translateY(clamp(85.3333333333px, 11.1111111111vw, 160px));
  }
}
.message-detail.lazy .message-detail-catch > p {
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  opacity: 0;
}
.message-detail.lazy .message-detail-catch::after {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0;
}
.message-detail.lazy-done .message-detail-visual, .message-detail.lazy-done .message-detail-text {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.message-detail.lazy-done .message-detail-catch > p {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  opacity: 1;
}
.message-detail.lazy-done .message-detail-catch::after {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.message-story {
  position: relative;
  padding: 6.25vw 0 40vw;
}
@media screen and (min-width: 769px) {
  .message-story {
    padding: clamp(24px, 3.125vw, 45px) 0 clamp(117.3333333333px, 15.2777777778vw, 220px);
  }
}

.story {
  /* archive */
}
.story-archive {
  position: relative;
  margin: 5.75vw 0 39.5vw;
  padding: 4.75vw 0 14.5vw;
  background: -webkit-gradient(linear, right top, left top, color-stop(-0.55%, #E6E400), color-stop(14.36%, rgba(230, 228, 0, 0.5)), color-stop(49.17%, rgba(230, 228, 0, 0.25)), color-stop(83.98%, rgba(230, 228, 0, 0.5)), color-stop(98.9%, #E6E400));
  background: linear-gradient(270deg, #E6E400 -0.55%, rgba(230, 228, 0, 0.5) 14.36%, rgba(230, 228, 0, 0.25) 49.17%, rgba(230, 228, 0, 0.5) 83.98%, #E6E400 98.9%);
  color: #004F29;
}
.story-archive::before, .story-archive::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 4.5vw;
  background: -webkit-gradient(linear, right top, left top, color-stop(-0.55%, #E6E400), color-stop(14.36%, rgba(230, 228, 0, 0.5)), color-stop(49.17%, rgba(230, 228, 0, 0.25)), color-stop(83.98%, rgba(230, 228, 0, 0.5)), color-stop(98.9%, #E6E400));
  background: linear-gradient(270deg, #E6E400 -0.55%, rgba(230, 228, 0, 0.5) 14.36%, rgba(230, 228, 0, 0.25) 49.17%, rgba(230, 228, 0, 0.5) 83.98%, #E6E400 98.9%);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .story-archive::before, .story-archive::after {
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg.svg);
  }
}
@media screen and (min-width: 769px) {
  .story-archive::before, .story-archive::after {
    height: clamp(34.1333333333px, 4.4444444444vw, 64px);
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg-desktop.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg-desktop.svg);
  }
}
.story-archive::before {
  top: -4vw;
}
@media screen and (min-width: 769px) {
  .story-archive::before {
    top: clamp(-62px, -4.3055555556vw, 33.0666666667px);
  }
}
.story-archive::after {
  bottom: -4vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  .story-archive::after {
    bottom: clamp(-63px, -4.375vw, 33.6px);
  }
}
.story-archive-above {
  position: relative;
}
@media screen and (max-width: 768px) {
  .story-archive-above > .l-wrap {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-archive-above > .l-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: clamp(190.9333333333px, 24.8611111111vw, 358px) auto;
    grid-template-columns: clamp(190.9333333333px, 24.8611111111vw, 358px) auto;
    padding: 0 clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.story-archive-logo {
  margin: 0;
}
.story-archive-logo img {
  width: 100%;
  max-width: inherit;
}
@media screen and (max-width: 768px) {
  .story-archive-logo {
    margin: 0 0 3.75vw 16.25vw;
    width: 60vw;
  }
}
@media screen and (min-width: 769px) {
  .story-archive-logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    -ms-grid-column: 1;
    grid-column: 1;
    width: 100%;
  }
}
body:not(.body-animation-paused) .story-archive-logo.lazy {
  -webkit-transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1);
  transition: transform 1.5s cubic-bezier(0.5, 0, 0, 1), opacity 1.5s cubic-bezier(0.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(0.5, 0, 0, 1);
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  opacity: 0;
}
body:not(.body-animation-paused) .story-archive-logo.lazy-done {
  -webkit-transform: rotate(0) scale(1);
          transform: rotate(0) scale(1);
  opacity: 1;
}
.story-archive-title {
  margin: 0 0 3.75vw;
  font-size: 5vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .story-archive-title {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .story-archive-title {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    margin: 0 0 clamp(5.8666666667px, 0.7638888889vw, 11px) clamp(-51px, -3.5416666667vw, 27.2px);
    padding-top: clamp(64.5333333333px, 8.4027777778vw, 121px);
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.story-archive-lead {
  margin: 0;
  font-size: 3.75vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-archive-lead {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-left: clamp(-51px, -3.5416666667vw, 27.2px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.story-archive-content {
  position: relative;
  margin-top: 5.5vw;
}
@media screen and (min-width: 769px) {
  .story-archive-content {
    margin-top: clamp(29.3333333333px, 3.8194444444vw, 55px);
  }
}
.story-archive-content .list-stories {
  margin-top: 21.25vw;
}
@media screen and (max-width: 768px) {
  .story-archive-content .list-stories {
    padding: 0 4vw;
  }
}
@media screen and (min-width: 769px) {
  .story-archive-content .list-stories {
    margin-top: clamp(76.2666666667px, 9.9305555556vw, 143px);
    padding: 0 clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.story {
  /* focus */
}
.story-focus {
  display: -ms-grid;
  display: grid;
  position: relative;
  margin: 0 1vw;
  padding: 8.5vw 5vw;
  border-radius: 15vw;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 1vw 10vw rgba(0, 0, 0, 0.25);
          box-shadow: 0 1vw 10vw rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 769px) {
  .story-focus {
    row-gap: 0;
    -webkit-column-gap: 5.8823529412%;
       -moz-column-gap: 5.8823529412%;
            column-gap: 5.8823529412%;
    -ms-grid-columns: 42.0168067227% 5.8823529412% 52.1008403361%;
    grid-template-columns: 42.0168067227% 52.1008403361%;
    margin: 0 clamp(19.2px, 2.5vw, 36px);
    padding: clamp(17.6px, 2.2916666667vw, 33px) clamp(36.2666666667px, 4.7222222222vw, 68px) clamp(25.0666666667px, 3.2638888889vw, 47px) clamp(58.1333333333px, 7.5694444444vw, 109px);
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-focus-above {
  position: relative;
}
@media screen and (max-width: 768px) {
  .story-focus-above {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-above {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    padding-top: clamp(20.2666666667px, 2.6388888889vw, 38px);
  }
}
.story-focus-title {
  margin: 0;
  font-size: 3.75vw;
  line-height: 1.4666666666;
}
@media screen and (min-width: 769px) {
  .story-focus-title {
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
    line-height: 1.45;
  }
}
body:not(.body-animation-paused) .story-focus-title.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(-6.5vw);
          transform: translateX(-6.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .story-focus-title.lazy {
    -webkit-transform: translateX(clamp(-46px, -3.1944444444vw, 24.5333333333px));
            transform: translateX(clamp(-46px, -3.1944444444vw, 24.5333333333px));
  }
}
body:not(.body-animation-paused) .story-focus-title.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.story-focus-name {
  margin-top: 0.75vw;
}
@media screen and (min-width: 769px) {
  .story-focus-name {
    margin-top: clamp(2.1333333333px, 0.2777777778vw, 4px);
  }
}
body:not(.body-animation-paused) .story-focus-name.lazy {
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1);
  transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 1s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(0, 0, 0, 1);
  -webkit-transform: translateX(-6.5vw);
          transform: translateX(-6.5vw);
  opacity: 0;
}
@media screen and (min-width: 769px) {
  body:not(.body-animation-paused) .story-focus-name.lazy {
    -webkit-transform: translateX(clamp(-46px, -3.1944444444vw, 24.5333333333px));
            transform: translateX(clamp(-46px, -3.1944444444vw, 24.5333333333px));
  }
}
body:not(.body-animation-paused) .story-focus-name.lazy-done {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.story-focus-name__ja {
  margin: 0;
  font-size: 7vw;
  font-weight: 400;
  line-height: 1.4642857142;
}
@media screen and (min-width: 769px) {
  .story-focus-name__ja {
    font-size: clamp(19.2px, 2.5vw, 36px);
    line-height: 1.4444444444;
  }
}
.story-focus-name__kana {
  margin: -0.25vw 0 0 0;
  font-size: 2.5vw;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .story-focus-name__kana {
    margin-top: clamp(-1px, -0.0694444444vw, 0.5333333333px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
    line-height: 1.4166666666;
  }
}
.story-focus-photo {
  position: relative;
  height: 70vw;
}
@media screen and (max-width: 768px) {
  .story-focus-photo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 4.75vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-photo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 2;
    grid-column: 2;
    height: clamp(208px, 27.0833333333vw, 390px);
  }
}
.story-focus-photo__cover {
  position: absolute;
  top: 0;
  width: 71.75vw;
  height: 70vw;
  -webkit-mask: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/photo_mask.svg) no-repeat center center;
          mask: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/photo_mask.svg) no-repeat center center;
  -webkit-mask-size: cover;
          mask-size: cover;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .story-focus-photo__cover {
    left: 9vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-photo__cover {
    right: clamp(26.6666666667px, 3.4722222222vw, 50px);
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
    height: clamp(208px, 27.0833333333vw, 390px);
  }
}
.story-focus-photo__credit {
  position: absolute;
  bottom: -5vw;
  width: 71.75vw;
  margin: 0;
  text-align: right;
  font-size: 2.25vw;
}
@media screen and (max-width: 768px) {
  .story-focus-photo__credit {
    left: 14vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-photo__credit {
    right: clamp(26.6666666667px, 3.4722222222vw, 50px);
    bottom: clamp(-20px, -1.3888888889vw, 10.6666666667px);
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
    font-size: clamp(4.8px, 0.625vw, 9px);
  }
}
.story-focus-photo::after {
  content: "";
  position: absolute;
  top: 12vw;
  width: 90vw;
  height: 57vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/photo_bg.svg) no-repeat center center;
  background-size: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .story-focus-photo::after {
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-photo::after {
    top: clamp(35.2px, 4.5833333333vw, 66px);
    right: 0;
    width: clamp(267.7333333333px, 34.8611111111vw, 502px);
    height: clamp(169.6px, 22.0833333333vw, 318px);
  }
}
.story-focus-info {
  margin-top: 6vw;
}
@media screen and (max-width: 768px) {
  .story-focus-info {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding: 0 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-info {
    -ms-grid-row: 2;
    -ms-grid-row-span: 3;
    grid-row: 2/5;
    -ms-grid-column: 1;
    grid-column: 1;
    margin-top: clamp(26.6666666667px, 3.4722222222vw, 50px);
  }
}
.story-focus-info__catch {
  margin: 0 0 2.5vw;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 1.4444444444;
}
@media screen and (min-width: 769px) {
  .story-focus-info__catch {
    margin-bottom: clamp(5.3333333333px, 0.6944444444vw, 10px);
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
    line-height: 1.4583333333;
  }
}
.story-focus-info__text {
  margin: 0;
  font-size: 3.75vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .story-focus-info__text {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .story-focus .btn-1 {
    margin-top: 5.25vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus .btn-1 {
    margin: clamp(13.3333333333px, 1.7361111111vw, 25px) 0 0 auto;
  }
}
.story-focus-profile {
  margin: 0;
  font-size: 3vw;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .story-focus-profile {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 4.5vw;
    padding: 0 2.5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-focus-profile {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.story {
  /* detail */
}
.story-detail {
  position: relative;
  margin: 5.75vw 0 39.5vw;
  padding: 4.75vw 0 14.5vw;
  background: -webkit-gradient(linear, right top, left top, color-stop(-0.55%, #E6E400), color-stop(14.36%, rgba(230, 228, 0, 0.5)), color-stop(49.17%, rgba(230, 228, 0, 0.25)), color-stop(83.98%, rgba(230, 228, 0, 0.5)), color-stop(98.9%, #E6E400));
  background: linear-gradient(270deg, #E6E400 -0.55%, rgba(230, 228, 0, 0.5) 14.36%, rgba(230, 228, 0, 0.25) 49.17%, rgba(230, 228, 0, 0.5) 83.98%, #E6E400 98.9%);
  color: #004F29;
}
.story-detail a {
  color: #004F29;
}
.story-detail :where(figure) {
  margin: 0;
}
.story-detail .is-photo-credit {
  margin: 1.25vw 0 0;
  text-align: right;
  font-size: 2.25vw;
}
@media screen and (min-width: 769px) {
  .story-detail .is-photo-credit {
    margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
    font-size: clamp(4.8px, 0.625vw, 9px);
  }
}
@media screen and (min-width: 769px) {
  .story-detail {
    margin: clamp(51.2px, 6.6666666667vw, 96px) 0 clamp(130.1333333333px, 16.9444444444vw, 244px);
    padding: clamp(13.8666666667px, 1.8055555556vw, 26px) 0 clamp(38.4px, 5vw, 72px);
  }
}
.story-detail::before, .story-detail::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 4.5vw;
  background: -webkit-gradient(linear, right top, left top, color-stop(-0.55%, #E6E400), color-stop(14.36%, rgba(230, 228, 0, 0.5)), color-stop(49.17%, rgba(230, 228, 0, 0.25)), color-stop(83.98%, rgba(230, 228, 0, 0.5)), color-stop(98.9%, #E6E400));
  background: linear-gradient(270deg, #E6E400 -0.55%, rgba(230, 228, 0, 0.5) 14.36%, rgba(230, 228, 0, 0.25) 49.17%, rgba(230, 228, 0, 0.5) 83.98%, #E6E400 98.9%);
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .story-detail::before, .story-detail::after {
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg.svg);
  }
}
@media screen and (min-width: 769px) {
  .story-detail::before, .story-detail::after {
    height: clamp(34.1333333333px, 4.4444444444vw, 64px);
    -webkit-mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg-desktop.svg);
            mask-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_bg-desktop.svg);
  }
}
.story-detail::before {
  top: -4vw;
}
@media screen and (min-width: 769px) {
  .story-detail::before {
    top: clamp(-62px, -4.3055555556vw, 33.0666666667px);
  }
}
.story-detail::after {
  bottom: -4vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  .story-detail::after {
    bottom: clamp(-63px, -4.375vw, 33.6px);
  }
}
.story-detail-hd {
  position: relative;
  margin-bottom: 4.25vw;
}
@media screen and (max-width: 768px) {
  .story-detail-hd {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-detail-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 0 auto clamp(14.9333333333px, 1.9444444444vw, 28px);
    max-width: clamp(501.3333333333px, 65.2777777778vw, 940px);
  }
}
.story-detail-vol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12.5vw;
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  .story-detail-vol {
    width: 100%;
    gap: clamp(26.6666666667px, 3.4722222222vw, 50px);
    margin-bottom: clamp(-16px, -1.1111111111vw, 8.5333333333px);
  }
}
.story-detail-vol__name, .story-detail-vol__no {
  position: relative;
  margin: 0;
  padding: 0.5vw 2.5vw;
  border: 0.5vw solid #004F29;
  border-radius: 12.5vw;
  font-size: 4vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-vol__name, .story-detail-vol__no {
    padding: clamp(1.0666666667px, 0.1388888889vw, 2px) clamp(5.3333333333px, 0.6944444444vw, 10px);
    border-width: clamp(1.0666666667px, 0.1388888889vw, 2px);
    border-radius: clamp(26.6666666667px, 3.4722222222vw, 50px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-vol__no::before, .story-detail-vol__no::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10vw;
  width: 7.5vw;
  height: 0.5vw;
  background-color: #004F29;
}
@media screen and (min-width: 769px) {
  .story-detail-vol__no::before, .story-detail-vol__no::after {
    left: clamp(-40px, -2.7777777778vw, 21.3333333333px);
    width: clamp(16px, 2.0833333333vw, 30px);
    height: clamp(1.0666666667px, 0.1388888889vw, 2px);
  }
}
.story-detail-vol__no::before {
  -webkit-transform: translateY(-1.5vw);
          transform: translateY(-1.5vw);
}
@media screen and (min-width: 769px) {
  .story-detail-vol__no::before {
    -webkit-transform: translateY(clamp(-6px, -0.4166666667vw, 3.2px));
            transform: translateY(clamp(-6px, -0.4166666667vw, 3.2px));
  }
}
.story-detail-vol__no::after {
  -webkit-transform: translateY(1.5vw);
          transform: translateY(1.5vw);
}
@media screen and (min-width: 769px) {
  .story-detail-vol__no::after {
    -webkit-transform: translateY(clamp(3.2px, 0.4166666667vw, 6px));
            transform: translateY(clamp(3.2px, 0.4166666667vw, 6px));
  }
}
.story-detail-logo {
  margin: 0;
  width: 37.5vw;
}
@media screen and (max-width: 768px) {
  .story-detail-logo {
    margin: 0 auto 5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-detail-logo {
    width: clamp(133.3333333333px, 17.3611111111vw, 250px);
  }
}
.story-detail-title {
  margin: 0;
  font-size: 6vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-title {
    margin: 0 0 clamp(5.3333333333px, 0.6944444444vw, 10px) clamp(-14px, -0.9722222222vw, 7.4666666667px);
    width: calc(100% - (clamp(133.3333333333px, 17.3611111111vw, 250px) - clamp(7.4666666667px, 0.9722222222vw, 14px)));
    font-size: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
.story-detail-date {
  display: block;
  margin-top: 2.5vw;
  text-align: right;
  font-size: 4vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-date {
    margin-top: clamp(-10px, -0.6944444444vw, 5.3333333333px);
    width: 100%;
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-introduction {
  position: relative;
  margin-bottom: 15vw;
}
@media screen and (max-width: 768px) {
  .story-detail-introduction {
    padding: 0 5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-detail-introduction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto clamp(32px, 4.1666666667vw, 60px);
    width: clamp(384px, 50vw, 720px);
  }
}
.story-detail-introduction__photo {
  position: relative;
  width: 75vw;
}
@media screen and (max-width: 768px) {
  .story-detail-introduction__photo {
    margin: 0 auto 5vw;
  }
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__photo {
    margin-right: clamp(30.9333333333px, 4.0277777778vw, 58px);
    width: clamp(160px, 20.8333333333vw, 300px);
  }
  .story-detail-introduction__photo + .story-detail-introduction__info {
    width: calc(100% - (clamp(160px, 20.8333333333vw, 300px) + clamp(30.9333333333px, 4.0277777778vw, 58px)));
  }
}
.story-detail-introduction__photo__cover {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 15vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__photo__cover {
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-introduction__info {
  position: relative;
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__info {
    width: 100%;
  }
}
.story-detail-introduction__title {
  margin: 0;
  font-size: 3.5vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__title {
    margin-bottom: clamp(3.2px, 0.4166666667vw, 6px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-introduction__name {
  margin: 0;
  font-size: 8vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__name {
    font-size: clamp(17.0666666667px, 2.2222222222vw, 32px);
  }
}
.story-detail-introduction__name > span {
  display: block;
  margin-top: 0.5vw;
  font-size: 2.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__name > span {
    margin-top: clamp(1.0666666667px, 0.1388888889vw, 2px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.story-detail-introduction__btn {
  margin: 2vw 0 0;
  font-size: 4vw;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .story-detail-introduction__btn {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__btn {
    margin-bottom: clamp(13.8666666667px, 1.8055555556vw, 26px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-introduction__btn > a {
  display: inline-block;
  position: relative;
  padding: 1.75vw 0;
  width: 100%;
  max-width: 50vw;
  border: 0.25vw solid #004F29;
  border-radius: 5vw;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__btn > a {
    padding: clamp(3.7333333333px, 0.4861111111vw, 7px) 0;
    max-width: clamp(106.6666666667px, 13.8888888889vw, 200px);
    border-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
    border-radius: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.story-detail-introduction__btn > a::before, .story-detail-introduction__btn > a::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.story-detail-introduction__btn > a::before {
  left: 5.5vw;
  width: 3.5vw;
  height: 4.25vw;
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/account1.svg);
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__btn > a::before {
    left: clamp(11.7333333333px, 1.5277777778vw, 22px);
    width: clamp(7.4666666667px, 0.9722222222vw, 14px);
    height: clamp(9.0666666667px, 1.1805555556vw, 17px);
  }
}
.story-detail-introduction__btn > a::after {
  right: 3.25vw;
  width: 4vw;
  height: 3.5vw;
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/arrow2.svg);
}
@media screen and (min-width: 769px) {
  .story-detail-introduction__btn > a::after {
    right: clamp(6.9333333333px, 0.9027777778vw, 13px);
    width: clamp(8.5333333333px, 1.1111111111vw, 16px);
    height: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.story-detail-content {
  position: relative;
}
.story-detail-content .wp-block-heading {
  position: relative;
  margin: 0;
  font-weight: 400;
}
.story-detail-content .wp-block-image {
  margin: 0 auto;
  width: 80vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-image {
    width: clamp(384px, 50vw, 720px);
  }
  .story-detail-content .wp-block-image .aligncenter {
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
  }
}
.story-detail-content .wp-block-image:not(:first-child) {
  margin-top: 10vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-image:not(:first-child) {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content .wp-block-image img {
  border-radius: 12vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-image img {
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content .wp-block-cover {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 80vw;
  max-width: 100%;
  min-height: inherit;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-cover {
    width: clamp(384px, 50vw, 720px);
  }
  .story-detail-content .wp-block-cover .aligncenter {
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
  }
}
.story-detail-content .wp-block-cover:not(:first-child) {
  margin-top: 10vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-cover:not(:first-child) {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content .wp-block-cover__image-background {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border-radius: 12vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-cover__image-background {
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content .wp-block-cover__background {
  display: none;
}
.story-detail-content .wp-block-cover__inner-container {
  margin-top: 1.25vw;
  color: #004F29;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-cover__inner-container {
    margin-top: clamp(2.6666666667px, 0.3472222222vw, 5px);
  }
}
.story-detail-content .wp-block-cover__inner-container p {
  margin: 0;
  text-align: right;
  font-size: 2.25vw !important;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-cover__inner-container p {
    font-size: clamp(4.8px, 0.625vw, 9px) !important;
  }
}
.story-detail-content .wp-block-columns {
  margin: 0 5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-columns {
    margin: 0 clamp(192px, 25vw, 360px);
  }
}
.story-detail-content .wp-block-columns:not(:first-child) {
  margin-top: 5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-columns:not(:first-child) {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
  }
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-block-columns .wp-block-image,
  .story-detail-content .wp-block-columns .wp-block-cover {
    width: auto;
  }
}
.story-detail-content .wp-element-caption {
  margin-top: 2.5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-content .wp-element-caption {
    margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
    line-height: 1.75;
  }
}
@media screen and (max-width: 768px) {
  .story-detail-content .is-layout-flex {
    gap: 5vw;
  }
}
.story-detail-content h2.wp-block-heading {
  padding: 5vw 7.5vw;
  border: 0.5vw solid #004F29;
  width: calc(100% - 10vw);
  font-size: 4.5vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-content h2.wp-block-heading {
    padding: clamp(26.6666666667px, 3.4722222222vw, 50px) clamp(16px, 2.0833333333vw, 30px);
    border-width: clamp(1.0666666667px, 0.1388888889vw, 2px);
    width: clamp(576px, 75vw, 1080px);
    text-align: center;
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.story-detail-content h2.wp-block-heading:not(:first-child) {
  margin-top: 11.25vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h2.wp-block-heading:not(:first-child) {
    margin-top: clamp(69.3333333333px, 9.0277777778vw, 130px);
  }
}
.story-detail-content h2.wp-block-heading:not(:last-child) {
  margin-bottom: 7.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h2.wp-block-heading:not(:last-child) {
    margin-bottom: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.story-detail-content h2.wp-block-heading:nth-of-type(odd) {
  border-left: none;
  border-radius: 0 25vw 25vw 0;
}
@media screen and (min-width: 769px) {
  .story-detail-content h2.wp-block-heading:nth-of-type(odd) {
    border-radius: 0 clamp(53.3333333333px, 6.9444444444vw, 100px) clamp(53.3333333333px, 6.9444444444vw, 100px) 0;
  }
}
.story-detail-content h2.wp-block-heading:nth-of-type(even) {
  margin-left: auto;
  border-right: none;
  border-radius: 25vw 0 0 25vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h2.wp-block-heading:nth-of-type(even) {
    border-radius: clamp(53.3333333333px, 6.9444444444vw, 100px) 0 0 clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.story-detail-content h3.wp-block-heading {
  margin: 0 5vw;
  padding: 2.5vw 5vw;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0 6vw 6vw 6vw;
  font-size: 4vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-content h3.wp-block-heading {
    display: inline-block;
    margin: 0 clamp(128px, 16.6666666667vw, 240px);
    padding: clamp(5.3333333333px, 0.6944444444vw, 10px) clamp(10.6666666667px, 1.3888888889vw, 20px);
    border-radius: 0 clamp(12.8px, 1.6666666667vw, 24px) clamp(12.8px, 1.6666666667vw, 24px) clamp(12.8px, 1.6666666667vw, 24px);
    vertical-align: top;
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-content h3.wp-block-heading:not(:first-child) {
  margin-top: 7.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h3.wp-block-heading:not(:first-child) {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content h3.wp-block-heading:not(:last-child) {
  margin-bottom: 9.25vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h3.wp-block-heading:not(:last-child) {
    margin-bottom: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.story-detail-content h3.wp-block-heading + h4.wp-block-heading, .story-detail-content h3.wp-block-heading + p {
  margin-top: 0;
}
.story-detail-content h3.wp-block-heading.is-title-1, .story-detail-content h3.wp-block-heading.is-title-2 {
  padding-left: 15vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h3.wp-block-heading.is-title-1, .story-detail-content h3.wp-block-heading.is-title-2 {
    padding: clamp(6.9333333333px, 0.9027777778vw, 13px) clamp(10.6666666667px, 1.3888888889vw, 20px) clamp(6.9333333333px, 0.9027777778vw, 13px) clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content h3.wp-block-heading.is-title-1::before, .story-detail-content h3.wp-block-heading.is-title-2::before {
  content: "";
  position: absolute;
  top: 2.5vw;
  left: 5vw;
  width: 7.5vw;
  height: 7.5vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .story-detail-content h3.wp-block-heading.is-title-1::before, .story-detail-content h3.wp-block-heading.is-title-2::before {
    top: clamp(5.3333333333px, 0.6944444444vw, 10px);
    left: clamp(10.6666666667px, 1.3888888889vw, 20px);
    width: clamp(16px, 2.0833333333vw, 30px);
    height: clamp(16px, 2.0833333333vw, 30px);
  }
}
.story-detail-content h3.wp-block-heading.is-title-1 {
  background-color: #F3A69D;
}
.story-detail-content h3.wp-block-heading.is-title-1::before {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/title1.svg);
}
.story-detail-content h3.wp-block-heading.is-title-2 {
  background: -webkit-gradient(linear, left top, right top, from(#004F29), to(#009950));
  background: linear-gradient(90deg, #004F29 0%, #009950 100%);
  color: #fff;
}
.story-detail-content h3.wp-block-heading.is-title-2::before {
  background-image: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/title2.svg);
}
.story-detail-content h4.wp-block-heading,
.story-detail-content p {
  margin: 0 5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.75vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .story-detail-content h4.wp-block-heading,
  .story-detail-content p {
    margin: 0 clamp(192px, 25vw, 360px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-content h4.wp-block-heading:not(:first-child),
.story-detail-content p:not(:first-child) {
  margin-top: 5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-content h4.wp-block-heading:not(:first-child),
  .story-detail-content p:not(:first-child) {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-content h4.wp-block-heading {
  font-family: "Shippori Antique B1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.story-detail-content h4.wp-block-heading + p {
  margin-top: 0;
}
.story-detail-profile {
  position: relative;
  margin: 20vw auto 0;
  padding: 7.5vw;
  width: 85vw;
  border: 0.25vw solid #004F29;
  border-radius: 7.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: clamp(96px, 12.5vw, 180px) auto 0;
    padding: clamp(32px, 4.1666666667vw, 60px);
    width: clamp(512px, 66.6666666667vw, 960px);
    border-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-profile__photo {
  position: relative;
}
@media screen and (max-width: 768px) {
  .story-detail-profile__photo {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 769px) {
  .story-detail-profile__photo {
    margin-right: clamp(21.3333333333px, 2.7777777778vw, 40px);
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
  }
  .story-detail-profile__photo + .story-detail-profile__info {
    width: calc(100% - (clamp(213.3333333333px, 27.7777777778vw, 400px) + clamp(21.3333333333px, 2.7777777778vw, 40px)));
  }
}
.story-detail-profile__photo__cover {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 12vw;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .story-detail-profile__photo__cover {
    border-radius: clamp(32px, 4.1666666667vw, 60px);
  }
}
.story-detail-profile__info {
  position: relative;
}
@media screen and (min-width: 769px) {
  .story-detail-profile__info {
    width: 100%;
  }
}
.story-detail-profile__title {
  margin: 0 0 2.5vw;
  font-size: 3vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-profile__title {
    margin-bottom: clamp(5.3333333333px, 0.6944444444vw, 10px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.story-detail-profile__name {
  margin: 0;
  font-size: 5vw;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-profile__name {
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.story-detail-profile__text {
  margin: 2.5vw 0 0;
  font-size: 3vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .story-detail-profile__text {
    margin-top: clamp(5.3333333333px, 0.6944444444vw, 10px);
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.story-detail-ft {
  position: relative;
  margin-top: 15vw;
  padding: 15vw 0;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/story/detail_ft_bg.svg) repeat left top;
  background-size: 1vw;
}
@media screen and (min-width: 769px) {
  .story-detail-ft {
    margin-top: clamp(53.3333333333px, 6.9444444444vw, 100px);
    padding: clamp(42.6666666667px, 5.5555555556vw, 80px) 0;
    background-size: clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.story-detail-memo {
  position: relative;
  margin: 0 auto;
  padding: 10vw 5vw;
  width: 90vw;
  background-color: #fff;
  border-radius: 10vw;
}
@media screen and (min-width: 769px) {
  .story-detail-memo {
    padding: clamp(21.3333333333px, 2.7777777778vw, 40px) clamp(32px, 4.1666666667vw, 60px);
    width: clamp(405.3333333333px, 52.7777777778vw, 760px);
    border-radius: clamp(21.3333333333px, 2.7777777778vw, 40px);
  }
}
.story-detail-memo__above {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5vw;
  -ms-grid-columns: 17.5vw 2.5vw calc(100% - (17.5vw + 2.5vw));
  grid-template-columns: 17.5vw calc(100% - (17.5vw + 2.5vw));
  margin-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__above {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
    -ms-grid-columns: clamp(66.6666666667px, 8.6805555556vw, 125px) clamp(5.3333333333px, 0.6944444444vw, 10px) calc(100% - (clamp(66.6666666667px, 8.6805555556vw, 125px) + clamp(5.3333333333px, 0.6944444444vw, 10px)));
    grid-template-columns: clamp(66.6666666667px, 8.6805555556vw, 125px) calc(100% - (clamp(66.6666666667px, 8.6805555556vw, 125px) + clamp(5.3333333333px, 0.6944444444vw, 10px)));
    margin-bottom: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.story-detail-memo__logo {
  margin: 0;
}
.story-detail-memo__title {
  margin: 0;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__title {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-memo__content {
  position: relative;
}
.story-detail-memo__subtitle {
  margin: 10vw 0 5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__subtitle {
    margin: clamp(21.3333333333px, 2.7777777778vw, 40px) 0 clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.story-detail-memo__subtitle:first-child {
  margin-top: 0;
}
.story-detail-memo__subtitle:last-child {
  margin-bottom: 0;
}
.story-detail-memo__text {
  margin: 5vw 0 0;
  word-break: break-all;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.5vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__text {
    margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.story-detail-memo__text:first-child {
  margin-top: 0;
}
.story-detail-memo__slide {
  position: relative;
  margin: 10vw 0;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide {
    margin: clamp(21.3333333333px, 2.7777777778vw, 40px) auto;
    width: clamp(213.3333333333px, 27.7777777778vw, 400px);
  }
}
.story-detail-memo__slide:last-child {
  margin-bottom: 0;
}
.story-detail-memo__slide__photo__cover {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .story-detail-memo__slide__photo__cover {
    margin: 0 5vw;
  }
}
.story-detail-memo__slide__photo figcaption {
  margin-top: 3vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.5vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide__photo figcaption {
    margin-top: clamp(6.4px, 0.8333333333vw, 12px);
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.story-detail-memo__slide .splide:not(.is-overflow) .splide__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.story-detail-memo__slide .splide__track {
  border-radius: 2.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__track {
    border-radius: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.story-detail-memo__slide .splide__arrows {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__arrows {
    height: clamp(16px, 2.0833333333vw, 30px);
  }
}
.story-detail-memo__slide .splide__arrow {
  top: 0;
  -webkit-transform: none;
          transform: none;
  width: 13vw;
  background: none;
  border: 0.25vw solid #004F29;
  border-radius: 5vw;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__arrow {
    width: clamp(27.7333333333px, 3.6111111111vw, 52px);
    border-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
    border-radius: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.story-detail-memo__slide .splide__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3vw;
  height: 3vw;
  background: url(https://themedpavilion.expo2027yokohama.or.jp/wp-content/themes/theme/_assets/img/icon/slide1.svg) no-repeat center center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__arrow::after {
    width: clamp(6.4px, 0.8333333333vw, 12px);
    height: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
.story-detail-memo__slide .splide__arrow > svg {
  display: none;
}
.story-detail-memo__slide .splide__arrow--prev {
  left: 0;
}
.story-detail-memo__slide .splide__arrow--prev::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.story-detail-memo__slide .splide__arrow--next {
  right: 0;
}
.story-detail-memo__slide .splide__arrow--next::after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.story-detail-memo__slide .splide__pagination {
  gap: 5vw;
  position: relative;
  bottom: auto;
  left: auto;
  margin: 3vw auto 0;
  padding: 0;
  width: calc(100% - 13vw * 2);
  height: 7.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__pagination {
    gap: clamp(10.6666666667px, 1.3888888889vw, 20px);
    margin-top: clamp(6.4px, 0.8333333333vw, 12px);
    width: calc(100% - clamp(27.7333333333px, 3.6111111111vw, 52px) * 2);
    height: clamp(16px, 2.0833333333vw, 30px);
  }
}
.story-detail-memo__slide .splide__pagination > li {
  width: 2.5vw;
  height: 2.5vw;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__pagination > li {
    width: clamp(5.3333333333px, 0.6944444444vw, 10px);
    height: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.story-detail-memo__slide .splide__pagination__page {
  display: block;
  margin: 0;
  background: none;
  border: 0.25vw solid #004F29;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .story-detail-memo__slide .splide__pagination__page {
    border-width: clamp(0.5333333333px, 0.0694444444vw, 1px);
  }
}
.story-detail-memo__slide .splide__pagination__page.is-active {
  -webkit-transform: none;
          transform: none;
  background-color: #004F29;
}

.news-archive {
  position: relative;
  padding: 29vw 5vw 48.5vw;
}
@media screen and (min-width: 769px) {
  .news-archive {
    padding: clamp(117.3333333333px, 15.2777777778vw, 220px) clamp(112px, 14.5833333333vw, 210px) clamp(187.7333333333px, 24.4444444444vw, 352px);
  }
}
.news-archive .title-1 {
  position: absolute;
  top: -2.5vw;
  left: -2.5vw;
  -webkit-transform: rotate(-140deg);
          transform: rotate(-140deg);
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .news-archive .title-1 {
    top: clamp(5.3333333333px, 0.6944444444vw, 10px);
    left: clamp(80px, 10.4166666667vw, 150px);
  }
}
.news-detail {
  position: relative;
  padding: 7.5vw 5vw 48.5vw;
}
@media screen and (min-width: 769px) {
  .news-detail {
    padding: clamp(54.4px, 7.0833333333vw, 102px) clamp(128px, 16.6666666667vw, 240px) clamp(82.1333333333px, 10.6944444444vw, 154px);
  }
}
.news-detail-hd {
  position: relative;
  margin-bottom: 6.5vw;
}
@media screen and (min-width: 769px) {
  .news-detail-hd {
    margin-bottom: clamp(41.0666666667px, 5.3472222222vw, 77px);
  }
}
.news-detail-date {
  display: block;
  margin-bottom: 8.25vw;
  font-size: 3.5vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .news-detail-date {
    margin-bottom: clamp(8px, 1.0416666667vw, 15px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.news-detail-title {
  margin: 0;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .news-detail-title {
    font-size: clamp(16px, 2.0833333333vw, 30px);
  }
}
.news-detail-title > span {
  padding: 0.5vw 1.75vw;
  background-color: #F9D2DC;
}
@media screen and (min-width: 769px) {
  .news-detail-title > span {
    padding: clamp(4.2666666667px, 0.5555555556vw, 8px) 0;
  }
}
.news-detail-content {
  display: -ms-grid;
  display: grid;
  gap: 2em;
  position: relative;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.75vw;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .news-detail-content {
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.news-detail-content p {
  margin: 0;
}
.news-detail-content > .wp-block-image + .wp-block-image {
  margin-top: 12.5vw;
}
@media screen and (min-width: 769px) {
  .news-detail-content > .wp-block-image + .wp-block-image {
    margin-top: clamp(64px, 8.3333333333vw, 120px);
  }
}
.news-detail-ft {
  position: relative;
  margin-top: 19.5vw;
}
@media screen and (min-width: 769px) {
  .news-detail-ft {
    margin-top: clamp(98.1333333333px, 12.7777777778vw, 184px);
  }
}

.guide-detail {
  position: relative;
  padding: 10vw 5vw 36.75vw;
}
@media screen and (min-width: 769px) {
  .guide-detail {
    padding: clamp(3.7333333333px, 0.4861111111vw, 7px) clamp(128px, 16.6666666667vw, 240px) clamp(158.4px, 20.625vw, 297px);
  }
}
.guide-title {
  margin: 0 0 7.5vw;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .guide-title {
    margin-bottom: clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(12.8px, 1.6666666667vw, 24px);
  }
}
.guide-text {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3.5vw;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .guide-text {
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.guide-text > p {
  margin: 0;
  text-indent: 1em;
}
.guide-link {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  margin: 10vw 0 0;
  font-size: 3.5vw;
  font-weight: 700;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .guide-link {
    margin-top: clamp(24.5333333333px, 3.1944444444vw, 46px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.guide-link > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  vertical-align: top;
}
.guide-link span {
  text-decoration: underline;
}
.guide-link i {
  display: inline-block;
  margin-left: 1.5vw;
  width: 10vw;
  height: 4.5vw;
  border: 0.5vw solid #4E342E;
  border-radius: 1.5vw;
  text-align: center;
  vertical-align: 0;
  font-family: "Shippori Antique B1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-size: 3vw;
  font-style: normal;
  line-height: 3.5vw;
}
@media screen and (min-width: 769px) {
  .guide-link i {
    margin-left: clamp(3.2px, 0.4166666667vw, 6px);
    width: clamp(25.6px, 3.3333333333vw, 48px);
    height: clamp(11.7333333333px, 1.5277777778vw, 22px);
    border-width: clamp(1.0666666667px, 0.1388888889vw, 2px);
    border-radius: clamp(3.2px, 0.4166666667vw, 6px);
    vertical-align: clamp(1.0666666667px, 0.1388888889vw, 2px);
    font-size: clamp(8px, 1.0416666667vw, 15px);
    line-height: clamp(9.6px, 1.25vw, 18px);
  }
}

.opening {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(1, 0, 1, 1), -webkit-transform 0.5s cubic-bezier(1, 0, 1, 1);
  transition: opacity 0.5s cubic-bezier(1, 0, 1, 1), -webkit-transform 0.5s cubic-bezier(1, 0, 1, 1);
  transition: transform 0.5s cubic-bezier(1, 0, 1, 1), opacity 0.5s cubic-bezier(1, 0, 1, 1);
  transition: transform 0.5s cubic-bezier(1, 0, 1, 1), opacity 0.5s cubic-bezier(1, 0, 1, 1), -webkit-transform 0.5s cubic-bezier(1, 0, 1, 1);
  width: 100%;
  height: 100%;
  background-color: #F5FAEF;
  z-index: 100;
}
.body-show-page .opening {
  pointer-events: none;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0;
}
.opening-content {
  display: -ms-grid;
  display: grid;
  gap: 29vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .opening-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(82.1333333333px, 10.6944444444vw, 154px);
  }
}
.opening-logo {
  margin: 0 auto;
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-filter 0.8s cubic-bezier(0, 0, 0, 1);
  transition: opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-filter 0.8s cubic-bezier(0, 0, 0, 1);
  transition: filter 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1);
  transition: filter 0.8s cubic-bezier(0, 0, 0, 1), opacity 0.8s cubic-bezier(0, 0, 0, 1), -webkit-filter 0.8s cubic-bezier(0, 0, 0, 1);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  opacity: 0;
}
.opening-logo.is-active {
  -webkit-filter: blur(0);
          filter: blur(0);
  opacity: 1;
}
.opening-logo.is-logo-theme {
  width: 30vw;
}
@media screen and (min-width: 769px) {
  .opening-logo.is-logo-theme {
    width: clamp(85.8666666667px, 11.1805555556vw, 161px);
  }
}
.opening-logo.is-logo-official {
  width: 32.5vw;
}
@media screen and (min-width: 769px) {
  .opening-logo.is-logo-official {
    width: clamp(91.7333333333px, 11.9444444444vw, 172px);
  }
}