@charset "UTF-8";
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
html {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  box-sizing: border-box;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
     tab-size: 4;
}

*,
::before,
::after {
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
  background-repeat: no-repeat;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
  padding: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  /* Show the overflow in Edge and IE */
  height: 0;
  overflow: visible;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

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

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

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

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

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

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

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

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

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

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

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  color: inherit;
  cursor: pointer;
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  border-style: none;
  background-color: transparent;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge 18- and IE */
}

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}
.u-mt0 {
  margin-top: 0%;
}

.u-mt1 {
  margin-top: 1%;
}

.u-mt2 {
  margin-top: 2%;
}

.u-mt3 {
  margin-top: 3%;
}

.u-mt4 {
  margin-top: 4%;
}

.u-mt5 {
  margin-top: 5%;
}

.u-mt6 {
  margin-top: 6%;
}

.u-mt7 {
  margin-top: 7%;
}

.u-mt8 {
  margin-top: 8%;
}

.u-mt9 {
  margin-top: 9%;
}

.u-mt10 {
  margin-top: 10%;
}

.u-mt11 {
  margin-top: 11%;
}

.u-mt12 {
  margin-top: 12%;
}

.u-mt13 {
  margin-top: 13%;
}

.u-mt14 {
  margin-top: 14%;
}

.u-mt15 {
  margin-top: 15%;
}

.u-mt16 {
  margin-top: 16%;
}

.u-mt17 {
  margin-top: 17%;
}

.u-mt18 {
  margin-top: 18%;
}

.u-mt19 {
  margin-top: 19%;
}

.u-mt20 {
  margin-top: 20%;
}

.u-mt21 {
  margin-top: 21%;
}

.u-mt22 {
  margin-top: 22%;
}

.u-mt23 {
  margin-top: 23%;
}

.u-mt24 {
  margin-top: 24%;
}

.u-mt25 {
  margin-top: 25%;
}

.u-mt26 {
  margin-top: 26%;
}

.u-mt27 {
  margin-top: 27%;
}

.u-mt28 {
  margin-top: 28%;
}

.u-mt29 {
  margin-top: 29%;
}

.u-mt30 {
  margin-top: 30%;
}

.u-mt31 {
  margin-top: 31%;
}

.u-mt32 {
  margin-top: 32%;
}

.u-mt33 {
  margin-top: 33%;
}

.u-mt34 {
  margin-top: 34%;
}

.u-mt35 {
  margin-top: 35%;
}

.u-mt36 {
  margin-top: 36%;
}

.u-mt37 {
  margin-top: 37%;
}

.u-mt38 {
  margin-top: 38%;
}

.u-mt39 {
  margin-top: 39%;
}

.u-mt40 {
  margin-top: 40%;
}

.u-mt41 {
  margin-top: 41%;
}

.u-mt42 {
  margin-top: 42%;
}

.u-mt43 {
  margin-top: 43%;
}

.u-mt44 {
  margin-top: 44%;
}

.u-mt45 {
  margin-top: 45%;
}

.u-mt46 {
  margin-top: 46%;
}

.u-mt47 {
  margin-top: 47%;
}

.u-mt48 {
  margin-top: 48%;
}

.u-mt49 {
  margin-top: 49%;
}

.u-mt50 {
  margin-top: 50%;
}

.u-mt51 {
  margin-top: 51%;
}

.u-mt52 {
  margin-top: 52%;
}

.u-mt53 {
  margin-top: 53%;
}

.u-mt54 {
  margin-top: 54%;
}

.u-mt55 {
  margin-top: 55%;
}

.u-mt56 {
  margin-top: 56%;
}

.u-mt57 {
  margin-top: 57%;
}

.u-mt58 {
  margin-top: 58%;
}

.u-mt59 {
  margin-top: 59%;
}

.u-mt60 {
  margin-top: 60%;
}

.u-mt61 {
  margin-top: 61%;
}

.u-mt62 {
  margin-top: 62%;
}

.u-mt63 {
  margin-top: 63%;
}

.u-mt64 {
  margin-top: 64%;
}

.u-mt65 {
  margin-top: 65%;
}

.u-mt66 {
  margin-top: 66%;
}

.u-mt67 {
  margin-top: 67%;
}

.u-mt68 {
  margin-top: 68%;
}

.u-mt69 {
  margin-top: 69%;
}

.u-mt70 {
  margin-top: 70%;
}

.u-mt71 {
  margin-top: 71%;
}

.u-mt72 {
  margin-top: 72%;
}

.u-mt73 {
  margin-top: 73%;
}

.u-mt74 {
  margin-top: 74%;
}

.u-mt75 {
  margin-top: 75%;
}

.u-mt76 {
  margin-top: 76%;
}

.u-mt77 {
  margin-top: 77%;
}

.u-mt78 {
  margin-top: 78%;
}

.u-mt79 {
  margin-top: 79%;
}

.u-mt80 {
  margin-top: 80%;
}

.u-mt81 {
  margin-top: 81%;
}

.u-mt82 {
  margin-top: 82%;
}

.u-mt83 {
  margin-top: 83%;
}

.u-mt84 {
  margin-top: 84%;
}

.u-mt85 {
  margin-top: 85%;
}

.u-mt86 {
  margin-top: 86%;
}

.u-mt87 {
  margin-top: 87%;
}

.u-mt88 {
  margin-top: 88%;
}

.u-mt89 {
  margin-top: 89%;
}

.u-mt90 {
  margin-top: 90%;
}

.u-mt91 {
  margin-top: 91%;
}

.u-mt92 {
  margin-top: 92%;
}

.u-mt93 {
  margin-top: 93%;
}

.u-mt94 {
  margin-top: 94%;
}

.u-mt95 {
  margin-top: 95%;
}

.u-mt96 {
  margin-top: 96%;
}

.u-mt97 {
  margin-top: 97%;
}

.u-mt98 {
  margin-top: 98%;
}

.u-mt99 {
  margin-top: 99%;
}

