@charset "UTF-8";.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  border: none;
  -webkit-border-before: 1px solid;
          border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --liquid-size-sp: clamp(0.75rem, 4.444vw - 0.083rem, 1rem);
  --liquid-size-pc: clamp(1rem, 0vw + 1rem, 1rem);
  --liquid-size: var(--liquid-size-sp);
  --contents: min(100% , calc(var(--liquid-size) * 28.125));
  --side-pad: 1.25rem;
}
@media (width >= 768px) {
  :root {
    --liquid-size: var(--liquid-size-pc);
  }
}

:root {
  scroll-behavior: smooth;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
:root:has(.p-menu.is-open) {
  overflow: hidden;
}

body {
  background: #DAF0FC;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
}

:where(img),
:where(svg[role=img]) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a {
  text-decoration: none;
}

button {
  box-sizing: border-box;
}

summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

@-webkit-keyframes x-loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes x-loop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes hopping {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.625rem);
            transform: translateY(-0.625rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes hopping {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.625rem);
            transform: translateY(-0.625rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes zoom-in-fade {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-in-fade {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes orbit {
  /* 0.707 ≒ cos45° / sin45° */
  0% {
    -webkit-transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
            transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
  } /* 右上 */
  12.5% {
    -webkit-transform: translate(var(--orbit-r), 0);
            transform: translate(var(--orbit-r), 0);
  } /* 右   */
  25% {
    -webkit-transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * 0.707));
            transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * 0.707));
  } /* 右下 */
  37.5% {
    -webkit-transform: translate(0, var(--orbit-r));
            transform: translate(0, var(--orbit-r));
  } /* 下   */
  50% {
    -webkit-transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * 0.707));
            transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * 0.707));
  } /* 左下 */
  62.5% {
    -webkit-transform: translate(calc(var(--orbit-r) * -1), 0);
            transform: translate(calc(var(--orbit-r) * -1), 0);
  } /* 左   */
  75% {
    -webkit-transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * -0.707));
            transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * -0.707));
  } /* 左上 */
  87.5% {
    -webkit-transform: translate(0, calc(var(--orbit-r) * -1));
            transform: translate(0, calc(var(--orbit-r) * -1));
  } /* 上   */
  100% {
    -webkit-transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
            transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
  } /* 右上に戻る */
}
@keyframes orbit {
  /* 0.707 ≒ cos45° / sin45° */
  0% {
    -webkit-transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
            transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
  } /* 右上 */
  12.5% {
    -webkit-transform: translate(var(--orbit-r), 0);
            transform: translate(var(--orbit-r), 0);
  } /* 右   */
  25% {
    -webkit-transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * 0.707));
            transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * 0.707));
  } /* 右下 */
  37.5% {
    -webkit-transform: translate(0, var(--orbit-r));
            transform: translate(0, var(--orbit-r));
  } /* 下   */
  50% {
    -webkit-transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * 0.707));
            transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * 0.707));
  } /* 左下 */
  62.5% {
    -webkit-transform: translate(calc(var(--orbit-r) * -1), 0);
            transform: translate(calc(var(--orbit-r) * -1), 0);
  } /* 左   */
  75% {
    -webkit-transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * -0.707));
            transform: translate(calc(var(--orbit-r) * -0.707), calc(var(--orbit-r) * -0.707));
  } /* 左上 */
  87.5% {
    -webkit-transform: translate(0, calc(var(--orbit-r) * -1));
            transform: translate(0, calc(var(--orbit-r) * -1));
  } /* 上   */
  100% {
    -webkit-transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
            transform: translate(calc(var(--orbit-r) * 0.707), calc(var(--orbit-r) * -0.707));
  } /* 右上に戻る */
}
.l-body-wrapper {
  z-index: 0;
  width: 100%;
  min-height: 100vh;
  overflow: clip;
}

