@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          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);
  text-wrap: balance;
}

: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;
  -webkit-box-shadow: 0 0 0 5px Canvas;
          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;
}

.c_pull .c_pull_ttl::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%20viewBox%3D%220%200%2016%2012%22%3E%20%3Cg%20id%3D%22txt%22%20transform%3D%22translate(-441%20-6855)%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M7.168%2C1.248a1%2C1%2C0%2C0%2C1%2C1.664%2C0l6.131%2C9.2A1%2C1%2C0%2C0%2C1%2C14.131%2C12H1.869a1%2C1%2C0%2C0%2C1-.832-1.555Z%22%20transform%3D%22translate(441%206855)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.btnStyle.-blank::after, .c_btn.-blank::after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.99%22%20height%3D%2211.655%22%20viewBox%3D%220%200%2011.99%2011.655%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7471%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207471%22%20transform%3D%22translate(-363.45%20-9027.795)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80076%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080076%22%20d%3D%22M-5943.681%2C16942.791h-2.674v8.5h8.5v-2.662%22%20transform%3D%22translate(6310.555%20-7912.591)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7470%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207470%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80076-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080076%22%20d%3D%22M-5941.418%2C16941.68h5v5%22%20transform%3D%22translate(6311%20-7912.98)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80077%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080077%22%20d%3D%22M-5942.552%2C16947.637l5.78-5.779%22%20transform%3D%22translate(6311.152%20-7913)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.99%22%20height%3D%2211.655%22%20viewBox%3D%220%200%2011.99%2011.655%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7471%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207471%22%20transform%3D%22translate(-363.45%20-9027.795)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80076%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080076%22%20d%3D%22M-5943.681%2C16942.791h-2.674v8.5h8.5v-2.662%22%20transform%3D%22translate(6310.555%20-7912.591)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7470%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207470%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80076-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080076%22%20d%3D%22M-5941.418%2C16941.68h5v5%22%20transform%3D%22translate(6311%20-7912.98)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_80077%22%20data-name%3D%22%E3%83%91%E3%82%B9%2080077%22%20d%3D%22M-5942.552%2C16947.637l5.78-5.779%22%20transform%3D%22translate(6311.152%20-7913)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.btnStyle.-more::after {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(20%2020)%20rotate(180)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%2220%22%20transform%3D%22translate(0%209.783)%22%20fill%3D%22none%22%20stroke%3D%22%230a1283%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20x1%3D%2220%22%20transform%3D%22translate(9.788%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230a1283%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(20%2020)%20rotate(180)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%2220%22%20transform%3D%22translate(0%209.783)%22%20fill%3D%22none%22%20stroke%3D%22%230a1283%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20x1%3D%2220%22%20transform%3D%22translate(9.788%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230a1283%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-margin-top: var(--scrollPadding);
  font-size: 100%;
}
*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input::-moz-focus-inner {
  padding: 0;
  margin: 0;
  border: 0;
}

ul,
ol,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

li,
td,
th,
dt,
dd,
p,
figcaption {
  text-align: inherit;
}

button,
input::-moz-focus-inner,
select,
textarea,
table {
  font-size: 100%;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

section {
  clear: both;
  position: relative;
  z-index: 2;
}

strong {
  font-weight: bold;
}

button {
  padding: 0;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

cite {
  font-style: normal;
}

fieldset {
  padding: 0;
  margin: 0;
  border-width: 0;
}

summary {
  display: block;
  list-style: none;
}

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

picture {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}

figure {
  padding: 0;
  margin: 0;
}
figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}
figure figcaption {
  margin: auto;
  text-align: left;
}

:root {
  --headerHeight: 8.5rem;
  --scrollPadding: 8.5rem;
}

html,
body {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  width: 100%;
  overflow: hidden;
  font-family: "M PLUS 1p", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.75;
  color: #333;
  letter-spacing: 0.04em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  body {
    font-size: clamp(1.4rem,3.7333333333vw,1.6rem);
  }
}

html {
  overflow: auto;
  font-size: 62.5%;
}
html.-disable {
  overflow: hidden;
}
html.-disable body {
  overflow: auto;
  scrollbar-gutter: stable;
}
html:has(*:popover-open) {
  overflow: hidden;
}
html:has(*:popover-open) body {
  overflow: auto;
  scrollbar-gutter: stable;
}
@media not screen and (min-width: 768px) {
  html:has(.ac_menu.-active) {
    overflow: hidden;
  }
  html:has(.ac_menu.-active) body {
    overflow: auto;
    scrollbar-gutter: stable;
  }
}

main {
  padding-top: 100vh;
}

p {
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 1.75;
  text-align: left;
  letter-spacing: 0.04em;
  word-break: normal;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  p {
    font-size: clamp(1.4rem,3.7333333333vw,1.6rem);
    line-height: 1.8571428571;
  }
}
p + p {
  margin-top: 1.88em;
}

::-moz-selection {
  color: #fff;
  background-color: #2864eb;
}

::selection {
  color: #fff;
  background-color: #2864eb;
}

a,
button {
  color: inherit;
  text-decoration: none;
}
a:not([class]),
button:not([class]) {
  color: #275ac8;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  a[href^="tel:"],
  button[href^="tel:"] {
    color: inherit !important;
    text-decoration: none !important;
    pointer-events: none;
  }
}
a[href^="mailto:"],
button[href^="mailto:"] {
  text-decoration: none;
}
a:focus-visible,
button:focus-visible {
  border: 0;
  outline: solid 0.2rem #2864eb;
  outline-offset: 0.3rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contentInner {
  width: 100%;
  max-width: 100rem;
  padding: 0;
  margin: 0 auto;
}
@media not screen and (min-width: 1011px) {
  .contentInner {
    padding: 0 2rem;
  }
}
@media not screen and (min-width: 768px) {
  .contentInner {
    padding: 0 min(5.3333333333vw,4rem);
  }
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important;
  }
}

.clearFix::after {
  display: block;
  clear: both;
  content: "";
}

.highlight {
  background: #f4f4f4;
}

.-inversion h2,
.-inversion h3,
.-inversion h4,
.-inversion h5 {
  color: #fff;
}
.-inversion h2 span,
.-inversion h3 span,
.-inversion h4 span,
.-inversion h5 span {
  color: #fff;
}
.-inversion p,
.-inversion li,
.-inversion td,
.-inversion th,
.-inversion a,
.-inversion figcaption {
  color: #fff;
}
.-inversion .logoSvg {
  color: #fff;
}

.txtHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
}

.countReset {
  counter-reset: number 0;
}

.-txtCaution {
  position: relative;
  display: inline-block;
  padding-left: 1em;
  line-height: 2.2857142857;
  text-indent: -1.2em;
  letter-spacing: 0.01em;
  font-size: 1.4rem;
}
@media not screen and (min-width: 768px) {
  .-txtCaution {
    font-size: clamp(1.2rem,3.2vw,1.4rem);
    line-height: 1.5;
  }
}
.-txtCaution::before {
  margin-right: 0.2em;
  content: "※";
}

.skipLink {
  opacity: 0;
}
.skipLink:focus-visible {
  z-index: 99;
  width: 100%;
  height: 1.5em;
  clip: unset;
  -webkit-clip-path: none;
          clip-path: none;
  color: #fff;
  background-color: #2864eb;
  outline-offset: 0;
  opacity: 1;
}

.frameWrapper iframe {
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 452/360;
  border: 0;
}

.-txtMarker {
  line-height: 1.2 !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #2864eb)) !important;
  background: linear-gradient(transparent 75%, #2864eb 75%) !important;
}

.-txtTable{
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.resImg {
  max-width: 100%;
  max-height: 100%;
}

/* ボックス  */
.roundBox {
  position: relative;
  z-index: 1;
  margin: auto;
  background-color: #fff;
  border: 2px solid #2864f0;
  border-radius: clamp(0px, calc(4 / 1366 * 100vw), 4px);
  background-color: #73A5FF;
  padding: 20px;
}
@media not screen and (min-width: 768px) {
  .roundBox {
    padding: 2.6666666667vw;
    border-radius: 1.0666666667vw;
    border-width: 0.5333333333vw;
  }
}
.roundBox_ttl {
  font-size: 24px;
  font-weight: bold;
}
@media not screen and (min-width: 768px) {
  .roundBox_ttl {
    font-size: 5.3333333333vw;
    width: calc(100% + 6px);
  }
}
.roundBox_ttl .en {
  font-size: 26px;
  font-family: "Dangrek", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}
@media not screen and (min-width: 768px) {
  .roundBox_ttl .en {
    font-size: 6.4vw;
  }
}
.roundBox_subTtl {
  margin-top: 28px;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
@media not screen and (min-width: 768px) {
  .roundBox_subTtl {
    font-size: 6.9333333333vw;
    width: calc(100% + 24px);
  }
}
.roundBox .nameList {
  margin-top: 16px;
}
@media not screen and (min-width: 768px) {
  .roundBox .nameList {
    margin-top: 4.5333333333vw;
  }
}
.roundBox .nameList li {
  font-size: 14px;
  font-weight: 500;
  color: #777;
  letter-spacing: -0.01em;
}
@media not screen and (min-width: 768px) {
  .roundBox .nameList li:nth-child(1) {
    margin-top: 0;
  }
  .roundBox .nameList li {
    font-size: 3.4666666667vw;
    margin-top: 1.0666666667vw;
  }
}
.roundBox .boxInner {
  background-color: #fff;
  border: 2px solid #2864f0;
  border-radius: clamp(0px, calc(40 / 1366 * 100vw), 40px);
  padding: 60px;
}
@media not screen and (min-width: 768px) {
  .roundBox .boxInner {
    border-radius: 6.4vw;
    padding: 8.5333333333vw;
    border-width: 0.5333333333vw;
  }
}

@-webkit-keyframes kamifubukiMove {
  0% {
    translate: -30px -40px;
  }
  50% {
    translate: 30px -20px;
  }
  100% {
    translate: 0px 0px;
  }
}

@keyframes kamifubukiMove {
  0% {
    translate: -30px -40px;
  }
  50% {
    translate: 30px -20px;
  }
  100% {
    translate: 0px 0px;
  }
}
.bgBox {
  position: relative;
}
.bgBox::before {
  position: absolute;
  inset: -2rem auto auto -2.4rem;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background-color: #7ea2f6;
  border: solid 0.15rem #2864f0;
  border-radius: 2.6rem;
  outline: 0.15rem dashed #2864f0;
  outline-offset: -1rem;
}
@media not screen and (min-width: 768px) {
  .bgBox::before {
    inset: -1rem auto auto -1rem;
    border-width: 0.2rem;
    border-radius: 4.3rem;
    outline-width: 0.1rem;
    outline-offset: -0.7rem;
  }
}

.contentInner .deco {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}
.contentInner .deco img {
  max-width: unset;
  height: auto;
}
@media not screen and (min-width: 768px) {
  .contentInner .deco img {
    width: 100%;
  }
}
.contentInner .deco {
  opacity: 0;
}
.contentInner .deco:not(.kamifubuki) {
  translate: -20px 20px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.contentInner .deco.-active {
  translate: 0 0;
  opacity: 1;
}
.contentInner .deco.kamifubuki.-active {
  -webkit-animation: kamifubukiMove 1.6s 0.4s ease forwards;
          animation: kamifubukiMove 1.6s 0.4s ease forwards;
  opacity: 1;
  -webkit-transition: opacity 0.4s 0.4s;
  transition: opacity 0.4s 0.4s;
}

/* /ボックス  */
/* ボタン  */
.btnStyle {
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
@media not screen and (min-width: 768px) {
  .btnStyle {
    height: min(19.2vw,14.4rem);
    font-size: min(5.8666666667vw,4.4rem);
  }
}
.btnStyle::after {
  position: absolute;
  inset: 0 2.4rem 0 auto;
  width: 4.3rem;
  height: 4.3rem;
  margin: auto;
  content: "";
  background-color: #2864eb;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_37602%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2037602%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.749%22%20height%3D%2214.27%22%20viewBox%3D%220%200%2014.749%2014.27%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_8848%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%208848%22%20width%3D%2214.749%22%20height%3D%2214.27%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10060%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010060%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_92388%22%20data-name%3D%22%E3%83%91%E3%82%B9%2092388%22%20d%3D%22M7.727.454A1.648%2C1.648%2C0%2C1%2C0%2C5.455%2C2.842l2.78%2C2.646H1.648a1.648%2C1.648%2C0%2C1%2C0%2C0%2C3.3H8.236l-2.78%2C2.646a1.648%2C1.648%2C0%2C0%2C0%2C2.271%2C2.387l7.022-6.681Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.4rem;
  border-radius: 50%;
  -webkit-transition: background-color 0.4s, right 0.4s, left 0.4s;
  transition: background-color 0.4s, right 0.4s, left 0.4s;
}
@media not screen and (min-width: 768px) {
  .btnStyle::after {
    width: min(10.4vw,7.8rem);
    height: min(10.4vw,7.8rem);
    background-size: min(3.7333333333vw,2.8rem) min(3.4666666667vw,2.6rem);
  }
}
@media (hover: hover) {
  .btnStyle:hover {
    color: #fff;
    background-color: #2864eb;
  }
  .btnStyle:hover::after {
    right: 1.6rem;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_37602%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2037602%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.749%22%20height%3D%2214.27%22%20viewBox%3D%220%200%2014.749%2014.27%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_8848%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%208848%22%20width%3D%2214.749%22%20height%3D%2214.27%22%20fill%3D%22%232864eb%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10060%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010060%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_92388%22%20data-name%3D%22%E3%83%91%E3%82%B9%2092388%22%20d%3D%22M7.727.454A1.648%2C1.648%2C0%2C1%2C0%2C5.455%2C2.842l2.78%2C2.646H1.648a1.648%2C1.648%2C0%2C1%2C0%2C0%2C3.3H8.236l-2.78%2C2.646a1.648%2C1.648%2C0%2C0%2C0%2C2.271%2C2.387l7.022-6.681Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%232864eb%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.btnStyle:focus-visible {
  color: #fff;
  background-color: #2864eb;
}
.btnStyle:focus-visible::after {
  right: 1.6rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_37602%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2037602%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.749%22%20height%3D%2214.27%22%20viewBox%3D%220%200%2014.749%2014.27%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_8848%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%208848%22%20width%3D%2214.749%22%20height%3D%2214.27%22%20fill%3D%22%232864eb%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10060%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010060%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_92388%22%20data-name%3D%22%E3%83%91%E3%82%B9%2092388%22%20d%3D%22M7.727.454A1.648%2C1.648%2C0%2C1%2C0%2C5.455%2C2.842l2.78%2C2.646H1.648a1.648%2C1.648%2C0%2C1%2C0%2C0%2C3.3H8.236l-2.78%2C2.646a1.648%2C1.648%2C0%2C0%2C0%2C2.271%2C2.387l7.022-6.681Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%232864eb%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.btnStyle.-invert::after {
  background-color: #fff;
}
@media (hover: hover) {
  .btnStyle.-invert:hover {
    color: #2864eb;
    background-color: transparent;
  }
  .btnStyle.-invert:hover::after {
    background-color: #2864eb;
  }
}
.btnStyle.-invert:focus-visible {
  color: #2864eb;
  background-color: transparent;
}
.btnStyle.-invert:focus-visible::after {
  background-color: #2864eb;
}
.btnStyle.-reversal::after {
  inset: 0 auto 0 2.4rem;
  rotate: 180deg;
}
@media (hover: hover) {
  .btnStyle.-reversal:hover::after {
    left: 1.6rem;
  }
}
.btnStyle.-reversal:focus-visible::after {
  left: 1.6rem;
}
.btnStyle.-blank::after {
  background-color: #2864eb;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media (hover: hover) {
  .btnStyle.-blank:hover::after {
    right: 2.4rem;
    background-color: #fff;
  }
}
.btnStyle.-blank:focus-visible::after {
  right: 2.4rem;
  background-color: #fff;
}
.btnStyle.-more::after {
  width: 2rem;
  height: 2rem;
}
@media (hover: hover) {
  .btnStyle.-more:hover::after {
    right: 2.4rem;
  }
}
.btnStyle.-more:focus-visible::after {
  right: 2.4rem;
}
.btnStyle.-baloon::before {
  position: absolute;
  inset: -6rem auto auto -6rem;
  width: 16.2rem;
  height: 12.6rem;
  margin: auto;
  content: "";
  background: url("/img/entry_illust.png") no-repeat center/contain;
}
@media not screen and (min-width: 768px) {
  .btnStyle.-baloon::before {
    content: none;
  }
}

.footBtn {
  outline-color: #fff;
}
.footBtn::before {
  content: "";
  -webkit-transition: scale 0.4s;
  transition: scale 0.4s;
}
@media not screen and (min-width: 768px) {
  .footBtn {
    max-width: min(78.6666666667vw,59rem);
    height: min(19.7333333333vw,14.8rem);
  }
  .footBtn span {
    font-size: min(2.6666666667vw,2rem);
  }
  .footBtn img {
    max-width: min(57.0666666667vw,42.8rem);
  }
}
@media (hover: hover) {
  .footBtn:hover::before {
    scale: 1.1;
  }
}
.footBtn:focus-visible::before {
  scale: 1.1;
}

.c_btn {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  min-height: 6.2rem;
  margin: auto;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.04em;
  border-radius: 999rem;
  background-color: #2864f0;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
  font-size: 1.8rem;
  font-family: "Dangrek", sans-serif;
}
@media not screen and (min-width: 768px) {
  .c_btn {
    font-size: clamp(1.8rem,4.8vw,1.8rem);
  }
}
@media (hover: hover) {
  .c_btn:hover {
    background-color: #0040D6;
  }
}
.c_btn:focus-visible {
  outline-offset: 1rem;
}
.c_btn.-blank::after {
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border: 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  rotate: none;
}

/* /ボタン  */
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes showTtl {
  0% {
    left: -10%;
    opacity: 0;
    scale: 0.7;
  }
  100% {
    left: 0;
    opacity: 1;
    scale: 1;
  }
}
@keyframes showTtl {
  0% {
    left: -10%;
    opacity: 0;
    scale: 0.7;
  }
  100% {
    left: 0;
    opacity: 1;
    scale: 1;
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  5% {
    -webkit-transform: translate(0.5px, -5px);
            transform: translate(0.5px, -5px);
  }
  10% {
    -webkit-transform: translate(1px, -7px);
            transform: translate(1px, -7px);
  }
  15% {
    -webkit-transform: translate(0.5px, -5px);
            transform: translate(0.5px, -5px);
  }
  20% {
    -webkit-transform: translate(0px, -2px);
            transform: translate(0px, -2px);
  }
  25% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, -4px);
            transform: translate(0px, -4px);
  }
  35% {
    -webkit-transform: translate(-0.5px, -6px);
            transform: translate(-0.5px, -6px);
  }
  40% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px);
  }
  45% {
    -webkit-transform: translate(-0.5px, 4px);
            transform: translate(-0.5px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, 7px);
            transform: translate(0px, 7px);
  }
  55% {
    -webkit-transform: translate(0px, 8px);
            transform: translate(0px, 8px);
  }
  60% {
    -webkit-transform: translate(-0.5px, 6px);
            transform: translate(-0.5px, 6px);
  }
  65% {
    -webkit-transform: translate(-1px, 4px);
            transform: translate(-1px, 4px);
  }
  70% {
    -webkit-transform: translate(-1px, 2px);
            transform: translate(-1px, 2px);
  }
  75% {
    -webkit-transform: translate(-0.5px, -1px);
            transform: translate(-0.5px, -1px);
  }
  80% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  85% {
    -webkit-transform: translate(0.25px, -2px);
            transform: translate(0.25px, -2px);
  }
  90% {
    -webkit-transform: translate(0.5px, -6px);
            transform: translate(0.5px, -6px);
  }
  95% {
    -webkit-transform: translate(0.25px, -2px);
            transform: translate(0.25px, -2px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes floating {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  5% {
    -webkit-transform: translate(0.5px, -5px);
            transform: translate(0.5px, -5px);
  }
  10% {
    -webkit-transform: translate(1px, -7px);
            transform: translate(1px, -7px);
  }
  15% {
    -webkit-transform: translate(0.5px, -5px);
            transform: translate(0.5px, -5px);
  }
  20% {
    -webkit-transform: translate(0px, -2px);
            transform: translate(0px, -2px);
  }
  25% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, -4px);
            transform: translate(0px, -4px);
  }
  35% {
    -webkit-transform: translate(-0.5px, -6px);
            transform: translate(-0.5px, -6px);
  }
  40% {
    -webkit-transform: translate(-1px, 0px);
            transform: translate(-1px, 0px);
  }
  45% {
    -webkit-transform: translate(-0.5px, 4px);
            transform: translate(-0.5px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, 7px);
            transform: translate(0px, 7px);
  }
  55% {
    -webkit-transform: translate(0px, 8px);
            transform: translate(0px, 8px);
  }
  60% {
    -webkit-transform: translate(-0.5px, 6px);
            transform: translate(-0.5px, 6px);
  }
  65% {
    -webkit-transform: translate(-1px, 4px);
            transform: translate(-1px, 4px);
  }
  70% {
    -webkit-transform: translate(-1px, 2px);
            transform: translate(-1px, 2px);
  }
  75% {
    -webkit-transform: translate(-0.5px, -1px);
            transform: translate(-0.5px, -1px);
  }
  80% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  85% {
    -webkit-transform: translate(0.25px, -2px);
            transform: translate(0.25px, -2px);
  }
  90% {
    -webkit-transform: translate(0.5px, -6px);
            transform: translate(0.5px, -6px);
  }
  95% {
    -webkit-transform: translate(0.25px, -2px);
            transform: translate(0.25px, -2px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
.mvArea {
  height: 100vh;
  height: 100dvh;
  background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DBE9FF));
  background: linear-gradient(#FEFEFE, #DBE9FF);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  min-height: calc(768 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .mvArea {
    min-height: unset;
  }
}
.mvArea .hill {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  opacity: 1;
  height: calc(400 / 1366 * 100vw);
  z-index: 1;
}
@media not screen and (min-width: 768px) {
  .mvArea .hill {
    height: 64vw;
  }
}
.mvArea .hill img {
  position: absolute;
}
.mvArea .hill .hill01 {
  position: absolute;
  bottom: calc(50 / 1366 * 100vw);
  width: 100%;
  height: calc(284 / 1366 * 100vw);
  background-image: url(../img/hill01.png);
  background-size: auto 100%;
  background-position-x: calc(-50 / 1366 * 100vw);
  background-position-y: calc(500 / 1366 * 100vw);
  -webkit-transition: background-position 0.8s 0.3s;
  transition: background-position 0.8s 0.3s;
  background-repeat: repeat-x;
  z-index: 1;
}
@media not screen and (min-width: 768px) {
  .mvArea .hill .hill01 {
    bottom: 13.6vw;
    height: 48.2666666667vw;
    background-position-x: 101.3333333333vw;
    background-position-y: 133.3333333333vw;
    background-image: url(../img/hill01_sp.png);
  }
}
.mvArea .hill .hill02 {
  position: absolute;
  bottom: calc(0 / 1366 * 100vw);
  width: 100%;
  height: calc(426 / 1366 * 100vw);
  background-image: url(../img/hill02.png);
  background-size: auto 100%;
  background-position-x: calc(-50 / 1366 * 100vw);
  background-position-y: calc(400 / 1366 * 100vw);
  -webkit-transition: background-position 0.8s 0.3s;
  transition: background-position 0.8s 0.3s;
  background-repeat: repeat-x;
  z-index: 2;
}
@media not screen and (min-width: 768px) {
  .mvArea .hill .hill02 {
    background-position-x: clamp(-9999px, -50.6666666667vw, -190px);
    background-position-y: 65.6vw;
    height: 65.6vw;
  }
}
.mvArea .hill .mvFreeer05 {
  position: relative;
  z-index: 3;
}
.mvArea .hill .mvFreeer05 img {
  opacity: 0;
  top: calc(53 / 1366 * 100vw);
  left: calc(153 / 1366 * 100vw);
  width: calc(1154 / 1366 * 100vw);
  z-index: 3;
}
@media not screen and (min-width: 768px) {
  .mvArea .hill .mvFreeer05 img {
    top: 20.8vw;
    left: 0;
    width: 100vw;
  }
}
.mvArea .hill .mvFreeer06 {
  position: relative;
  z-index: 3;
}
.mvArea .hill .mvFreeer06 img {
  opacity: 0;
  bottom: calc(-379 / 1366 * 100vw);
  left: calc(42 / 1366 * 100vw);
  width: calc(1252 / 1366 * 100vw);
  z-index: 3;
}
.mvArea .ctaBanner {
  opacity: 1;
  z-index: 6;
}
.mvArea .ctaBanner img {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: clamp(0px, calc(40 / 1366 * 100vw), 40px);
  translate: 0 200%;
  width: clamp(0px, calc(481 / 1366 * 100vw), 481px);
  height: auto;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media not screen and (min-width: 768px) {
  .mvArea .ctaBanner img {
    left: 4.2666666667vw;
    width: 91.4666666667vw;
  }
}
.mvArea .fadeInWrap {
  position: relative;
  width: 100%;
  max-width: calc(1366 / 1366 * 100vw);
  height: 100%;
  max-height: calc(680 / 1366 * 100vw);
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.mvArea .fadeInWrap img {
  position: absolute;
  opacity: 0;
  height: auto;
  translate: -20px 20px;
}
.mvArea .fadeInWrap .bird img {
  opacity: 1;
  top: calc(550 / 1366 * 100vw);
  left: calc(-560 / 1366 * 100vw);
  width: calc(540 / 1366 * 100vw);
  -webkit-transition: 0.8s;
  transition: 0.8s;
  translate: 0px 0px;
}
@media not screen and (min-width: 768px) {
  .mvArea .fadeInWrap .bird img {
    width: 77.4666666667vw;
    top: 29.3333333333vw;
    left: clamp(-9999px, -80vw, -300px);
  }
}
.mvArea .fadeInWrap .mvTitle {
  pointer-events: none;
}
.mvArea .fadeInWrap .mvTitle img {
  top: calc(128 / 1366 * 100vw);
  left: calc(207 / 1366 * 100vw);
  width: calc(478.7 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .mvArea .fadeInWrap .mvTitle img {
    top: clamp(-9999px, -47.2vw, -177px);
    left: 11.7333333333vw;
    width: 77.4666666667vw;
  }
}
.mvArea .fadeInWrap .mvFreeer01 {
  pointer-events: none;
}
.mvArea .fadeInWrap .mvFreeer01 img {
  top: calc(15 / 1366 * 100vw);
  left: calc(90 / 1366 * 100vw);
  width: calc(860 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .mvArea .fadeInWrap .mvFreeer01 img {
    top: clamp(-9999px, -44vw, -165px);
    left: 0px;
    width: 100vw;
  }
}
.mvArea .fadeInWrap .mvFreeer02 img {
  top: calc(-5 / 1366 * 100vw);
  left: calc(520 / 1366 * 100vw);
  width: calc(685.5 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .mvArea .fadeInWrap .mvFreeer02 img {
    top: 30.6666666667vw;
    left: 0px;
    width: 100vw;
  }
}
.mvArea .fadeInWrap .mvFreeer03 img {
  top: calc(40 / 1366 * 100vw);
  left: calc(65 / 1366 * 100vw);
  width: calc(1108 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .mvArea .fadeInWrap .mvFreeer03 img {
    display: none;
  }
}
.mvArea .fadeInWrap .mvFreeer04 {
  pointer-events: none;
}
.mvArea .fadeInWrap .mvFreeer04 img {
  top: calc(-11 / 1366 * 100vw);
  left: calc(-27 / 1366 * 100vw);
  width: calc(1433 / 1366 * 100vw);
  max-width: unset;
}
@media not screen and (min-width: 768px) {
  .mvArea .fadeInWrap .mvFreeer04 img {
    top: clamp(-9999px, -44vw, -165px);
    left: 0vw;
    width: 100vw;
  }
}
.mvArea.-opening .hill .hill01 {
  background-position-x: calc(-279 / 1366 * 100vw);
  background-position-y: 0 !important;
}
@media not screen and (min-width: 768px) {
  .mvArea.-opening .hill .hill01 {
    background-position-x: 101.3333333333vw;
  }
}
.mvArea.-opening .hill .hill02 {
  background-position-x: calc(-265 / 1366 * 100vw);
  background-position-y: calc(90 / 1366 * 100vw) !important;
}
@media not screen and (min-width: 768px) {
  .mvArea.-opening .hill .hill02 {
    background-position-x: clamp(-9999px, -63.4666666667vw, -238px);
    background-position-y: 10.6666666667vw !important;
  }
}
.mvArea.-opening .fadeInWrap .bird {
  pointer-events: none;
}
.mvArea.-opening .fadeInWrap .bird img {
  top: calc(130 / 1366 * 100vw);
  left: calc(715 / 1366 * 100vw);
  width: calc(517.2 / 1366 * 100vw);
  -webkit-transition-timing-function: cubic-bezier(0.54, 0.93, 0.51, 0.99);
          transition-timing-function: cubic-bezier(0.54, 0.93, 0.51, 0.99);
}
@media not screen and (min-width: 768px) {
  .mvArea.-opening .fadeInWrap .bird img {
    top: clamp(-9999px, -2.4vw, -9px);
    left: 8vw;
    width: 83.6vw;
  }
}
.mvArea.-opening02 .mvFreeer01 img,
.mvArea.-opening02 .mvFreeer02 img,
.mvArea.-opening02 .mvFreeer03 img,
.mvArea.-opening02 .mvFreeer04 img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  translate: 0px 0px;
  -webkit-transition-timing-function: cubic-bezier(0.54, 0.93, 0.51, 0.99);
          transition-timing-function: cubic-bezier(0.54, 0.93, 0.51, 0.99);
}
.mvArea.-opening02 .mvFreeer01 {
  -webkit-animation: floating 25s -5s linear 3 forwards;
          animation: floating 25s -5s linear 3 forwards;
}
.mvArea.-opening02 .mvFreeer01 img {
  opacity: 1;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.mvArea.-opening02 .mvFreeer02 {
  -webkit-animation: floating 30s -10s linear 3 forwards;
          animation: floating 30s -10s linear 3 forwards;
}
.mvArea.-opening02 .mvFreeer02 img {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.mvArea.-opening02 .mvFreeer03 {
  -webkit-animation: floating 35s -15s linear 3 forwards;
          animation: floating 35s -15s linear 3 forwards;
}
.mvArea.-opening02 .mvFreeer03 img {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.mvArea.-opening02 .mvFreeer04 {
  -webkit-animation: floating 40s -20s linear 3 forwards;
          animation: floating 40s -20s linear 3 forwards;
}
.mvArea.-opening02 .mvFreeer04 img {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.mvArea.-opening02 .hill img {
  -webkit-transition: 1.2s;
  transition: 1.2s;
}
.mvArea.-opening02 .hill .mvFreeer05 img {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media not screen and (min-width: 768px) {
  .mvArea.-opening02 .hill .mvFreeer06 {
    display: none;
  }
}
.mvArea.-opening02 .hill .mvFreeer06 img {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.mvArea.-opening03 .fadeInWrap .mvTitle {
  -webkit-animation: floating 45s -25s linear 3 forwards;
          animation: floating 45s -25s linear 3 forwards;
}
.mvArea.-opening03 .fadeInWrap .mvTitle img {
  opacity: 1;
  translate: 0px 0px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.joinTicket {
  position: fixed;
  bottom: clamp(0px, calc(30 / 1366 * 100vw), 30px);
  right: clamp(0px, calc(50 / 1366 * 100vw), 50px);
  z-index: 101;
  translate: 0 300%;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media not screen and (min-width: 768px) {
  .joinTicket {
    bottom: 30.9333333333vw;
  }
}
@media (hover: hover) {
  .joinTicket:hover svg path.ticketBody {
    fill: #FFC249;
  }
}
.joinTicket .joinPic {
  display: block;
}
@media not screen and (min-width: 768px) {
  .joinTicket svg {
    width: 52.8vw;
  }
}
.joinTicket svg path.ticketBody {
  fill: #FFD278;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main.-opening03 .joinTicket {
  translate: 0 0;
}
#main.-opening03 .ctaBanner img {
  translate: 0 0;
}

.scrolltrigger01 {
  padding-bottom: calc(460 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .scrolltrigger01 {
    padding-bottom: 122.6666666667vw;
  }
}

.scrolltrigger02 {
  padding-bottom: calc(360 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .scrolltrigger02 {
    padding-bottom: 122.6666666667vw;
  }
}

.scrolltrigger03 {
  padding-bottom: calc(600 / 1366 * 100vw);
}
@media not screen and (min-width: 768px) {
  .scrolltrigger03 {
    padding-bottom: 122.6666666667vw;
  }
}

.bgClouds .cloud {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 100%;
  background-position: 0 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.bgClouds .cloud_s {
  top: 20%;
  background-image: url("../img/cloud_s.png");
  background-position: 0 0;
  height: clamp(0px, calc(48 / 1366 * 100vw), 48px);
}
@media not screen and (min-width: 768px) {
  .bgClouds .cloud_s {
    height: 10.6666666667vw;
  }
}
.bgClouds .cloud_l {
  top: 80%;
  background-image: url("../img/cloud_l.png");
  background-position: 0px 0;
  height: clamp(0px, calc(80 / 1366 * 100vw), 80px);
}
@media not screen and (min-width: 768px) {
  .bgClouds .cloud_l {
    height: 16vw;
  }
}
.bgClouds .cloud_2 {
  top: 50%;
  background-image: url("../img/cloud_2.png");
  background-position: 0px 0;
  height: clamp(0px, calc(120 / 1366 * 100vw), 120px);
}
@media not screen and (min-width: 768px) {
  .bgClouds .cloud_2 {
    height: 26.6666666667vw;
  }
}

/* スライド  */
/* /スライド  */
/* 見出し  */
.ttl_img{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5.4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* /見出し  */
/* stylelint-disable no-descending-specificity */
@-webkit-keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
@keyframes scale {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}
.scrollIn,
.loadIn {
  opacity: 0;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: transform 1s ease-out, opacity 1s ease-out;
  transition: transform 1s ease-out, opacity 1s ease-out, -webkit-transform 1s ease-out;
}
.scrollIn.-up,
.loadIn.-up {
  -webkit-transform: translate(0, 5rem);
          transform: translate(0, 5rem);
}
.scrollIn.-down,
.loadIn.-down {
  -webkit-transform: translate(0, -5rem);
          transform: translate(0, -5rem);
}
.scrollIn.-right,
.loadIn.-right {
  -webkit-transform: translate(5rem, 0);
          transform: translate(5rem, 0);
}
.scrollIn.-left,
.loadIn.-left {
  -webkit-transform: translate(-5rem, 0);
          transform: translate(-5rem, 0);
}
.scrollIn.-scale,
.loadIn.-scale {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.scrollIn.-bound,
.loadIn.-bound {
  -webkit-transform: translate(0, -5rem);
          transform: translate(0, -5rem);
}
.scrollIn.-arcRight,
.loadIn.-arcRight {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transform-origin: center 150%;
          transform-origin: center 150%;
}
.scrollIn.-arcLeft,
.loadIn.-arcLeft {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transform-origin: center 150%;
          transform-origin: center 150%;
}
.scrollIn.-active,
.loadIn.-active {
  opacity: 1;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: transform 1s ease-out, opacity 1s ease-out;
  transition: transform 1s ease-out, opacity 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transform: none;
          transform: none;
}
.scrollIn.-active.-bound,
.loadIn.-active.-bound {
  -webkit-animation: bound 1.2s ease 0s 1 forwards;
          animation: bound 1.2s ease 0s 1 forwards;
}

.scroll.-leftSlide {
  position: relative;
  display: table;
  color: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.scroll.-leftSlide::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 0;
  height: 101%;
  margin: auto;
  content: "" !important;
  background: #333;
  -webkit-transform-origin: right;
          transform-origin: right;
}
.scroll.-leftSlide > * {
  padding: 0;
  margin: auto;
  opacity: 0;
}
.scroll.-leftSlide.-active {
  color: #333;
  -webkit-transition: color 0s;
  transition: color 0s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.scroll.-leftSlide.-active::before {
  -webkit-animation: leftSlide 1s ease-in 0s 1 forwards;
          animation: leftSlide 1s ease-in 0s 1 forwards;
}
.scroll.-leftSlide.-active > * {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.scroll.-noize {
  text-shadow: rgba;
}
.scroll.-mask {
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}
.scroll.-mask.-active {
  -webkit-clip-path: polygon(0 0, 400% 0, 0 500%);
          clip-path: polygon(0 0, 400% 0, 0 500%);
  -webkit-transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s, -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(2) {
  -webkit-animation-delay: 1600ms;
          animation-delay: 1600ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(3) {
  -webkit-animation-delay: 2400ms;
          animation-delay: 2400ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(4) {
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(5) {
  -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(6) {
  -webkit-animation-delay: 4800ms;
          animation-delay: 4800ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(7) {
  -webkit-animation-delay: 5600ms;
          animation-delay: 5600ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(8) {
  -webkit-animation-delay: 6400ms;
          animation-delay: 6400ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(9) {
  -webkit-animation-delay: 7200ms;
          animation-delay: 7200ms;
}
.scroll.-mask.-active.-each ~ .-each:nth-of-type(10) {
  -webkit-animation-delay: 8000ms;
          animation-delay: 8000ms;
}
.scroll.-maskImg {
  overflow: hidden;
}
.scroll.-maskImg img {
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  background-color: #fff;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.scroll.-maskImg.-active img {
  -webkit-animation: imgFade 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: imgFade 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.scroll.-scaleIn {
  opacity: 0;
  scale: 1.2;
}
.scroll.-scaleIn.-active {
  opacity: 1;
  -webkit-transition: scale 1.2s cubic-bezier(0, 0, 0, 1), opacity 1.2s cubic-bezier(0, 0, 0, 1);
  transition: scale 1.2s cubic-bezier(0, 0, 0, 1), opacity 1.2s cubic-bezier(0, 0, 0, 1);
  scale: none;
}

@-webkit-keyframes imgFade {
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  60% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes imgFade {
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  60% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.typTxt {
  opacity: 0;
}
.typTxt > font {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  line-height: 1;
  opacity: 0;
  -webkit-transform: scale(2.3) translate(-5px);
          transform: scale(2.3) translate(-5px);
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.typTxt > font.br {
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.typTxt.-role > font {
  -webkit-transform: translate(-10px, 10px) rotate(-35deg);
          transform: translate(-10px, 10px) rotate(-35deg);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.typTxt.-wave > font {
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.typTxt.-active {
  opacity: 1;
}
.typTxt.-active > font {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: none;
          transform: none;
}
.typTxt.-active > font:nth-of-type(1) {
  -webkit-transition-delay: 580ms;
          transition-delay: 580ms;
}
.typTxt.-active > font:nth-of-type(2) {
  -webkit-transition-delay: 660ms;
          transition-delay: 660ms;
}
.typTxt.-active > font:nth-of-type(3) {
  -webkit-transition-delay: 740ms;
          transition-delay: 740ms;
}
.typTxt.-active > font:nth-of-type(4) {
  -webkit-transition-delay: 820ms;
          transition-delay: 820ms;
}
.typTxt.-active > font:nth-of-type(5) {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
.typTxt.-active > font:nth-of-type(6) {
  -webkit-transition-delay: 980ms;
          transition-delay: 980ms;
}
.typTxt.-active > font:nth-of-type(7) {
  -webkit-transition-delay: 1060ms;
          transition-delay: 1060ms;
}
.typTxt.-active > font:nth-of-type(8) {
  -webkit-transition-delay: 1140ms;
          transition-delay: 1140ms;
}
.typTxt.-active > font:nth-of-type(9) {
  -webkit-transition-delay: 1220ms;
          transition-delay: 1220ms;
}
.typTxt.-active > font:nth-of-type(10) {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
.typTxt.-active > font:nth-of-type(11) {
  -webkit-transition-delay: 1380ms;
          transition-delay: 1380ms;
}
.typTxt.-active > font:nth-of-type(12) {
  -webkit-transition-delay: 1460ms;
          transition-delay: 1460ms;
}
.typTxt.-active > font:nth-of-type(13) {
  -webkit-transition-delay: 1540ms;
          transition-delay: 1540ms;
}
.typTxt.-active > font:nth-of-type(14) {
  -webkit-transition-delay: 1620ms;
          transition-delay: 1620ms;
}
.typTxt.-active > font:nth-of-type(15) {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}
.typTxt.-active > font:nth-of-type(16) {
  -webkit-transition-delay: 1780ms;
          transition-delay: 1780ms;
}
.typTxt.-active > font:nth-of-type(17) {
  -webkit-transition-delay: 1860ms;
          transition-delay: 1860ms;
}
.typTxt.-active > font:nth-of-type(18) {
  -webkit-transition-delay: 1940ms;
          transition-delay: 1940ms;
}
.typTxt.-active > font:nth-of-type(19) {
  -webkit-transition-delay: 2020ms;
          transition-delay: 2020ms;
}
.typTxt.-active > font:nth-of-type(20) {
  -webkit-transition-delay: 2100ms;
          transition-delay: 2100ms;
}
.typTxt.-active > font:nth-of-type(21) {
  -webkit-transition-delay: 2180ms;
          transition-delay: 2180ms;
}
.typTxt.-active > font:nth-of-type(22) {
  -webkit-transition-delay: 2260ms;
          transition-delay: 2260ms;
}
.typTxt.-active > font:nth-of-type(23) {
  -webkit-transition-delay: 2340ms;
          transition-delay: 2340ms;
}
.typTxt.-active > font:nth-of-type(24) {
  -webkit-transition-delay: 2420ms;
          transition-delay: 2420ms;
}
.typTxt.-active > font:nth-of-type(25) {
  -webkit-transition-delay: 2500ms;
          transition-delay: 2500ms;
}
.typTxt.-active > font:nth-of-type(26) {
  -webkit-transition-delay: 2580ms;
          transition-delay: 2580ms;
}
.typTxt.-active > font:nth-of-type(27) {
  -webkit-transition-delay: 2660ms;
          transition-delay: 2660ms;
}
.typTxt.-active > font:nth-of-type(28) {
  -webkit-transition-delay: 2740ms;
          transition-delay: 2740ms;
}
.typTxt.-active > font:nth-of-type(29) {
  -webkit-transition-delay: 2820ms;
          transition-delay: 2820ms;
}
.typTxt.-active > font:nth-of-type(30) {
  -webkit-transition-delay: 2900ms;
          transition-delay: 2900ms;
}
.typTxt.-active.-wave > font {
  -webkit-animation: wave 0.35s ease-in-out 0s 1 forwards;
          animation: wave 0.35s ease-in-out 0s 1 forwards;
}
.typTxt.-active.-wave > font:nth-of-type(1) {
  -webkit-animation-delay: 580ms;
          animation-delay: 580ms;
}
.typTxt.-active.-wave > font:nth-of-type(2) {
  -webkit-animation-delay: 660ms;
          animation-delay: 660ms;
}
.typTxt.-active.-wave > font:nth-of-type(3) {
  -webkit-animation-delay: 740ms;
          animation-delay: 740ms;
}
.typTxt.-active.-wave > font:nth-of-type(4) {
  -webkit-animation-delay: 820ms;
          animation-delay: 820ms;
}
.typTxt.-active.-wave > font:nth-of-type(5) {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}
.typTxt.-active.-wave > font:nth-of-type(6) {
  -webkit-animation-delay: 980ms;
          animation-delay: 980ms;
}
.typTxt.-active.-wave > font:nth-of-type(7) {
  -webkit-animation-delay: 1060ms;
          animation-delay: 1060ms;
}
.typTxt.-active.-wave > font:nth-of-type(8) {
  -webkit-animation-delay: 1140ms;
          animation-delay: 1140ms;
}
.typTxt.-active.-wave > font:nth-of-type(9) {
  -webkit-animation-delay: 1220ms;
          animation-delay: 1220ms;
}
.typTxt.-active.-wave > font:nth-of-type(10) {
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
}
.typTxt.-active.-wave > font:nth-of-type(11) {
  -webkit-animation-delay: 1380ms;
          animation-delay: 1380ms;
}
.typTxt.-active.-wave > font:nth-of-type(12) {
  -webkit-animation-delay: 1460ms;
          animation-delay: 1460ms;
}
.typTxt.-active.-wave > font:nth-of-type(13) {
  -webkit-animation-delay: 1540ms;
          animation-delay: 1540ms;
}
.typTxt.-active.-wave > font:nth-of-type(14) {
  -webkit-animation-delay: 1620ms;
          animation-delay: 1620ms;
}
.typTxt.-active.-wave > font:nth-of-type(15) {
  -webkit-animation-delay: 1700ms;
          animation-delay: 1700ms;
}
.typTxt.-active.-wave > font:nth-of-type(16) {
  -webkit-animation-delay: 1780ms;
          animation-delay: 1780ms;
}
.typTxt.-active.-wave > font:nth-of-type(17) {
  -webkit-animation-delay: 1860ms;
          animation-delay: 1860ms;
}
.typTxt.-active.-wave > font:nth-of-type(18) {
  -webkit-animation-delay: 1940ms;
          animation-delay: 1940ms;
}
.typTxt.-active.-wave > font:nth-of-type(19) {
  -webkit-animation-delay: 2020ms;
          animation-delay: 2020ms;
}
.typTxt.-active.-wave > font:nth-of-type(20) {
  -webkit-animation-delay: 2100ms;
          animation-delay: 2100ms;
}
.typTxt.-active.-wave > font:nth-of-type(21) {
  -webkit-animation-delay: 2180ms;
          animation-delay: 2180ms;
}
.typTxt.-active.-wave > font:nth-of-type(22) {
  -webkit-animation-delay: 2260ms;
          animation-delay: 2260ms;
}
.typTxt.-active.-wave > font:nth-of-type(23) {
  -webkit-animation-delay: 2340ms;
          animation-delay: 2340ms;
}
.typTxt.-active.-wave > font:nth-of-type(24) {
  -webkit-animation-delay: 2420ms;
          animation-delay: 2420ms;
}
.typTxt.-active.-wave > font:nth-of-type(25) {
  -webkit-animation-delay: 2500ms;
          animation-delay: 2500ms;
}
.typTxt.-active.-wave > font:nth-of-type(26) {
  -webkit-animation-delay: 2580ms;
          animation-delay: 2580ms;
}
.typTxt.-active.-wave > font:nth-of-type(27) {
  -webkit-animation-delay: 2660ms;
          animation-delay: 2660ms;
}
.typTxt.-active.-wave > font:nth-of-type(28) {
  -webkit-animation-delay: 2740ms;
          animation-delay: 2740ms;
}
.typTxt.-active.-wave > font:nth-of-type(29) {
  -webkit-animation-delay: 2820ms;
          animation-delay: 2820ms;
}
.typTxt.-active.-wave > font:nth-of-type(30) {
  -webkit-animation-delay: 2900ms;
          animation-delay: 2900ms;
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  75% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wave {
  0% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  75% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.moveTxt > font {
  display: inline-block;
  overflow: hidden;
  line-height: 1;
}
.moveTxt > font > font {
  display: inline-block;
  line-height: 1;
  translate: -100% 0;
}
.moveTxt > font.br {
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.moveTxt > font:nth-child(2n) > font {
  translate: 0 100%;
}
.moveTxt > font:nth-child(3n) > font {
  translate: 100% 0;
}
.moveTxt > font:nth-child(4n) > font {
  translate: 0 -100%;
}
.moveTxt.-active > font > font {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  translate: none;
}

@-webkit-keyframes clipTxt {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
  }
}

@keyframes clipTxt {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
  }
}
@-webkit-keyframes noise-anim {
  0% {
    clip: rect(84px, 9999px, 51px, 0);
  }
  6.6666666667% {
    clip: rect(76px, 9999px, 13px, 0);
  }
  13.3333333333% {
    clip: rect(29px, 9999px, 72px, 0);
  }
  20% {
    clip: rect(91px, 9999px, 4px, 0);
  }
  26.6666666667% {
    clip: rect(5px, 9999px, 35px, 0);
  }
  33.3333333333% {
    clip: rect(80px, 9999px, 84px, 0);
  }
  40% {
    clip: rect(8px, 9999px, 61px, 0);
  }
  46.6666666667% {
    clip: rect(55px, 9999px, 2px, 0);
  }
  53.3333333333% {
    clip: rect(81px, 9999px, 37px, 0);
  }
  60% {
    clip: rect(57px, 9999px, 93px, 0);
  }
  66.6666666667% {
    clip: rect(20px, 9999px, 8px, 0);
  }
  73.3333333333% {
    clip: rect(48px, 9999px, 85px, 0);
  }
  80% {
    clip: rect(62px, 9999px, 37px, 0);
  }
  86.6666666667% {
    clip: rect(52px, 9999px, 15px, 0);
  }
  93.3333333333% {
    clip: rect(58px, 9999px, 66px, 0);
  }
  100% {
    clip: rect(99px, 9999px, 70px, 0);
  }
}
@keyframes noise-anim {
  0% {
    clip: rect(84px, 9999px, 51px, 0);
  }
  6.6666666667% {
    clip: rect(76px, 9999px, 13px, 0);
  }
  13.3333333333% {
    clip: rect(29px, 9999px, 72px, 0);
  }
  20% {
    clip: rect(91px, 9999px, 4px, 0);
  }
  26.6666666667% {
    clip: rect(5px, 9999px, 35px, 0);
  }
  33.3333333333% {
    clip: rect(80px, 9999px, 84px, 0);
  }
  40% {
    clip: rect(8px, 9999px, 61px, 0);
  }
  46.6666666667% {
    clip: rect(55px, 9999px, 2px, 0);
  }
  53.3333333333% {
    clip: rect(81px, 9999px, 37px, 0);
  }
  60% {
    clip: rect(57px, 9999px, 93px, 0);
  }
  66.6666666667% {
    clip: rect(20px, 9999px, 8px, 0);
  }
  73.3333333333% {
    clip: rect(48px, 9999px, 85px, 0);
  }
  80% {
    clip: rect(62px, 9999px, 37px, 0);
  }
  86.6666666667% {
    clip: rect(52px, 9999px, 15px, 0);
  }
  93.3333333333% {
    clip: rect(58px, 9999px, 66px, 0);
  }
  100% {
    clip: rect(99px, 9999px, 70px, 0);
  }
}
.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(1),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(1) {
  -webkit-transition-delay: 80ms;
          transition-delay: 80ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(1):before {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(1) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(1) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 100ms !important;
          animation-delay: 100ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(2),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(2) {
  -webkit-transition-delay: 160ms;
          transition-delay: 160ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(2):before {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(2) {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(2) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 200ms !important;
          animation-delay: 200ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(3),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(3) {
  -webkit-transition-delay: 240ms;
          transition-delay: 240ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(3):before {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(3) {
  -webkit-transition-delay: 3600ms;
          transition-delay: 3600ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(3) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 300ms !important;
          animation-delay: 300ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(4),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(4) {
  -webkit-transition-delay: 320ms;
          transition-delay: 320ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(4):before {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(4) {
  -webkit-transition-delay: 4800ms;
          transition-delay: 4800ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(4) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 400ms !important;
          animation-delay: 400ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(5),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(5) {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(5):before {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(5) {
  -webkit-transition-delay: 6000ms;
          transition-delay: 6000ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(5) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 500ms !important;
          animation-delay: 500ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(6),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(6) {
  -webkit-transition-delay: 480ms;
          transition-delay: 480ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(6):before {
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(6) {
  -webkit-transition-delay: 7200ms;
          transition-delay: 7200ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(6) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 600ms !important;
          animation-delay: 600ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(7),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(7) {
  -webkit-transition-delay: 560ms;
          transition-delay: 560ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(7):before {
  -webkit-animation-delay: 1400ms;
          animation-delay: 1400ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(7) {
  -webkit-transition-delay: 8400ms;
          transition-delay: 8400ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(7) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(8),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(8) {
  -webkit-transition-delay: 640ms;
          transition-delay: 640ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(8):before {
  -webkit-animation-delay: 1600ms;
          animation-delay: 1600ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(8) {
  -webkit-transition-delay: 9600ms;
          transition-delay: 9600ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(8) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 800ms !important;
          animation-delay: 800ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(9),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(9) {
  -webkit-transition-delay: 720ms;
          transition-delay: 720ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(9):before {
  -webkit-animation-delay: 1800ms;
          animation-delay: 1800ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(9) {
  -webkit-transition-delay: 10800ms;
          transition-delay: 10800ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(9) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 900ms !important;
          animation-delay: 900ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(10),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(10) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(10):before {
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(10) {
  -webkit-transition-delay: 12000ms;
          transition-delay: 12000ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(10) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1000ms !important;
          animation-delay: 1000ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(11),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(11) {
  -webkit-transition-delay: 880ms;
          transition-delay: 880ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(11):before {
  -webkit-animation-delay: 2200ms;
          animation-delay: 2200ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(11) {
  -webkit-transition-delay: 13200ms;
          transition-delay: 13200ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(11) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1100ms !important;
          animation-delay: 1100ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(12),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(12) {
  -webkit-transition-delay: 960ms;
          transition-delay: 960ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(12):before {
  -webkit-animation-delay: 2400ms;
          animation-delay: 2400ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(12) {
  -webkit-transition-delay: 14400ms;
          transition-delay: 14400ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(12) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1200ms !important;
          animation-delay: 1200ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(13),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(13) {
  -webkit-transition-delay: 1040ms;
          transition-delay: 1040ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(13):before {
  -webkit-animation-delay: 2600ms;
          animation-delay: 2600ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(13) {
  -webkit-transition-delay: 15600ms;
          transition-delay: 15600ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(13) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1300ms !important;
          animation-delay: 1300ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(14),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(14) {
  -webkit-transition-delay: 1120ms;
          transition-delay: 1120ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(14):before {
  -webkit-animation-delay: 2800ms;
          animation-delay: 2800ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(14) {
  -webkit-transition-delay: 16800ms;
          transition-delay: 16800ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(14) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1400ms !important;
          animation-delay: 1400ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(15),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(15) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(15):before {
  -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(15) {
  -webkit-transition-delay: 18000ms;
          transition-delay: 18000ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(15) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1500ms !important;
          animation-delay: 1500ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(16),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(16) {
  -webkit-transition-delay: 1280ms;
          transition-delay: 1280ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(16):before {
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(16) {
  -webkit-transition-delay: 19200ms;
          transition-delay: 19200ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(16) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1600ms !important;
          animation-delay: 1600ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(17),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(17) {
  -webkit-transition-delay: 1360ms;
          transition-delay: 1360ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(17):before {
  -webkit-animation-delay: 3400ms;
          animation-delay: 3400ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(17) {
  -webkit-transition-delay: 20400ms;
          transition-delay: 20400ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(17) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1700ms !important;
          animation-delay: 1700ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(18),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(18) {
  -webkit-transition-delay: 1440ms;
          transition-delay: 1440ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(18):before {
  -webkit-animation-delay: 3600ms;
          animation-delay: 3600ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(18) {
  -webkit-transition-delay: 21600ms;
          transition-delay: 21600ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(18) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1800ms !important;
          animation-delay: 1800ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(19),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(19) {
  -webkit-transition-delay: 1520ms;
          transition-delay: 1520ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(19):before {
  -webkit-animation-delay: 3800ms;
          animation-delay: 3800ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(19) {
  -webkit-transition-delay: 22800ms;
          transition-delay: 22800ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(19) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 1900ms !important;
          animation-delay: 1900ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(20),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(20) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(20):before {
  -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(20) {
  -webkit-transition-delay: 24000ms;
          transition-delay: 24000ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(20) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2000ms !important;
          animation-delay: 2000ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(21),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(21) {
  -webkit-transition-delay: 1680ms;
          transition-delay: 1680ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(21):before {
  -webkit-animation-delay: 4200ms;
          animation-delay: 4200ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(21) {
  -webkit-transition-delay: 25200ms;
          transition-delay: 25200ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(21) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2100ms !important;
          animation-delay: 2100ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(22),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(22) {
  -webkit-transition-delay: 1760ms;
          transition-delay: 1760ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(22):before {
  -webkit-animation-delay: 4400ms;
          animation-delay: 4400ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(22) {
  -webkit-transition-delay: 26400ms;
          transition-delay: 26400ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(22) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2200ms !important;
          animation-delay: 2200ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(23),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(23) {
  -webkit-transition-delay: 1840ms;
          transition-delay: 1840ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(23):before {
  -webkit-animation-delay: 4600ms;
          animation-delay: 4600ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(23) {
  -webkit-transition-delay: 27600ms;
          transition-delay: 27600ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(23) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2300ms !important;
          animation-delay: 2300ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(24),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(24) {
  -webkit-transition-delay: 1920ms;
          transition-delay: 1920ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(24):before {
  -webkit-animation-delay: 4800ms;
          animation-delay: 4800ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(24) {
  -webkit-transition-delay: 28800ms;
          transition-delay: 28800ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(24) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2400ms !important;
          animation-delay: 2400ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(25),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(25) {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(25):before {
  -webkit-animation-delay: 5000ms;
          animation-delay: 5000ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(25) {
  -webkit-transition-delay: 30000ms;
          transition-delay: 30000ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(25) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2500ms !important;
          animation-delay: 2500ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(26),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(26) {
  -webkit-transition-delay: 2080ms;
          transition-delay: 2080ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(26):before {
  -webkit-animation-delay: 5200ms;
          animation-delay: 5200ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(26) {
  -webkit-transition-delay: 31200ms;
          transition-delay: 31200ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(26) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2600ms !important;
          animation-delay: 2600ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(27),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(27) {
  -webkit-transition-delay: 2160ms;
          transition-delay: 2160ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(27):before {
  -webkit-animation-delay: 5400ms;
          animation-delay: 5400ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(27) {
  -webkit-transition-delay: 32400ms;
          transition-delay: 32400ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(27) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2700ms !important;
          animation-delay: 2700ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(28),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(28) {
  -webkit-transition-delay: 2240ms;
          transition-delay: 2240ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(28):before {
  -webkit-animation-delay: 5600ms;
          animation-delay: 5600ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(28) {
  -webkit-transition-delay: 33600ms;
          transition-delay: 33600ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(28) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2800ms !important;
          animation-delay: 2800ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(29),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(29) {
  -webkit-transition-delay: 2320ms;
          transition-delay: 2320ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(29):before {
  -webkit-animation-delay: 5800ms;
          animation-delay: 5800ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(29) {
  -webkit-transition-delay: 34800ms;
          transition-delay: 34800ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(29) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 2900ms !important;
          animation-delay: 2900ms !important;
}

.scrollIn.-active.-each ~ .scrollIn.-active.-each:nth-of-type(30),
.loadIn.-active.-each ~ .loadIn.-active.-each:nth-of-type(30) {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}

.scroll.-active.leftSlide.-each:nth-of-type(30):before {
  -webkit-animation-delay: 6000ms;
          animation-delay: 6000ms;
}
.scroll.-active.leftSlide.-each > *:nth-of-type(30) {
  -webkit-transition-delay: 36000ms;
          transition-delay: 36000ms;
}

.-bound.-active.-each ~ .-bound.-active.-each:nth-of-type(30) {
  -webkit-transition-delay: none !important;
          transition-delay: none !important;
  -webkit-animation-delay: 3000ms !important;
          animation-delay: 3000ms !important;
}

@-webkit-keyframes bound {
  100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  0%, 40% {
    -webkit-transform: translateY(-20%) scale(1);
            transform: translateY(-20%) scale(1);
  }
  60% {
    -webkit-transform: translateY(-10%) scale(1);
            transform: translateY(-10%) scale(1);
  }
}

@keyframes bound {
  100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  0%, 40% {
    -webkit-transform: translateY(-20%) scale(1);
            transform: translateY(-20%) scale(1);
  }
  60% {
    -webkit-transform: translateY(-10%) scale(1);
            transform: translateY(-10%) scale(1);
  }
}
@-webkit-keyframes leftSlide {
  0% {
    width: 0;
  }
  50% {
    width: 105%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  70% {
    width: 105%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    width: 105%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes leftSlide {
  0% {
    width: 0;
  }
  50% {
    width: 105%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  70% {
    width: 105%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    width: 105%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@-webkit-keyframes catchfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes catchfade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes marquee-anim {
  0% {
    background-position: center left;
  }
  100% {
    background-position: center left -200%;
  }
}
@keyframes marquee-anim {
  0% {
    background-position: center left;
  }
  100% {
    background-position: center left -200%;
  }
}
.noiseImg {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.noiseImg > picture {
  opacity: 0;
}
.noiseImg .-glitch,
.noiseImg .-glitch2,
.noiseImg .noiseImg_ch {
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
}
.noiseImg .-glitch {
  -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 30%, 0 30%);
          clip-path: polygon(0 20%, 100% 20%, 100% 30%, 0 30%);
  -webkit-transform: translate(5%, 0.5%);
          transform: translate(5%, 0.5%);
}
.noiseImg .-glitch2 {
  -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
          clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
  -webkit-transform: translate(-5%, -0.5%);
          transform: translate(-5%, -0.5%);
}
.noiseImg .noiseImg_ch {
  mix-blend-mode: screen;
}
.noiseImg .noiseImg_ch::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  mix-blend-mode: multiply;
}
.noiseImg .-red {
  -webkit-transform: translate(4px, 2px);
          transform: translate(4px, 2px);
}
.noiseImg .-red::before {
  background: #f00;
}
.noiseImg .-green {
  -webkit-transform: translate(-1px, -4px);
          transform: translate(-1px, -4px);
}
.noiseImg .-green::before {
  background: #0f0;
}
.noiseImg .-blue {
  -webkit-transform: translate(-3px, -1px);
          transform: translate(-3px, -1px);
}
.noiseImg .-blue::before {
  background: #00f;
}
.noiseImg.-active > picture {
  opacity: 1;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.noiseImg.-active .-glitch {
  -webkit-animation: glitch 0.6s linear forwards;
          animation: glitch 0.6s linear forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.noiseImg.-active .-glitch2 {
  -webkit-animation: glitch 0.6s linear forwards;
          animation: glitch 0.6s linear forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.noiseImg.-active .noiseImg_ch.-red, .noiseImg.-active .noiseImg_ch.-green, .noiseImg.-active .noiseImg_ch.-blue {
  -webkit-animation: rgbCh 0.3s steps(1, jump-end);
          animation: rgbCh 0.3s steps(1, jump-end);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

@-webkit-keyframes rgbCh {
  30% {
    -webkit-transform: translate(1.609017683%, 0.3253776535%);
            transform: translate(1.609017683%, 0.3253776535%);
  }
  50% {
    -webkit-transform: translate(1.609017683%, 0.3253776535%);
            transform: translate(1.609017683%, 0.3253776535%);
  }
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rgbCh {
  30% {
    -webkit-transform: translate(1.609017683%, 0.3253776535%);
            transform: translate(1.609017683%, 0.3253776535%);
  }
  50% {
    -webkit-transform: translate(1.609017683%, 0.3253776535%);
            transform: translate(1.609017683%, 0.3253776535%);
  }
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes glitch {
  50% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 30%, 0 30%);
            clip-path: polygon(0 20%, 100% 20%, 100% 30%, 0 30%);
    -webkit-transform: translate(3%, 0.5%);
            transform: translate(3%, 0.5%);
  }
  0%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes glitch {
  50% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 30%, 0 30%);
            clip-path: polygon(0 20%, 100% 20%, 100% 30%, 0 30%);
    -webkit-transform: translate(3%, 0.5%);
            transform: translate(3%, 0.5%);
  }
  0%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    -webkit-transform: none;
            transform: none;
  }
}
/* ホバー  */
.hoverOpacity {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media (hover: hover) {
  .hoverOpacity:hover {
    opacity: 0.7;
  }
}
.hoverOpacity:focus-visible {
  opacity: 0.7;
}

.hoverShine {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.hoverShine::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
}
@media (hover: hover) {
  .hoverShine:hover::before {
    -webkit-animation: shine 0.15s ease-in-out;
            animation: shine 0.15s ease-in-out;
  }
}
.hoverShine:focus-visible::before {
  -webkit-animation: shine 0.15s ease-in-out;
          animation: shine 0.15s ease-in-out;
}

@-webkit-keyframes shine {
  0% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 10%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 100%);
  }
  50% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  }
  75% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.4) 90%, rgba(255, 255, 255, 0.2) 100%);
  }
  100% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
  }
}

@keyframes shine {
  0% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
  }
  25% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 10%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 100%);
  }
  50% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 100%);
  }
  75% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.4) 90%, rgba(255, 255, 255, 0.2) 100%);
  }
  100% {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%);
  }
}
.hoverScale {
  position: relative;
  z-index: 2;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.hoverScale figure,
.hoverScale picture {
  overflow: hidden;
}
.hoverScale img {
  position: relative;
  z-index: -1;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
  .hoverScale:hover img {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
  }
}
.hoverScale:focus-visible img {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1.05) translateZ(0);
          transform: scale(1.05) translateZ(0);
}

.hoverNoize {
  position: relative;
}
.hoverNoize::before, .hoverNoize::after {
  position: absolute;
  top: 0;
  left: 2px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  content: attr(data-hover);
  background-color: #fff;
}
.hoverNoize::after {
  text-shadow: -1px 0 red;
}
.hoverNoize::before {
  left: -2px;
  text-shadow: 1px 0 blue;
}
@media (hover: hover) {
  .hoverNoize:hover::before {
    animation: noise-anim 1.5s infinite linear alternate-reverse;
  }
  .hoverNoize:hover::after {
    animation: noise-anim 1.8s infinite linear alternate-reverse;
  }
}
.hoverNoize:focus-visible::before {
  animation: noise-anim 1.5s infinite linear alternate-reverse;
}
.hoverNoize:focus-visible::after {
  animation: noise-anim 1.8s infinite linear alternate-reverse;
}

.hoverLack {
  font-size: 3rem;
  position: relative;
}
@media not screen and (min-width: 768px) {
  .hoverLack {
    font-size: clamp(3rem,8vw,3rem);
  }
}
.hoverLack::before, .hoverLack::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  clip: rect(0, 999px, 0.9em, 0);
  color: #333;
  content: attr(data-hover);
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.hoverLack::after {
  top: auto;
  bottom: 0;
  clip: rect(0.9em, 999px, 2em, 0);
}
@media (hover: hover) {
  .hoverLack:hover {
    color: transparent;
  }
  .hoverLack:hover::before {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translateX(1.5px) skew(-10deg);
            transform: translateX(1.5px) skew(-10deg);
  }
  .hoverLack:hover::after {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translateX(-1.5px);
            transform: translateX(-1.5px);
  }
}
.hoverLack:focus-visible {
  color: transparent;
}
.hoverLack:focus-visible::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateX(1.5px) skew(-10deg);
          transform: translateX(1.5px) skew(-10deg);
}
.hoverLack:focus-visible::after {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateX(-1.5px);
          transform: translateX(-1.5px);
}

/* /ホバー  */
/* stylelint-disable no-descending-specificity */
/* リスト  */
.u_ul {
  padding-left: 0.1em;
}
.u_ul > li {
  position: relative;
  padding-left: 1em;
  text-indent: -1.25em;
}
.u_ul > li::before {
  margin-right: 0.3em;
  content: "・";
}
.u_ul > li ul {
  padding-left: 0.5em;
  margin-top: 0.3em;
}
.u_ul > li ul > li {
  text-indent: -0.8em;
}
.u_ul > li ul > li::before {
  margin-right: 0.5em;
  content: "-";
}
.u_ul.-circle > li {
  padding-left: 1em;
  text-indent: -0.9em;
}
.u_ul.-circle > li::before {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: #5a2daa;
  border-radius: 50%;
}
.u_ul.-check > li {
  padding-left: 1.3em;
  text-indent: 0;
}
.u_ul.-check > li::before, .u_ul.-check > li::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  content: "";
}
.u_ul.-check > li::before {
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: transparent;
  border: 0.2rem solid #333;
}
.u_ul.-check > li::after {
  top: 0.3em;
  left: 0.5rem;
  width: 1.6rem;
  height: 0.5rem;
  margin: auto;
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.u_ol {
  counter-reset: number 0;
}
.u_ol > li {
  padding-left: 1.5em;
  text-indent: -1.25em;
}
.u_ol > li::before {
  margin-right: 0.5em;
  content: counter(number, decimal) ".";
  counter-increment: number 1;
}
.u_ol > li ol {
  padding-left: 1.5em;
  margin-top: 0.3em;
  counter-reset: number 0;
}
.u_ol > li ol > li {
  text-indent: -1.6em;
}
.u_ol > li ol > li::before {
  margin-right: 0.5em;
  content: counter(number, decimal) " )";
  counter-increment: number 1;
}
.u_ol.-type2 > li {
  padding-left: 1.7em;
  text-indent: -1.55em;
}
.u_ol.-type2 > li::before {
  content: counter(number, decimal) " )";
}
.u_ol.-type2 > li > ol {
  margin-top: 1em;
  counter-reset: number 0;
}
.u_ol.-type2 > li > ol > li {
  text-indent: -2.2em;
}
.u_ol.-type2 > li > ol > li::before {
  content: "( " counter(number, decimal) " )";
  counter-increment: number 1;
}
.u_ol.-aiueo > li {
  padding-left: 2em;
  text-indent: -1.85em;
}
.u_ol.-aiueo > li::before {
  margin-right: 0;
  content: counter(number, katakana) "）";
  counter-increment: number 1;
}
.u_ol.-alpa > li::before {
  content: counter(number, upper-alpha) ")";
  counter-increment: number 1;
}

.-floatList {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.-floatList > li {
  float: left;
}
@media not screen and (min-width: 768px) {
  .-floatList > li {
    float: none;
  }
}
.-floatList > li + li {
  margin-left: 2em;
}
@media not screen and (min-width: 768px) {
  .-floatList > li + li {
    margin-left: 0;
  }
}
.-floatList::after {
  display: block;
  clear: both;
  content: "";
}

/* /リスト  */
/* テーブル  */
table {
  width: 100%;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background: none;
}
table th,
table td {
  padding: 0.5rem;
  vertical-align: middle;
}

.u_table.-line {
  border: 0;
  border-top: 0.1rem solid #d6d6d6;
}
.u_table.-line th,
.u_table.-line td {
  border: 0;
}
.u_table.-line tr {
  border-bottom: 0.1rem solid #d6d6d6;
}
.u_table.-stripe tbody tr td:nth-of-type(even) {
  background-color: #eee;
}
.u_table.-border td {
  background-color: transparent;
}
.u_table.-border tr:nth-child(odd) {
  background-color: transparent;
}
.u_table.-border tr:nth-child(even) {
  background-color: #eee;
}
.u_table.-radius {
  overflow: hidden;
  border-radius: 2rem;
}
.u_table.-radius th,
.u_table.-radius td {
  padding: 1em;
}

@media not screen and (min-width: 768px) {
  .-resTable th,
  .-resTable td {
    display: block;
    width: 100% !important;
    border-top-width: 0;
  }
  .scrollTable {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
    -webkit-transform: translate(-0.1rem, -0.1rem);
            transform: translate(-0.1rem, -0.1rem);
    -webkit-overflow-scrolling: touch;
  }
  .scrollTable > table {
    position: relative;
    width: 100%;
  }
  .scrollTable > table .-stickyCol {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    border-top: none;
  }
  .scrollTable > table .-stickyCol::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% + 0.1rem);
    content: "";
    border-top: 0.1rem solid #d6d6d6;
    border-bottom: 0.1rem solid #d6d6d6;
  }
  .scrollTable > table .-sticky {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    border-left: none;
  }
  .scrollTable > table .-sticky::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: calc(100% + 0.1rem);
    height: 100%;
    content: "";
    border-right: 0.1rem solid #d6d6d6;
    border-left: 0.1rem solid #d6d6d6;
  }
  .scrollTable > table::after {
    position: absolute;
    top: 0;
    left: 100%;
    width: min(8.5333333333vw,6.4rem);
    height: 1px;
    content: "";
    background-color: transparent;
  }
  .scrollTable::after {
    position: sticky;
    left: 0.5em;
    margin: 1em 0.5em;
    font-size: 80%;
    content: "※横にスクロールしてご覧ください";
  }
}
/* /テーブル  */
/* タブコンテンツ */
@media not screen and (min-width: 768px) {
  .c_tab_list {
    gap: min(4.2666666667vw,3.2rem) min(2.1333333333vw,1.6rem);
  }
}
.c_tab_list > li {
  width: 22.8rem;
}
@media not screen and (min-width: 768px) {
  .c_tab_list > li {
    width: calc((100% - min(2.1333333333vw,1.6rem)) / 2);
  }
}
.c_tab_list > li button {
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
@media not screen and (min-width: 768px) {
  .c_tab_list > li button {
    height: min(10.6666666667vw,8rem);
    font-size: min(3.2vw,2.4rem);
  }
}
.c_tab_list > li button.-open {
  color: #fff;
  pointer-events: none;
  background-color: #2864eb;
  -webkit-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}
.c_tab_content {
  -webkit-animation: tabFade 0.8s ease;
          animation: tabFade 0.8s ease;
}
.c_tab_content[hidden] {
  opacity: 0;
}

@-webkit-keyframes tabFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes tabFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /タブコンテンツ */
/* モーダル  */
.dialog {
  z-index: 1;
  width: 100vw;
  max-width: unset;
  height: 100vh;
  height: 100dvh;
  max-height: unset;
  padding: 0;
  margin: auto;
  background: none;
  border: 0;
}
.dialog[open] .c_modal_content {
  -webkit-animation: modalFade 1s ease 0s 1 forwards;
          animation: modalFade 1s ease 0s 1 forwards;
}
.dialog[open]::-ms-backdrop {
  opacity: 1;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.dialog[open]::backdrop {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.dialog::-ms-backdrop {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.dialog::backdrop {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

html:has(.dialog[open]) {
  overflow: hidden;
}
html:has(.dialog[open]) body {
  overflow: auto;
  scrollbar-gutter: stable;
}

.c_modal {
  /* stylelint-disable-next-line no-descending-specificity */
}
.c_modal_close {
  position: absolute;
  inset: 4.5rem 4.5rem auto auto;
  z-index: 999;
  width: 5rem;
  height: 5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #2864f0;
  border-radius: 50%;
}
@media not screen and (min-width: 768px) {
  .c_modal_close {
    inset: -2rem 0 auto auto;
    width: 4.4rem;
    height: 4.4rem;
  }
}
.c_modal_close::before, .c_modal_close::after {
  position: absolute;
  inset: 0;
  z-index: 999;
  width: 0.15rem;
  height: 2.5rem;
  margin: auto;
  content: "";
  background-color: #fff;
  rotate: -45deg;
}
.c_modal_close::after {
  rotate: 45deg;
}
.c_modal_content {
  position: absolute;
  inset: 0;
  width: auto;
  max-width: 100rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 90vh;
  max-height: 90dvh;
  padding: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  /* stylelint-disable-next-line scss/double-slash-comment-whitespace-inside */
}
@media not screen and (min-width: 1001px) {
  .c_modal_content {
    padding: 0 1.6rem;
  }
}
@media not screen and (min-width: 768px) {
  .c_modal_content {
    padding: min(4.2666666667vw,3.2rem);
  }
}
.c_modal_content .frameWrapper {
  position: relative;
  width: 100%;
  min-height: 225px;
  aspect-ratio: 16/9;
}
.c_modal_content .frameWrapper frame {
  aspect-ratio: 16/9;
}
.c_modal_content figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

@-webkit-keyframes modalFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes modalFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
_::-webkit-full-page-media,
_:future,
:root .c_modal_content {
  height: 100%;
}

/* /モーダル  */
/* アコーディオン  */
.c_pull {
  height: var(--pullHeightClosed, auto);
  overflow: hidden;
  -webkit-transition: height 0.25s;
  transition: height 0.25s;
}
.c_pull .c_pull_ttl {
  position: relative;
  padding-right: 5rem;
  cursor: pointer;
}
@media not screen and (min-width: 768px) {
  .c_pull .c_pull_ttl {
    padding-right: min(8vw,6rem);
  }
}
.c_pull .c_pull_ttl::after {
  position: absolute;
  inset: 0 1em 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: rotate 0.4s;
  transition: rotate 0.4s;
  -webkit-transform-origin: center;
          transform-origin: center;
  rotate: 180deg;
}
@media not screen and (min-width: 768px) {
  .c_pull .c_pull_ttl::after {
    width: min(2.6666666667vw,2rem);
    height: min(2.6666666667vw,2rem);
  }
}
.c_pull .c_pull_ttl:focus-visible {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c_pull .c_pull_ttl:focus-visible::after {
  outline: solid 0.3rem #fff;
  outline-offset: 0.2rem;
}
.c_pull.-open {
  height: var(--pullHeightOpen, auto);
}
.c_pull.-open .c_pull_ttl::after {
  rotate: none;
}
@media screen and (min-width: 768px) {
  .c_pull.-spPull {
    border: 0;
  }
  .c_pull.-spPull .c_pull_ttl {
    padding: 0;
    pointer-events: none;
    cursor: none;
  }
  .c_pull.-spPull .c_pull_ttl::before, .c_pull.-spPull .c_pull_ttl::after {
    content: none;
  }
  .c_pull.-spPull .c_pull_content {
    padding: 0;
  }
}

/* /アコーディオン  */
/* ローディング  */
#loading {
  /* 以下のコードを追加 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-color: #fff;
  -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0, 0.99) 300ms;
  transition: all 600ms cubic-bezier(0.42, 0, 0, 0.99) 300ms;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
#loading.-loaded {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

/* /ローディング  */
footer {
  margin-top: 415px;
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 1;
}
@media not screen and (min-width: 768px) {
  footer {
    margin-top: 73.3333333333vw;
    padding-left: 21.3333333333vw;
    padding-right: 21.3333333333vw;
  }
}
footer:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 334px;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: auto 376px;
  background-image: url("../img/footerBgDeco.png");
  translate: 0 -100%;
  z-index: 2;
}
@media not screen and (min-width: 768px) {
  footer:before {
    background-image: url("../img/footerBgDeco_sp.png");
    background-size: auto 61.3066666667vw;
    height: 57.8666666667vw;
  }
}
footer .hill {
  position: absolute;
  top: 0;
  width: 100%;
  height: 423.3px;
  translate: 0 -100%;
  z-index: 1;
  pointer-events: none;
}
@media not screen and (min-width: 768px) {
  footer .hill {
    height: 64vw;
  }
}
footer .hill .hill01 {
  position: absolute;
  bottom: 50px;
  width: 100%;
  height: 284px;
  background-image: url(../img/hill01.png);
  background-size: auto 100%;
  background-position-x: calc(50% + 474px);
  background-position-y: 0 !important;
  background-repeat: repeat-x;
  z-index: 1;
}
@media not screen and (min-width: 768px) {
  footer .hill .hill01 {
    bottom: 15.4666666667vw;
    height: 48.2666666667vw;
    background-position-y: 133.3333333333vw;
    background-position-x: 56vw;
    background-image: url(../img/hill01_sp.png);
  }
}
footer .hill .hill02 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 404px;
  background-image: url(../img/hill02.png);
  background-size: auto 100%;
  background-position-x: calc(50% + 139px);
  background-position-y: 90px !important;
  background-repeat: repeat-x;
  z-index: 2;
}
@media not screen and (min-width: 768px) {
  footer .hill .hill02 {
    background-position-x: clamp(-9999px, -186.4vw, -699px);
    background-position-y: 19.2vw !important;
    height: 80.8vw;
  }
  footer {
    padding: 16vw 0;
  }
  footer .footer_company p {
    font-size: min(2.6666666667vw,2rem);
  }
}
footer .footer_company a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
footer .footer_company a img {
  width: 260px;
}
@media not screen and (min-width: 768px) {
  footer .footer_company a img {
    width: 46.4vw;
  }
}
footer .footBtn {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 68px;
  background-color: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media not screen and (min-width: 768px) {
  footer .footBtn {
    margin-top: 11.2vw;
  }
}
footer .footBtn:hover {
  opacity: 0.6;
}
footer .footBtn span {
  color: #285AC8;
  font-size: 12px;
  font-weight: 500;
}
footer .footBtn .resImg {
  width: 140px;
}
footer .footContainer {
  gap: 0 min(0.5208333333vw,1rem);
}
footer .footer_nav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
@media not screen and (min-width: 768px) {
  footer .footer_nav {
    margin-top: 11.2vw;
  }
}
footer .footer_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media not screen and (min-width: 768px) {
  footer .footer_nav ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 54.4vw;
  }
}
footer .footer_nav ul li {
  padding-left: 46px;
  position: relative;
}
@media not screen and (min-width: 768px) {
  footer .footer_nav ul li {
    padding-left: 8.5333333333vw;
  }
}
footer .footer_nav ul li:before {
  content: "";
  display: block;
  top: 50%;
  left: 24px;
  width: 1px;
  height: 14px;
  background-color: #fff;
  translate: 0% -50%;
  position: absolute;
}
@media not screen and (min-width: 768px) {
  footer .footer_nav ul li:before {
    left: 4.2666666667vw;
  }
}
footer .footer_nav ul li:nth-child(1) {
  padding-left: 0;
}
footer .footer_nav ul li:nth-child(1):before {
  display: none;
}
@media not screen and (min-width: 768px) {
  footer .footer_nav ul li:nth-child(3) {
    padding-left: 0;
  }
  footer .footer_nav ul li:nth-child(3):before {
    display: none;
  }
}
footer .footer_nav ul a {
  font-weight: 500;
}
@media not screen and (min-width: 768px) {
  footer .footer_nav ul a {
    font-size: 3.2vw;
  }
}
@media (hover: hover) {
  footer .footer_nav ul a:hover {
    text-decoration: underline;
  }
}
footer .footer_nav ul a:focus-visible {
  text-decoration: underline;
}
footer small {
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 34px;
  display: block;
}
@media not screen and (min-width: 768px) {
  footer small {
    margin-top: 33.6vw;
    font-size: 3.2vw;
  }
}
footer #toTop {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 9999px;
  background-color: #EDF3FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 340px;
  left: calc(50% + 340px);
}
@media not screen and (min-width: 768px) {
  footer #toTop {
    top: 97.0666666667vw;
    left: 50%;
    translate: -50% 0;
  }
}

/* ヘッダー */
header {
  position: fixed;
  z-index: 102;
  width: 100%;
  padding-top: 2.4rem;
}
@media not screen and (min-width: 768px) {
  header {
    padding-top: 3.7333333333vw;
  }
}
header > .contentInner {
  gap: 0 min(0.5208333333vw,1rem);
  max-width: inherit;
  padding: 0 min(2.0833333333vw,4rem);
}
@media not screen and (min-width: 768px) {
  header > .contentInner {
    gap: 0 min(2.6666666667vw,2rem);
    padding: 0 min(4.2666666667vw,3.2rem);
  }
}
header .headerLogo {
  max-width: 12.5rem;
}
header .headerLogo a img:nth-child(1) {
  display: block;
}
header .headerLogo a img:nth-child(2) {
  display: none;
}
@media not screen and (min-width: 768px) {
  header .headerLogo {
    z-index: 999;
    width: 30.6666666667vw;
    max-width: inherit;
  }
}
header .headerLogo a {
  display: block;
}
header .headerLogo a img {
  width: 125px;
}
@media not screen and (min-width: 768px) {
  header .headerLogo a img {
    width: 115px;
  }
  header .ac_menu {
    position: relative;
    z-index: 999;
    width: min(11.7333333333vw,8.8rem);
    height: min(11.7333333333vw,8.8rem);
    background-color: #2864f0;
    border-radius: 50%;
  }
  header .ac_menu:focus-visible {
    outline-color: #fff;
  }
  header .ac_menu > span {
    position: absolute;
    inset: 0;
    width: min(5.0666666667vw,3.8rem);
    height: 0.12rem;
    margin: auto;
    color: transparent;
    text-indent: -99rem;
    background-color: #fff;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  header .ac_menu > span::before, header .ac_menu > span::after {
    position: absolute;
    inset: -0.6rem 0 auto;
    display: block;
    width: 100%;
    height: 2px;
    margin: auto;
    content: "";
    background: #fff;
    -webkit-transition: rotate 0.3s;
    transition: rotate 0.3s;
  }
  header .ac_menu > span::after {
    top: auto;
    bottom: -0.6rem;
  }
}
header #navi {
  gap: 0 24px;
  outline-offset: -0.5rem;
}
@media not screen and (min-width: 768px) {
  header #navi {
    width: 100%;
    padding-left: 13.3333333333vw;
    padding-right: 13.3333333333vw;
    background-color: transparent;
    outline: 0;
  }
}
header #navi > li {
  position: relative;
}
@media not screen and (min-width: 768px) {
  header #navi > li {
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
}
header #navi > li a {
  display: block;
  font-weight: 500;
  line-height: 1.8;
  color: #2864eb;
  text-decoration: none;
  letter-spacing: 0.01em;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  font-size: 20px;
  font-family: "Dangrek", sans-serif;
}
@media not screen and (min-width: 768px) {
  header #navi > li a {
    width: 100%;
    color: #fff;
    font-size: 7.4666666667vw;
  }
  header #navi > li a:focus-visible {
    outline-color: #fff;
  }
}
header #navi > li a::before {
  position: absolute;
  inset: auto 0 0;
  width: 0;
  height: 2px;
  margin: auto;
  content: "";
  background-color: #2864eb;
  -webkit-transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media not screen and (min-width: 768px) {
  header #navi > li a::before {
    content: none;
  }
}
header #navi > li a::after {
  content: none;
}
@media not screen and (min-width: 768px) {
  header #navi > li a::after {
    display: none;
    position: absolute;
    inset: 0 0 0 auto;
    width: min(2.6666666667vw,2rem);
    height: min(2.6666666667vw,2rem);
    margin: auto;
    content: "";
    border: 0.12rem solid #fff;
    border-width: 0.12rem 0.12rem 0 0;
    rotate: 45deg;
  }
}
@media (hover: hover) {
  header #navi > li a:hover {
    opacity: 0.7;
  }
  header #navi > li a:hover::before {
    width: 100%;
  }
}
header #navi > li a:focus-visible {
  opacity: 0.7;
}
header #navi > li a:focus-visible::before {
  width: 100%;
}
@media not screen and (min-width: 768px) {
  header .naviWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding-top: min(24.2666666667vw,18.2rem);
    padding-bottom: 2em;
    overflow-y: auto;
    background-color: #2864f0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
}
header.-menuOpen .headerLogo a img:nth-child(1) {
  display: none;
}
header.-menuOpen .headerLogo a img:nth-child(2) {
  display: block;
}
header.-menuOpen .ac_menu span {
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
header.-menuOpen .ac_menu span::before, header.-menuOpen .ac_menu span::after {
  top: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: rotate 0.3s;
  transition: rotate 0.3s;
  rotate: 45deg;
}
header.-menuOpen .ac_menu span::after {
  rotate: -45deg;
}
@media not screen and (min-width: 768px) {
  header.-menuOpen .naviWrapper {
    opacity: 1;
    pointer-events: all;
  }
  header.-menuOpen .naviWrapper #navi {
    display: block;
    overscroll-behavior-y: contain;
  }
}
header.-menuOpen .snsBox {
  display: block;
}
header .snsBox {
  display: none;
}
header .snsBox .flex {
  gap: 6.4vw;
}
header .snsBox a:focus-visible {
  outline-color: #fff;
}

html:has(header.-menuOpen) {
  overflow: hidden;
}
html:has(header.-menuOpen) body {
  overflow: auto;
  scrollbar-gutter: stable;
}

/* /ヘッダー */
/* アクセス  */
#access {
  position: relative;
  z-index: 1;
  padding-top: min(33.1770833333vw,63.7rem);
  background: url("/img/access_bg.png") no-repeat top min(18.59375vw,35.7rem) center/192rem;
}
@media not screen and (min-width: 768px) {
  #access {
    padding-top: min(62.1333333333vw,46.6rem);
    background: url("/img/access_bg_sp.png") no-repeat top min(32.8vw,24.6rem) center/100%;
  }
  #access .ttl_img img {
    width: min(38.4vw,28.8rem);
  }
}
#access p {
  font-size: 1.8rem;
  line-height: 1.75;
  letter-spacing: 0.01em;
}
@media not screen and (min-width: 768px) {
  #access p {
    font-size: clamp(1.6rem,4.2666666667vw,1.8rem);
    line-height: 1.5555555556;
  }
}
#access p .-txtCaution {
  line-height: 1.3;
}
@media not screen and (min-width: 768px) {
  #access p .-txtCaution {
    line-height: 1.6;
  }
}
#access .accessList {
  padding-left: 1em;
}
#access .accessList li {
  line-height: 2;
  list-style-type: circle;
}
@media not screen and (min-width: 768px) {
  #access .accessList li {
    line-height: 2;
  }
}
#access .frameWrapper iframe {
  aspect-ratio: 614/396;
  overflow: hidden;
  border: solid 0.15rem #2864f0;
  border-radius: 2.6rem;
}
@media not screen and (min-width: 768px) {
  #access .frameWrapper iframe {
    aspect-ratio: 325/300;
    border-width: 0.2rem;
    border-radius: 4rem;
  }
}
#access .illust {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
}
#access .illust picture {
  width: 100%;
}
#access .illust img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: 100%;
}
#access .illust_b {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  -webkit-clip-path: polygon(0 100%, 0 100%, 0 0, 0 0);
          clip-path: polygon(0 100%, 0 100%, 0 0, 0 0);
}
#access .illust_c {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
#access .illust_c picture {
  opacity: 0;
}
#access .illust_c picture:nth-of-type(n + 2) {
  position: absolute;
  top: 0;
}
#access .illust.-active .illust_b {
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
          clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
  -webkit-transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s, -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
}
#access .illust.-active .illust_c picture {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
#access .illust.-active .illust_c picture:nth-of-type(1) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
#access .illust.-active .illust_c picture:nth-of-type(2) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
#access .illust.-active .illust_c picture:nth-of-type(3) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
#access .illust.-active .illust_c picture:nth-of-type(4) {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
@media screen and (width >= 1920px) {
  #access .illust {
    left: 0;
    width: 100%;
  }
}
@media (width >= 1280px) and (width <= 1919px) {
  #access .illust {
    left: calc((192rem - 100%) / -2);
    width: 192rem;
  }
}
@media (width >= 768px) and (width <= 1279px) {
  #access .illust {
    left: -25%;
    width: 150%;
  }
}

/* /アクセス  */
/* アーカイブス  */
#archives {
  margin-top: 154px;
}
@media not screen and (min-width: 768px) {
  #archives {
    margin-top: 52.2666666667vw;
  }
}
#archives .contentInner {
  position: relative;
}
#archives .ttl_img {
  width: 361.8px;
  z-index: 10;
  margin-left: unset;
  margin-right: unset;
  margin-bottom: 59px;
}
@media not screen and (min-width: 768px) {
  #archives .ttl_img {
    width: 61.8666666667vw;
    margin-left: 2.9333333333vw;
    margin-bottom: 15.2vw;
  }
  #archives .archivesList {
    margin-top: 13.8666666667vw;
  }
}
#archives .archivesList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media not screen and (min-width: 768px) {
  #archives .archivesList ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10.6666666667vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#archives .archivesList ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media not screen and (min-width: 768px) {
  #archives .archivesList ul li {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
#archives .archivesList ul li a {
  display: block;
  text-align: center;
  text-decoration: unset;
}
#archives .archivesList ul li a img {
  -webkit-transition: scale 0.4s;
  transition: scale 0.4s;
}
@media (hover: hover) {
  #archives .archivesList ul li a:hover img {
    scale: 1.05;
  }
}
#archives .archivesList ul li a p {
  margin-top: 24px;
  font-size: 18px;
  font-weight: bold;
  color: #3862E8;
  text-align: center;
}
@media not screen and (min-width: 768px) {
  #archives .archivesList ul li a p {
    margin-top: 3.4666666667vw;
    font-size: 4.2666666667vw;
    letter-spacing: 0.01em;
  }
}
#archives .deco.deco01 {
  top: -46px;
  right: -156px;
  left: unset;
}
@media not screen and (min-width: 768px) {
  #archives .deco.deco01 {
    top: clamp(-9999px, -42.9333333333vw, -161px);
    right: 0;
    left: unset;
    width: 89.6vw;
  }
}
#archives .deco.deco01 img {
  width: 550.5px;
  height: 188.9px;
}
@media not screen and (min-width: 768px) {
  #archives .deco.deco01 img {
    width: 100%;
    height: unset;
  }
}

/* /アーカイブス  */
/* コンセプト  */
#concept .ttl_img {
  width: 340px;
  position: absolute;
  left: 50%;
  translate: -201px calc(-50% - 14px);
  z-index: 10;
}
@media not screen and (min-width: 768px) {
  #concept .ttl_img {
    width: 65.0666666667vw;
    translate: calc(-50% - 1.8666666667vw) calc(-50% - 3.7333333333vw);
  }
}
#concept .roundBox .boxInner {
  padding: 100px 80px;
}
@media not screen and (min-width: 768px) {
  #concept .roundBox .boxInner {
    padding: 14.4vw 7.4666666667vw;
  }
}
#concept .roundBox p {
  font-size: 20px;
  font-weight: bold;
  color: #2864f0;
  letter-spacing: 0.01em;
}
@media not screen and (min-width: 768px) {
  #concept .roundBox p {
    text-align: center;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
#concept .roundBox p + p {
  margin-top: 1.5em;
}
#concept .contentInner .deco {
  pointer-events: none;
}
#concept .contentInner .deco.deco01 {
  top: -143px;
  left: -96px;
}
@media not screen and (min-width: 768px) {
  #concept .contentInner .deco.deco01 {
    top: clamp(-9999px, -34.6666666667vw, -130px);
    left: clamp(-9999px, -6.1333333333vw, -23px);
    width: 84.5333333333vw;
  }
}
#concept .contentInner .deco.deco02 {
  top: -141px;
  left: -181px;
}
@media not screen and (min-width: 768px) {
  #concept .contentInner .deco.deco02 {
    top: clamp(-9999px, -42.1333333333vw, -158px);
    left: clamp(-9999px, -13.3333333333vw, -50px);
    width: 103.2vw;
  }
}

.devBox {
  padding: 4rem;
  border-radius: 5rem;
}
@media not screen and (min-width: 768px) {
  .devBox {
    padding: 3.2rem 2rem;
    border-radius: 3rem;
  }
}
.devBox .devTttl {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.04em;
}
@media not screen and (min-width: 768px) {
  .devBox .devTttl {
    font-size: clamp(2rem,5.3333333333vw,2rem);
    line-height: 1.4;
  }
  .devBox picture {
    width: min(48.5333333333vw,36.4rem);
    margin: auto;
  }
}
.devBox figcaption {
  width: calc(100% - 22.6rem);
}
@media not screen and (min-width: 768px) {
  .devBox figcaption {
    width: 100%;
  }
}

/* /コンセプト  */
/* ピックアップ  */
#pickup::before {
  position: absolute;
  bottom: 0;
  z-index: -3;
  display: block;
  width: 100%;
  height: 50%;
  content: "";
  background-color: #adcfff;
}
@media not screen and (min-width: 768px) {
  #pickup::before {
    content: none;
  }
}
#pickup .js-endTrigger {
  position: absolute;
  top: calc(100vh - (100vh - 19.1919191919vw));
  width: 100%;
}
@media not screen and (min-width: 768px) {
  #pickup .js-endTrigger {
    top: min(100vh - 144vw, 100vh - (100vh - 34.6666666667vw));
  }
}
@media screen and (width >= 80em) {
  #pickup .js-endTrigger {
    top: calc(100vh - (100vh - 25rem));
  }
}
@media screen and (width >= 120em) {
  #pickup .js-endTrigger {
    top: calc(100vh - (100vh - 12.6262626263vw));
  }
}
#pickup .pickBg {
  position: absolute;
  top: 0;
  z-index: -2;
}
#pickup .pickBg picture {
  width: 100%;
}
#pickup .pickBg img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: 100%;
}
@media screen and (width >= 48em) {
  #pickup .pickBg {
    width: 100%;
  }
  #pickup .pickBg img {
    position: relative;
    left: -25%;
    width: 150%;
  }
}
@media screen and (width >= 80em) {
  #pickup .pickBg img {
    left: calc((192rem - 100%) / -2);
    width: 192rem;
  }
}
@media screen and (width >= 120em) {
  #pickup .pickBg img {
    left: 0;
    width: 100%;
  }
}
@media not screen and (min-width: 768px) {
  #pickup {
    padding-bottom: min(78.9333333333vw,59.2rem);
    background: url("/img/bg_sec02_sp.png") no-repeat top center/100%;
  }
  #pickup .ttl_img img {
    width: min(74.9333333333vw,56.2rem);
  }
}
#pickup .namePic {
  border: 0.15rem solid #006e2d;
  border-radius: 50%;
}
#pickup .namePic img {
  width: 8.6rem;
}
@media not screen and (min-width: 768px) {
  #pickup .namePic img {
    width: min(28.8vw,21.6rem);
  }
}
#pickup .sessionPic img {
  width: 100%;
}
#pickup .nameList li:first-child {
  position: relative;
}
#pickup .nameList li:first-child::after {
  position: absolute;
  top: 0;
  right: -1.5rem;
  bottom: 0;
  width: 0.1rem;
  height: 70%;
  margin: auto;
  content: "";
  background-color: rgba(90, 90, 90, 0.17);
}
@media not screen and (min-width: 768px) {
  #pickup .nameList li:first-child::after {
    content: none;
  }
  #pickup .mascotImg img {
    width: min(34.6666666667vw,26rem);
  }
}
#pickup .illust {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
#pickup .illust picture {
  width: 100%;
}
#pickup .illust img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: 100%;
}
#pickup .illust_b {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
#pickup .illust_c {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
#pickup .illust_c picture {
  opacity: 0;
}
#pickup .illust_c picture:nth-of-type(n + 2) {
  position: absolute;
  top: 0;
}
#pickup .illust::before, #pickup .illust::after {
  content: "";
  position: absolute;
  top: 0rem;
  bottom: 0rem;
  z-index: -1;
  margin: auto;
  height: 100%;
  width: 100%;
}
#pickup .illust.-active .illust_b {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
          clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  -webkit-transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s, -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
}
#pickup .illust.-active .illust_c picture {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
#pickup .illust.-active .illust_c picture:nth-of-type(1) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
#pickup .illust.-active .illust_c picture:nth-of-type(2) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
#pickup .illust.-active .illust_c picture:nth-of-type(3) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
#pickup .illust.-active .illust_c picture:nth-of-type(4) {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
@media screen and (width >= 1920px) {
  #pickup .illust {
    left: 0;
    width: 100%;
  }
}
@media (width >= 1280px) and (width <= 1919px) {
  #pickup .illust {
    left: calc((192rem - 100%) / -2);
    width: 192rem;
  }
}
@media (width >= 768px) and (width <= 1279px) {
  #pickup .illust {
    left: -25%;
    width: 150%;
  }
}

/* /ピックアップ  */
/* youtube  */
#online {
  position: relative;
  padding-top: min(53.90625vw,103.5rem);
  padding-bottom: min(27.8645833333vw,53.5rem);
  margin-top: min(-7.5520833333vw,-14.5rem);
  background: url("/img/online_bg.png") no-repeat top min(36.1979166667vw,69.5rem) center/192rem;
}
@media screen and (min-width: 1267px) {
  #online {
    z-index: 2;
  }
}
@media not screen and (min-width: 768px) {
  #online {
    padding-top: min(94.4vw,70.8rem);
    padding-bottom: min(70.6666666667vw,53rem);
    margin-top: 0;
    background: url("/img/online_bg_sp.png") no-repeat top min(53.3333333333vw,40rem) center/100%;
  }
  #online .ttl_img img {
    width: min(69.3333333333vw,52rem);
  }
}
#online p {
  line-height: 1.8888888889;
  letter-spacing: 0.01em;
  font-size: 1.8rem;
}
@media not screen and (min-width: 768px) {
  #online p {
    font-size: clamp(1.4rem,3.7333333333vw,1.8rem);
    line-height: 1.8571428571;
  }
}
#online .roundBox {
  position: relative;
}
#online .roundBox_ttl {
  position: relative;
  font-weight: 500;
  line-height: 1;
  color: #2864f0;
  text-align: center;
  letter-spacing: 0.04em;
  vertical-align: middle;
  font-size: 3.6rem;
}
@media not screen and (min-width: 768px) {
  #online .roundBox_ttl {
    font-size: clamp(3.2rem,8.5333333333vw,3.6rem);
  }
}
#online .roundBox_ttl span {
  display: inline-block;
  margin-bottom: 0.5em;
  margin-left: 0.8rem;
  font-family: "M PLUS 1p", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  vertical-align: middle;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  #online .roundBox_ttl span {
    font-size: clamp(1.4rem,3.7333333333vw,1.6rem);
    margin-bottom: 0.3em;
  }
}
#online .roundBox_ttl span::before, #online .roundBox_ttl span::after {
  display: inline-block;
}
#online .roundBox_ttl span::before {
  margin-right: 0.5em;
  content: "[";
}
#online .roundBox_ttl span::after {
  margin-left: 0.5em;
  content: "]";
}
#online .roundBox:first-child::after {
  position: absolute;
  inset: auto auto -4.4rem 11.9rem;
  width: 13.2rem;
  height: 14rem;
  margin: auto;
  content: "";
  background: url("/img/movie_illust001.png") no-repeat center/100%;
}
@media not screen and (min-width: 768px) {
  #online .roundBox:first-child::after {
    inset: auto auto -5rem 4.5rem;
    width: 13.2rem;
    height: 14rem;
  }
  #online .roundBox:first-child {
    padding-bottom: 11.1rem;
  }
}
#online .roundBox:last-child::after {
  position: absolute;
  inset: auto -1.6rem -3.5rem auto;
  width: 10.6rem;
  height: 10.9rem;
  margin: auto;
  content: "";
  background: url("/img/movie_illust002.png") no-repeat center/100%;
}
@media not screen and (min-width: 768px) {
  #online .roundBox:last-child::after {
    inset: auto 3.4rem -3.6rem auto;
    width: 10.6rem;
    height: 10.9rem;
  }
  #online .roundBox:last-child {
    padding-bottom: 9.7rem;
  }
}
#online .illust {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
#online .illust.-top {
  top: 0;
  bottom: auto;
}
#online .illust picture {
  width: 100%;
}
#online .illust img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: 100%;
}
#online .illust_b {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
#online .illust_c {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
#online .illust_c picture {
  opacity: 0;
}
#online .illust_c picture:nth-of-type(n + 2) {
  position: absolute;
  top: 0;
}
#online .illust::before, #online .illust::after {
  content: "";
  position: absolute;
  top: 0rem;
  bottom: 0rem;
  z-index: -1;
  margin: auto;
  height: 100%;
  width: 100%;
}
#online .illust.-active .illust_b {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
          clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  -webkit-transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
  transition: clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s, -webkit-clip-path 1.77s cubic-bezier(0.24, 0.13, 0.26, 1.01) 0.3s;
}
#online .illust.-active .illust_c picture {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
#online .illust.-active .illust_c picture:nth-of-type(1) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
#online .illust.-active .illust_c picture:nth-of-type(2) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
#online .illust.-active .illust_c picture:nth-of-type(3) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
#online .illust.-active .illust_c picture:nth-of-type(4) {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
#online .illust.-active .illust_c picture:nth-of-type(5) {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}
@media screen and (width >= 1920px) {
  #online .illust {
    left: 0;
    width: 100%;
  }
}
@media (width >= 1280px) and (width <= 1919px) {
  #online .illust {
    left: calc((192rem - 100%) / -2);
    width: 192rem;
  }
}
@media (width >= 768px) and (width <= 1279px) {
  #online .illust {
    left: -25%;
    width: 150%;
  }
}