.u-mt100 {
  margin-top: 100%;
}
.expo-about-us {
  width: min(768px, 100% - 32px);
  margin-right: auto;
  margin-bottom: 6rem;
  margin-left: auto;
}
.expo-about-us__hero img {
  width: 100%;
  height: auto;
}
.expo-about-us__h1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(1.5rem, 0.75rem + 3vw, 3rem);
}
.expo-about-us__h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4rem auto 0;
}
.expo-about-us__ul {
  margin: 1rem 0;
  list-style: none;
}
.expo-about-us__ul > li {
  display: flex;
  align-items: center;
  padding: 1em 1rem;
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
}
.expo-about-us__ul > li > a {
  display: inline-block;
  flex-shrink: 0;
  margin-left: auto;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  color: #0068B7;
  font-size: 12px;
  text-decoration: underline;
}

.expo-banner-pageend > a {
  display: block;
  position: relative;
  width: min(100% - 64px, 760px);
  margin: 0 auto;
}
.expo-banner-pageend > a img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.expo-banner-youtube {
  display: block;
  position: relative;
  width: 626px;
  max-width: calc(100% - 50px);
  margin: 8em auto 3em;
}
.expo-banner-youtube iframe {
  aspect-ratio: 16/9;
  width: 100%;
}

.expo-banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  list-style: none;
}

.expo-banners__item {
  flex: 0 0 198px;
}

.expo-banners__link {
  transition: opacity 0.2s ease;
}
.expo-banners__link:hover {
  opacity: 0.7;
}
.expo-banners__link img {
  width: 100%;
  height: auto;
}

@-webkit-keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 6px));
  }
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 6px));
  }
}
.expo-features {
  display: flex;
  margin: 5% 0;
  overflow: hidden;
}
.expo-features:hover .expo-features__list {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.expo-features__list {
  -ms-overflow-style: none;
  -webkit-animation: infinity-scroll-left 65s infinite linear 0.5s both;
  display: flex;
  list-style: none;
          animation: infinity-scroll-left 65s infinite linear 0.5s both;
  scrollbar-width: none;
}
.expo-features__list::-webkit-scrollbar {
  display: none;
}
.expo-features__list + .expo-features__list {
  margin-left: 6px;
}

.expo-features__item {
  position: relative;
  aspect-ratio: 16/9;
  width: 47vw;
}
.expo-features__item:not(:last-child) {
  margin-right: 6px;
}
.expo-features__item img {
  -o-object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
     object-fit: cover;
}

.expo-features__itemTexts {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 1.5vw;
  gap: 10px;
}

.expo-features__itemTitle {
  color: #fff;
  font-size: clamp(0.875rem, 0.5625rem + 1.25vw, 1.5rem);
}

.expo-features__itemLink {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  display: flex;
  grid-area: link;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  color: inherit;
  color: #fff;
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
  text-decoration: none;
}
.expo-features__itemLink p {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.expo-features__itemLink p::before {
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  content: "";
  transition: width 0.2s ease;
}
.expo-features__itemLink span {
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 7px;
  overflow: hidden;
}
.expo-features__itemLink span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #F2F2F2;
  content: "";
}
.expo-features__itemLink span::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  scale: 0.1;
  border-radius: 40px;
  background-color: #222426;
  content: "";
  transition: scale 0.2s ease;
}
.expo-features__itemLink svg {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.expo-features__itemLink:hover p::before {
  width: 100%;
}
.expo-features__itemLink:hover span::after {
  scale: 1;
}
.expo-features__itemLink:hover svg {
  opacity: 1;
}

.expo-features__itemSub {
  display: flex;
  flex-direction: column;
  width: 23vw;
  gap: 6px;
}
.expo-features__itemSub img {
  display: block;
  width: 100%;
}

.expo-footerBanner {
  margin: 0 32px;
  padding: 64px 0;
  text-align: center;
}
.expo-footerBanner img {
  width: min(100%, 960px);
  height: auto;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.expo-footerBottom {
  -ms-grid-rows: auto auto;
  -ms-grid-columns: auto auto;
  display: -ms-grid;
  display: grid;
      grid-template: "expo ktb" auto "copyright copyright" auto/auto auto;
  padding: clamp(15px, 2vw, 25px) clamp(20px, 4vw, 50px);
}
.expo-footerBottom img {
  max-width: 100%;
}

.expo-footerBottom__logo-expo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-align: center;
  -ms-grid-column-align: end;
  grid-area: expo;
      align-self: center;
      justify-self: end;
  margin-right: 10%;
}

.expo-footerBottom__logo-ktb {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-align: center;
  grid-area: ktb;
      align-self: center;
  margin-left: 10%;
}

.expo-footerBottom__copyright {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: copyright;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #CCCCCC;
  color: #222426;
  font-size: 12px;
  text-align: center;
}

.expo-footerTop {
  -ms-grid-rows: auto 20px 1fr 20px auto;
  -ms-grid-columns: auto 4% auto 4% 50vw;
  display: -ms-grid;
  display: grid;
      grid-template: "title . scrolls" auto "nav subLinks scrolls" 1fr "languageSwitch . logos" auto/auto auto 50vw;
  padding: 9vw 0 40px 40px;
  gap: 20px 4%;
  background-color: #0068B7;
  color: #fff;
}

.expo-footerTop__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
  font-weight: bold;
  font-size: 16px;
}

.expo-search__item > .expo-footerTop__title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.expo-footerTop__nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: nav;
}

.expo-footerTop__navList {
  margin-bottom: 32px;
  list-style: none;
}

.expo-footerTop__navItem {
  font-weight: bold;
  font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
}

.expo-footerTop__navLink {
  color: inherit;
  text-decoration: none;
}
.expo-footerTop__navLink:hover {
  text-decoration: underline;
}

.expo-footerTop__subLinks {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: subLinks;
}

.expo-footerTop__subLinkItem:not(:last-child) {
  margin-bottom: 10px;
}

.expo-footerTop__subLinkList {
  margin-bottom: 24px;
  list-style: none;
}

.expo-footerTop__subLink {
  color: inherit;
  font-size: 14px;
  text-decoration: none;
}
.expo-footerTop__subLink:hover {
  text-decoration: underline;
}