.l-svg-data {
  position: fixed;
  top: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -100;
}

.c-section {
  --x-loop-time: 80s;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  z-index: 0;
  padding-inline: calc(var(--liquid-size) * 1.25);
}
.c-section > * {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.c-section::before, .c-section::after {
  content: "";
  position: absolute;
  top: calc(var(--liquid-size) * -0.5625);
  width: calc(var(--liquid-size) * 157.5);
  height: calc(var(--liquid-size) * 0.625);
  background: center/calc(var(--liquid-size) * 3.9375) calc(var(--liquid-size) * 0.625);
  -webkit-animation: x-loop var(--x-loop-time) linear infinite;
          animation: x-loop var(--x-loop-time) linear infinite;
}
.c-section::after {
  -webkit-animation-delay: calc(var(--x-loop-time) * -0.5);
          animation-delay: calc(var(--x-loop-time) * -0.5);
}
.c-section.m-white {
  background: #fff;
}
.c-section.m-white::before, .c-section.m-white::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='63'%20height='10'%20viewBox='0%200%2063%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6023_10534)'%3e%3cg%20clip-path='url(%23clip1_6023_10534)'%3e%3cpath%20d='M53.1693%204.69817C42.676%20-1.56605%2032.1827%20-1.56605%2021.6894%204.69817C14.4597%209.0141%207.22994%2010.3564%200.000236305%208.72516L-7.06376e-05%20404L390%20404L390%208.64575C382.656%2010.3981%20375.312%209.08229%20367.969%204.69823C357.475%20-1.56599%20346.982%20-1.56599%20336.489%204.69822C325.995%2010.9624%20315.502%2010.9624%20305.009%204.69821C294.515%20-1.566%20284.022%20-1.566%20273.529%204.69821C263.035%2010.9624%20252.542%2010.9624%20242.049%204.6982C231.556%20-1.56601%20221.062%20-1.56601%20210.569%204.6982C200.076%2010.9624%20189.582%2010.9624%20179.089%204.69819C168.596%20-1.56602%20158.102%20-1.56603%20147.609%204.69819C137.116%2010.9624%20126.622%2010.9624%20116.129%204.69818C105.636%20-1.56604%2095.1425%20-1.56604%2084.6492%204.69818C74.1559%2010.9624%2063.6626%2010.9624%2053.1693%204.69817Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6023_10534'%3e%3crect%20width='63'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_6023_10534'%3e%3crect%20width='390'%20height='9.99997'%20fill='white'%20transform='translate(390%2010)%20rotate(-180)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.c-section.m-base {
  background: #DAF0FC;
}
.c-section.m-base::before, .c-section.m-base::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='63'%20height='10'%20viewBox='0%200%2063%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6023_10534)'%3e%3cg%20clip-path='url(%23clip1_6023_10534)'%3e%3cpath%20d='M53.1693%204.69817C42.676%20-1.56605%2032.1827%20-1.56605%2021.6894%204.69817C14.4597%209.0141%207.22994%2010.3564%200.000236305%208.72516L-7.06376e-05%20404L390%20404L390%208.64575C382.656%2010.3981%20375.312%209.08229%20367.969%204.69823C357.475%20-1.56599%20346.982%20-1.56599%20336.489%204.69822C325.995%2010.9624%20315.502%2010.9624%20305.009%204.69821C294.515%20-1.566%20284.022%20-1.566%20273.529%204.69821C263.035%2010.9624%20252.542%2010.9624%20242.049%204.6982C231.556%20-1.56601%20221.062%20-1.56601%20210.569%204.6982C200.076%2010.9624%20189.582%2010.9624%20179.089%204.69819C168.596%20-1.56602%20158.102%20-1.56603%20147.609%204.69819C137.116%2010.9624%20126.622%2010.9624%20116.129%204.69818C105.636%20-1.56604%2095.1425%20-1.56604%2084.6492%204.69818C74.1559%2010.9624%2063.6626%2010.9624%2053.1693%204.69817Z'%20fill='%23DAF0FC'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6023_10534'%3e%3crect%20width='63'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_6023_10534'%3e%3crect%20width='390'%20height='9.99997'%20fill='white'%20transform='translate(390%2010)%20rotate(-180)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.c-section.is-active > * {
  opacity: 1;
}