/* /youtube  */
/* 概要  */
#outline {
  margin-top: 278px;
}
@media not screen and (min-width: 768px) {
  #outline {
    margin-top: 77.6vw;
  }
  #outline .roundBox .boxInner {
    padding: 16vw 5.3333333333vw;
  }
}
#outline .ttl_img {
  position: absolute;
  top: -119px;
  left: 375px;
  width: 418px;
  z-index: 2;
}
@media not screen and (min-width: 768px) {
  #outline .ttl_img {
    top: 0;
    left: 50%;
    width: 80vw;
    z-index: 2;
    translate: calc(-50% - 1.6vw) calc(-50% - 6.9333333333vw);
  }
}
#outline .outlineBox::before, #outline .outlineBox::after {
  width: calc(100% - 0.3rem);
  height: calc(100% + 1.85rem);
  -webkit-clip-path: polygon(8% 0%, 93% 0%, 100% 2%, 100% 100%, 0 100%, 0 2%);
          clip-path: polygon(8% 0%, 93% 0%, 100% 2%, 100% 100%, 0 100%, 0 2%);
  content: "";
  border-bottom: 0.15rem solid #2764ef;
}
@media not screen and (min-width: 768px) {
  #outline .outlineBox::before, #outline .outlineBox::after {
    height: calc(100% + 1.1rem);
    -webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 1%, 100% 100%, 0 100%, 0 1%);
            clip-path: polygon(5% 0%, 95% 0%, 100% 1%, 100% 100%, 0 100%, 0 1%);
  }
}
#outline .outlineBox::before {
  width: 100%;
  height: calc(100% + 2rem);
}
@media not screen and (min-width: 768px) {
  #outline .outlineBox::before {
    height: calc(100% + 1.3rem);
  }
}
#outline .outlineList_item {
  background-color: #EDF3FF;
  border-radius: 10px;
  padding: 20px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media not screen and (min-width: 768px) {
  #outline .outlineList_item {
    padding: 4vw 3.2vw;
    display: block;
    margin-top: 2.6666666667vw;
  }
}
#outline .outlineList_item:nth-child(1) {
  margin-top: 0;
}
#outline .outlineList_item > dt,
#outline .outlineList_item > dd {
  font-size: 16px;
  letter-spacing: 0.001em;
}
#outline .outlineList_item > dt {
  width: 143px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #3862E8;
  font-weight: bold;
}
@media not screen and (min-width: 768px) {
  #outline .outlineList_item > dt {
    width: 100%;
    font-size: 4vw;
    display: block;
  }
}
#outline .outlineList_item > dd {
  width: calc(100% - 143px);
  color: #3862E8;
  position: relative;
  font-weight: 500;
  padding-left: 62px;
}
@media not screen and (min-width: 768px) {
  #outline .outlineList_item > dd {
    width: 100%;
    font-size: 4vw;
    padding-left: 0;
    margin-top: 3.2vw;
  }
}
#outline .outlineList_item > dd dt::after {
  font-weight: normal;
  content: "：";
}
@media not screen and (min-width: 768px) {
  #outline .outlineList_item > dd dt::after {
    content: none;
  }
}
#outline .outlineList_item .mapBtn {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 130px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 9999px;
  background-color: #fff;
  border: 1px solid #2864f0;
  font-size: 16px;
  font-family: "Dangrek", sans-serif;
  text-align: center;
  gap: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (hover: hover) {
  #outline .outlineList_item .mapBtn:hover {
    background-color: #EDF3FF;
  }
}
@media not screen and (min-width: 768px) {
  #outline .outlineList_item .mapBtn {
    position: unset;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.2vw;
  }
}
#outline .outlineList_item .mapBtn:after {
  content: "";
  display: block;
  width: 11.5px;
  height: 11.5px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1512 4.95166L11.1512 2.15067L8.35026 2.15067' stroke='%233862E8' stroke-linecap='round'/%3E%3Cpath d='M5.4046 7.89746L11.1506 2.15148' stroke='%233862E8' stroke-linecap='round'/%3E%3Cpath d='M6.16901 3.25049H3C1.89543 3.25049 1 4.14592 1 5.25049V10.2505C1 11.3551 1.89543 12.2505 3 12.2505H8C9.10457 12.2505 10 11.3551 10 10.2505V7.1103' stroke='%233862E8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#outline .deco {
  pointer-events: none;
}
#outline .deco.deco01 {
  top: -240px;
  left: -137px;
}
@media not screen and (min-width: 768px) {
  #outline .deco.deco01 {
    width: 87.4666666667vw;
    top: clamp(-9999px, -68.5333333333vw, -257px);
    left: 5.3333333333vw;
  }
}
#outline .deco.deco01 img {
  width: 1149.4px;
}
@media not screen and (min-width: 768px) {
  #outline .deco.deco01 img {
    width: 100%;
  }
}
#outline .deco.deco02 {
  top: 52px;
  left: -352px;
}
@media not screen and (min-width: 768px) {
  #outline .deco.deco02 {
    top: 305.3333333333vw;
    left: 64.5333333333vw;
    width: 35.4666666667vw;
  }
}
/* /概要  */
/* コンテンツ  */
#contents {
  margin-top: 155px;
}
@media not screen and (min-width: 768px) {
  #contents {
    margin-top: 45.3333333333vw;
  }
}
#contents .ttl_img {
  width: 516px;
  height: auto;
  margin-left: unset;
  margin-right: unset;
  margin-bottom: 0;
}
@media not screen and (min-width: 768px) {
  #contents .ttl_img {
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
  }
}
#contents .ttl_img img {
  width: 100%;
}
#contents .roundBox {
  position: relative;
  margin-top: 54px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox {
    margin-top: 10.6666666667vw;
  }
}
#contents .roundBox:nth-child(1) {
  margin-top: 0;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox:nth-child(1) .boxInner {
    padding: 8.5333333333vw 7.4666666667vw 14.9333333333vw 7.4666666667vw;
  }
  #contents .roundBox .boxInner {
    padding: 11.4666666667vw 7.4666666667vw 14.9333333333vw 7.4666666667vw;
  }
  #contents .roundBox .boxInner .roundBox_ttl {
    letter-spacing: 0.01em;
    line-height: 1.25;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4vw 2.4vw;
  }
  #contents .roundBox .boxInner .roundBox_ttl .adjust {
    font-size: 0.95em;
  }
  #contents .roundBox .boxInner .roundBox_ttl + .roundBox_subTtl {
    margin-top: 4.8vw;
  }
  #contents .roundBox .boxInner .roundBox_subTtl {
    margin-top: 6.9333333333vw;
  }
}
#contents .roundBox.-color01 {
  border-color: #006e2d;
  background-color: #BBDF8A;
}
#contents .roundBox.-color01 .roundBox_ttl {
  color: #006e2d;
}
#contents .roundBox.-color01 .roundBox_ttl.online:after, #contents .roundBox.-color01 .roundBox_ttl.offline:after {
  background-color: #EDF3FF;
  color: #3862E8;
  font-size: 14px;
  font-weight: bold;
  width: 90px;
  height: 23px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  translate: 0px -4px;
  margin-left: 16px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox.-color01 .roundBox_ttl.online:after, #contents .roundBox.-color01 .roundBox_ttl.offline:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.2vw;
    width: 20.2666666667vw;
    height: 6.1333333333vw;
    margin-top: 0;
    margin-left: 0;
    translate: 0px 0px;
  }
}
#contents .roundBox.-color01 .roundBox_ttl.online:after {
  content: "オンライン";
}
#contents .roundBox.-color01 .roundBox_ttl.offline:after {
  content: "オフライン";
}
#contents .roundBox.-color01 .boxInner {
  border-color: #006e2d;
}
#contents .roundBox.-color02 {
  border-color: #5a2daa;
  background-color: #CAB4F2;
}
#contents .roundBox.-color02 .roundBox_ttl {
  color: #5a2daa;
}
#contents .roundBox.-color02 .roundBox_ttl.online:after, #contents .roundBox.-color02 .roundBox_ttl.offline:after {
  background-color: #EDF3FF;
  color: #3862E8;
  font-size: 14px;
  font-weight: bold;
  width: 90px;
  height: 23px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  translate: 0px -4px;
  margin-left: 16px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox.-color02 .roundBox_ttl.online:after, #contents .roundBox.-color02 .roundBox_ttl.offline:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.2vw;
    width: 20.2666666667vw;
    height: 6.1333333333vw;
    margin-top: 0;
    margin-left: 0;
    translate: 0px 0px;
  }
}
#contents .roundBox.-color02 .roundBox_ttl.online:after {
  content: "オンライン";
}
#contents .roundBox.-color02 .roundBox_ttl.offline:after {
  content: "オフライン";
}
#contents .roundBox.-color02 .boxInner {
  border-color: #5a2daa;
}
#contents .roundBox.-color03 {
  border-color: #be4b0f;
  background-color: #E7BFAA;
}
#contents .roundBox.-color03 .roundBox_ttl {
  color: #be4b0f;
}
#contents .roundBox.-color03 .roundBox_ttl.online:after, #contents .roundBox.-color03 .roundBox_ttl.offline:after {
  background-color: #EDF3FF;
  color: #3862E8;
  font-size: 14px;
  font-weight: bold;
  width: 90px;
  height: 23px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  translate: 0px -4px;
  margin-left: 16px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox.-color03 .roundBox_ttl.online:after, #contents .roundBox.-color03 .roundBox_ttl.offline:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.2vw;
    width: 20.2666666667vw;
    height: 6.1333333333vw;
    margin-top: 0;
    margin-left: 0;
    translate: 0px 0px;
  }
}
#contents .roundBox.-color03 .roundBox_ttl.online:after {
  content: "オンライン";
}
#contents .roundBox.-color03 .roundBox_ttl.offline:after {
  content: "オフライン";
}
#contents .roundBox.-color03 .boxInner {
  border-color: #be4b0f;
}
#contents .roundBox.-color04 {
  border-color: #146464;
  background-color: #B7E7E7;
}
#contents .roundBox.-color04 .roundBox_ttl {
  color: #146464;
}
#contents .roundBox.-color04 .roundBox_ttl.online:after, #contents .roundBox.-color04 .roundBox_ttl.offline:after {
  background-color: #EDF3FF;
  color: #3862E8;
  font-size: 14px;
  font-weight: bold;
  width: 90px;
  height: 23px;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  translate: 0px -4px;
  margin-left: 16px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox.-color04 .roundBox_ttl.online:after, #contents .roundBox.-color04 .roundBox_ttl.offline:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.2vw;
    width: 20.2666666667vw;
    height: 6.1333333333vw;
    margin-top: 0;
    margin-left: 0;
    translate: 0px 0px;
  }
}
#contents .roundBox.-color04 .roundBox_ttl.online:after {
  content: "オンライン";
}
#contents .roundBox.-color04 .roundBox_ttl.offline:after {
  content: "オフライン";
}
#contents .roundBox.-color04 .boxInner {
  border-color: #146464;
}
#contents .roundBox .sessionParagraph {
  margin-top: 32px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox .sessionParagraph {
    margin-top: 5.6vw;
    width: calc(100% - 2px);
  }
}
#contents .roundBox .sessionParagraph p {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.009em;
  line-height: 1.65;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox .sessionParagraph p {
    font-size: 4vw;
    line-height: 1.6;
  }
}
#contents .roundBox .sessionAboutImgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  margin-top: 40px;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox .sessionAboutImgs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 6.1333333333vw;
    gap: 5.6vw;
  }
}
#contents .roundBox .sessionAboutImgs img {
  width: 100%;
  height: auto;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox .sessionAboutImgs img {
    width: 56vw;
  }
}
#contents .roundBox .sessionAboutImgs > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media not screen and (min-width: 768px) {
  #contents .roundBox .sessionAboutImgs > * {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 100%;
    max-width: 56vw;
  }
}
#contents .interviewTtl {
  position: relative;
  padding-top: 3rem;
  margin: 4rem auto 3.2rem;
  font-weight: 500;
  line-height: 1.3846153846;
  color: #5a2da9;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 2.6rem;
}
@media not screen and (min-width: 768px) {
  #contents .interviewTtl {
    font-size: clamp(2.2rem,5.8666666667vw,2.6rem);
    padding-top: 2.4;
    margin: 3.2rem auto;
    line-height: 1.1818181818;
  }
}
#contents .interviewTtl::before {
  position: absolute;
  inset: 0 0 auto;
  width: 3.3rem;
  height: 0.1rem;
  margin: auto;
  content: "";
  border: 0.1rem dashed #5a2da9;
}
#contents .sessionBox {
  padding: 3.2rem;
  background-color: #e6d7fa;
  border: solid 0.15rem #5a2da9;
  border-radius: 3.2rem;
}
@media not screen and (min-width: 768px) {
  #contents .sessionBox {
    padding: 2rem;
  }
}
#contents .sessionBox figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  border: 0.15rem solid #5a2da9;
  border-radius: 2.4rem;
}
#contents .interviewBox {
  position: relative;
  padding: 4.4rem 0 0;
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox {
    padding-top: 3.2rem;
  }
}
#contents .interviewBox:not(:last-of-type) {
  padding-bottom: 2.5rem;
  border-bottom: solid 0.15rem #5a2da9;
}
#contents .interviewBox_ttl {
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  font-weight: 500;
  line-height: 0.8;
  color: #5a2da9;
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 2.8rem;
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox_ttl {
    font-size: clamp(2.8rem,7.4666666667vw,2.8rem);
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    line-height: 0.8571428571;
    font-size: 6.4vw;
  }
}
#contents .interviewBox_ttl span {
  display: block;
  margin-top: 1.5rem;
  font-weight: normal;
  line-height: 1.5;
  color: #5a5a5a;
  letter-spacing: 0.04em;
  font-size: 1.4rem;
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox_ttl span {
    font-size: clamp(1.2rem,3.2vw,1.4rem);
  }
}
#contents .interviewBox_ttl span > span {
  margin-top: 0;
  line-height: 1.75;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox_ttl span > span {
    font-size: clamp(1.4rem,3.7333333333vw,1.6rem);
  }
}
#contents .interviewBox_ttl::after {
  position: absolute;
  inset: auto 0 0;
  width: 1.9rem;
  height: 0.1rem;
  margin: auto;
  content: "";
  border: 0.1rem dashed #5a2da9;
}
#contents .interviewBox_lead {
  line-height: 1.5555555556;
  color: #5a2da9;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 1.8rem;
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox_lead {
    font-size: clamp(1.6rem,4.2666666667vw,1.8rem);
    text-align: left;
  }
}
#contents .interviewBox_lead + p {
  margin-top: 1.8rem;
}
#contents .interviewBox::after {
  position: absolute;
  margin: auto;
  content: "";
}
#contents .interviewBox:first-of-type::after {
  inset: 6rem auto auto 5.9rem;
  width: 12rem;
  height: 10.4rem;
  background: url("/img/contents_illust003.png") no-repeat center/100%;
}
@media not screen and (min-width: 901px) {
  #contents .interviewBox:first-of-type::after {
    inset: 3.1rem auto auto -2rem;
  }
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox:first-of-type::after {
    inset: 2rem auto auto -8.4rem;
    width: 11.7rem;
    height: 10.1rem;
  }
}
#contents .interviewBox:nth-of-type(2)::after {
  inset: 7.5rem 6.2rem auto auto;
  width: 10.4rem;
  height: 7.4rem;
  background: url("/img/contents_illust004.png") no-repeat center/100%;
}
@media not screen and (min-width: 871px) {
  #contents .interviewBox:nth-of-type(2)::after {
    inset: 4.5rem 0 auto auto;
  }
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox:nth-of-type(2)::after {
    inset: 0 -7rem auto auto;
    width: 9.8rem;
    height: 6.9rem;
  }
}
#contents .interviewBox:nth-of-type(3)::after {
  inset: 7.5rem auto auto 5.9rem;
  width: 7.5rem;
  height: 8.4rem;
  background: url("/img/contents_illust005.png") no-repeat center/100%;
}
@media not screen and (min-width: 811px) {
  #contents .interviewBox:nth-of-type(3)::after {
    inset: 3.9rem auto auto 0;
  }
}
@media not screen and (min-width: 768px) {
  #contents .interviewBox:nth-of-type(3)::after {
    inset: 2.4rem auto auto -5.2rem;
    width: 7.5rem;
    height: 8.5rem;
  }
}
#contents .pcRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(0px, calc(70 / 1366 * 100vw), 70px);
  margin-bottom: 55px;
  width: 100%;
  max-width: 108.6rem;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