.expo-footerTop__subLinkSns {
  font-size: 14px;
  list-style: none;
}

.expo-footerTop__subLinkSnsItem:not(:last-child) {
  margin-bottom: 10px;
}

.expo-footerTop__subLinkSnsLink {
  color: inherit;
  text-decoration: none;
}
.expo-footerTop__subLinkSnsLink:hover {
  text-decoration: underline;
}

@-webkit-keyframes infinity-scroll-left2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.expo-footerTop__scrolls {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  -ms-overflow-style: none;
  display: flex;
  grid-area: scrolls;
  width: 50vw;
  overflow: hidden;
  scrollbar-width: none;
}
.expo-footerTop__scrolls::-webkit-scrollbar {
  display: none;
}
.expo-footerTop__scrolls img {
  -o-object-fit: cover;
  width: auto;
  height: 20vw;
     object-fit: cover;
}

.expo-footerTop__scrollsList {
  -webkit-animation: infinity-scroll-left2 50s infinite linear 0.5s both;
  display: flex;
          animation: infinity-scroll-left2 50s infinite linear 0.5s both;
}

.expo-footerTop__languageSwitch {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  display: flex;
  grid-area: languageSwitch;
  align-items: baseline;
  height: 1em;
}

.expo-footerTop__languageSwitchText {
  margin-right: 24px;
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
}

.expo-footerTop__languageSwitchList {
  display: flex;
  list-style: none;
}

.expo-footerTop__languageSwitchItem {
  line-height: 1;
}
.expo-footerTop__languageSwitchItem:not(:last-child) {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #fff;
}

.expo-footerTop__languageSwitchLink {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}
.expo-footerTop__languageSwitchLink.--current {
  opacity: 0.3;
}
.expo-footerTop__languageSwitchLink:not(.--current):hover {
  text-decoration: underline;
}

.expo-footerTop__logos {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  display: flex;
  grid-area: logos;
  gap: 32px;
}

.expo-footerTop__logosItem img {
  width: auto;
  height: 50px;
}

.expo-header {
  display: flex;
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  align-items: center;
  justify-content: space-between;
  padding: clamp(15px, 2vw, 25px) clamp(20px, 4vw, 50px) clamp(15px, 2vw, 25px) clamp(15px, 2vw, 25px);
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.expo-header__logos {
  display: flex;
  align-items: center;
}

.expo-header__logo-expo {
  padding-right: clamp(10px, 2vw, 25px);
  border-right: 1px solid #000000;
}
.expo-header__logo-expo img {
  width: clamp(84.6px, 14.5vw, 196px);
  height: auto;
}

.expo-header__logo-ktb {
  padding-left: clamp(5px, 1.8vw, 20px);
}
.expo-header__logo-ktb img {
  width: clamp(166.5px, 28.5vw, 392px);
  height: auto;
}

.expo-header__nav-menu {
  display: none;
}

.expo-header__nav-wrap {
  display: flex;
  margin-left: 50px;
}

.expo-header__nav {
  display: flex;
}

.expo-header__navList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
}

.expo-header__navItem:not(:last-child) {
  margin-right: 1.5em;
}

.expo-header__navLink {
  color: #222426;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  white-space: nowrap;
}
.expo-header__navLink:hover {
  text-decoration: underline;
}

.expo-header__search {
  margin-left: 32px;
}

.expo-heading.--align-center {
  padding: 0 50px;
  text-align: center;
}

.expo-heading__sub {
  font-weight: bold;
  font-size: clamp(0.75rem, 0.375rem + 1.5vw, 1.5rem);
  line-height: 1.75;
}

.expo-heading__main {
  font-size: clamp(1.5rem, 0.75rem + 3vw, 3rem);
  line-height: 1.5;
}

.expo-hr {
  border: 1px solid #CCCCCC;
}

.expo-intro {
  position: relative;
  margin-bottom: 10vw;
  padding-top: clamp(80px, 12vw, 160px);
  padding-bottom: 5%;
  overflow: hidden;
}

.expo-intro__image {
  z-index: -1;
  position: absolute;
}
.expo-intro__image.--image1 {
  top: 0;
  left: -5%;
  width: clamp(100px, 22vw, 297px);
}
.expo-intro__image.--image2 {
  top: 44%;
  right: -3%;
  width: clamp(100px, 22vw, 297px);
}
.expo-intro__image.--image3 {
  bottom: 0;
  left: 5%;
  width: clamp(70px, 19vw, 256px);
}
.expo-intro__image.--cg1 {
  top: 0;
  right: 0;
  width: clamp(70px, 26vw, 354px);
}
.expo-intro__image.--cg2 {
  top: 55%;
  left: 0;
  width: clamp(70px, 22vw, 300px);
}

.expo-intro__texts {
  width: 626px;
  max-width: calc(100% - 50px);
  margin: 0 auto;
  margin-top: 3em;
  font-size: clamp(1rem, 0.75rem + 1vw, 1.5rem);
  line-height: 2;
}

.expo-intro__banner {
  display: flex;
  width: 626px;
  max-width: calc(100% - 50px);
  margin: 6em auto 0;
}

.expo-intro__banner > img {
  -o-object-fit: cover;
  width: 40%;
  height: auto;
     object-fit: cover;
}

.expo-intro__banner > div:nth-child(2) {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
  border: 1px solid #ccc;
  border-left: none;
}

.expo-intro__banner > div:nth-child(2) > p {
  flex: 1;
  font-size: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
}