.c-section-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.25);
  width: 100%;
  text-align: center;
  color: #48B3EE;
  font-family: "Dela Gothic One", sans-serif;
}
.c-section-header.m-left {
  -webkit-box-align: start;
          align-items: flex-start;
  text-align: left;
}

.c-section-header_en-title {
  font-size: calc(var(--liquid-size) * 0.625);
  font-weight: 400;
  line-height: 1.5;
  text-transform: uppercase;
}

.c-section-header_title {
  font-size: calc(var(--liquid-size) * 2.25);
  font-weight: 400;
  line-height: 1.1;
}

.c-rounded-box {
  width: 100%;
  background: #fff;
  border-radius: calc(var(--liquid-size) * 1.25);
  overflow: hidden;
  box-shadow: 0 calc(var(--liquid-size) * 0.125) calc(var(--liquid-size) * 1.25) rgba(12, 148, 178, 0.2);
}

.c-rounded-button {
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(var(--liquid-size) * 3.375);
  padding-inline: calc(var(--liquid-size) * 2.25);
  border-radius: 100vmax;
  background: #48B3EE;
  color: #fff;
  font-size: calc(var(--liquid-size) * 0.875);
  font-weight: 600;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-rounded-button:hover {
    background: rgba(72, 179, 238, 0.8);
  }
}

.c-temp {
  display: grid;
  place-items: center;
  width: 100%;
  opacity: 0.4;
  height: calc(var(--liquid-size) * 11.25);
  color: #48B3EE;
  font-size: calc(var(--liquid-size) * 1.625);
  font-weight: 300;
  letter-spacing: 0.15em;
}

.p-body-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
          align-items: flex-start;
  position: relative;
  margin-inline: auto;
  width: min(100%, 120rem);
}

.p-body-wrapper_bg {
  display: block;
  -webkit-box-pack: center;
          justify-content: center;
  position: fixed;
  inset: 0;
  z-index: -10;
  background: #1C4F81;
}
.p-body-wrapper_bg::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: rgba(28, 79, 129, 0.6);
  z-index: 0;
}

.p-body-wrapper_bg-image {
  position: absolute;
  bottom: calc(var(--liquid-size) * -5);
}
.p-body-wrapper_bg-image.m-back-left {
  width: max(50%, var(--liquid-size) * 57.5);
  aspect-ratio: 920/900;
  visibility: hidden;
  --orbit-r: calc(var(--liquid-size) * 6.25);
  z-index: -20;
  left: calc(var(--liquid-size) * -6.25);
  -webkit-animation: orbit 20s linear infinite;
          animation: orbit 20s linear infinite;
}
.p-body-wrapper_bg-image.m-front-left {
  width: max(50%, var(--liquid-size) * 57.5);
  aspect-ratio: 920/600;
  visibility: hidden;
  --orbit-r: calc(var(--liquid-size) * 3.75);
  z-index: -15;
  left: calc(var(--liquid-size) * -6.25);
  -webkit-animation: orbit 10s linear infinite;
          animation: orbit 10s linear infinite;
}
.p-body-wrapper_bg-image.m-back-right {
  width: max(50%, var(--liquid-size) * 57.5);
  aspect-ratio: 920/900;
  --orbit-r: calc(var(--liquid-size) * 6.25);
  z-index: -20;
  right: calc(var(--liquid-size) * -6.25);
  -webkit-animation: orbit 20s -1s linear infinite;
          animation: orbit 20s -1s linear infinite;
}
.p-body-wrapper_bg-image.m-front-right {
  width: max(50%, var(--liquid-size) * 57.5);
  aspect-ratio: 920/600;
  --orbit-r: calc(var(--liquid-size) * 3.75);
  z-index: -15;
  right: calc(var(--liquid-size) * -6.25);
  -webkit-animation: orbit 10s -1s linear infinite;
          animation: orbit 10s -1s linear infinite;
}

