/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* setting/_extend.scss
-------------------------------------------------- */
/* setting/_keyframe.scss
-------------------------------------------------- */
@keyframes logo-slider {
  0% {
    transform: translate(-33.33333%);
  }
  100% {
    transform: translate(-66.66666%);
  }
}
@keyframes arrow {
  0% {
    transform: translate3d(0, 0, 0);
  }
  49% {
    transform: translate3d(100%, 0, 0);
  }
  50% {
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
  }
  51% {
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
  }
  52% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shapeBg {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleIn {
  0% {
    transform: scale(1.075);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mb20th {
  background-color: #fff;
}
.mb20th * {
  position: relative;
  box-sizing: border-box;
}
.mb20th :where(img) {
  display: block;
  width: 100%;
  height: auto;
}
.mb20th.mb20th-modals {
  display: contents;
}
.mb20th :where(h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, figcaption,
footer, header, hgroup,
menu, nav, section, summary,
time, mark, audio, video, button) {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  vertical-align: baseline;
  background: initial;
  border: 0;
}
.mb20th :where(article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section) {
  display: block;
}
.mb20th :where(ol, ul) {
  list-style: none;
}
.mb20th :where(a) {
  text-decoration: none;
}
.mb20th :where(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
  letter-spacing: normal;
}

#topic_path,
.footer,
.relate {
  position: relative;
  z-index: 2;
}

.mb20th-intro__label {
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-fv
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-fv__movie {
  background-color: #022729;
}
.mb20th-fv__movie::after {
  content: "";
  position: absolute;
  inset: 0;
  height: 200%;
  background-color: rgba(0, 0, 0, 0.2);
}
.mb20th-fv__video {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100dvh;
  object-fit: cover;
}
.mb20th-fv__logo {
  position: absolute;
  left: 50%;
  z-index: 1;
}
.mb20th-fv__logo-dark {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media screen and (min-width: 769px), print {
  .mb20th-fv {
    margin-bottom: -11.859443631vw;
  }
  .mb20th-fv__movie {
    height: calc(100dvh - 146px);
  }
  .mb20th-fv__logo {
    top: calc(50% - 2.9282576867vw);
    translate: -50% -50%;
    width: clamp(7.3206442167vw, (100dvh - 146px - 5.8565153734vw) * 0.296875, 15.3001464129vw);
  }
}
@media screen and (max-width: 768px) {
  .mb20th-fv {
    margin-bottom: -32vw;
  }
  .mb20th-fv__movie {
    height: calc(100dvh - 15.625vw);
  }
  .mb20th-fv__logo {
    top: calc(50% - 2.6666666667vw);
    translate: -50% -50%;
    width: clamp(21.3333333333vw, (100dvh - 55.0916666667vw) * 0.2743569758, 44vw);
  }
}

.mb20th-anim .mb20th-fv__movie {
  background-color: #fff;
}
.mb20th-anim .mb20th-fv__movie::after,
.mb20th-anim .mb20th-fv__video,
.mb20th-anim .mb20th-fv__logo-dark {
  transition: opacity 1.2s cubic-bezier(0.33, 1, 0.68, 1);
}
.mb20th-anim .mb20th-fv__movie::after,
.mb20th-anim .mb20th-fv__video,
.mb20th-anim .mb20th-fv__logo {
  opacity: 0;
}
.mb20th-anim .mb20th-fv__logo {
  transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.mb20th-anim .mb20th-fv__logo-dark {
  opacity: 1;
}
.mb20th-anim.is-fv-logo .mb20th-fv__logo {
  opacity: 1;
}
.mb20th-anim.is-fv-video .mb20th-fv__movie::after,
.mb20th-anim.is-fv-video .mb20th-fv__video {
  opacity: 1;
}
.mb20th-anim.is-fv-video .mb20th-fv__logo-dark {
  opacity: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-intro
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-intro {
  background-color: #18B6D2;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.mb20th-intro__ribbons, .mb20th-intro__bubbles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.mb20th-intro__ribbon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mb20th-intro__bubble {
  position: absolute;
  border-radius: 50%;
}
.mb20th-intro__label {
  display: block;
}
.mb20th-intro__ttl {
  font-weight: 700;
}
.mb20th-intro__ttl-txt {
  display: block;
}
.mb20th-intro__lead {
  font-weight: 600;
  margin-inline: auto;
}
.mb20th-intro__ribbon--orange-s {
  background-image: url("../img/decoration/ribbon-orange-s.svg");
}
.mb20th-intro__ribbon--red-flow {
  background-image: url("../img/decoration/ribbon-red-flow.svg");
}
.mb20th-intro__ribbon--blue-wave {
  background-image: url("../img/decoration/ribbon-blue-wave.svg");
}
.mb20th-intro__ribbon--blue-wave-2 {
  background-image: url("../img/decoration/ribbon-blue-wave-2.svg");
}
.mb20th-intro__ribbon--green-leaf {
  background-image: url("../img/decoration/ribbon-green-leaf.svg");
}
.mb20th-intro__ribbon--teal-wave {
  background-image: url("../img/decoration/ribbon-teal-wave.svg");
}
.mb20th-intro__ribbon--yellow-wave {
  background-image: url("../img/decoration/ribbon-yellow-wave.svg");
}
.mb20th-intro__ribbon--teal-small {
  background-image: url("../img/decoration/ribbon-teal-small.svg");
}
.mb20th-intro__ribbon--red-spiral {
  background-image: url("../img/decoration/ribbon-red-spiral.svg");
}
.mb20th-intro__ribbon--sp-red-spiral {
  background-image: url("../img/decoration/ribbon-sp-red-spiral.svg");
}
.mb20th-intro__ribbon--sp-teal-flat {
  background-image: url("../img/decoration/ribbon-sp-teal-flat.svg");
}
.mb20th-intro__ribbon--sp-yellow-thin {
  background-image: url("../img/decoration/ribbon-sp-yellow-thin.svg");
}
.mb20th-intro__ribbon--sp-yellow-s {
  background-image: url("../img/decoration/ribbon-sp-yellow-s.svg");
}
.mb20th-intro__ribbon--sp-red-thin {
  background-image: url("../img/decoration/ribbon-sp-red-thin.svg");
}
.mb20th-intro__ribbon--sp-yellow-loop {
  background-image: url("../img/decoration/ribbon-sp-yellow-loop.svg");
}
.mb20th-intro__ribbon--sp-teal-arc {
  background-image: url("../img/decoration/ribbon-sp-teal-arc.svg");
}
.mb20th-intro__ribbon--sp-blue-wave {
  background-image: url("../img/decoration/ribbon-sp-blue-wave.svg");
}
.mb20th-intro__ribbon--sp-red-flow {
  background-image: url("../img/decoration/ribbon-sp-red-flow.svg");
}
@media screen and (min-width: 769px), print {
  .mb20th-intro {
    clip-path: url(#mb20th-wave-clip-pc);
    padding-top: 14.6412884334vw;
    padding-bottom: 7.3206442167vw;
  }
  .mb20th-intro__ribbons {
    transform-origin: 50% 30.9297218155vw;
  }
  .mb20th-intro__ribbon--orange-s {
    left: 70.5563689605vw;
    top: 8.5527086384vw;
    width: 19.4133235725vw;
    height: 15.0303074671vw;
  }
  .mb20th-intro__ribbon--red-flow {
    left: 75.6383601757vw;
    top: 40.3843338214vw;
    width: 19.3934846266vw;
    height: 9.1931185944vw;
  }
  .mb20th-intro__ribbon--blue-wave {
    left: 82.7229136164vw;
    top: 32.8286969253vw;
    width: 11.1514641288vw;
    height: 2.6494875549vw;
  }
  .mb20th-intro__ribbon--blue-wave-2 {
    left: -0.9575402635vw;
    top: 30.7057101025vw;
    width: 10.6469985359vw;
    height: 3.1067349927vw;
  }
  .mb20th-intro__ribbon--green-leaf {
    left: 11.9326500732vw;
    top: 11.859443631vw;
    width: 9.663250366vw;
    height: 8.78477306vw;
  }
  .mb20th-intro__ribbon--teal-wave {
    left: 70.5490483163vw;
    top: 17.0248901903vw;
    width: 11.8290629575vw;
    height: 4.8688872621vw;
  }
  .mb20th-intro__ribbon--yellow-wave {
    left: -1.8557833089vw;
    top: 38.0732064422vw;
    width: 19.6688872621vw;
    height: 8.4239385066vw;
  }
  .mb20th-intro__ribbon--teal-small {
    left: 9.0673499268vw;
    top: 45.411420205vw;
    width: 12.4879941435vw;
    height: 7.8992679356vw;
  }
  .mb20th-intro__ribbon--red-spiral {
    left: -2.5219619327vw;
    top: 16.737920937vw;
    width: 12.2366032211vw;
    height: 7.8941434846vw;
  }
  .mb20th-intro__bubble:nth-of-type(1) {
    left: 78.7701317716vw;
    top: 30.6002928258vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(2) {
    left: 5.5636896047vw;
    top: 35.065885798vw;
    width: 1.4641288433vw;
    height: 1.4641288433vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(3) {
    left: 11.9326500732vw;
    top: 18.0819912152vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(4) {
    left: 69.3265007321vw;
    top: 27.6720351391vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(5) {
    left: 14.4216691069vw;
    top: 42.8257686676vw;
    width: 1.4641288433vw;
    height: 1.4641288433vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(6) {
    left: 27.8916544656vw;
    top: 46.925329429vw;
    width: 1.756954612vw;
    height: 1.756954612vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(7) {
    left: 63.8360175695vw;
    top: 48.0966325037vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(8) {
    left: 24.2313323572vw;
    top: 23.4260614934vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(9) {
    left: 27.8916544656vw;
    top: 10.102489019vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(10) {
    left: 63.8360175695vw;
    top: 14.6412884334vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(11) {
    left: 78.1844802343vw;
    top: 45.5344070278vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(12) {
    left: 85.8711566618vw;
    top: 23.8653001464vw;
    width: 1.4641288433vw;
    height: 1.4641288433vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(13) {
    left: 70.8638360176vw;
    top: 38.140556369vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(14) {
    left: 66.2518301611vw;
    top: 25.0366032211vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(15) {
    left: 24.5241581259vw;
    top: 13.1039531479vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(16) {
    left: 21.5226939971vw;
    top: 33.7481698389vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(17) {
    left: 13.8360175695vw;
    top: 27.6720351391vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__label {
    margin-bottom: 2.196193265vw;
    font-size: 2.3426061493vw;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mb20th-intro__ttl {
    font-size: 2.0497803807vw;
    line-height: 1.2142857143em;
  }
  .mb20th-intro__lead {
    margin-top: 2.5622254758vw;
    font-size: 1.1713030747vw;
    line-height: 2.25em;
  }
}
@media screen and (max-width: 768px) {
  .mb20th-intro {
    clip-path: url(#mb20th-wave-clip-sp);
    padding-top: 42.6666666667vw;
    padding-bottom: 32vw;
  }
  .mb20th-intro__ribbons {
    transform-origin: 50% 117.5733333333vw;
  }
  .mb20th-intro__ribbon--sp-red-spiral {
    left: -6.8vw;
    top: 35.2213333333vw;
    width: 16.7322666667vw;
    height: 14.2229333333vw;
  }
  .mb20th-intro__ribbon--sp-teal-flat {
    left: 88.5626666667vw;
    top: 31.9866666667vw;
    width: 13.0237333333vw;
    height: 3.7445333333vw;
  }
  .mb20th-intro__ribbon--sp-yellow-thin {
    left: 87.4453333333vw;
    top: 7.5386666667vw;
    width: 19.9896vw;
    height: 31.5882666667vw;
  }
  .mb20th-intro__ribbon--sp-yellow-s {
    left: 84.6026666667vw;
    top: 199.6906666667vw;
    width: 25.1482666667vw;
    height: 27.9144vw;
  }
  .mb20th-intro__ribbon--sp-red-thin {
    left: 80.7706666667vw;
    top: 88.088vw;
    width: 25.1610666667vw;
    height: 10.3346666667vw;
  }
  .mb20th-intro__ribbon--sp-yellow-loop {
    left: -11.456vw;
    top: 111.6346666667vw;
    width: 27.176vw;
    height: 50.1533333333vw;
  }
  .mb20th-intro__ribbon--sp-teal-arc {
    left: 84.856vw;
    top: 122.6vw;
    width: 17.4834666667vw;
    height: 18.9341333333vw;
  }
  .mb20th-intro__ribbon--sp-blue-wave {
    left: -1.9733333333vw;
    top: 97.56vw;
    width: 17.8245333333vw;
    height: 5.4722666667vw;
  }
  .mb20th-intro__ribbon--sp-red-flow {
    left: -1.4613333333vw;
    top: 179.112vw;
    width: 12.5077333333vw;
    height: 19.2336vw;
  }
  .mb20th-intro__bubble:nth-of-type(1) {
    left: 7.2vw;
    top: 204.5333333333vw;
    width: 7.2vw;
    height: 7.2vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(2) {
    left: 74.6666666667vw;
    top: 217.6vw;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(3) {
    left: 94.9333333333vw;
    top: 61.8666666667vw;
    width: 6.4vw;
    height: 6.4vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(4) {
    left: 12.2666666667vw;
    top: 31.4666666667vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(5) {
    left: 21.0666666667vw;
    top: 214.4vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(6) {
    left: 81.8666666667vw;
    top: 22.1333333333vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(7) {
    left: 81.0666666667vw;
    top: 108.8vw;
    width: 4.8vw;
    height: 4.8vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(8) {
    left: 97.6vw;
    top: 185.0666666667vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(9) {
    left: 10.4vw;
    top: 164.5333333333vw;
    width: 1.6vw;
    height: 1.6vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(10) {
    left: 17.0666666667vw;
    top: 21.3333333333vw;
    width: 3.2vw;
    height: 3.2vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-intro__bubble:nth-of-type(11) {
    left: 87.7333333333vw;
    top: 161.8666666667vw;
    width: 7.7333333333vw;
    height: 7.7333333333vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(12) {
    left: 9.3333333333vw;
    top: 78.4vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(13) {
    left: 91.4666666667vw;
    top: 73.8666666667vw;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(14) {
    left: 4vw;
    top: 151.2vw;
    width: 4.5333333333vw;
    height: 4.5333333333vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-intro__bubble:nth-of-type(n+15) {
    display: none;
  }
  .mb20th-intro__label {
    margin-bottom: 8vw;
    font-size: 7.4666666667vw;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mb20th-intro__ttl {
    font-size: 6.4vw;
    line-height: 1.4166666667em;
  }
  .mb20th-intro__lead {
    margin-top: 8.5333333333vw;
    max-width: 76.8vw;
    font-size: 4vw;
    line-height: 2.1333333333em;
  }
}

.mb20th-anim .mb20th-intro {
  opacity: 0;
  -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent 60%);
  mask-image: linear-gradient(90deg, #000 40%, transparent 60%);
  -webkit-mask-size: 250% 100%;
  mask-size: 250% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
  transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-mask-position 1s cubic-bezier(0.5, 1, 0.89, 1), mask-position 1s cubic-bezier(0.5, 1, 0.89, 1);
}
.mb20th-anim.is-fv-wave .mb20th-intro {
  opacity: 1;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}
.mb20th-anim.is-fv-done .mb20th-intro {
  -webkit-mask-image: none;
  mask-image: none;
}
.mb20th-anim .mb20th-intro__ribbons {
  opacity: 0;
  scale: 0.8;
  transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), scale 1s linear(0 0%, 0.1568 2%, 0.3359 4%, 0.5191 6%, 0.6922 8%, 0.8455 10%, 0.9727 12%, 1.071 14%, 1.1405 16%, 1.1831 18%, 1.2023 20%, 1.2024 22%, 1.188 24%, 1.1636 26%, 1.1335 28%, 1.1011 30%, 1.0694 32%, 1.0403 34%, 1.0155 36%, 0.9955 38%, 0.9807 40%, 0.9708 42%, 0.9655 44%, 0.9639 46%, 0.9652 48%, 0.9688 50%, 0.9736 52%, 0.9792 54%, 0.985 56%, 0.9904 58%, 0.9952 60%, 0.9991 62%, 1.0022 64%, 1.0044 66%, 1.0057 68%, 1.0063 70%, 1.0063 72%, 1.0059 74%, 1.0051 76%, 1.0042 78%, 1.0032 80%, 1.0022 82%, 1.0013 84%, 1.0005 86%, 0.9999 88%, 0.9994 90%, 0.9991 92%, 0.9989 94%, 0.9989 96%, 0.9989 98%, 1 100%);
}
.mb20th-anim .mb20th-intro.is-ribbons-in .mb20th-intro__ribbons {
  opacity: 1;
  scale: 1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-special
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-special {
  background-color: #18B6D2;
}
.mb20th-special__card {
  margin-inline: auto;
  background-color: #fff;
  overflow: hidden;
  text-align: center;
}
.mb20th-special__label {
  display: block;
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #0098C2;
}
.mb20th-special__ttl {
  font-weight: 700;
  color: #022729;
}
.mb20th-special__ttl-txt {
  display: block;
}
.mb20th-special__lead {
  font-weight: 600;
  color: #022729;
}
.mb20th-special__video {
  display: block;
  overflow: hidden;
  cursor: pointer;
}
.mb20th-special__video::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity 0.2s ease-in-out;
}
.mb20th-special__video-img {
  height: 100%;
  object-fit: cover;
  transition: scale 0.8s ease-in-out;
}
.mb20th-special__play {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(12, 164, 191, 0.6);
}
@media (hover: hover) {
  .mb20th-special__play {
    transition: scale 0.2s ease-in-out;
  }
}
@media (hover: hover) {
  .mb20th-special__video:hover::after {
    opacity: 0;
  }
  .mb20th-special__video:hover .mb20th-special__video-img {
    scale: 1.05;
  }
  .mb20th-special__video:hover .mb20th-special__play {
    scale: 1.1;
  }
}
.mb20th-special__video:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.mb20th-special__video:focus-visible::after {
  opacity: 0;
}
.mb20th-special__video:focus-visible .mb20th-special__video-img {
  scale: 1.05;
}
.mb20th-special__video:focus-visible .mb20th-special__play {
  scale: 1.1;
}
.mb20th-special__play-icon {
  display: block;
  rotate: 90deg;
}
.mb20th-special__play-txt {
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  color: #fff;
  white-space: nowrap;
}
.mb20th-special__info {
  text-align: left;
  background-color: rgba(12, 164, 191, 0.15);
}
.mb20th-special__info-row {
  display: flex;
}
.mb20th-special__info-row + .mb20th-special__info-row {
  margin-top: 0.5em;
}
.mb20th-special__info-dt {
  font-weight: 600;
  color: #022729;
  white-space: nowrap;
}
.mb20th-special__info-dd {
  font-weight: 600;
  color: #022729;
}
.mb20th-special__info-links {
  display: flex;
  flex-wrap: wrap;
}
.mb20th-special__info-link {
  display: inline-flex;
  align-items: center;
}
@media (hover: hover) {
  .mb20th-special__info-link {
    transition: color 0.3s ease-out;
  }
  .mb20th-special__info-link:hover {
    color: #0CA4BF;
  }
}
.mb20th-special__info-link-icon {
  display: block;
  flex: none;
}
.mb20th-special__info-link-icon-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
@media (hover: hover) {
  .mb20th-special__info-link-icon-hover {
    transition: opacity 0.3s ease-out;
  }
  .mb20th-special__info-link:hover .mb20th-special__info-link-icon-hover {
    opacity: 1;
  }
}
.mb20th-special__info-link-note {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media screen and (min-width: 769px), print {
  .mb20th-special {
    padding-bottom: 8.78477306vw;
    border-radius: 0 0 2.3426061493vw 2.3426061493vw;
  }
  .mb20th-special__card {
    max-width: 83.3089311859vw;
    padding-block: 5.8565153734vw;
    border-radius: 2.3426061493vw;
  }
  .mb20th-special__label {
    margin-bottom: 1.756954612vw;
    font-size: 2.3426061493vw;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mb20th-special__ttl {
    font-size: 2.0497803807vw;
    line-height: 1.2142857143em;
  }
  .mb20th-special__lead {
    margin-top: 1.756954612vw;
    font-size: 1.1713030747vw;
    line-height: 2em;
  }
  .mb20th-special__video {
    margin-top: 2.9282576867vw;
    margin-inline: auto;
    width: 52.7086383602vw;
    height: 29.6486090776vw;
    border-radius: 0.878477306vw;
  }
  .mb20th-special__play {
    width: 7.906295754vw;
    height: 7.906295754vw;
    gap: 0.8491947291vw;
  }
  .mb20th-special__play-icon {
    width: 1.6697657394vw;
  }
  .mb20th-special__play-txt {
    font-size: 0.5856515373vw;
    letter-spacing: 0.06em;
  }
  .mb20th-special__info {
    margin-top: 3.513909224vw;
    margin-inline: 5.9297218155vw;
    padding: 2.3426061493vw 2.9282576867vw;
    border-radius: 1.1713030747vw;
  }
  .mb20th-special__info-dt {
    width: 4.9048316252vw;
    font-size: 1.1713030747vw;
    line-height: 1.875em;
  }
  .mb20th-special__info-dd {
    font-size: 1.1713030747vw;
    line-height: 1.875em;
  }
  .mb20th-special__info-links {
    gap: 0 3.513909224vw;
  }
  .mb20th-special__info-link-icon {
    width: 1.0248901903vw;
    height: 1.0248901903vw;
    margin-left: 0.439238653vw;
  }
}
@media screen and (max-width: 768px) {
  .mb20th-special {
    padding-bottom: 0;
    background: linear-gradient(#18B6D2, #18B6D2) top/100% calc(100% - 12.2666666667vw) no-repeat;
  }
  .mb20th-special__card {
    width: 100%;
    padding: 17.0666666667vw 6.6666666667vw;
    border-radius: 8.5333333333vw;
  }
  .mb20th-special__label {
    margin-bottom: 6.4vw;
    font-size: 7.4666666667vw;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mb20th-special__ttl {
    font-size: 6.4vw;
    line-height: 1.3333333333em;
  }
  .mb20th-special__lead {
    margin-top: 7.0666666667vw;
    font-size: 4vw;
    line-height: 1.7333333333em;
  }
  .mb20th-special__video {
    margin-top: 9.2vw;
    width: 100%;
    height: 57.8666666667vw;
    border-radius: 3.2vw;
  }
  .mb20th-special__play {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
    padding-top: 1.96vw;
    gap: 2.0490666667vw;
  }
  .mb20th-special__play-icon {
    width: 4.9256vw;
    translate: 0.608vw 0;
  }
  .mb20th-special__play-txt {
    font-size: 2.1333333333vw;
    letter-spacing: 0.06em;
  }
  .mb20th-special__info {
    margin-top: 10.6666666667vw;
    padding: 8.5333333333vw 5.3333333333vw;
    border-radius: 4.2666666667vw;
  }
  .mb20th-special__info-row {
    align-items: flex-start;
  }
  .mb20th-special__info-dt {
    width: 17.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .mb20th-special__info-dd {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .mb20th-special__info-links {
    flex-direction: column;
  }
  .mb20th-special__info-link-icon {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-left: 2.1333333333vw;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-video-modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-video-modal__box {
  position: fixed;
  inset: 0;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.mb20th-video-modal__box:not(.is-open) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out, visibility 0s 0.2s;
}
.mb20th-video-modal__box:not(.is-open) video {
  display: none;
}
.mb20th-video-modal__inner {
  cursor: default;
}
.mb20th-video-modal__video-el {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mb20th-video-modal__close {
  position: absolute;
  border-radius: 50%;
  background-color: #18B6D2;
  color: #fff;
  cursor: pointer;
}
.mb20th-video-modal__close::before, .mb20th-video-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--mb20th-close-length);
  height: var(--mb20th-close-thickness);
  background-color: currentColor;
  translate: -50% -50%;
  pointer-events: none;
}
.mb20th-video-modal__close::before {
  rotate: 45deg;
}
.mb20th-video-modal__close::after {
  rotate: -45deg;
}
@media (forced-colors: active) {
  .mb20th-video-modal__close::before, .mb20th-video-modal__close::after {
    forced-color-adjust: none;
    background-color: ButtonText;
  }
}
@media (hover: hover) {
  .mb20th-video-modal__close {
    transition: opacity 0.2s ease-in-out;
  }
  .mb20th-video-modal__close:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px), print {
  .mb20th-video-modal__video {
    width: min(70.2781844802vw, calc(100dvh - 6.2957540264vw) * 960 / 540);
    aspect-ratio: 960/540;
    border-radius: 0.878477306vw;
    overflow: hidden;
    box-shadow: 0 0.2928257687vw 2.196193265vw rgba(0, 0, 0, 0.15);
  }
  .mb20th-video-modal__close {
    top: -3.1478770132vw;
    right: -2.8550512445vw;
    width: 2.9282576867vw;
    height: 2.9282576867vw;
    --mb20th-close-length: 1.6910688141vw;
    --mb20th-close-thickness: 0.1464128843vw;
    box-shadow: 0.0732064422vw 0.0732064422vw 0.1464128843vw rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 768px) {
  .mb20th-video-modal__box {
    top: 15.625vw;
  }
  .mb20th-video-modal__video {
    width: min(86.6666666667vw, calc(100dvh - 15.625vw - 22.9333333333vw) * 325 / 217);
    aspect-ratio: 325/217;
    border-radius: 3.2vw;
    overflow: hidden;
  }
  .mb20th-video-modal__close {
    top: -11.4666666667vw;
    right: -1.3333333333vw;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    --mb20th-close-length: 4.6533333333vw;
    --mb20th-close-thickness: 0.5333333333vw;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-event-report
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-event-report {
  background-color: #fff;
  text-align: center;
}
.mb20th-event-report__label {
  display: block;
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #0098C2;
}
.mb20th-event-report__ttl {
  font-weight: 700;
  color: #022729;
}
.mb20th-event-report__ttl-txt {
  display: block;
}
.mb20th-event-report__lead {
  font-weight: 600;
  color: #022729;
}
.mb20th-event-report__part-inner {
  background-color: rgba(12, 164, 191, 0.4);
}
.mb20th-event-report__part-main {
  display: flex;
}
.mb20th-event-report__part-img {
  display: block;
  overflow: hidden;
}
.mb20th-event-report__part-img img {
  height: 100%;
  object-fit: cover;
}
.mb20th-event-report__part-body {
  text-align: left;
}
.mb20th-event-report__part-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0098C2;
  border-radius: 999px;
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  color: #fff;
  white-space: nowrap;
}
.mb20th-event-report__part-badge-a {
  letter-spacing: 0.14em;
}
.mb20th-event-report__part-badge-b {
  letter-spacing: 0.19em;
}
.mb20th-event-report__part-ttl {
  font-weight: 700;
  color: #022729;
}
.mb20th-event-report__part-txt {
  font-weight: 500;
  color: #022729;
}
.mb20th-event-report__gallery-track .slick-list {
  overflow: hidden;
}
.mb20th-event-report__gallery-item {
  display: block;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.mb20th-event-report__gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mb20th-event-report__gallery-nav {
  display: flex;
  align-items: center;
}
.mb20th-event-report__gallery-prev, .mb20th-event-report__gallery-next, .mb20th-event-report__gallery-toggle {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: pointer;
}
.mb20th-event-report__gallery-prev img, .mb20th-event-report__gallery-next img, .mb20th-event-report__gallery-toggle img {
  display: block;
  width: 100%;
  height: 100%;
}
.mb20th-event-report__gallery-prev img[hidden], .mb20th-event-report__gallery-next img[hidden], .mb20th-event-report__gallery-toggle img[hidden] {
  display: none;
}
.mb20th-event-report__gallery-prev[disabled], .mb20th-event-report__gallery-next[disabled], .mb20th-event-report__gallery-toggle[disabled] {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.mb20th-event-report__gallery-prev img {
  rotate: 180deg;
}
.mb20th-event-report__gallery-prev::after, .mb20th-event-report__gallery-next::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  pointer-events: none;
}
@media (hover: hover) {
  .mb20th-event-report__gallery-prev::after, .mb20th-event-report__gallery-next::after {
    transition: border-color 0.2s ease-in-out;
  }
  .mb20th-event-report__gallery-prev:not([disabled]):hover::after, .mb20th-event-report__gallery-next:not([disabled]):hover::after {
    border-color: #0CA4BF;
  }
}
.mb20th-event-report__gallery-toggle img {
  position: absolute;
  inset: 0;
}
.mb20th-event-report__gallery-toggle-icon--hover {
  opacity: 0;
}
@media (hover: hover) {
  .mb20th-event-report__gallery-toggle-icon--hover {
    transition: opacity 0.2s ease-in-out;
  }
  .mb20th-event-report__gallery-toggle:hover .mb20th-event-report__gallery-toggle-icon--hover {
    opacity: 1;
  }
}
.mb20th-event-report__gallery-prev, .mb20th-event-report__gallery-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  translate: 0 -50%;
}
.mb20th-event-report__gallery-dots {
  display: block;
}
.mb20th-event-report__gallery-dots .slick-dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mb20th-event-report__gallery-dots li {
  display: block;
  line-height: 0;
}
.mb20th-event-report__gallery-dots button {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.mb20th-event-report__gallery-dots li.slick-active button {
  background-color: #0CA4BF;
}
@media screen and (min-width: 769px), print {
  .mb20th-event-report {
    margin-top: 23.4260614934vw;
    padding-top: 6.8081991215vw;
    padding-bottom: 5.8565153734vw;
    border-radius: 2.3426061493vw;
  }
  .mb20th-event-report__label {
    margin-bottom: 1.756954612vw;
    font-size: 2.3426061493vw;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mb20th-event-report__head {
    max-width: 83.3089311859vw;
    margin-inline: auto;
  }
  .mb20th-event-report__ttl {
    font-size: 2.0497803807vw;
    line-height: 1.2142857143em;
  }
  .mb20th-event-report__lead {
    margin-top: 1.756954612vw;
    font-size: 1.1713030747vw;
    line-height: 2em;
  }
  .mb20th-event-report__parts {
    max-width: 83.3089311859vw;
    margin-inline: auto;
    margin-top: 2.9282576867vw;
  }
  .mb20th-event-report__part + .mb20th-event-report__part {
    margin-top: 2.3426061493vw;
  }
  .mb20th-event-report__part-inner {
    padding: 4.0995607613vw 3.513909224vw 4.6852122987vw;
    border-radius: 1.1713030747vw;
  }
  .mb20th-event-report__part-main {
    gap: 2.3426061493vw;
  }
  .mb20th-event-report__part-body {
    flex: none;
    width: 33.7481698389vw;
  }
  .mb20th-event-report__part:nth-of-type(1) .mb20th-event-report__part-body {
    order: 1;
  }
  .mb20th-event-report__part:nth-of-type(1) .mb20th-event-report__part-img {
    order: 2;
  }
  .mb20th-event-report__part-img {
    flex: none;
    width: 40.1903367496vw;
    height: 26.7935578331vw;
    border-radius: 1.1713030747vw;
  }
  .mb20th-event-report__part-badge {
    padding: 0 2.9282576867vw;
    font-size: 1.4641288433vw;
    line-height: 2.9282576867vw;
  }
  .mb20th-event-report__part-ttl {
    margin-top: 2.3426061493vw;
    font-size: 1.756954612vw;
    line-height: 1.3333333333em;
  }
  .mb20th-event-report__part-txt {
    margin-top: 2.3426061493vw;
    font-size: 1.1713030747vw;
    line-height: 1.875em;
  }
  .mb20th-event-report__gallery {
    margin-top: 2.9282576867vw;
  }
  .mb20th-event-report__gallery-item {
    width: 19.0336749634vw;
    height: 12.6647144949vw;
    margin-right: 2.3426061493vw;
    border-radius: 0.5856515373vw;
  }
  .mb20th-event-report__gallery-nav {
    justify-content: center;
    margin-top: 1.756954612vw;
    gap: 1.0980966325vw;
  }
  .mb20th-event-report__gallery-prev {
    left: -1.4641288433vw;
  }
  .mb20th-event-report__gallery-next {
    right: -1.4641288433vw;
  }
  .mb20th-event-report__gallery-prev, .mb20th-event-report__gallery-next, .mb20th-event-report__gallery-toggle {
    width: 2.9282576867vw;
    height: 2.9282576867vw;
  }
  .mb20th-event-report__gallery-prev, .mb20th-event-report__gallery-next {
    box-shadow: 0.0732064422vw 0.0732064422vw 0.1464128843vw rgba(0, 0, 0, 0.1);
  }
  .mb20th-event-report__gallery-dots .slick-dots {
    gap: 0.7320644217vw;
  }
  .mb20th-event-report__gallery-dots button {
    width: 0.5856515373vw;
    height: 0.5856515373vw;
  }
  .mb20th-event-report__gallery-dots li.slick-active button {
    width: 0.878477306vw;
    height: 0.878477306vw;
  }
}
@media screen and (max-width: 768px) {
  .mb20th-event-report {
    margin-top: 53.3333333333vw;
    padding-top: 17.0666666667vw;
    border-radius: 8.5333333333vw 8.5333333333vw 4.2666666667vw 4.2666666667vw;
  }
  .mb20th-event-report__label {
    margin-bottom: 6.4vw;
    font-size: 7.4666666667vw;
    letter-spacing: 0.04em;
    line-height: 1;
  }
  .mb20th-event-report__head {
    padding-inline: 6.6666666667vw;
  }
  .mb20th-event-report__ttl {
    font-size: 6.4vw;
    line-height: 1.3333333333em;
  }
  .mb20th-event-report__lead {
    margin-top: 4.9333333333vw;
    font-size: 4vw;
    line-height: 1.7333333333em;
  }
  .mb20th-event-report__parts {
    margin-top: 9.2vw;
  }
  .mb20th-event-report__part + .mb20th-event-report__part {
    margin-top: 4.2666666667vw;
  }
  .mb20th-event-report__part-inner {
    padding: 10.6666666667vw 0 10.6666666667vw 6.4vw;
    border-radius: 4.2666666667vw;
  }
  .mb20th-event-report__part-main {
    flex-direction: column;
    align-items: center;
    gap: 8.5333333333vw;
    padding-right: 6.4vw;
  }
  .mb20th-event-report__part-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 86.6666666667vw;
    text-align: center;
  }
  .mb20th-event-report__part-img {
    width: 86.6666666667vw;
    height: 57.8666666667vw;
    border-radius: 4.2666666667vw;
  }
  .mb20th-event-report__part-badge {
    padding: 0 10.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 9.0666666667vw;
  }
  .mb20th-event-report__part-ttl {
    margin-top: 6.4vw;
    font-size: 5.3333333333vw;
    line-height: 1.5em;
  }
  .mb20th-event-report__part-txt {
    margin-top: 2.6666666667vw;
    font-size: 4vw;
    line-height: 1.7333333333em;
  }
  .mb20th-event-report__part-txt--report1 {
    line-height: 1.4666666667em;
  }
  .mb20th-event-report__gallery {
    margin-top: 8.5333333333vw;
  }
  .mb20th-event-report__gallery-track {
    padding-right: 6.4vw;
  }
  .mb20th-event-report__gallery-track .slick-list {
    overflow: visible;
  }
  .mb20th-event-report__gallery-item {
    width: 69.3333333333vw;
    height: 46.1333333333vw;
    margin-right: 6.4vw;
    border-radius: 2.1333333333vw;
  }
  .mb20th-event-report__gallery-nav {
    justify-content: center;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
    padding-right: 6.4vw;
  }
  .mb20th-event-report__gallery-prev {
    left: -4.6666666667vw;
  }
  .mb20th-event-report__gallery-next {
    right: 1.7333333333vw;
  }
  .mb20th-event-report__gallery-prev, .mb20th-event-report__gallery-next, .mb20th-event-report__gallery-toggle {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
  }
  .mb20th-event-report__gallery-prev, .mb20th-event-report__gallery-next {
    box-shadow: 0.2666666667vw 0.2666666667vw 0.5333333333vw rgba(0, 0, 0, 0.1);
  }
  .mb20th-event-report__gallery-dots .slick-dots {
    gap: 2.6666666667vw;
  }
  .mb20th-event-report__gallery-dots button {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
  .mb20th-event-report__gallery-dots li.slick-active button {
    width: 3.2vw;
    height: 3.2vw;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-image-modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-image-modal {
  position: fixed;
  inset: 0;
  z-index: 10002;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out, visibility 0s 0.2s;
}
.mb20th-image-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.2s ease-in-out;
}
.mb20th-image-modal__bg {
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.mb20th-image-modal__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.mb20th-image-modal__close {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  background-color: #18B6D2;
  color: #fff;
  cursor: pointer;
}
.mb20th-image-modal__close::before, .mb20th-image-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--mb20th-close-length);
  height: var(--mb20th-close-thickness);
  background-color: currentColor;
  translate: -50% -50%;
  pointer-events: none;
}
.mb20th-image-modal__close::before {
  rotate: 45deg;
}
.mb20th-image-modal__close::after {
  rotate: -45deg;
}
@media (forced-colors: active) {
  .mb20th-image-modal__close::before, .mb20th-image-modal__close::after {
    forced-color-adjust: none;
    background-color: ButtonText;
  }
}
@media (hover: hover) {
  .mb20th-image-modal__close {
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .mb20th-image-modal__close:hover {
    background-color: #fff;
    color: #18B6D2;
  }
}
.mb20th-image-modal__prev, .mb20th-image-modal__next {
  z-index: 1;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: pointer;
}
.mb20th-image-modal__prev img, .mb20th-image-modal__next img {
  display: block;
  width: 100%;
  height: 100%;
}
.mb20th-image-modal__prev[disabled], .mb20th-image-modal__next[disabled] {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.mb20th-image-modal__prev::after, .mb20th-image-modal__next::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  pointer-events: none;
}
@media (hover: hover) {
  .mb20th-image-modal__prev::after, .mb20th-image-modal__next::after {
    transition: border-color 0.2s ease-in-out;
  }
  .mb20th-image-modal__prev:not([disabled]):hover::after, .mb20th-image-modal__next:not([disabled]):hover::after {
    border-color: #0CA4BF;
  }
}
.mb20th-image-modal__prev img.pc-hide {
  rotate: 180deg;
}
.mb20th-image-modal__next img.sp-hide {
  rotate: 180deg;
}
.mb20th-image-modal__viewport {
  flex: none;
  overflow: hidden;
}
.mb20th-image-modal__track .slick-list,
.mb20th-image-modal__track .slick-track {
  height: 100%;
}
.mb20th-image-modal__track[hidden] {
  display: none;
}
.mb20th-image-modal__item {
  overflow: hidden;
  height: 100% !important;
}
.mb20th-image-modal__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px), print {
  .mb20th-image-modal__close {
    top: -3.1478770132vw;
    right: -2.8550512445vw;
    width: 2.9282576867vw;
    height: 2.9282576867vw;
    --mb20th-close-length: 1.6910688141vw;
    --mb20th-close-thickness: 0.1464128843vw;
    box-shadow: 0.0732064422vw 0.0732064422vw 0.1464128843vw rgba(0, 0, 0, 0.1);
  }
  .mb20th-image-modal__viewport {
    width: calc(min(58.5651537335vw, calc(100dvh - 6.2957540264vw) * 800 / 533) + 5.8565153734vw);
    height: calc(min(58.5651537335vw, calc(100dvh - 6.2957540264vw) * 800 / 533) * 533 / 800);
    overflow: visible;
  }
  .mb20th-image-modal__item {
    border-radius: 0.5856515373vw;
    padding-inline: 2.9282576867vw;
  }
  .mb20th-image-modal__track .slick-list {
    overflow: visible;
  }
  .mb20th-image-modal__prev, .mb20th-image-modal__next {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 5.8565153734vw;
    height: 5.8565153734vw;
    box-shadow: 0.0732064422vw 0.0732064422vw 0.7320644217vw rgba(0, 0, 0, 0.1);
  }
  .mb20th-image-modal__prev {
    left: 0;
  }
  .mb20th-image-modal__next {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .mb20th-image-modal {
    top: 15.625vw;
  }
  .mb20th-image-modal__close {
    top: -11.7333333333vw;
    right: -1.3333333333vw;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    --mb20th-close-length: 4.6533333333vw;
    --mb20th-close-thickness: 0.5333333333vw;
  }
  .mb20th-image-modal__prev, .mb20th-image-modal__next {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    box-shadow: 0.2666666667vw 0.2666666667vw 0.5333333333vw rgba(0, 0, 0, 0.1);
  }
  .mb20th-image-modal__prev {
    left: -2.4vw;
  }
  .mb20th-image-modal__next {
    right: -2.4vw;
  }
  .mb20th-image-modal__viewport {
    width: calc(min(86.6666666667vw, calc(100dvh - 15.625vw - 23.4666666667vw) * 325 / 217) + 4.2666666667vw);
    height: calc(min(86.6666666667vw, calc(100dvh - 15.625vw - 23.4666666667vw) * 325 / 217) * 217 / 325);
    overflow: visible;
  }
  .mb20th-image-modal__track .slick-list {
    overflow: visible;
  }
  .mb20th-image-modal__item {
    border-radius: 2.1333333333vw;
    padding-inline: 2.1333333333vw;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-interview
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@keyframes mb20th-interview-card-photo-crossfade-5 {
  0%, 12% {
    opacity: 1;
  }
  20%, 92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mb20th-interview-card-photo-crossfade-4 {
  0%, 15% {
    opacity: 1;
  }
  25%, 90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mb20th-interview {
  background-color: #9EDBE5;
  text-align: center;
}
.mb20th-interview__label {
  display: block;
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}
.mb20th-interview__ttl {
  font-weight: 700;
  color: #022729;
}
.mb20th-interview__ttl-txt {
  display: block;
}
.mb20th-interview__lead {
  font-weight: 600;
  color: #022729;
}
.mb20th-interview__photo {
  display: block;
  margin-inline: auto;
  overflow: hidden;
}
.mb20th-interview__photo img {
  height: 100%;
  object-fit: cover;
}
.mb20th-interview__cards {
  display: flex;
  flex-direction: column;
}
.mb20th-interview__card {
  display: flex;
  background-color: #fff;
}
.mb20th-interview__card-photo {
  display: block;
  flex: none;
  overflow: hidden;
}
.mb20th-interview__card-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: mb20th-interview-card-photo-crossfade-5 25s ease-in-out infinite;
}
.mb20th-interview__card-photo img:nth-child(1) {
  animation-delay: -0s;
}
.mb20th-interview__card-photo img:nth-child(2) {
  animation-delay: -20s;
}
.mb20th-interview__card-photo img:nth-child(3) {
  animation-delay: -15s;
}
.mb20th-interview__card-photo img:nth-child(4) {
  animation-delay: -10s;
}
.mb20th-interview__card-photo img:nth-child(5) {
  animation-delay: -5s;
}
.mb20th-interview__card-photo--slides-4 img {
  animation-name: mb20th-interview-card-photo-crossfade-4;
  animation-duration: 20s;
}
.mb20th-interview__card-photo--slides-4 img:nth-child(1) {
  animation-delay: -0s;
}
.mb20th-interview__card-photo--slides-4 img:nth-child(2) {
  animation-delay: -15s;
}
.mb20th-interview__card-photo--slides-4 img:nth-child(3) {
  animation-delay: -10s;
}
.mb20th-interview__card-photo--slides-4 img:nth-child(4) {
  animation-delay: -5s;
}
.mb20th-interview__card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.mb20th-interview__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0CA4BF;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
.mb20th-interview__badge::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  display: block;
  background-color: #0CA4BF;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.mb20th-interview__quote {
  width: 100%;
  font-weight: 700;
  color: #022729;
}
.mb20th-interview__note {
  width: 100%;
  text-align: left;
  overflow: hidden;
}
.mb20th-interview__note::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/interview/dot-bg.jpg") repeat center;
}
.mb20th-interview__note-p {
  z-index: 1;
  font-weight: 500;
  color: #022729;
}
@media screen and (min-width: 769px), print {
  .mb20th-interview {
    margin-top: 23.4260614934vw;
    padding-block: 5.8565153734vw;
    border-radius: 2.3426061493vw;
  }
  .mb20th-interview__head {
    max-width: 83.3089311859vw;
    margin-inline: auto;
  }
  .mb20th-interview__label {
    margin-bottom: 1.756954612vw;
    font-size: 2.3426061493vw;
    letter-spacing: 0.01em;
    line-height: 0.75em;
  }
  .mb20th-interview__ttl {
    font-size: 2.0497803807vw;
    line-height: 1.2142857143em;
  }
  .mb20th-interview__lead {
    margin-top: 1.756954612vw;
    font-size: 1.1713030747vw;
    line-height: 2em;
  }
  .mb20th-interview__photo {
    margin-top: 2.9282576867vw;
    width: 52.7086383602vw;
    height: 35.1390922401vw;
    border-radius: 1.1713030747vw;
  }
  .mb20th-interview__cards {
    gap: 2.3426061493vw;
    max-width: 83.3089311859vw;
    margin-inline: auto;
    margin-top: 3.513909224vw;
  }
  .mb20th-interview__card {
    gap: 2.3426061493vw 4.6852122987vw;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 3.513909224vw;
    border-radius: 1.756954612vw;
  }
  .mb20th-interview__card--reverse {
    flex-direction: row-reverse;
  }
  .mb20th-interview__card--reverse .mb20th-interview__badge::after {
    clip-path: polygon(100% 0, 0 0, 100% 100%);
  }
  .mb20th-interview__card-photo {
    width: 20.9370424597vw;
    height: 14.4216691069vw;
    border-radius: 1.1713030747vw;
  }
  .mb20th-interview__card-body {
    flex: 1 1 0%;
    min-width: 0;
    gap: 2.0497803807vw;
  }
  .mb20th-interview__note {
    flex: 0 0 100%;
  }
  .mb20th-interview__badge {
    padding: 0 1.1713030747vw 0.1464128843vw;
    font-size: 1.317715959vw;
    line-height: 2.2693997072vw;
    border-radius: 0.439238653vw;
  }
  .mb20th-interview__badge::after {
    width: 0.878477306vw;
    height: 0.7320644217vw;
  }
  .mb20th-interview__quote {
    display: flex;
    flex-direction: column;
    gap: 1.1713030747vw;
    font-size: 1.1713030747vw;
    line-height: 1.5em;
  }
  .mb20th-interview__note {
    padding: 1.756954612vw;
    border-radius: 0.878477306vw;
  }
  .mb20th-interview__note::before {
    background-size: 25.4026354319vw auto;
    opacity: 0.3;
  }
  .mb20th-interview__note-p {
    font-size: 1.0980966325vw;
    line-height: 1.7333333333em;
    letter-spacing: -0.03em;
  }
}
@media screen and (max-width: 768px) {
  .mb20th-interview {
    margin-top: 53.3333333333vw;
    padding-block: 17.0666666667vw;
    padding-inline: 6.6666666667vw;
    border-radius: 8.5333333333vw;
  }
  .mb20th-interview__label {
    margin-bottom: 5.3333333333vw;
    font-size: 7.4666666667vw;
    letter-spacing: 0.04em;
    line-height: 0.8571428571em;
  }
  .mb20th-interview__ttl {
    font-size: 6.4vw;
    line-height: 1.3333333333em;
  }
  .mb20th-interview__lead {
    margin-top: 6vw;
    font-size: 4vw;
    line-height: 1.7333333333em;
  }
  .mb20th-interview__photo {
    margin-top: 9.2vw;
    width: 86.6666666667vw;
    height: 59.2vw;
    border-radius: 4.2666666667vw;
  }
  .mb20th-interview__cards {
    gap: 4.2666666667vw;
    margin-top: 10.6666666667vw;
  }
  .mb20th-interview__card {
    flex-direction: column;
    align-items: center;
    gap: 8.5333333333vw;
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 4.2666666667vw;
  }
  .mb20th-interview__card-photo {
    width: 76vw;
    height: 56.5333333333vw;
    border-radius: 4.2666666667vw;
  }
  .mb20th-interview__card-body {
    gap: 4.4vw;
    width: 76vw;
  }
  .mb20th-interview__badge {
    padding: 0 4.2666666667vw 0.5333333333vw;
    font-size: 4.8vw;
    line-height: 8.2666666667vw;
    border-radius: 1.6vw;
  }
  .mb20th-interview__badge::after {
    width: 3.2vw;
    height: 2.6666666667vw;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
  }
  .mb20th-interview__quote {
    display: flex;
    flex-direction: column;
    gap: 4.2666666667vw;
    font-size: 4vw;
    line-height: 1.4666666667em;
  }
  .mb20th-interview__note {
    padding: 8.5333333333vw 5.3333333333vw;
    border-radius: 3.2vw;
  }
  .mb20th-interview__note::before {
    background-size: 86.1333333333vw auto;
    opacity: 0.2;
  }
  .mb20th-interview__note-p {
    font-size: 4vw;
    line-height: 1.6em;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
mb20th-footer-banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mb20th-footer-banner {
  background-color: #18B6D2;
  overflow: hidden;
  margin-bottom: -1px;
}
.mb20th-footer-banner__bubbles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.mb20th-footer-banner__bubble {
  position: absolute;
  border-radius: 50%;
}
.mb20th-footer-banner__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mb20th-footer-banner__text {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.mb20th-footer-banner__btn {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  color: #0CA4BF;
  border: 2px solid #fff;
}
@media (hover: hover) {
  .mb20th-footer-banner__btn {
    transition: border-color 0.2s ease-in-out;
  }
  .mb20th-footer-banner__btn:hover {
    border-color: #0CA4BF;
  }
}
.mb20th-footer-banner__btn-txt {
  font-weight: 500;
}
.mb20th-footer-banner__btn-icon {
  display: block;
}
@media screen and (min-width: 769px), print {
  .mb20th-footer-banner {
    margin-top: 13.17715959vw;
    clip-path: url(#mb20th-footer-wave-clip-pc);
    height: 28.6237188873vw;
  }
  .mb20th-footer-banner__bubble:nth-of-type(1) {
    left: 79.6486090776vw;
    top: 22.7672035139vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(2) {
    left: 76.4275256223vw;
    top: 13.9092240117vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(3) {
    left: 6.149341142vw;
    top: 15.9590043924vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(4) {
    left: 19.1800878477vw;
    top: 12.5183016105vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(5) {
    left: 87.262079063vw;
    top: 15.6661786237vw;
    width: 1.4641288433vw;
    height: 1.4641288433vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(6) {
    left: 70.1317715959vw;
    top: 7.3206442167vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(7) {
    left: 72.4743777452vw;
    top: 16.1786237189vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(8) {
    left: 15.4465592972vw;
    top: 14.2752562225vw;
    width: 0.878477306vw;
    height: 0.878477306vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(9) {
    left: 22.5475841874vw;
    top: 22.9868228404vw;
    width: 1.1713030747vw;
    height: 1.1713030747vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__content {
    padding-top: 12.0790629575vw;
  }
  .mb20th-footer-banner__text {
    font-size: 1.317715959vw;
    line-height: 2.196193265vw;
  }
  .mb20th-footer-banner__btn {
    margin-top: 2.4890190337vw;
    gap: 1.1713030747vw;
    padding: 0.5856515373vw 1.1713030747vw 0.5856515373vw 1.756954612vw;
    border-radius: 0.7320644217vw;
    box-shadow: 0.0732064422vw 0.0732064422vw 0.0732064422vw rgba(0, 0, 0, 0.1);
  }
  .mb20th-footer-banner__btn-txt {
    font-size: 0.878477306vw;
    line-height: 1.6105417277vw;
  }
  .mb20th-footer-banner__btn-icon {
    width: 0.6588579795vw;
  }
}
@media screen and (max-width: 768px) {
  .mb20th-footer-banner {
    margin-top: 40vw;
    clip-path: url(#mb20th-footer-wave-clip-sp);
    height: 101.6vw;
  }
  .mb20th-footer-banner__bubble:nth-of-type(1) {
    left: 23.2vw;
    top: 26.1333333333vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(2) {
    left: 81.6vw;
    top: 26.1333333333vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(3) {
    left: 50.6666666667vw;
    top: 90.4vw;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background: radial-gradient(circle, rgba(182, 251, 254, 0.5) 21.6346%, #B6FBFE 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(4) {
    left: 54.9333333333vw;
    top: 22.9333333333vw;
    width: 3.2vw;
    height: 3.2vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(5) {
    left: 72.2666666667vw;
    top: 83.4666666667vw;
    width: 3.2vw;
    height: 3.2vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(6) {
    left: 66.4vw;
    top: 16.8vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(7) {
    left: 17.0666666667vw;
    top: 86.9333333333vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 21.6346%, #fff 100%);
  }
  .mb20th-footer-banner__bubble:nth-of-type(n+8) {
    display: none;
  }
  .mb20th-footer-banner__content {
    padding-top: 35.7333333333vw;
    width: 86.6666666667vw;
    margin-inline: auto;
  }
  .mb20th-footer-banner__text {
    font-size: 4.2666666667vw;
    line-height: 7.4666666667vw;
  }
  .mb20th-footer-banner__btn {
    margin-top: 6.9333333333vw;
    gap: 4.2666666667vw;
    padding: 2.1333333333vw 6.4vw;
    border-radius: 2.1333333333vw;
  }
  .mb20th-footer-banner__btn-txt {
    font-size: 3.2vw;
    line-height: 5.8666666667vw;
  }
  .mb20th-footer-banner__btn-icon {
    width: 1.8666666667vw;
  }
}