.expo-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: inherit;
  text-decoration: none;
}
.expo-link p {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.expo-link p::before {
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #222426;
  content: "";
  transition: width 0.2s ease;
}
.expo-link.--alt p {
  color: #fff;
}
.expo-link.--alt p::before {
  background-color: #fff;
}
.expo-link.--button {
  justify-content: space-between;
  width: 308px;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 24px;
  border-radius: 8px;
  background-color: #222426;
  color: #fff;
  font-weight: bold;
  font-size: clamp(1rem, 0.75rem + 1vw, 1.5rem);
  text-decoration: none;
}
.expo-link.--button p {
  width: auto;
}
.expo-link.--button p::before {
  display: none;
}
.expo-link span {
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: 7px;
  overflow: hidden;
}
.expo-link span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #F2F2F2;
  content: "";
}
.expo-link span::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  scale: 0.1;
  border-radius: 40px;
  background-color: #222426;
  content: "";
  transition: scale 0.2s ease;
}
.expo-link svg {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.expo-link:hover p::before {
  width: 100%;
}
.expo-link:hover span::after {
  scale: 1;
}
.expo-link:hover svg {
  opacity: 1;
}

.expo-links {
  padding: 6vw 15px 12vw;
  background-color: #F2F2F2;
}

.expo-links__list {
  list-style-type: none;
}

.expo-links__item {
  max-width: 1054px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px clamp(10px, 2.5vw, 32px);
  border-radius: 16px;
  background-color: #fff;
}
.expo-links__item:not(:last-child) {
  margin-bottom: 24px;
}

.expo-links__images {
  display: flex;
  width: 100%;
  overflow-x: scroll;
  gap: 8px;
}
.expo-links__images img {
  width: auto;
  height: clamp(100px, 19vw, 254px);
}

.expo-links__infos {
  margin-top: 24px;
}

.expo-links__title {
  margin-top: 16px;
  font-weight: bold;
  font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
}

.expo-links__tags {
  margin-top: 16px;
}

.expo-links__link {
  margin-top: 20px;
}

.expo-links__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8%;
  gap: 2vw;
  line-height: 1;
}

.expo-links__pagerButton {
  padding: 10px;
  transition: fill 0.2s ease;
}
.expo-links__pagerButton.--disabled {
  pointer-events: none;
}
.expo-links__pagerButton.--disabled path {
  fill: #9d9d9d;
}
.expo-links__pagerButton:hover path {
  fill: #0068B7;
}

.expo-links__pagerNumbers {
  display: flex;
  margin-bottom: 3px;
  gap: 0.5em;
}

.expo-links__pagerNumber {
  display: block;
  padding: 0.5em;
  color: inherit;
  font-size: clamp(1.125rem, 0.9375rem + 0.75vw, 1.5rem);
  text-decoration: none;
}
.expo-links__pagerNumber:hover {
  text-decoration: underline;
}
.expo-links__pagerNumber.--current {
  color: #0068B7;
  font-weight: bold;
}

.expo-links__no-items {
  max-width: 1054px;
  margin: 0 auto;
  padding: 64px clamp(10px, 2.5vw, 32px);
  border-radius: 16px;
  background-color: #fff;
}
.expo-links__no-items > p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.expo-list__title {
  display: flex;
  align-items: center;
}
.expo-list__title img {
  width: 32px;
  margin-right: 8px;
}
.expo-list__title p {
  font-weight: bold;
  font-size: clamp(1rem, 0.75rem + 1vw, 1.5rem);
}

.expo-list__selects {
  display: flex;
  margin-top: 40px;
  gap: 24px;
}

.expo-list__selectsItem {
  position: relative;
}
.expo-list__selectsItem.--open .expo-list__selectsList {
  visibility: visible;
  opacity: 1;
}

.expo-list__selectsTitle {
  color: #9D9D9D;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
}

.expo-list__select {
  position: relative;
  flex: 1;
  width: 240px;
  border-bottom: 1px solid #222426;
  color: #222426;
  font-weight: bold;
  font-size: clamp(1.125rem, 0.9375rem + 0.75vw, 1.5rem);
  cursor: pointer;
}
.expo-list__select > span {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expo-list__select.--default {
  color: #ccc;
}
.expo-list__select::after {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 0.5em;
  width: 16px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2210.121%22%20viewBox%3D%220%200%2017.414%2010.121%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029%22%20d%3D%22M4203%2C3169.14l8%2C8%2C8-8%22%20transform%3D%22translate(-4202.293%20-3168.433)%22%20fill%3D%22none%22%20stroke%3D%22%23222426%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}

.expo-list__selectsList {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  padding: 1.5em 0.5em;
  background-color: rgba(64, 72, 79, 0.9);
  color: #fff;
  list-style: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.expo-list__selectsListItem:not(:last-child) {
  margin-bottom: 0.25em;
}

.expo-list__selectListLink {
  display: block;
  padding: 0 0.5em;
  border-radius: 4px;
  color: inherit;
  font-size: 18px;
  line-height: 1.8;
  text-decoration: none;
  text-decoration: none;
}
.expo-list__selectListLink:hover {
  background-color: rgba(0, 104, 183, 0.9);
}
.expo-list__selectListLink.--current {
  background-color: #000;
}
.expo-list__selectListLink.--current:hover {
  background-color: rgba(0, 104, 183, 0.9);
}

.expo-list__interest {
  display: flex;
  margin-top: 24px;
  gap: 18px;
}

.expo-list__interestTitle {
  flex: 0 0;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.5625rem + 1.25vw, 1.5rem);
  white-space: nowrap;
}

.expo-list__interestItems {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
}

.expo-list__interestItem {
  display: block;
  padding: 0.3em 0.7em;
  border-radius: 100px;
  background-color: #F2F2F2;
  color: #222426;
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
  text-decoration: none;
}
.expo-list__interestItem.--active {
  background-color: #222426;
  color: #fff;
}
.expo-list__interestItem:hover {
  background-color: #222426;
  color: #fff;
}

.expo-list__clearButton {
  margin-top: 8px;
  color: #666;
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
  text-decoration: underline;
}

.expo-mainVisual {
  width: 100vw;
  height: auto;
}
.expo-mainVisual video {
  width: 100%;
  height: auto;
}
.expo-mainVisual iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  max-height: 100vh;
}

.expo-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}

.expo-meta__title {
  color: #9D9D9D;
  font-weight: bold;
  font-size: clamp(0.75rem, 0.6875rem + 0.25vw, 0.875rem);
}