@media (width >= 1200px) {
  .p-body-wrapper_bg-image.m-back-left {
    visibility: visible;
  }
  .p-body-wrapper_bg-image.m-front-left {
    visibility: visible;
  }
}
.p-sp-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  background: #DAF0FC;
  overflow-x: hidden;
  overflow-y: hidden;
}
.p-sp-body.is-active {
  overflow-y: auto;
  height: auto;
}

.p-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
}

.p-mv {
  --height: min(100vh, calc(var(--liquid-size) * 49.25));
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  z-index: 0;
  width: 100%;
  height: var(--height);
  padding-inline: calc(var(--liquid-size) * 1.5);
  background: #48B3EE;
}

.p-mv_bg {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  inset: 0;
  z-index: -10;
}

.p-mv_bg-surface-wrapper {
  position: absolute;
  top: 0;
  width: calc(var(--liquid-size) * 46.5);
  aspect-ratio: 744/102;
  -webkit-animation: light-flash 8s linear infinite;
          animation: light-flash 8s linear infinite;
}

.p-mv_bg-surface {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: light-shimmer linear infinite;
          animation: light-shimmer linear infinite;
}
.p-mv_bg-surface.m-inside {
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
}
.p-mv_bg-surface.m-middle {
  opacity: 0.95;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.p-mv_bg-surface.m-outside {
  opacity: 0.9;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}

.p-mv_bg-sanma {
  position: absolute;
  top: min(var(--liquid-size) * -11.25);
  width: calc(var(--liquid-size) * 93.75);
  height: calc(var(--liquid-size) * 62.5);
  -webkit-animation: sanma-loop 20s linear infinite;
          animation: sanma-loop 20s linear infinite;
}
.p-mv_bg-sanma img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-mv_bg-sanma.m-1st {
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
}

.p-mv-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 50;
  width: calc(var(--liquid-size) * 21.375);
  height: min(100svh, 100%);
  padding-bottom: calc(var(--liquid-size) * 1.875);
}

.p-mv_header {
  align-self: flex-end;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-flow: row-reverse;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  font-family: "Dela Gothic One", sans-serif;
  color: #fff;
  text-shadow: 0 calc(var(--liquid-size) * 0.125) calc(var(--liquid-size) * 0.625) rgba(72, 179, 238, 0.8);
}

.p-mv_sub-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: calc(var(--liquid-size) * 0.25);
  padding-top: calc(var(--liquid-size) * 0.25);
  font-size: calc(var(--liquid-size) * 1.125);
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 1.625);
  letter-spacing: 0.22em;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}

.p-mv_title {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: calc(var(--liquid-size) * 0.375);
  font-size: calc(var(--liquid-size) * 3.25);
  font-weight: 400;
  line-height: calc(var(--liquid-size) * 3.5);
  letter-spacing: -0.07em;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}

.p-mv-badge {
  align-self: flex-end;
  display: grid;
  place-items: center;
  width: calc(var(--liquid-size) * 7.5);
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: calc(var(--liquid-size) * 1.0625);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  color: #fff;
  line-height: 1.25;
  text-align: center;
}
.p-mv-badge.m-secondary {
  background: #F7534F;
}
.p-mv-badge.m-accent {
  background: #1C4F81;
}

@-webkit-keyframes sanma-loop {
  0% {
    -webkit-transform: translate(90%, 90%);
            transform: translate(90%, 90%);
  }
  100% {
    -webkit-transform: translate(-90%, -90%);
            transform: translate(-90%, -90%);
  }
}