@media not screen and (min-width: 768px) {
  #contents .pcRow {
    display: block;
    margin-bottom: 12.8vw;
  }
}
#contents .sessionImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
@media not screen and (min-width: 768px) {
  #contents .sessionImg {
    gap: 0;
  }
  #contents .sessionImg picture {
    scale: 1.02;
  }
}
#contents .sessionImg picture:nth-child(2) {
  margin-top: 36px;
}
@media not screen and (min-width: 768px) {
  #contents .sessionImg picture:nth-child(2) {
    margin-top: 21.3333333333vw;
  }
}
#contents .sessionImg picture img {
  width: 180px;
}
@media not screen and (min-width: 768px) {
  #contents .sessionImg picture img {
    width: 34.6666666667vw;
  }
}
#contents .pageInLink {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink {
    max-width: 77.8666666667vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 11.2vw;
  }
}
#contents .pageInLink ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 502px;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul {
    display: block;
  }
  #contents .pageInLink ul li {
    margin-top: 8px;
  }
}
#contents .pageInLink ul li a {
  border-radius: 9999px;
  display: block;
  background-color: #fff;
  padding: 15px 24px;
  text-decoration: unset;
  border: 2px solid;
  font-family: "Dangrek", "M PLUS 1p", sans-serif;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: 0.004em;
  width: 242px;
  height: 60px;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#contents .pageInLink ul li a.-adjust {
  font-size: 18px;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul li a.-adjust {
    font-size: 4vw;
  }
}
#contents .pageInLink ul li a.-adjust02 {
  font-size: 24px;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul li a.-adjust02 {
    font-size: 5.3333333333vw;
  }
  #contents .pageInLink ul li a {
    font-size: 4.8vw;
    width: unset;
    height: 12.8vw;
    padding: 4vw 2.6666666667vw 4vw 5.8666666667vw;
    line-height: 1;
  }
}
#contents .pageInLink ul li a .small {
  font-size: 12px;
  font-weight: bold;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul li a .small {
    font-size: 3.4666666667vw;
  }
}
#contents .pageInLink ul li a .arrow {
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul li a .arrow {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#contents .pageInLink ul li a .arrow svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#contents .pageInLink ul li a .label {
  background-color: #EDF3FF;
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  margin-left: 6px;
  line-height: 0;
}
#contents .pageInLink ul li a .label:before {
  color: #3862E8;
  font-size: 11px;
  font-weight: bold;
  font-family: "M PLUS 1p", sans-serif;
  line-height: 1;
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul li a .label:before {
    font-size: 2.6666666667vw;
  }
}
#contents .pageInLink ul li a .label.online:before {
  content: "オンライン";
}
#contents .pageInLink ul li a .label.offline:before {
  content: "オフライン";
}
@media not screen and (min-width: 768px) {
  #contents .pageInLink ul li a .label {
    padding: 0.8vw 1.6vw;
    margin-left: 0;
  }
  #contents .pageInLink ul li:nth-child(1) {
    margin-top: 0;
  }
}
#contents .pageInLink ul li:nth-child(1) a {
  border-color: #006e2d;
  color: #006e2d;
}
#contents .pageInLink ul li:nth-child(1) a .arrow {
  background-color: #D1F0A6;
}
#contents .pageInLink ul li:nth-child(1) a .arrow svg path {
  stroke: #006e2d;
}
@media (hover: hover) {
  #contents .pageInLink ul li:nth-child(1) a:hover {
    background-color: #D1F0A6;
  }
  #contents .pageInLink ul li:nth-child(1) a:hover .arrow {
    background-color: #006e2d;
  }
  #contents .pageInLink ul li:nth-child(1) a:hover .arrow svg path {
    stroke: #fff;
  }
}
#contents .pageInLink ul li:nth-child(2) a {
  border-color: #5a2daa;
  color: #5a2daa;
}
#contents .pageInLink ul li:nth-child(2) a .arrow {
  background-color: #DFCEFC;
}
#contents .pageInLink ul li:nth-child(2) a .arrow svg path {
  stroke: #5a2daa;
}
@media (hover: hover) {
  #contents .pageInLink ul li:nth-child(2) a:hover {
    background-color: #DFCEFC;
  }
  #contents .pageInLink ul li:nth-child(2) a:hover .arrow {
    background-color: #5a2daa;
  }
  #contents .pageInLink ul li:nth-child(2) a:hover .arrow svg path {
    stroke: #fff;
  }
}
#contents .pageInLink ul li:nth-child(3) a {
  border-color: #be4b0f;
  color: #be4b0f;
}
#contents .pageInLink ul li:nth-child(3) a .arrow {
  background-color: #F7D7C6;
}
#contents .pageInLink ul li:nth-child(3) a .arrow svg path {
  stroke: #be4b0f;
}
@media (hover: hover) {
  #contents .pageInLink ul li:nth-child(3) a:hover {
    background-color: #F7D7C6;
  }
  #contents .pageInLink ul li:nth-child(3) a:hover .arrow {
    background-color: #be4b0f;
  }
  #contents .pageInLink ul li:nth-child(3) a:hover .arrow svg path {
    stroke: #fff;
  }
}
#contents .pageInLink ul li:nth-child(4) a {
  border-color: #146464;
  color: #146464;
}
#contents .pageInLink ul li:nth-child(4) a .arrow {
  background-color: #C5ECEC;
}
#contents .pageInLink ul li:nth-child(4) a .arrow svg path {
  stroke: #146464;
}
@media (hover: hover) {
  #contents .pageInLink ul li:nth-child(4) a:hover {
    background-color: #C5ECEC;
  }
  #contents .pageInLink ul li:nth-child(4) a:hover .arrow {
    background-color: #146464;
  }
  #contents .pageInLink ul li:nth-child(4) a:hover .arrow svg path {
    stroke: #fff;
  }
}
#contents .remarks {
  margin-top: 44px;
  text-align: center;
  color: #3862E8;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0;
}
@media not screen and (min-width: 768px) {
  #contents .remarks {
    font-size: 4.8vw;
    line-height: 1.75;
  }
}
#contents .deco {
  pointer-events: none;
}
#contents .deco.deco01 {
  top: 77px;
  left: -318px;
}
@media not screen and (min-width: 768px) {
  #contents .deco.deco01 {
    top: 13.0666666667vw;
    left: clamp(-9999px, -6.9333333333vw, -26px);
    width: 97.8666666667vw;
  }
}
#contents .deco.deco02 {
  top: 750px;
  left: -197px;
}
@media not screen and (min-width: 768px) {
  #contents .deco.deco02 {
    top: 1084vw;
    left: clamp(-9999px, -4.5333333333vw, -17px);
    width: 96.2666666667vw;
  }
}
#contents .deco.deco03 {
  top: 2306px;
  left: -191px;
}
@media not screen and (min-width: 768px) {
  #contents .deco.deco03 {
    top: 498.1333333333vw;
    left: 52.2666666667vw;
    width: 41.6vw;
  }
}
#contents .deco.deco04 {
  top: 253px;
  left: -177px;
}
@media not screen and (min-width: 768px) {
  #contents .deco.deco04 {
    top: clamp(-9999px, -3.7333333333vw, -14px);
    left: 1.6vw;
    width: 84.2666666667vw;
  }
}
#contents .deco.deco05 {
  top: 1525px;
  left: -160px;
}
@media not screen and (min-width: 768px) {
  #contents .deco.deco05 {
    top: 671.4666666667vw;
    left: 0vw;
    width: 97.3333333333vw;
  }
}