.expo-meta__name {
  min-width: 100px;
  max-width: 250px;
  padding-bottom: 5px;
  overflow: hidden;
  border-bottom: 1px solid #707070;
  font-weight: bold;
  font-size: clamp(1rem, 0.9375rem + 0.25vw, 1.125rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expo-meta.--small .expo-meta__name {
  max-width: 170px;
}

.expo-rankings {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px 18px;
  list-style: none;
}

.expo-rankings__item {
  position: relative;
  counter-increment: ranking-counter;
}
.expo-rankings__item:first-child::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 60px;
  height: 60px;
  background-image: url("/kansaiguide/img/expo2025Plus/no1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.expo-rankings__item:nth-child(2)::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 60px;
  height: 60px;
  background-image: url("/kansaiguide/img/expo2025Plus/no2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.expo-rankings__item:nth-child(3)::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 60px;
  height: 60px;
  background-image: url("/kansaiguide/img/expo2025Plus/no3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.expo-rankings__item:nth-child(n+4):not(:last-child)::before {
  display: flex;
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 5px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding-bottom: 3px;
  border: 2px solid #222426;
  border-radius: 36px;
  background-color: #fff;
  content: counter(ranking-counter);
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
}
.expo-rankings__item:nth-child(-n+3) {
  flex: 0 0 calc((100% - 70px) / 3);
}
.expo-rankings__item:nth-child(n+4) {
  flex: 0 0 calc((100% - 70px) / 4);
}

.expo-rankings__image img {
  -o-object-fit: cover;
  -o-object-position: center;
  aspect-ratio: 4/3;
  width: 100%;
     object-fit: cover;
     object-position: center;
}

.expo-rankings__infos {
  margin-top: 16px;
}

.expo-rankings__title {
  margin-top: 16px;
  font-weight: bold;
  font-size: 16px;
}

.expo-rankings__link {
  margin-top: 30px;
}

.expo-rankings__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: #F2F2F2;
  color: inherit;
  text-decoration: none;
}
.expo-rankings__more span {
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 21px;
  overflow: hidden;
}
.expo-rankings__more span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #fff;
  content: "";
}
.expo-rankings__more span::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  scale: 0.1;
  border-radius: 40px;
  background-color: #222426;
  content: "";
  transition: scale 0.2s ease;
}
.expo-rankings__more svg {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.expo-rankings__more:hover p::before {
  width: 100%;
}
.expo-rankings__more:hover span::after {
  scale: 1;
}
.expo-rankings__more:hover svg {
  opacity: 1;
}

.expo-scroll-top {
  display: none;
  z-index: 9997;
  position: fixed;
  right: 8px;
  bottom: 8px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffffab;
}
.expo-scroll-top svg {
  width: 44px;
  height: 44px;
  transition: 0.28s;
}
.expo-scroll-top .fill-target {
  fill: #666;
}
.expo-scroll-top:hover {
  background: #ffffffff;
}
.expo-scroll-top:hover .fill-target {
  fill: #000;
}

.expo-search__box {
  position: relative;
  padding: clamp(10px, 5vw, 75px) clamp(10px, 6vw, 100px);
  border-radius: 20px;
  background-color: #fff;
}

.expo-search__boxImage {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
}

.expo-search__title {
  display: flex;
  font-weight: bold;
  font-size: clamp(1.5rem, 0.75rem + 3vw, 3rem);
}
.expo-search__title img {
  margin-right: 20px;
}

.expo-search__form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5%;
  margin-bottom: clamp(60px, 5%, 120px);
  gap: 24px;
}

.expo-search__select {
  position: relative;
  flex: 1 0 calc(50% - 24px);
  padding-top: 18px;
  border-bottom: 1px solid #222426;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.5625rem + 1.25vw, 1.5rem);
}
.expo-search__select > label {
  position: absolute;
  top: -2px;
  left: 0px;
  color: #777;
  font-size: 14px;
  line-height: 14px;
}
.expo-search__select::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0.5em;
  width: 20px;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2210.121%22%20viewBox%3D%220%200%2017.414%2010.121%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029%22%20d%3D%22M4203%2C3169.14l8%2C8%2C8-8%22%20transform%3D%22translate(-4202.293%20-3168.433)%22%20fill%3D%22none%22%20stroke%3D%22%23222426%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-position: center bottom;
  background-size: 16px 8px;
  background-repeat: no-repeat;
  background-color: #fff;
  content: "";
  pointer-events: none;
}
.expo-search__select select {
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  color: inherit;
  cursor: pointer;
}
.expo-search__select select.--default {
  color: #ccc;
}

.expo-search__checkboxArea {
  display: flex;
  gap: 18px;
}

.expo-search__checkboxTitle {
  flex: 0 0;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.5625rem + 1.25vw, 1.5rem);
  white-space: nowrap;
}

.expo-search__checkboxItems {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
}

.expo-search__checkboxItem label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
  display: block;
  padding: 0.3em 0.7em;
  border-radius: 100px;
  background-color: #F2F2F2;
  color: #222426;
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
  cursor: pointer;
          user-select: none;
}
.expo-search__checkboxItem input[type=checkbox] {
  display: none;
}
.expo-search__checkboxItem input[type=checkbox]:checked + label {
  background-color: #222426;
  color: #fff;
}

.expo-search__clearButton {
  font-size: clamp(0.875rem, 0.8125rem + 0.25vw, 1rem);
  text-decoration: underline;
}

.expo-search__list {
  margin-top: 5%;
  list-style: none;
}

.expo-search__item {
  -ms-grid-rows: auto 10px auto 10px auto 10px auto;
  -ms-grid-columns: 40% 24px auto;
  display: -ms-grid;
  display: grid;
      grid-template: "image info" auto "image title" auto "image tags" auto "image link" auto/40% auto;
  margin-bottom: 24px;
  gap: 10px 24px;
}

.expo-search__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  -ms-grid-column: 1;
  grid-area: image;
}
.expo-search__image img {
  -o-object-fit: cover;
  -o-object-position: center;
  aspect-ratio: 4/3;
  width: 100%;
     object-fit: cover;
     object-position: center;
}

.expo-search__infos {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: info;
}

.expo-search__tags {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: tags;
}