@keyframes sanma-loop {
  0% {
    -webkit-transform: translate(90%, 90%);
            transform: translate(90%, 90%);
  }
  100% {
    -webkit-transform: translate(-90%, -90%);
            transform: translate(-90%, -90%);
  }
}
@-webkit-keyframes light-flash {
  0% {
    opacity: 0.8;
    scale: 1;
  }
  25% {
    opacity: 0.7;
    scale: 1.1;
  }
  50% {
    opacity: 0.8;
    scale: 1;
  }
  75% {
    opacity: 0.7;
    scale: 1.1;
  }
  100% {
    opacity: 0.8;
    scale: 1;
  }
}
@keyframes light-flash {
  0% {
    opacity: 0.8;
    scale: 1;
  }
  25% {
    opacity: 0.7;
    scale: 1.1;
  }
  50% {
    opacity: 0.8;
    scale: 1;
  }
  75% {
    opacity: 0.7;
    scale: 1.1;
  }
  100% {
    opacity: 0.8;
    scale: 1;
  }
}
@-webkit-keyframes light-shimmer {
  0% {
    scale: 1;
    translate: 0 0;
  }
  25% {
    translate: calc(var(--liquid-size) * -0.5);
    scale: 1.02;
  }
  50% {
    translate: 0 0;
    scale: 1;
  }
  75% {
    translate: calc(var(--liquid-size) * 0.5);
    scale: 1.02;
  }
  100% {
    scale: 1;
    translate: 0 0;
  }
}
@keyframes light-shimmer {
  0% {
    scale: 1;
    translate: 0 0;
  }
  25% {
    translate: calc(var(--liquid-size) * -0.5);
    scale: 1.02;
  }
  50% {
    translate: 0 0;
    scale: 1;
  }
  75% {
    translate: calc(var(--liquid-size) * 0.5);
    scale: 1.02;
  }
  100% {
    scale: 1;
    translate: 0 0;
  }
}
.p-hint_inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  width: var(--contents);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2.5);
}

.p-hint_main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
}

.p-hint_box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  padding: calc(var(--liquid-size) * 1.75) calc(var(--liquid-size) * 1.5);
}

.p-hint_box-icon {
  width: calc(var(--liquid-size) * 4.375);
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}

.p-hint_box-desc {
  margin-top: calc(var(--liquid-size) * 1.25);
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: 1.35;
}

.p-hint_box-source {
  margin-top: calc(var(--liquid-size) * 0.25);
  align-self: flex-start;
  color: rgba(0, 0, 0, 0.5);
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 300;
}

.p-story-texts {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.625);
  color: #48B3EE;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 600;
  line-height: 1.8;
}
.p-story-texts b {
  color: #F7534F;
  font-weight: 600;
}

.p-story_gallery {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.625);
  width: clamp(var(--liquid-size) * 28, 100vw, var(--liquid-size) * 36.25);
  padding-top: calc(var(--liquid-size) * 1.875);
}

.p-story_gallery_item {
  -webkit-box-flex: 1;
          flex: 1;
  height: calc(var(--liquid-size) * 9.125);
}

.p-data_inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  width: var(--contents);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2.5);
}

.p-data_main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  width: 100%;
}

.p-data_box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  padding: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 1.25);
}

.p-data_box-title {
  color: #48B3EE;
  font-size: calc(var(--liquid-size) * 1.0625);
  font-weight: 700;
  line-height: 1;
}

.p-data_box-desc {
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: 1.6;
}
.p-data_box-desc b {
  color: #F7534F;
  font-weight: inherit;
}

.p-data_box-dl {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
}