/* /コンテンツ  */
/* 申し込み  */
#register {
  margin-top: 148px;
}
@media not screen and (min-width: 768px) {
  #register {
    margin-top: 47.4666666667vw;
  }
}
#register .roundBox {
  margin-top: 60px;
}
@media not screen and (min-width: 768px) {
  #register .roundBox {
    margin-top: 12.5333333333vw;
  }
}
#register .roundBox .boxInner {
  padding: 50px;
}
@media not screen and (min-width: 768px) {
  #register .roundBox .boxInner {
    padding: 14.1333333333vw 6.9333333333vw;
  }
}
#register .ttl_img {
  width: 388px;
  translate: -83px 0;
  margin-bottom: 58px;
}
@media not screen and (min-width: 768px) {
  #register .ttl_img {
    width: 72vw;
    margin-left: auto;
    margin-right: auto;
    translate: clamp(-9999px, -1.8666666667vw, -7px) 0;
    margin-bottom: 11.4666666667vw;
  }
}
#register .ticketBtn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (hover: hover) {
  #register .ticketBtn:hover svg .ticketBody {
    fill: #FFC249;
  }
}
#register .ticketBtn svg .ticketBody {
  fill: #FFD278;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#register .supportBox .flex {
  gap: 46px;
}
#register .supportBox .paragraph {
  margin-top: 14px;
}
@media not screen and (min-width: 768px) {
  #register .supportBox .paragraph {
    margin-top: 6.4vw;
  }
}
#register .supportBox .paragraph p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.005em;
}
@media not screen and (min-width: 768px) {
  #register .supportBox .paragraph p {
    font-size: 4vw;
    line-height: 1.6;
  }
}
#register .supportBox .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 220px;
}
@media not screen and (min-width: 768px) {
  #register .supportBox .btn {
    margin-top: 6.4vw;
    width: 58.6666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#register .support_ttl {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #2864f0;
  translate: 60px 0px;
}
@media not screen and (min-width: 768px) {
  #register .support_ttl {
    translate: unset;
    text-align: center;
    font-size: 5.3333333333vw;
    margin-top: 10.1333333333vw;
  }
}
#register .support_ttl:before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  translate: calc(-100% - 12px) 0;
  width: 109.4px;
  height: 132.9px;
  background-image: url("../img/support_deco01.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
}
@media not screen and (min-width: 768px) {
  #register .support_ttl:before {
    position: absolute;
    bottom: 6.6666666667vw;
    left: 50%;
    translate: -50% 0;
    margin-left: auto;
    margin-right: auto;
    width: 24.8vw;
    height: 30.08vw;
    margin-bottom: 3.2vw;
  }
}
#register .deco.deco01 {
  top: 40px;
  left: 761px;
}