.expo-search__link {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  grid-area: link;
}

.expo-section {
  position: relative;
}
.expo-section#feature {
  background-color: #F2F2F2;
}
.expo-section#ranking {
  padding-top: 10%;
}
.expo-section#ranking .ex-section__image {
  position: absolute;
}
.expo-section#ranking .ex-section__image:first-child {
  top: 0;
  right: 0;
  width: 24vw;
}
.expo-section#ranking .ex-section__image:nth-child(2) {
  bottom: 0;
  left: 0;
  width: 15vw;
}
.expo-section#list {
  padding: clamp(60px, 10%, 150px) 0 40px;
}
.expo-section#list .ex-section__image {
  position: absolute;
  top: 60px;
  right: 0;
}

.expo-section__wave {
  -o-object-fit: cover;
  width: 100vw;
  height: auto;
     object-fit: cover;
  background-color: #fff;
}

.expo-section__inner {
  width: calc(100vw - 30px);
  max-width: 1054px;
  margin-right: auto;
  margin-left: auto;
}

.expo-tags {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  display: flex;
  grid-area: tags;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.expo-tags::before {
  display: block;
  width: 17px;
  height: 17px;
  margin-top: 5px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20transform%3D%22translate(-3.5%20-3.5)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%20transform%3D%22translate(7.5%207.5)%22%20fill%3D%22%23222426%22%2F%3E%3Cpath%20d%3D%22M1-.5A1.5%2C1.5%2C0%2C1%2C1-.5%2C1%2C1.5%2C1.5%2C0%2C0%2C1%2C1-.5Zm0%2C2A.5.5%2C0%2C1%2C0%2C.5%2C1%2C.5.5%2C0%2C0%2C0%2C1%2C1.5Z%22%20transform%3D%22translate(7.5%207.5)%22%20fill%3D%22%23222426%22%2F%3E%3Cpath%20d%3D%22M7%2C3.5h3.859a2.509%2C2.509%2C0%2C0%2C1%2C1.785.739l8.117%2C8.116a2.525%2C2.525%2C0%2C0%2C1%2C0%2C3.571l-4.834%2C4.834a2.525%2C2.525%2C0%2C0%2C1-3.571%2C0L4.239%2C12.645A2.509%2C2.509%2C0%2C0%2C1%2C3.5%2C10.859V7A3.5%2C3.5%2C0%2C0%2C1%2C7%2C3.5Zm7.141%2C17a1.515%2C1.515%2C0%2C0%2C0%2C1.078-.447l4.834-4.834a1.525%2C1.525%2C0%2C0%2C0%2C0-2.157L11.936%2C4.947A1.515%2C1.515%2C0%2C0%2C0%2C10.859%2C4.5H7A2.5%2C2.5%2C0%2C0%2C0%2C4.5%2C7v3.859a1.515%2C1.515%2C0%2C0%2C0%2C.447%2C1.078l8.116%2C8.116A1.515%2C1.515%2C0%2C0%2C0%2C14.141%2C20.5Z%22%20fill%3D%22%23222426%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.expo-tags__item {
  font-size: clamp(0.75rem, 0.625rem + 0.5vw, 1rem);
}
.expo-tags__item:not(:last-child)::after {
  margin-right: 5px;
  content: ",";
}

.expo-tourist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10vw;
  list-style: none;
}

.expo-tourist__item {
  position: relative;
  width: 48.5%;
  margin-bottom: 40px;
  counter-increment: ranking-counter;
}

.expo-tourist__image img {
  -o-object-fit: cover;
  -o-object-position: center;
  width: 100%;
     object-fit: cover;
     object-position: center;
}

.expo-tourist__title {
  margin-top: 16px;
  margin-bottom: 12px;
  overflow: hidden;
  font-weight: bold;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.expo-tourist__texts {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
}

.expo-tourist__link {
  margin-top: 16px;
}

.expo-tourist__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: #F2F2F2;
  color: inherit;
  text-decoration: none;
}
.expo-tourist__more span {
  display: block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-top: 21px;
  overflow: hidden;
}
.expo-tourist__more span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #fff;
  content: "";
}
.expo-tourist__more span::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  scale: 0.1;
  border-radius: 40px;
  background-color: #222426;
  content: "";
  transition: scale 0.2s ease;
}
.expo-tourist__more svg {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.expo-tourist__more:hover p::before {
  width: 100%;
}
.expo-tourist__more:hover span::after {
  scale: 1;
}
.expo-tourist__more:hover svg {
  opacity: 1;
}

.gsc-control-cse {
  border: none !important;
  border-radius: 8px;
  background-color: #222426 !important;
}

.gsc-search-button-v2 {
  padding: 6px !important;
  border: none !important;
  background-color: #222426 !important;
}

form.gsc-search-box {
  margin-bottom: 0 !important;
}

body {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media only screen and (max-width: 1280px) {
  /* xl */
  /* xl */
}

@media only screen and (max-width: 992px) {
  /* lg */
  /* lg */
  .expo-header {
    justify-content: center;
  }
  .expo-header__nav-menu {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: clamp(8px, 2vw, 25px);
    width: 36px;
    height: 36px;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .expo-header__nav-menu svg {
    width: 36px;
    height: 36px;
  }
  .expo-header__nav-menu .fill-target {
    fill: #999;
  }
  .expo-header__nav-menu:hover .fill-target {
    fill: #444;
  }
  .expo-header__nav-wrap {
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    visibility: hidden;
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
            backdrop-filter: blur(4px);
    background: rgba(105, 105, 105, 0.81);
    opacity: 0;
    transition: 0.28s;
  }
  .expo-header__nav-wrap.--open {
    visibility: visible;
    opacity: 1;
  }
  .expo-header__nav {
    display: block;
    width: min(90%, 480px);
    padding: 32px 32px 16px;
    border-radius: 12px;
    background-color: #fff;
  }
  .expo-header__nav ul {
    display: block;
  }
  .expo-header__nav ul .expo-header__navItem {
    margin: 0;
    border-top: 1px solid #ccc;
  }
  .expo-header__nav ul .expo-header__navItem a {
    display: block;
    height: 44px;
    line-height: 44px;
  }
  .expo-header__nav ul .expo-header__navItem:last-child {
    border-bottom: 1px solid #ccc;
  }
  .expo-header__nav .expo-header__search {
    margin: 16px auto;
  }
  .expo-intro {
    padding-bottom: 100px;
  }
  .expo-intro__image.--image1 {
    top: -4%;
    left: -3%;
    width: 100px;
  }
  .expo-intro__image.--image2 {
    top: auto;
    right: -10%;
    bottom: -40px;
    width: 100px;
  }
  .expo-intro__image.--cg2 {
    top: auto;
    bottom: 50px;
    left: 40%;
    width: 70px;
  }
  .expo-rankings {
    row-gap: 64px;
  }
  .expo-rankings__item:nth-child(-n+3) {
    flex-basis: 100%;
  }
  .expo-rankings__item:nth-child(n+4) {
    flex-basis: 100%;
  }
  .expo-search__boxImage {
    width: 100px;
  }
  .expo-section#list .ex-section__image {
    top: 40px;
  }
  .expo-tourist__item {
    margin-bottom: 24px;
  }
  .expo-tourist__title {
    overflow: auto;
    font-size: 16px;
    text-overflow: inherit;
    white-space: wrap;
  }
}

@media only screen and (max-width: 768px) {
  /* md */
  /* md */
  .expo-banners__item {
    flex-basis: 30%;
  }
  .expo-features__itemTexts {
    flex-direction: column;
    align-items: flex-end;
  }
  .expo-footerBottom {
    -ms-grid-rows: auto auto auto;
    -ms-grid-columns: auto;
        grid-template: "expo" auto "ktb" auto "copyright" auto/auto;
  }
  .expo-footerBottom__logo-expo {
    -ms-grid-column-align: center;
        justify-self: center;
    width: 80%;
    margin-right: 0;
  }
  .expo-footerBottom__logo-ktb {
    -ms-grid-column-align: center;
        justify-self: center;
    width: 80%;
    margin-top: 20px;
    margin-left: 0;
  }
  .expo-footerTop {
    -ms-grid-rows: auto 40px auto 40px auto 40px auto 40px auto 40px auto;
    -ms-grid-columns: auto;
    row-gap: 40px;
        grid-template: "title" auto "nav" auto "subLinks" auto "scrolls" auto "languageSwitch" auto "logos" auto/auto;
    padding: 30px 15px;
  }
  .expo-footerTop__scrolls {
    width: 100%;
  }
  .expo-footerTop__logosItem img {
    height: 30px;
  }
  .expo-intro__image.--image1 {
    top: 30px;
    left: -20px;
    width: 70px;
  }
  .expo-intro__image.--image3 {
    bottom: 30px;
    left: -3%;
  }
  .expo-intro__image.--cg1 {
    top: 6%;
    width: 70px;
  }
  .expo-intro__banner {
    flex-direction: column;
    margin-top: 3em;
  }
  .expo-intro__banner > img {
    width: 100%;
  }
  .expo-intro__banner > div:nth-child(2) {
    border-left: 1px solid #ccc;
  }
  .expo-intro__banner > div:nth-child(2) > p {
    margin-bottom: 1em;
  }
  .expo-link p::before {
    bottom: 0;
  }
  .expo-link span {
    width: 30px;
    height: 30px;
  }
  .expo-link span::before {
    width: 30px;
    height: 30px;
  }
  .expo-link span::after {
    width: 30px;
    height: 30px;
  }
  .expo-link p::before {
    width: 100%;
  }
  .expo-link span::after {
    scale: 1;
  }
  .expo-link svg {
    opacity: 1;
  }
  .expo-list__selects {
    flex-direction: column;
    gap: 10px;
  }
  .expo-list__select {
    width: 100%;
  }
  .expo-list__interest {
    flex-direction: column;
    gap: 8px;
  }
  .expo-list__interestItems {
    gap: 8px 4px;
  }
  .expo-rankings__more p::before {
    width: 100%;
  }
  .expo-rankings__more span::after {
    scale: 1;
  }
  .expo-rankings__more svg {
    opacity: 1;
  }
  .expo-search__boxImage {
    width: 80px;
  }
  .expo-search__form {
    gap: 12px;
  }
  .expo-search__checkboxArea {
    flex-direction: column;
    gap: 8px;
  }
  .expo-search__checkboxItems {
    gap: 8px 4px;
  }
  .expo-search__item {
    -ms-grid-rows: auto auto auto auto auto;
    -ms-grid-columns: auto;
        grid-template: "image" auto "info" auto "title" auto "tags" auto "link" auto/auto;
    margin-bottom: 48px;
  }
  .expo-section#list .ex-section__image {
    top: 30px;
  }
  .expo-tourist__more p::before {
    width: 100%;
  }
  .expo-tourist__more span::after {
    scale: 1;
  }
  .expo-tourist__more svg {
    opacity: 1;
  }
  .expo-features__itemLink {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .expo-footerBottom__logo-expo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .expo-footerBottom__logo-ktb {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .expo-footerBottom__copyright {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .expo-footerTop__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .expo-search__item > .expo-footerTop__title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .expo-footerTop__nav {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .expo-footerTop__subLinks {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .expo-footerTop__scrolls {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .expo-footerTop__languageSwitch {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }
  .expo-footerTop__logos {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }
  .expo-search__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .expo-search__infos {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .expo-search__tags {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .expo-search__link {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .expo-tags {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

@media only screen and (max-width: 576px) {
  /* sm */
  .u-mt0 {
    margin-top: 0%;
  }
  .u-mt1 {
    margin-top: 1.5%;
  }
  .u-mt2 {
    margin-top: 3%;
  }
  .u-mt3 {
    margin-top: 4.5%;
  }
  .u-mt4 {
    margin-top: 6%;
  }
  .u-mt5 {
    margin-top: 7.5%;
  }
  .u-mt6 {
    margin-top: 9%;
  }
  .u-mt7 {
    margin-top: 10.5%;
  }
  .u-mt8 {
    margin-top: 12%;
  }
  .u-mt9 {
    margin-top: 13.5%;
  }
  .u-mt10 {
    margin-top: 15%;
  }
  .u-mt11 {
    margin-top: 16.5%;
  }
  .u-mt12 {
    margin-top: 18%;
  }
  .u-mt13 {
    margin-top: 19.5%;
  }
  .u-mt14 {
    margin-top: 21%;
  }
  .u-mt15 {
    margin-top: 22.5%;
  }
  .u-mt16 {
    margin-top: 24%;
  }
  .u-mt17 {
    margin-top: 25.5%;
  }
  .u-mt18 {
    margin-top: 27%;
  }
  .u-mt19 {
    margin-top: 28.5%;
  }
  .u-mt20 {
    margin-top: 30%;
  }
  .u-mt21 {
    margin-top: 31.5%;
  }
  .u-mt22 {
    margin-top: 33%;
  }
  .u-mt23 {
    margin-top: 34.5%;
  }
  .u-mt24 {
    margin-top: 36%;
  }
  .u-mt25 {
    margin-top: 37.5%;
  }
  .u-mt26 {
    margin-top: 39%;
  }
  .u-mt27 {
    margin-top: 40.5%;
  }
  .u-mt28 {
    margin-top: 42%;
  }
  .u-mt29 {
    margin-top: 43.5%;
  }
  .u-mt30 {
    margin-top: 45%;
  }
  .u-mt31 {
    margin-top: 46.5%;
  }
  .u-mt32 {
    margin-top: 48%;
  }
  .u-mt33 {
    margin-top: 49.5%;
  }
  .u-mt34 {
    margin-top: 51%;
  }
  .u-mt35 {
    margin-top: 52.5%;
  }
  .u-mt36 {
    margin-top: 54%;
  }
  .u-mt37 {
    margin-top: 55.5%;
  }
  .u-mt38 {
    margin-top: 57%;
  }
  .u-mt39 {
    margin-top: 58.5%;
  }
  .u-mt40 {
    margin-top: 60%;
  }
  .u-mt41 {
    margin-top: 61.5%;
  }
  .u-mt42 {
    margin-top: 63%;
  }
  .u-mt43 {
    margin-top: 64.5%;
  }
  .u-mt44 {
    margin-top: 66%;
  }
  .u-mt45 {
    margin-top: 67.5%;
  }
  .u-mt46 {
    margin-top: 69%;
  }
  .u-mt47 {
    margin-top: 70.5%;
  }
  .u-mt48 {
    margin-top: 72%;
  }
  .u-mt49 {
    margin-top: 73.5%;
  }
  .u-mt50 {
    margin-top: 75%;
  }
  .u-mt51 {
    margin-top: 76.5%;
  }
  .u-mt52 {
    margin-top: 78%;
  }
  .u-mt53 {
    margin-top: 79.5%;
  }
  .u-mt54 {
    margin-top: 81%;
  }
  .u-mt55 {
    margin-top: 82.5%;
  }
  .u-mt56 {
    margin-top: 84%;
  }
  .u-mt57 {
    margin-top: 85.5%;
  }
  .u-mt58 {
    margin-top: 87%;
  }
  .u-mt59 {
    margin-top: 88.5%;
  }
  .u-mt60 {
    margin-top: 90%;
  }
  .u-mt61 {
    margin-top: 91.5%;
  }
  .u-mt62 {
    margin-top: 93%;
  }
  .u-mt63 {
    margin-top: 94.5%;
  }
  .u-mt64 {
    margin-top: 96%;
  }
  .u-mt65 {
    margin-top: 97.5%;
  }
  .u-mt66 {
    margin-top: 99%;
  }
  .u-mt67 {
    margin-top: 100.5%;
  }
  .u-mt68 {
    margin-top: 102%;
  }
  .u-mt69 {
    margin-top: 103.5%;
  }
  .u-mt70 {
    margin-top: 105%;
  }
  .u-mt71 {
    margin-top: 106.5%;
  }
  .u-mt72 {
    margin-top: 108%;
  }
  .u-mt73 {
    margin-top: 109.5%;
  }
  .u-mt74 {
    margin-top: 111%;
  }
  .u-mt75 {
    margin-top: 112.5%;
  }
  .u-mt76 {
    margin-top: 114%;
  }
  .u-mt77 {
    margin-top: 115.5%;
  }
  .u-mt78 {
    margin-top: 117%;
  }
  .u-mt79 {
    margin-top: 118.5%;
  }
  .u-mt80 {
    margin-top: 120%;
  }
  .u-mt81 {
    margin-top: 121.5%;
  }
  .u-mt82 {
    margin-top: 123%;
  }
  .u-mt83 {
    margin-top: 124.5%;
  }
  .u-mt84 {
    margin-top: 126%;
  }
  .u-mt85 {
    margin-top: 127.5%;
  }
  .u-mt86 {
    margin-top: 129%;
  }
  .u-mt87 {
    margin-top: 130.5%;
  }
  .u-mt88 {
    margin-top: 132%;
  }
  .u-mt89 {
    margin-top: 133.5%;
  }
  .u-mt90 {
    margin-top: 135%;
  }
  .u-mt91 {
    margin-top: 136.5%;
  }
  .u-mt92 {
    margin-top: 138%;
  }
  .u-mt93 {
    margin-top: 139.5%;
  }
  .u-mt94 {
    margin-top: 141%;
  }
  .u-mt95 {
    margin-top: 142.5%;
  }
  .u-mt96 {
    margin-top: 144%;
  }
  .u-mt97 {
    margin-top: 145.5%;
  }
  .u-mt98 {
    margin-top: 147%;
  }
  .u-mt99 {
    margin-top: 148.5%;
  }
  .u-mt100 {
    margin-top: 150%;
  }
  /* sm */
  .expo-features__item {
    width: 100vw;
  }
  .expo-section#list .ex-section__image {
    width: 90px;
  }
}

@media only screen and (max-width: 0) {
  /* xs */
  /* xs */
}