.p-data_box-dl-box {
  display: -webkit-box;
  display: flex;
  --desc-bg: #DFF6F9;
  --b-color: #48B3EE;
  padding: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 1);
  background: var(--desc-bg);
  border-radius: calc(var(--liquid-size) * 0.75);
  color: #48B3EE;
  font-size: calc(var(--liquid-size) * 0.6875);
  font-weight: 600;
  line-height: 1.35;
}
.p-data_box-dl-box b {
  color: var(--b-color);
  font-weight: inherit;
}
.p-data_box-dl-box.m-secondary {
  --desc-bg: #FFEEEE;
  --b-color: #F7534F;
}
.p-data_box-dl-box.m-tertiary {
  --desc-bg: #FFF3D4;
  --b-color: #FFB802;
}

.p-data_box-dt {
  flex-shrink: 0;
}
.p-data_box-dt::after {
  content: "：";
}

.p-first-catch-data {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  position: relative;
  z-index: 0;
  gap: calc(var(--liquid-size) * 0.75);
  width: 100%;
}

.p-first-catch-data_date {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: -10;
  padding-left: calc(var(--liquid-size) * 1.75);
  opacity: 0.7;
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: 1;
}

.p-first-catch-data_date-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: calc(var(--liquid-size) * 1.875);
}
.p-first-catch-data_date-item::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + calc(var(--liquid-size) * 0.5));
  width: 1px;
  height: calc(var(--liquid-size) * 16.25);
  background: rgba(0, 0, 0, 0.08);
}

.p-first-catch-data_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: 100%;
  gap: calc(var(--liquid-size) * 1);
  padding-right: calc(var(--liquid-size) * 0.9375);
}

.p-first-catch-data_item {
  --bar-max: 84;
  --start: 0;
  --first-catch: 0;
  --range: calc((var(--first-catch) - var(--start)) / var(--bar-max) * 100%);
  --color: #48B3EE;
  --desc-bg: #DFF6F9;
  display: grid;
  -webkit-box-align: center;
          align-items: center;
  grid-template-columns: calc(var(--liquid-size) * 1.75) minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 0.5) calc(var(--liquid-size) * 1);
}
.p-first-catch-data_item.m-secondary {
  --color: #F7534F;
  --desc-bg: #FFEEEE;
}
.p-first-catch-data_item.m-tertiary {
  --color: #FFB802;
  --desc-bg: #FFF3D4;
}

.p-first-catch-data_item-year {
  opacity: 0.7;
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: 1;
}

.p-first-catch-data_item-bar-bg {
  display: block;
  width: 100%;
  height: calc(var(--liquid-size) * 0.1875);
  background: rgba(0, 0, 0, 0.08);
}

.p-first-catch-data_item-bar-value {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  left: calc((var(--start) + 5) / var(--bar-max) * 100%);
  width: 0;
  height: calc(var(--liquid-size) * 0.4375);
  margin-block: calc(var(--liquid-size) * -0.125);
  border-radius: 100vmax;
  background: var(--color);
  -webkit-transition: width 1.2s ease-in-out;
  transition: width 1.2s ease-in-out;
}
.p-first-catch-data_list.is-active .p-first-catch-data_item-bar-value {
  width: var(--range);
}

.p-first-catch-data_item-bar-icon {
  position: absolute;
  color: var(--color);
}
.p-first-catch-data_item-bar-icon.m-circle {
  left: calc(var(--liquid-size) * -0.3125);
  width: calc(var(--liquid-size) * 0.625);
  height: calc(var(--liquid-size) * 0.625);
}
.p-first-catch-data_item-bar-icon.m-star {
  right: calc(var(--liquid-size) * -0.375);
  width: calc(var(--liquid-size) * 0.75);
  height: calc(var(--liquid-size) * 0.75);
}

.p-first-catch-data_legend {
  align-self: flex-end;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.75);
}

.p-first-catch-data_legend-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.25);
}

.p-first-catch-data_legend-icon {
  color: #48B3EE;
}
.p-first-catch-data_legend-icon.m-circle {
  width: calc(var(--liquid-size) * 0.625);
  height: calc(var(--liquid-size) * 0.625);
}
.p-first-catch-data_legend-icon.m-star {
  width: calc(var(--liquid-size) * 0.75);
  height: calc(var(--liquid-size) * 0.75);
}