/* /申し込み  */
/* SNS  */
.snsBox {
  margin-top: 120px;
}
@media not screen and (min-width: 768px) {
  .snsBox {
    margin-top: 21.0666666667vw;
    width: 100%;
  }
}
.snsBox .text-prime {
  background-color: #EDF3FF;
  border-radius: 9999px;
  width: 320px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: bold;
  color: #3862E8;
}
@media not screen and (min-width: 768px) {
  .snsBox .text-prime {
    font-size: 5.3333333333vw;
    width: 76.5333333333vw;
    letter-spacing: 0;
  }
}
.snsBox .flex {
  gap: 40px;
  margin-top: 50px;
}
@media not screen and (min-width: 768px) {
  .snsBox .flex {
    gap: 10.6666666667vw;
    margin-top: 9.0666666667vw;
  }
}
.snsBox .snsIcon img {
  width: 60px;
  height: 60px;
}
@media not screen and (min-width: 768px) {
  .snsBox .snsIcon img {
    width: 16vw;
    height: 16vw;
  }
}
.snsBox a {
  display: block;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.snsBox a:focus-visible {
  outline-color: #2864eb;
}
@media (hover: hover) {
  .snsBox a:hover {
    opacity: 0.7;
  }
}
/* /SNS  */
/* タイムテーブル  */
#time {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(173, 207, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(173, 207, 255) 100%);
}
@media not screen and (min-width: 768px) {
  #time {
    background: url("/img/bg_sec02_sp.png") no-repeat top center/100%;
  }
  #time .ttl_img {
    width: min(60.8vw,45.6rem);
  }
}
#time .bgBox::before {
  border-radius: 4.8rem;
}
#time .sessionTtl {
  position: relative;
  padding-left: 6.7rem;
  margin-bottom: 4rem;
  font-weight: 500;
  color: #2864f0;
  letter-spacing: 0.04em;
  font-size: 3.6rem;
}
@media not screen and (min-width: 768px) {
  #time .sessionTtl {
    font-size: clamp(2.6rem,6.9333333333vw,3.6rem);
    padding-left: min(15.4666666667vw,11.6rem);
    margin-bottom: 2.5rem;
  }
}
#time .sessionTtl::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5.3rem;
  height: 5.1rem;
  margin: auto;
  content: "";
  background: url("/img/time_illust001.png") no-repeat center/100%;
}
@media not screen and (min-width: 768px) {
  #time .sessionTtl::after {
    width: min(12.8vw,9.6rem);
    height: min(14.9333333333vw,11.2rem);
  }
}
#time .c_pull_ttl {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.8rem 4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.04em;
  vertical-align: middle;
  background-color: #2864f0;
  border-radius: 2rem;
  font-size: 2.8rem;
}
@media not screen and (min-width: 768px) {
  #time .c_pull_ttl {
    font-size: clamp(2.2rem,5.8666666667vw,2.8rem);
    height: 5.4rem;
    padding: 1.1rem 2.4rem 0.9rem;
    border-radius: 1.6rem;
  }
}
#time .c_pull_ttl span {
  display: inline-block;
  margin-left: 0.8rem;
  vertical-align: middle;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  #time .c_pull_ttl span {
    font-size: clamp(1.4rem,3.7333333333vw,1.6rem);
  }
}
#time .c_pull_content {
  position: relative;
  padding: 5.5rem 4rem 4rem 10.7rem;
  background-color: #fff;
  border: 0.15rem solid #2864f0;
  border-radius: 0 0 2rem 2rem;
  translate: 0 -1.5rem;
}
@media not screen and (min-width: 801px) {
  #time .c_pull_content {
    padding: 5.5rem 4rem 4rem 8rem;
  }
}
@media not screen and (min-width: 768px) {
  #time .c_pull_content {
    padding: 3.5rem 2rem 2rem;
  }
}
#time .tabBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: min(37.3333333333vw,28rem);
  height: min(12.8vw,9.6rem);
  font-weight: 500;
  line-height: 0.9285714286;
  color: #2864f0;
  text-align: center;
  letter-spacing: 0.051em;
  border: 0.15rem solid #2864f0;
  border-radius: 99rem;
  font-size: 1.4rem;
}
@media not screen and (min-width: 768px) {
  #time .tabBtn {
    font-size: clamp(1.4rem,3.7333333333vw,1.4rem);
  }
}
#time .tabBtn.-open {
  color: #fff;
  background-color: #2864f0;
}
#time .c_tab_content {
  position: relative;
  padding: 2.8rem 1.2rem 4rem;
  border-radius: 2rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content {
    padding: 2rem 1rem;
  }
}
#time .c_tab_content .stageTtl {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.09em;
  font-size: 2rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageTtl {
    font-size: clamp(1.8rem,4.8vw,2rem);
    line-height: 2;
  }
}
#time .c_tab_content .stageSchedule .rowTime {
  position: absolute;
  top: -0.5em;
  left: -7.6rem;
  display: block;
  width: 100%;
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule .rowTime {
    font-size: clamp(1.2rem,3.2vw,1.6rem);
    position: relative;
    top: 0;
    left: 0;
    padding-right: 0.6rem;
    margin-bottom: 1rem;
  }
}
#time .c_tab_content .stageSchedule .rowTime::after {
  position: absolute;
  inset: 0 auto 0 5rem;
  z-index: -1;
  width: 200%;
  height: 0.1rem;
  margin: auto;
  content: "";
  background-color: #ccc;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule .rowTime::after {
    inset: 0 auto 0 4.3rem;
    z-index: 0;
    width: calc(100% - 4.3rem);
    height: 0.12rem;
  }
}
#time .c_tab_content .stageSchedule_cell {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem 2rem;
  background-color: #fff;
  border-radius: 1.4rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule_cell {
    margin-bottom: 0.8rem;
    border-radius: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule_cell.-wide {
    z-index: 3;
    width: calc(200% + 2.1rem + 2rem);
  }
  #time .c_tab_content .stageSchedule_cell.-spOnly {
    visibility: hidden;
  }
}
#time .c_tab_content .stageSchedule_cell.-empty {
  background-color: transparent;
}
#time .c_tab_content .stageSchedule .cell_time {
  display: block;
  margin-bottom: 0.6rem;
  font-weight: bold;
  font-size: 1rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule .cell_time {
    font-size: clamp(1rem,2.6666666667vw,1rem);
  }
}
#time .c_tab_content .stageSchedule .cell_ttl {
  display: block;
  margin-bottom: 0.6rem;
  font-weight: bold;
  line-height: 1.3846153846;
  letter-spacing: 0.01em;
  font-size: 1.3rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule .cell_ttl {
    font-size: clamp(1.3rem,3.4666666667vw,1.3rem);
  }
}
#time .c_tab_content .stageSchedule .cell_name {
  display: block;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-size: 1.2rem;
}
@media not screen and (min-width: 768px) {
  #time .c_tab_content .stageSchedule .cell_name {
    font-size: clamp(1.2rem,3.2vw,1.2rem);
  }
  #time .c_tab_content .gridCell:has(.stageSchedule_cell.-empty) {
    display: none;
  }
}
#time .c_tab_content.-stage1 {
  background-color: #fef0d2;
}
#time .c_tab_content.-stage1 .stageTtl {
  color: #825a0f;
}
@media screen and (min-width: 768px) {
  #time .c_tab_content.-stage1 .stageSchedule {
    grid-template: "day1_stage1_0" 1fr "day1_stage1_1" 1fr "day1_stage1_1" 1fr "day1_stage1_1" 1fr "day1_stage1_2" 1fr "day1_stage1_2" 1fr "day1_stage1_2" 1fr "day1_stage1_3" 1fr "day1_stage1_3" 1fr "day1_stage1_3" 1fr "day1_stage1_4" 1fr "day1_stage1_4" 1fr "day1_stage1_4" 1fr "day1_stage1_5" 1fr "day1_stage1_5" 1fr "day1_stage1_5" 1fr "day1_stage1_6" 1fr "day1_stage1_7" 0.5fr/1fr;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(1) {
    grid-area: day1_stage1_0;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(2) {
    grid-area: day1_stage1_1;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(3) {
    grid-area: day1_stage1_2;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(4) {
    grid-area: day1_stage1_3;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(5) {
    grid-area: day1_stage1_4;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(6) {
    grid-area: day1_stage1_5;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(7) {
    grid-area: day1_stage1_6;
  }
  #time .c_tab_content.-stage1 .stageSchedule .gridCell:nth-child(8) {
    grid-area: day1_stage1_7;
  }
}
#time .c_tab_content.-stage1 .bgBox {
  border-color: #825a0e;
}
#time .c_tab_content.-stage1 .bgBox::before {
  background-color: #fef0d2;
  border-color: #825a0e;
  outline-color: #825a0e;
}
#time .c_tab_content.-stage1 .stageName {
  color: #825a0e;
}
#time .c_tab_content.-stage2 {
  background-color: #e6f0d2;
}
#time .c_tab_content.-stage2 .stageTtl {
  color: #3c5f14;
}
#time .c_tab_content.-stage2 .stageSchedule {
  grid-template: "day1_stage2_0" 1fr "day1_stage2_1" 1.55fr "day1_stage2_2" 1.55fr "day1_stage2_3" 1.55fr "day1_stage2_4" 1.55fr "day1_stage2_5" 1.55fr "day1_stage2_6" 1.55fr "day1_stage2_7" 1.55fr "day1_stage2_8" 1.55fr "day1_stage2_9" 1.55fr "day1_stage2_10" 1.55fr "day1_stage2_11" 1fr "day1_stage2_12" 0.5fr/1fr;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(1) {
  grid-area: day1_stage2_0;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(2) {
  grid-area: day1_stage2_1;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(3) {
  grid-area: day1_stage2_2;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(4) {
  grid-area: day1_stage2_3;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(5) {
  grid-area: day1_stage2_4;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(6) {
  grid-area: day1_stage2_5;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(7) {
  grid-area: day1_stage2_6;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(8) {
  grid-area: day1_stage2_7;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(9) {
  grid-area: day1_stage2_8;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(10) {
  grid-area: day1_stage2_9;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(11) {
  grid-area: day1_stage2_10;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(12) {
  grid-area: day1_stage2_11;
}
#time .c_tab_content.-stage2 .stageSchedule .gridCell:nth-child(13) {
  grid-area: day1_stage2_12;
}
@media screen and (min-width: 768px) {
  #time .c_tab_content.-stage2 .rowTime {
    text-indent: -999rem;
  }
  #time .c_tab_content.-stage2 .rowTime::after {
    content: none;
  }
  #time .c_tab_content.-stage2 .stageSchedule_cell.-wide {
    visibility: hidden;
  }
}
#time .c_tab_content.-stage2 .bgBox {
  border-color: #3c5f14;
}
#time .c_tab_content.-stage2 .bgBox::before {
  background-color: #e6f0d2;
  border-color: #3c5f14;
  outline-color: #3c5f14;
}
#time .c_tab_content.-stage2 .profImg img {
  border-color: #3c5f14;
}
#time .c_tab_content.-stage2 .stageName {
  color: #3c5f14;
}
#time .c_tab_content.-stage3 {
  background-color: #eaf3ff;
}
#time .c_tab_content.-stage3 .stageTtl {
  color: #143278;
}
@media screen and (min-width: 768px) {
  #time .c_tab_content.-stage3 .rowTime {
    text-indent: -999rem;
  }
  #time .c_tab_content.-stage3 .rowTime::after {
    content: none;
  }
  #time .c_tab_content.-stage3 .stageSchedule_cell.-wide {
    visibility: hidden;
  }
}
#time .c_tab_content.-stage3 .bgBox {
  border-color: #143278;
}
#time .c_tab_content.-stage3 .bgBox::before {
  background-color: #eaf3ff;
  border-color: #143278;
  outline-color: #143278;
}
#time .c_tab_content.-stage3 .profImg img {
  border-color: #143278;
}
#time .c_tab_content.-stage3 .stageName {
  color: #143278;
}
#time .c_btn {
  position: absolute;
  inset: auto 2rem 1.6rem auto;
  width: 6.8rem;
  height: 2.4rem;
  min-height: inherit;
  margin: auto;
  letter-spacing: 0.01em;
  border-radius: 999rem;
  outline-width: 0.1rem;
  outline-offset: -0.2rem;
  font-size: 1rem;
}
@media not screen and (min-width: 768px) {
  #time .c_btn {
    font-size: clamp(1rem,2.6666666667vw,1rem);
    position: relative;
    margin-top: 1.5rem;
    margin-right: -1.5rem;
  }
}
#time .c_btn::after {
  position: absolute;
  inset: 0 0.3em 0 auto;
  width: 1em;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  content: "+";
  border: 0;
  rotate: none;
}
#time .c_modal_content {
  padding: 2rem 2.6rem 0;
  overflow: hidden;
}
#time .modalBody {
  height: 100%;
  max-height: 85dvh;
  padding: 6rem;
  color: #333;
  background-color: #fff;
  border: 0.15rem solid #3c5f14;
  border-radius: 4.8rem;
}
@media not screen and (min-width: 768px) {
  #time .modalBody {
    padding: 4rem 2rem;
    border-width: 0.12rem;
    border-radius: 4rem;
  }
}
#time .modalBody .modal_ttl {
  margin-bottom: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.01em;
  font-size: 2.4rem;
}
@media not screen and (min-width: 768px) {
  #time .modalBody .modal_ttl {
    font-size: clamp(2rem,5.3333333333vw,2.4rem);
    margin-bottom: 1.2rem;
    line-height: 1.6;
  }
}
#time .modalBody dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.6rem;
}
@media not screen and (min-width: 768px) {
  #time .modalBody dl {
    font-size: clamp(1.4rem,3.7333333333vw,1.6rem);
  }
}
#time .modalBody dl dt {
  position: relative;
  padding-right: 2rem;
  font-weight: bold;
  color: #5a5a5a;
}
@media not screen and (min-width: 768px) {
  #time .modalBody dl dt {
    padding-right: 1.6rem;
  }
}
#time .modalBody dl dt::after {
  position: absolute;
  inset: 0 0 0 auto;
  width: 0.15rem;
  height: 50%;
  margin: auto;
  content: "";
  border-right: 0.15rem dashed #ccc;
}
@media not screen and (min-width: 768px) {
  #time .modalBody dl dt::after {
    width: 0.2rem;
    border-right-width: 0.2rem;
  }
}
#time .modalBody dl dd {
  padding-left: 2rem;
  font-weight: 500;
}
@media not screen and (min-width: 768px) {
  #time .modalBody dl dd {
    padding-left: 1.6rem;
  }
}
#time .modalBody .profImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 0.5em;
}
#time .modalBody .profImg img {
  width: 6.8rem;
  overflow: hidden;
  border: solid 0.15rem #835a0e;
  border-radius: 50%;
}
#time .modalBody .profImg figcaption span {
  display: block;
}
#time .modalBody .profTxt {
  padding-bottom: 1em;
  margin: 0;
  margin-top: 0;
  line-height: 1.7142857143;
  letter-spacing: 0.01em;
  font-size: 1.4rem;
}
@media not screen and (min-width: 768px) {
  #time .modalBody .profTxt {
    font-size: clamp(1.3rem,3.4666666667vw,1.4rem);
  }
}
#time .modalBody .profJob {
  margin: 0;
  margin-top: 1rem;
  line-height: 1.7142857143;
  letter-spacing: 0.01em;
  font-size: 1.4rem;
}
@media not screen and (min-width: 768px) {
  #time .modalBody .profJob {
    font-size: clamp(1.3rem,3.4666666667vw,1.4rem);
  }
}
#time .modalBody .overflow-y-auto {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
#time #day2 .stageSchedule.-stage1 {
  grid-template: "day2_stage1_0" 0.5fr "day2_stage1_1" 1.4fr "day2_stage1_1" 1fr "day2_stage1_2" 1.4fr "day2_stage1_2" 1fr "day2_stage1_3" 1.4fr "day2_stage1_3" 1fr "day2_stage1_4" 1.4fr "day2_stage1_4" 1fr "day2_stage1_5" 1.8fr "day2_stage1_6" 1.4fr "day2_stage1_6" 1fr "day2_stage1_7" 1.4fr "day2_stage1_7" 1fr "day2_stage1_8" 1.4fr "day2_stage1_8" 1fr "day2_stage1_9" 1fr "day2_stage1_9" 0.5fr "day2_stage1_10" 0.5fr "day2_stage1_11" 0.5fr "day2_stage1_12" 0.5fr "day2_stage1_13" 0.5fr/1fr;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(1) {
  grid-area: day2_stage1_0;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(2) {
  grid-area: day2_stage1_1;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(3) {
  grid-area: day2_stage1_2;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(4) {
  grid-area: day2_stage1_3;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(5) {
  grid-area: day2_stage1_4;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(6) {
  grid-area: day2_stage1_5;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(7) {
  grid-area: day2_stage1_6;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(8) {
  grid-area: day2_stage1_7;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(9) {
  grid-area: day2_stage1_8;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(10) {
  grid-area: day2_stage1_9;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(11) {
  grid-area: day2_stage1_10;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(12) {
  grid-area: day2_stage1_11;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(13) {
  grid-area: day2_stage1_12;
}
#time #day2 .stageSchedule.-stage1 .gridCell:nth-child(14) {
  grid-area: day2_stage1_13;
}
@media screen and (min-width: 768px) {
  #time #day2 .stageSchedule.-stage1 .rowTime::after {
    width: 300%;
  }
  #time #day2 .stageSchedule.-stage1 .rowTime.-clock14 {
    top: 40%;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
  }
  #time #day2 .stageSchedule.-stage1 .rowTime.-clock15 {
    top: 10%;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
  }
  #time #day2 .stageSchedule.-stage1 .rowTime.-clock17 {
    top: 55%;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
  }
  #time #day2 .stageSchedule.-stage1 .stageSchedule_cell.-wide {
    width: calc(200% + 2.1rem + 2.4rem);
  }
}
#time #day2 .stageSchedule.-stage2 {
  grid-template: "day2_stage2_0" 0.5fr "day2_stage2_1" 1.4fr "day2_stage2_1" 1fr "day2_stage2_2" 1.4fr "day2_stage2_2" 1fr "day2_stage2_3" 1.4fr "day2_stage2_3" 1fr "day2_stage2_4" 1.4fr "day2_stage2_4" 1fr "day2_stage2_5" 1.8fr "day2_stage2_6" 1.4fr "day2_stage2_6" 1fr "day2_stage2_7" 1.4fr "day2_stage2_7" 1fr "day2_stage2_8" 1.4fr "day2_stage2_8" 1fr "day2_stage2_9" 1fr "day2_stage2_9" 0.5fr "day2_stage2_10" 0.5fr "day2_stage2_11" 0.5fr "day2_stage2_12" 0.5fr "day2_stage2_13" 0.5fr/1fr;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(1) {
  grid-area: day2_stage2_0;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(2) {
  grid-area: day2_stage2_1;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(3) {
  grid-area: day2_stage2_2;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(4) {
  grid-area: day2_stage2_3;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(5) {
  grid-area: day2_stage2_4;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(6) {
  grid-area: day2_stage2_5;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(7) {
  grid-area: day2_stage2_6;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(8) {
  grid-area: day2_stage2_7;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(9) {
  grid-area: day2_stage2_8;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(10) {
  grid-area: day2_stage2_9;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(11) {
  grid-area: day2_stage2_10;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(12) {
  grid-area: day2_stage2_11;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(13) {
  grid-area: day2_stage2_12;
}
#time #day2 .stageSchedule.-stage2 .gridCell:nth-child(14) {
  grid-area: day2_stage2_13;
}
#time #day2 .stageSchedule.-stage3 {
  grid-template: "day2_stage3_0" 1fr "day2_stage3_0" 1.25fr "day2_stage3_1" 1fr "day2_stage3_1" 1fr "day2_stage3_2" 0.8fr "day2_stage3_2" 1fr "day2_stage3_3" 0.8fr "day2_stage3_3" 1fr "day2_stage3_4" 0.8fr "day2_stage3_4" 1fr "day2_stage3_5" 0.8fr "day2_stage3_5" 1fr "day2_stage3_6" 0.8fr "day2_stage3_6" 1fr "day2_stage3_7" 0.8fr "day2_stage3_7" 1fr "day2_stage3_8" 1fr "day2_stage3_9" 0.8fr "day2_stage3_9" 1fr "day2_stage3_10" 0.8fr "day2_stage3_10" 1fr "day2_stage3_11" 0.8fr "day2_stage3_11" 1fr "day2_stage3_12" 0.8fr "day2_stage3_12" 1fr "day2_stage3_13" 0.8fr "day2_stage3_13" 1fr "day2_stage3_14" 1fr "day2_stage3_15" 1fr "day2_stage3_16" 1fr "day2_stage3_16" 1fr "day2_stage3_17" 1fr "day2_stage3_17" 0.5fr "day2_stage3_18" 0.5fr/1fr;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(1) {
  grid-area: day2_stage3_0;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(2) {
  grid-area: day2_stage3_1;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(3) {
  grid-area: day2_stage3_2;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(4) {
  grid-area: day2_stage3_3;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(5) {
  grid-area: day2_stage3_4;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(6) {
  grid-area: day2_stage3_5;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(7) {
  grid-area: day2_stage3_6;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(8) {
  grid-area: day2_stage3_7;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(9) {
  grid-area: day2_stage3_8;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(10) {
  grid-area: day2_stage3_9;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(11) {
  grid-area: day2_stage3_10;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(12) {
  grid-area: day2_stage3_11;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(13) {
  grid-area: day2_stage3_12;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(14) {
  grid-area: day2_stage3_13;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(15) {
  grid-area: day2_stage3_14;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(16) {
  grid-area: day2_stage3_15;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(17) {
  grid-area: day2_stage3_16;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(18) {
  grid-area: day2_stage3_17;
}
#time #day2 .stageSchedule.-stage3 .gridCell:nth-child(19) {
  grid-area: day2_stage3_18;
}
#time .otherEvent .otherTtl {
  position: relative;
  padding-left: 10.9rem;
  font-weight: bold;
  color: #2864f0;
  letter-spacing: 0.04em;
  font-size: 3rem;
}
@media not screen and (min-width: 768px) {
  #time .otherEvent .otherTtl {
    font-size: clamp(2.4rem,6.4vw,3rem);
    padding-left: min(22.4vw,16.8rem);
  }
}
#time .otherEvent .otherTtl::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: 9.7rem;
  height: 4.2rem;
  margin: auto;
  content: "";
  background: url("/img/time_illust002.png") no-repeat center/100%;
}
@media not screen and (min-width: 768px) {
  #time .otherEvent .otherTtl::after {
    width: min(20.5333333333vw,15.4rem);
    height: min(9.0666666667vw,6.8rem);
  }
}
#time .otherEvent .otherTtl + p {
  width: calc(100% - 25rem);
}
@media not screen and (min-width: 768px) {
  #time .otherEvent .otherTtl + p {
    width: 100%;
  }
}
#time .otherEvent .otherList_item {
  position: relative;
  z-index: 1;
  width: calc((100% - 4.2rem) / 3);
  min-height: 17.2rem;
  padding: 0 2.8rem 2.8rem;
}
@media not screen and (min-width: 768px) {
  #time .otherEvent .otherList_item {
    width: 100%;
  }
}
#time .otherEvent .otherList_item::before {
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  width: 100%;
  height: 80%;
  min-height: 17.2rem;
  margin: auto;
  content: "";
  background-color: #fff;
  border: 0.15rem solid #2864f0;
  border-radius: 2rem;
  outline: 0.1rem dashed rgba(40, 100, 240, 0.48);
  outline-offset: -0.6rem;
}
@media not screen and (min-width: 768px) {
  #time .otherEvent .otherList_item::before {
    border-radius: 3.2rem;
  }
}
#time .otherEvent .otherList_item picture {
  margin: auto;
}
#time .otherEvent .otherList_item img {
  display: block;
  max-width: 100%;
  margin: auto;
}
#time .js-endTrigger {
  position: absolute;
  top: calc(100vh - (100vh - 19.1919191919vw));
  width: 100%;
}
@media not screen and (min-width: 768px) {
  #time .js-endTrigger {
    top: min(100vh - 144vw, 100vh - (100vh - 34.6666666667vw));
  }
}
@media screen and (width >= 80em) {
  #time .js-endTrigger {
    top: calc(100vh - (100vh - 25rem));
  }
}
@media screen and (width >= 120em) {
  #time .js-endTrigger {
    top: calc(100vh - (100vh - 12.6262626263vw));
  }
}
#time .pickBg {
  position: absolute;
  top: 0;
  z-index: -2;
}
#time .pickBg picture {
  width: 100%;
}
#time .pickBg img {
  display: block;
  width: 100%;
  max-width: none;
  max-height: 100%;
}
@media screen and (width >= 48em) {
  #time .pickBg {
    width: 100%;
  }
  #time .pickBg img {
    position: relative;
    left: -25%;
    width: 150%;
  }
}
@media screen and (width >= 80em) {
  #time .pickBg img {
    left: calc((192rem - 100%) / -2);
    width: 192rem;
  }
}
@media screen and (width >= 120em) {
  #time .pickBg img {
    left: 0;
    width: 100%;
  }
}

/* /タイムテーブル  */
/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com  */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  -webkit-font-feature-settings: inherit;
          font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::-ms-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.visible{
  visibility: visible;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.z-\[1\]{
  z-index: 1;
}
.m-auto{
  margin: auto;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-\[3rem\]{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.mb-\[0\.8rem\]{
  margin-bottom: 0.8rem;
}
.mb-\[1\.6rem\]{
  margin-bottom: 1.6rem;
}
.mb-\[1em\]{
  margin-bottom: 1em;
}
.mb-\[2\.5rem\]{
  margin-bottom: 2.5rem;
}
.mb-\[2em\]{
  margin-bottom: 2em;
}
.mb-\[2rem\]{
  margin-bottom: 2rem;
}
.mb-\[3\.2rem\]{
  margin-bottom: 3.2rem;
}
.mb-\[3rem\]{
  margin-bottom: 3rem;
}
.mb-\[4\.5rem\]{
  margin-bottom: 4.5rem;
}
.ml-0{
  margin-left: 0rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0rem;
}
.mr-auto{
  margin-right: auto;
}
.mt-\[2\.1rem\]{
  margin-top: 2.1rem;
}
.mt-\[2rem\]{
  margin-top: 2rem;
}
.mt-\[3\.2rem\]{
  margin-top: 3.2rem;
}
.mt-\[5rem\]{
  margin-top: 5rem;
}
.block{
  display: block;
}
.inline{
  display: inline;
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-\[100\%\]{
  height: 100%;
}
.max-h-\[75dvh\]{
  max-height: 75dvh;
}
.max-h-\[80dvh\]{
  max-height: 80dvh;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[20rem\]{
  width: 20rem;
}
.max-w-\[100\%\]{
  max-width: 100%;
}
.max-w-\[128rem\]{
  max-width: 128rem;
}
.max-w-\[27\.4rem\]{
  max-width: 27.4rem;
}
.max-w-\[27rem\]{
  max-width: 27rem;
}
.max-w-\[37\.2rem\]{
  max-width: 37.2rem;
}
.max-w-\[90rem\]{
  max-width: 90rem;
}
.transform{
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
  resize: both;
}
.list-disc{
  list-style-type: disc;
}
.grid-flow-row{
  grid-auto-flow: row;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-between{
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.items-end{
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.items-center{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justify-start{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-end{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-center{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-between{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gap-1{
  gap: 1rem;
}
.gap-x-\[1\.4rem\]{
  -webkit-column-gap: 1.4rem;
     -moz-column-gap: 1.4rem;
          column-gap: 1.4rem;
}
.gap-x-\[1\.5rem\]{
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
.gap-x-\[2\.1rem\]{
  -webkit-column-gap: 2.1rem;
     -moz-column-gap: 2.1rem;
          column-gap: 2.1rem;
}
.gap-y-\[0\.4rem\]{
  row-gap: 0.4rem;
}
.gap-y-\[1\.5rem\]{
  row-gap: 1.5rem;
}
.gap-y-\[1\.6rem\]{
  row-gap: 1.6rem;
}
.gap-y-\[2\.4rem\]{
  row-gap: 2.4rem;
}
.gap-y-\[2rem\]{
  row-gap: 2rem;
}
.gap-y-\[3\.2rem\]{
  row-gap: 3.2rem;
}
.gap-y-\[3\.3rem\]{
  row-gap: 3.3rem;
}
.gap-y-\[8\.2rem\]{
  row-gap: 8.2rem;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-y-auto{
  overflow-y: auto;
}
.rounded-\[0\.6rem\]{
  border-radius: 0.6rem;
}
.rounded-\[999rem\]{
  border-radius: 999rem;
}
.bg-prime{
  --tw-bg-opacity: 1;
  background-color: rgb(40 90 200 / var(--tw-bg-opacity));
}
.bg-reversal{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-none{
  background-image: none;
}
.p-\[2\.4rem\]{
  padding: 2.4rem;
}
.p-\[3rem\]{
  padding: 3rem;
}
.px-\[1\.2rem\]{
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.pb-\[4\.2rem\]{
  padding-bottom: 4.2rem;
}
.pb-\[4rem\]{
  padding-bottom: 4rem;
}
.pl-\[1em\]{
  padding-left: 1em;
}
.pr-\[0\.2rem\]{
  padding-right: 0.2rem;
}
.pr-\[1em\]{
  padding-right: 1em;
}
.pt-\[1\.9rem\]{
  padding-top: 1.9rem;
}
.pt-\[18\.2rem\]{
  padding-top: 18.2rem;
}
.pt-\[4\.5rem\]{
  padding-top: 4.5rem;
}
.pt-\[4rem\]{
  padding-top: 4rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.indent-1{
  text-indent: 1rem;
}
.text-\[1\.2rem\]{
  font-size: 1.2rem;
}
.text-\[1\.3rem\]{
  font-size: 1.3rem;
}
.text-\[1\.4rem\]{
  font-size: 1.4rem;
}
.text-\[3\.5rem\]{
  font-size: 3.5rem;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.leading-\[calc\(17\/12\)\]{
  line-height: calc(17 / 12);
}
.leading-\[calc\(18\.38\/14\)\]{
  line-height: calc(18.38 / 14);
}
.leading-\[calc\(28\/14\)\]{
  line-height: calc(28 / 14);
}
.leading-\[calc\(30\/12\)\]{
  line-height: calc(30 / 12);
}
.leading-\[calc\(45\.5\/35\)\]{
  line-height: calc(45.5 / 35);
}
.tracking-\[0\.01em\]{
  letter-spacing: 0.01em;
}
.tracking-\[0\]{
  letter-spacing: 0;
}
.text-link{
  --tw-text-opacity: 1;
  color: rgb(39 90 200 / var(--tw-text-opacity));
}
.text-prime{
  --tw-text-opacity: 1;
  color: rgb(40 90 200 / var(--tw-text-opacity));
}
.text-txt{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.no-underline{
  text-decoration-line: none;
}
.outline{
  outline-style: solid;
}
.filter{
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
@media (min-width: 768px){
  .md\:mb-\[1em\]{
    margin-bottom: 1em;
  }
  .md\:mb-\[2\.4rem\]{
    margin-bottom: 2.4rem;
  }
  .md\:mb-\[4rem\]{
    margin-bottom: 4rem;
  }
  .md\:mb-\[5\.4rem\]{
    margin-bottom: 5.4rem;
  }
  .md\:mb-\[5rem\]{
    margin-bottom: 5rem;
  }
  .md\:mb-\[8\.1rem\]{
    margin-bottom: 8.1rem;
  }
  .md\:mb-\[8rem\]{
    margin-bottom: 8rem;
  }
  .md\:ml-0{
    margin-left: 0rem;
  }
  .md\:mr-0{
    margin-right: 0rem;
  }
  .md\:mt-\[10\.4rem\]{
    margin-top: 10.4rem;
  }
  .md\:mt-\[3\.2rem\]{
    margin-top: 3.2rem;
  }
  .md\:mt-\[3\.4rem\]{
    margin-top: 3.4rem;
  }
  .md\:flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .md\:grid{
    display: grid;
  }
  .md\:h-\[5\.6rem\]{
    height: 5.6rem;
  }
  .md\:w-\[21rem\]{
    width: 21rem;
  }
  .md\:w-\[22\.6rem\]{
    width: 22.6rem;
  }
  .md\:w-\[34\.6rem\]{
    width: 34.6rem;
  }
  .md\:w-\[36\.6rem\]{
    width: 36.6rem;
  }
  .md\:w-\[37\.2rem\]{
    width: 37.2rem;
  }
  .md\:w-\[55rem\]{
    width: 55rem;
  }
  .md\:w-\[63\.4rem\]{
    width: 63.4rem;
  }
  .md\:max-w-\[29\.2rem\]{
    max-width: 29.2rem;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .md\:flex-row-reverse{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .md\:flex-wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .md\:gap-x-\[2\.1rem\]{
    -webkit-column-gap: 2.1rem;
       -moz-column-gap: 2.1rem;
            column-gap: 2.1rem;
  }
  .md\:gap-x-\[2\.8rem\]{
    -webkit-column-gap: 2.8rem;
       -moz-column-gap: 2.8rem;
            column-gap: 2.8rem;
  }
  .md\:gap-x-\[4rem\]{
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
  }
  .md\:gap-x-\[5\.6rem\]{
    -webkit-column-gap: 5.6rem;
       -moz-column-gap: 5.6rem;
            column-gap: 5.6rem;
  }
  .md\:gap-y-\[0\.8rem\]{
    row-gap: 0.8rem;
  }
  .md\:gap-y-\[1\.2rem\]{
    row-gap: 1.2rem;
  }
  .md\:gap-y-\[1\.6rem\]{
    row-gap: 1.6rem;
  }
  .md\:p-\[4\.5rem\]{
    padding: 4.5rem;
  }
  .md\:px-0{
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .md\:pb-\[13rem\]{
    padding-bottom: 13rem;
  }
  .md\:pb-\[6\.4rem\]{
    padding-bottom: 6.4rem;
  }
  .md\:pl-\[2\.4rem\]{
    padding-left: 2.4rem;
  }
  .md\:pr-\[3\.5rem\]{
    padding-right: 3.5rem;
  }
  .md\:pr-\[7rem\]{
    padding-right: 7rem;
  }
  .md\:pt-\[2rem\]{
    padding-top: 2rem;
  }
  .md\:pt-\[34rem\]{
    padding-top: 34rem;
  }
  .md\:pt-\[4\.5rem\]{
    padding-top: 4.5rem;
  }
  .md\:pt-\[4rem\]{
    padding-top: 4rem;
  }
  .md\:text-\[1\.2rem\]{
    font-size: 1.2rem;
  }
  .md\:text-\[1\.4rem\]{
    font-size: 1.4rem;
  }
  .md\:text-\[1\.6rem\]{
    font-size: 1.6rem;
  }
  .md\:text-\[1\.8rem\]{
    font-size: 1.8rem;
  }
  .md\:text-\[2\.4rem\]{
    font-size: 2.4rem;
  }
  .md\:text-\[4rem\]{
    font-size: 4rem;
  }
  .md\:leading-\[calc\(22\/16\)\]{
    line-height: calc(22 / 16);
  }
  .md\:leading-\[calc\(24\/16\)\]{
    line-height: calc(24 / 16);
  }
  .md\:leading-\[calc\(60\/40\)\]{
    line-height: calc(60 / 40);
  }
}
.\[\&\:focus-visible\]\:outline-white:focus-visible{
  outline-color: #fff;
}
.\[\&\:not\(\:last-child\)\]\:mb-\[1\.6rem\]:not(:last-child){
  margin-bottom: 1.6rem;
}
.\[\&\:not\(\:last-child\)\]\:mb-\[2\.4rem\]:not(:last-child){
  margin-bottom: 2.4rem;
}
.\[\&\:not\(\:last-child\)\]\:mb-\[2\.5rem\]:not(:last-child){
  margin-bottom: 2.5rem;
}
.\[\&\:not\(\:last-child\)\]\:mb-\[3\.2rem\]:not(:last-child){
  margin-bottom: 3.2rem;
}
@media (min-width: 768px){
  .md\:\[\&\>img\]\:w-\[100\%\]>img{
    width: 100%;
  }
}