.p-first-catch-data_legend-text {
  font-size: calc(var(--liquid-size) * 0.6875);
  font-weight: 300;
  line-height: 1.4;
}

.p-total-catch-data {
  --max: 0;
  --height: calc(var(--liquid-size) * 10);
  position: relative;
  z-index: 0;
  width: 100%;
  height: var(--height);
  margin-top: calc(var(--liquid-size) * 0.75);
  margin-bottom: calc(var(--liquid-size) * 1.5);
}

.p-total-catch-data_labels {
  --value: 0;
  position: absolute;
  z-index: -10;
  bottom: 0;
  width: 100%;
}
.p-total-catch-data_labels span {
  display: grid;
  grid-template-columns: calc(var(--liquid-size) * 1.75) minmax(0, 1fr);
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 0.75);
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(calc(var(--value) / var(--max) * var(--height) * -1));
          transform: translateY(calc(var(--value) / var(--max) * var(--height) * -1));
  color: rgba(0, 0, 0, 0.8);
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: 1;
  text-align: center;
}
.p-total-catch-data_labels span::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(var(--liquid-size) * 0.0625);
  background: rgba(0, 0, 0, 0.08);
}

.p-total-catch-data_chart-wrapper {
  width: 100%;
  position: absolute;
  bottom: calc(var(--liquid-size) * -1.875);
}

.p-total-catch-data_chart {
  display: -webkit-box;
  display: flex;
  padding-left: calc(var(--liquid-size) * 2.5);
}

.p-total-catch-data_chart-item {
  --value: 0;
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1);
  position: relative;
}

.p-total-catch-data_chart-item-bar {
  width: calc(100% - calc(var(--liquid-size) * 0.25));
  height: 0;
  --transition-delay: calc(var(--delay) * 0.02s);
  border-radius: calc(var(--liquid-size) * 0.25) calc(var(--liquid-size) * 0.25) 0 0;
  background: #EBEBEB;
  -webkit-transition: height 0.8s ease-in-out var(--transition-delay);
  transition: height 0.8s ease-in-out var(--transition-delay);
}
.m-primary .p-total-catch-data_chart-item-bar {
  background: #48B3EE;
}
.p-total-catch-data_chart.is-active .p-total-catch-data_chart-item-bar {
  height: calc(var(--value) / var(--max) * var(--height));
}

.p-total-catch-data_chart-item-label {
  display: block;
  height: calc(var(--liquid-size) * 1.25);
  color: rgba(0, 0, 0, 0.8);
  font-size: calc(var(--liquid-size) * 0.6875);
  line-height: 1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.p-migration-route_inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  width: var(--contents);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2.5);
}

.p-migration-route_main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1);
}

.p-migration-route_desc {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1);
  color: #48B3EE;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 600;
  line-height: 1.8;
}
.p-migration-route_desc b {
  color: #F7534F;
  font-weight: inherit;
}

.p-migration-route_image {
  width: calc(var(--liquid-size) * 21.875);
  aspect-ratio: 350/404;
  overflow: hidden;
  border-radius: calc(var(--liquid-size) * 1.5);
}

.p-migration-route_source {
  margin-top: calc(var(--liquid-size) * -0.25);
  width: calc(var(--liquid-size) * 21.875);
  color: rgba(0, 0, 0, 0.5);
  font-size: calc(var(--liquid-size) * 0.75);
  font-weight: 300;
  line-height: 1.35;
}

.p-departure_inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  width: var(--contents);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2.5);
}

.p-departure_main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1);
}
.p-departure_main .splide__arrow {
  width: calc(var(--liquid-size) * 2);
  height: calc(var(--liquid-size) * 2);
  background: rgba(218, 240, 252, 0.8);
  border-radius: 50%;
  box-shadow: none;
}
.p-departure_main .splide__arrow svg {
  width: calc(var(--liquid-size) * 1);
  height: calc(var(--liquid-size) * 1);
  fill: #1C4F81;
}

.p-departure_card {
  width: 100%;
  margin-block: calc(var(--liquid-size) * 0.375);
  border-radius: calc(var(--liquid-size) * 0.75);
  overflow: hidden;
  box-shadow: 0 calc(var(--liquid-size) * 0.125) calc(var(--liquid-size) * 0.375) rgba(12, 148, 178, 0.2);
}

.p-departure_card-image {
  width: 100%;
  aspect-ratio: 350/197;
}

.p-departure_card-desc {
  padding: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 1);
  font-size: calc(var(--liquid-size) * 0.8125);
  line-height: 1.35;
}

.p-eat_inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  gap: calc(var(--liquid-size) * 2);
  width: var(--contents);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2.5);
}

.p-eat_main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  gap: calc(var(--liquid-size) * 1);
  width: 100%;
}

.p-eat_shop-list-wrapper {
  margin-block: calc(var(--liquid-size) * -0.5);
  margin-right: calc((100% - min(100vw, var(--liquid-size) * 48)) * 0.5);
  padding-block: calc(var(--liquid-size) * 0.5);
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(72, 179, 238, 0.4) transparent;
}

.p-eat_shop-list {
  display: -webkit-box;
  display: flex;
  gap: calc(var(--liquid-size) * 0.5);
}
.p-eat_shop-list li {
  flex-shrink: 0;
}
.p-eat_shop-list li:last-child {
  padding-right: calc(var(--liquid-size) * 1.25);
}

.p-eat_shop-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  width: calc(var(--liquid-size) * 10.8125);
  height: 100%;
  border-radius: calc(var(--liquid-size) * 0.75);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.p-eat_shop-item.m-more {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
@media (any-hover: hover) {
  .p-eat_shop-item:hover {
    opacity: 0.8;
  }
}

.p-eat_shop-image {
  width: 100%;
  aspect-ratio: 173/130;
}

.p-eat_shop-texts {
  padding: calc(var(--liquid-size) * 0.625) calc(var(--liquid-size) * 0.75);
}

.p-eat_shop-name {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 600;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-eat_shop-desc {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 300;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-eat_image {
  align-self: center;
  aspect-ratio: 350/230;
  overflow: hidden;
  border-radius: calc(var(--liquid-size) * 1.25);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .p-eat_image:hover {
    opacity: 0.8;
  }
}

@media (width >= 768px) {
  .p-eat_shop-list-wrapper {
    margin-block: calc(var(--liquid-size) * -0.5);
    margin-right: calc((100% - min(60vw, 37.5rem)) * 0.5);
    padding-block: calc(var(--liquid-size) * 0.5);
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(72, 179, 238, 0.4) #fff;
  }
}
@media (width >= 1200px) {
  .p-eat_shop-list-wrapper {
    margin-right: calc((100% - min(35vw, 31.25rem)) * 0.5);
  }
}
.p-event_inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  width: var(--contents);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2.5);
}

.p-event_main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
          align-items: center;
  gap: calc(var(--liquid-size) * 1);
}

.p-event_lead {
  color: #48B3EE;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.p-event_card {
  width: 100%;
  background: #fff;
  border-radius: calc(var(--liquid-size) * 0.75);
  overflow: hidden;
  box-shadow: 0 calc(var(--liquid-size) * 0.125) calc(var(--liquid-size) * 0.375) rgba(12, 148, 178, 0.2);
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .p-event_card:hover {
    color: #48B3EE;
  }
}

.p-event_card-image {
  width: 100%;
  aspect-ratio: 350/197;
}

.p-event_card-texts {
  padding: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 1);
}

.p-event_card-title {
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 600;
  line-height: 1.6;
}

.p-event_card-desc {
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 300;
  line-height: 1.5;
}

.u-inline-block {
  display: inline-block;
}