/* アユタヤ Home：配置・色・文字・アニメーション・レスポンシブ設定 */

.fa-phone:before {
 content: "\f095";
 }
 .fa-arrow-right:before {
 content: "\f061";
 }


[class*="material-symbols-"] {

    font-style: normal;

    font-variation-settings: "FILL" var(--material-symbol-fill, 0), "wght" var(--material-symbol-weight, 400);

    visibility: hidden;

  }


  body[data-material-symbols-loaded="true"] [class*="material-symbols-"] {

    visibility: visible;

  }


:root {
 --s-font-ad99516a:'Noto Serif JP';
--s-font-889455e3:'Noto Sans JP';
 }


html {

  height: 100%;

  padding: 0;

  margin: 0;

  scroll-behavior: smooth;

  -webkit-font-smoothing: antialiased;

}


@media (prefers-reduced-motion: reduce) {

  html {

    scroll-behavior: auto;

  }

}


body {

  display: block;


  min-height: 100vh;

  min-height: 100dvh;

  background: #fff;

  font-family: sans-serif;

  line-height: 1;

  transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1);

  padding: 0;

  margin: 0;

}


a {

  background: transparent;

  color: rgb(51, 51, 51);

  font-size: 100%;

  margin: 0;

  padding: 0;

  vertical-align: baseline;

  border: none;

  text-decoration: none;

}


button {

  background: transparent;

  color: inherit;

  font-size: 100%;

  margin: 0;

  padding: 0;

  vertical-align: baseline;

  border: none;

}


button {

  pointer-events: all;

  cursor: pointer;

  user-select: none;

}


hr {

  border: 0;

  border-top: 1px solid #ccc;

  display: block;

  height: 1px;

  margin: 1em 0;

  padding: 0;

}


h1, h2, h3, h4, h5, h6 {

  color: rgb(51, 51, 51);

  line-height: 1;

}


.img,
.box,
.text,
.frame,
.section,
.section-inner,
.input,
.toggle,
.icon,
.video,
.video-container {

  border: 0;

  box-sizing: border-box;

  max-width: 100%;

  z-index: 0;

  position: relative;

  margin: 0;

  padding: 0;

  flex: none;

}


.img {

  height: auto;

}


.img,
.box,
.text,
.frame,
.section,
.section-inner,
.toggle,
.icon,
.video-container {

  transition: all 0.3s cubic-bezier(0.4, 0.4, 0, 1);

  transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;

  list-style: none;

  margin: 0;

  padding: 0;

  text-decoration: none;

  align-content: center;

}


.input,
.select {


  font-family: inherit !important;

  font-size: inherit;

  font-style: inherit;

  font-weight: inherit;

  letter-spacing: inherit;

  line-height: inherit;

}


:where(textarea.input) {

  resize: vertical;

}


input[type="email"],
input[type="tel"],
input[type="text"],
select,
textarea {

  -webkit-appearance: none;

}


.input,
.richText * {

  transition: all 0.3s cubic-bezier(0.4, 0.4, 0, 1);

  transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;

  list-style: none;

  margin: 0;

  padding: 0;

  text-decoration: none;

  align-content: normal;

  z-index: 0;

}


.input:where(textarea) {

  transition-property: background, border, border-radius, box-shadow, color, filter, opacity, outline, transform, translate, scale, rotate, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;

}


.richText s,
.richText del,
.richText u {

  text-decoration: revert;

}


.box,
.frame,
.section,
.toggle,
.video-container {

  display: flex;

  flex-direction: column;

  align-items: center;

}


.img,
.text,
.icon {

  align-items: center;

  display: flex;

  flex-direction: row;

  justify-content: center;

  overflow-wrap: anywhere;

  word-break: break-word;

  z-index: 0;

}


.box::-webkit-scrollbar {

  display: none;

}


:where(table.studio-table).box {

  display: table;


  max-width: none;

  min-width: max-content;

  flex-direction: unset;

  align-items: unset;

  align-content: unset;

}


:where(table.box) {

  border-collapse: collapse;

  border-spacing: 0;

}

:where(thead).box {

  display: table-header-group;

}

:where(tbody).box {

  display: table-row-group;

}

:where(tr).box {

  display: table-row;

}

:where(th).box,
:where(td).box {

  display: table-cell;

}


:where(th.box, td.box) {

  text-align: left;

  vertical-align: middle;

  height: inherit;

}

:where(colgroup).box {

  display: table-column-group;

}

:where(col).box {

  display: table-column;

}


.richText {

  display: block;


  flex-direction: column;

  flex: none;


  position: relative;

  z-index: 0;

  word-break: break-word;

  -webkit-font-smoothing: antialiased;

  box-sizing: border-box;

  line-height: 1;


* {

    border: 0;

    list-style: none;

    margin: 0;

    padding: 0;

    text-decoration: none;

    -webkit-font-smoothing: antialiased;

    -webkit-backface-visibility: hidden;

    box-sizing: border-box;

    word-spacing: 1px;


    backface-visibility: visible;

    color: inherit;

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit;

    letter-spacing: inherit;

    line-height: inherit;

    text-align: inherit;

  }

  h1 {

    font-size: 3em;

    font-weight: 700;

    margin: 20px 0;

  }


  h2,
    h3 {

    font-weight: 700;

    margin: 10px 0;

  }

  h2 {

    font-size: 2em;

  }

  h3 {

    font-size: 1em;

  }

  h4,
    h5,
    h6 {

    display: block;

    font-size: 1em;

    margin: 10px 0;

  }

  h4,
    h5 {

    font-weight: 600;

  }

  h6 {

    font-weight: 500;

  }

p {

    margin: 10px 0;

  }

> p {

    min-height: 1em;

  }


  hr {

    border-top: 1px solid #ccc;

    margin: 10px 0;

  }


  em {

    font-style: italic;

  }


> blockquote {

    border-left: 3px solid rgba(0, 0, 0, 0.15);

    font-style: italic;

    margin: 10px 0;

    padding: 10px 15px;

  }


  strong {

    color: inherit;

    display: inline;

    font-family: inherit;

    font-weight: 900;

  }


> [data-type="table_of_contents"] {

    line-height: 1;

    list-style: none;

    padding: 24px 24px 8px;

    margin: 0;

    border-radius: 2px;

    font-size: 16px;

    background-color: #f5f5f5;

    text-decoration: underline;

    color: #616161;


  .toc_list {

      margin: 0;

      padding: 0;

    }


  .toc_item {

      font-size: inherit;

      font-weight: inherit;

      color: currentColor;

      list-style: none;

      margin: 0 0 16px 0;


      padding-left: 2rem;


    &.toc_item--1 {

        margin: 0 0 16px 0;


        padding-left: 0;

      }

    &.toc_item--2 {

        margin: 0 0 16px 0;

        padding-left: 2rem;

      }

    &.toc_item--3 {

        margin: 0 0 16px 0;

        padding-left: 4rem;

      }


    > a {

        font-size: inherit;

        font-weight: inherit;

        color: currentColor;

        border: none;

        text-decoration: none;

      }

    }

  }


> [data-type="table"] {

    overflow-x: auto;

    p {

      white-space: pre-line;

      word-break: break-all;

    }

  }

  table {

    table-layout: auto;

    border-collapse: collapse;

    border-spacing: unset;

    margin: 10px 0 10px 0;

    font-size: 14px;

    border: 1px solid #f2f2f2;

    color: #1a1a1a;

    line-height: 1.4;

  }

  th {

    background: rgba(245, 245, 245, 0.5);

  }

  th,
    td {

    min-width: 100px;

    max-width: 240px;

    border: 1px solid #f2f2f2;

    padding: 12px;


    p {

      margin: 0;

    }

  }


p > code {

    background: #eee;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 6px;

    display: inline;

    margin: 2px;

    padding: 0 5px;

  }

  ol {

    margin: 0 0 0 20px;

    padding: 0;

    list-style: none;

    li {

      list-style: decimal;

      margin: 10px 0;

    }

  }


  ul {

    margin: 0 0 0 20px;

    padding: 0;

    list-style: none;

    li {

      list-style: disc;

      margin: 10px 0;

    }

  }

  li > p {

    margin: 0;

  }

  pre {

    margin: 20px 0 20px 0;

    padding: 25px 35px 25px 35px;

    background: #eeeeee;

    border-radius: 6px;

    white-space: pre-wrap;

    font-family: Menlo, Monaco, "Courier New", monospace;


    code {

      padding: 0;

      border: none;

    }

  }


  img,
    video {

    height: auto;

    max-width: 100%;

    vertical-align: bottom;

  }


  a {

    color: #007cff;

    display: inline;

    text-decoration: underline;

  }


  [data-type="embed_code"] {

    position: relative;

    margin: 20px 0;

    .height-adjuster {

      position: relative;


      .wrapper {

        position: relative;

      }


      .wrapper[style*='padding-top'] {

        iframe {

          position: absolute;

          top: 0;

          left: 0;

          width: 100%;

          height: 100%;

        }

      }

    }

  }

}


.section {

  width: 100%;

}


.section-inner {

  position: static;

}


dialog {

  border: none;

  background-color: transparent;

  padding: 0;

  margin: 0;

  width: 100%;

  height: 100%;

  position: fixed;

  max-width: none;

  max-height: none;

  box-sizing: border-box;


  overflow: visible;


&[open] {

    display: flex;

  }


&::backdrop {

    background: transparent;

  }

}


.modal-container {


  box-sizing: border-box;

  position: relative;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  pointer-events: none;

  z-index: 1;

}


.modal-container > * {

  pointer-events: auto;

}


.modal-backdrop {

  position: absolute;

  inset: 0;

  pointer-events: none;

  z-index: 0;

}


dialog[open][data-modal-transition-base]:not(.modal-ready) .modal-container * {

  transition: none !important;

}


dialog[open][data-modal-transition-base] > .modal-container {

  opacity: 0;


}


dialog[open][data-modal-transition-base] > .modal-backdrop {

  opacity: 0;

}


dialog[open][data-modal-transition-base].modal-ready > .modal-container {

  opacity: 1;

  transform: none;

  transition: opacity 400ms cubic-bezier(.4,.4,0,1), transform 400ms cubic-bezier(.4,.4,0,1);

}


dialog[open][data-modal-transition-base].modal-ready > .modal-backdrop {

  opacity: 1;

  transition: opacity 400ms cubic-bezier(.4,.4,0,1);

}


dialog[data-modal-transition-base].modal-closing > .modal-container {

  opacity: 0;

  transition: opacity 400ms cubic-bezier(.4,.4,0,1), transform 400ms cubic-bezier(.4,.4,0,1);

}


dialog[data-modal-transition-base].modal-closing > .modal-backdrop {

  opacity: 0;

  transition: opacity 400ms cubic-bezier(.4,.4,0,1);

}


@media (prefers-reduced-motion: reduce) {

  dialog[open][data-modal-transition-base] > .modal-container,
  dialog[open][data-modal-transition-base].modal-ready > .modal-container,
  dialog[data-modal-transition-base].modal-closing > .modal-container {

    transition: none;

    opacity: 1;

    transform: none !important;

  }


  dialog[open][data-modal-transition-base] > .modal-backdrop,
  dialog[open][data-modal-transition-base].modal-ready > .modal-backdrop,
  dialog[data-modal-transition-base].modal-closing > .modal-backdrop {

    transition: none;

    opacity: 1;

  }

}


.image__bg-container {

  container-type: size;

  container-name: image-container;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: -2;

  border-radius: inherit;

  transition: inherit;

}


.image__bg-container::before {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: var(--img-current);

  background-position: 50%;

  background-size: cover;

  border-radius: inherit;

  transition-duration: inherit;

  transition-timing-function: inherit;

  transition-delay: inherit;


  transition-property:
    filter, backdrop-filter, opacity, color,
    background-color, background-position, background-size,
    border, border-color, border-width, border-radius,
    outline, outline-color, outline-width, outline-offset,
    box-shadow, text-shadow, transform, transform-origin,
    width, height, margin, padding,
    top, left, right, bottom, z-index, gap,
    letter-spacing, word-spacing, line-height, font-size, font-weight,
    clip-path;

}


@media (min-resolution: 1.5dppx) {


  .image--horizontal .image__bg-container::before {

    --img-current: var(--img-small);

  }


  @container (aspect-ratio < 1) and (width < 300px) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (aspect-ratio < 0.5) and (width < 300px) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (300px <= width) and (aspect-ratio >= 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (300px <= width < 500px) and (aspect-ratio < 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (300px <= width < 500px) and (aspect-ratio < 0.5) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (500px <= width) and (aspect-ratio >= 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (500px <= width < 901px) and (aspect-ratio < 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (901px <= width) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  .image--vertical .image__bg-container::before {

    --img-current: var(--img-small);

  }


  @container (aspect-ratio < 0.5) and (width < 300px) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (aspect-ratio < 0.25) and (width < 300px) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (300px <= width < 500px) and (aspect-ratio >= 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (300px <= width < 500px) and (aspect-ratio < 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (300px <= width < 500px) and (aspect-ratio < 0.25) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (500px <= width < 901px) and (aspect-ratio >= 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (500px <= width < 901px) and (aspect-ratio < 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (901px <= width) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }

}


@media (min-resolution: 1dppx) and (max-resolution: 1.5dppx) {


  .image--horizontal .image__bg-container::before {

    --img-current: var(--img-small);

  }


  @container (aspect-ratio < 1) and (width < 400px) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (aspect-ratio < 0.5) and (width < 400px) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (400px <= width) and (aspect-ratio >= 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (400px <= width < 667px) and (aspect-ratio < 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (400px <= width < 667px) and (aspect-ratio < 0.5) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (667px <= width) and (aspect-ratio >= 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (667px <= width < 1201px) and (aspect-ratio < 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (1201px <= width) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  .image--vertical .image__bg-container::before {

    --img-current: var(--img-small);

  }


  @container (aspect-ratio < 0.5) and (width < 400px) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (aspect-ratio < 0.25) and (width < 400px) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (400px <= width < 667px) and (aspect-ratio >= 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (400px <= width < 667px) and (aspect-ratio < 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (400px <= width < 667px) and (aspect-ratio < 0.25) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (667px <= width < 1201px) and (aspect-ratio >= 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (667px <= width < 1201px) and (aspect-ratio < 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (1201px <= width) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }

}


@media (max-resolution: 1dppx) {


  .image--horizontal .image__bg-container::before {

    --img-current: var(--img-small);

  }


  @container (aspect-ratio < 1) and (width < 600px) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (aspect-ratio < 0.5) and (width < 600px) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (600px <= width) and (aspect-ratio >= 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (600px <= width < 1000px) and (aspect-ratio < 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (600px <= width < 1000px) and (aspect-ratio < 0.5) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (1000px <= width) and (aspect-ratio >= 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (1000px <= width < 1801px) and (aspect-ratio < 1) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (1801px <= width) {

    .image--horizontal .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  .image--vertical .image__bg-container::before {

    --img-current: var(--img-small);

  }


  @container (aspect-ratio < 0.5) and (width < 600px) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (aspect-ratio < 0.25) and (width < 600px) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (600px <= width < 1000px) and (aspect-ratio >= 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-middle);

    }

  }


  @container (600px <= width < 1000px) and (aspect-ratio < 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (600px <= width < 1000px) and (aspect-ratio < 0.25) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (1000px <= width < 1801px) and (aspect-ratio >= 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-regular);

    }

  }


  @container (1000px <= width < 1801px) and (aspect-ratio < 0.5) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }


  @container (1801px <= width) {

    .image--vertical .image__bg-container::before {

      --img-current: var(--img-origin);

    }

  }

}


.image--shift-1 .image__bg-container::before {

  --img-current: var(--img-middle);

}


@container (min-width: 600px) {

  .image--shift-1 .image__bg-container::before {

    --img-current: var(--img-regular);

  }

}


@container (min-width: 1000px) {

  .image--shift-1 .image__bg-container::before {

    --img-current: var(--img-origin);

  }

}


.image--shift-2 .image__bg-container::before {

  --img-current: var(--img-regular);

}


@container (min-width: 600px) {

  .image--shift-2 .image__bg-container::before {

    --img-current: var(--img-origin);

  }

}


.text {


  -webkit-font-smoothing: antialiased;

  position: relative;

  line-height: 1;

  word-spacing: 1px;


}


.frame {

  display: block;

  overflow: hidden;


  line-height: 1;


}


.frame > iframe {

  border: none;

  width: 100%;

  height: 100%;

}


.file {

  box-sizing: border-box;

  display: flex;

  align-items: center;

  flex-direction: row;

  word-break: break-word;

  overflow-wrap: anywhere;

  cursor: pointer;

  outline: 2px solid transparent;

  outline-offset: -1px;

  position: relative;


  font-family: inherit !important;

}


.file:focus-within {

  outline-color: rgba(56, 110, 220, 0.5);

}


.file > input[type='file'] {

  opacity: 0;

  position: absolute;

  pointer-events: none;

  inset: 0;

  width: 100%;

  height: 100%;

}


.toggle[data-toggle-overlay]:not([open]):not([data-toggle-closing]) > [data-toggle-content] {

  display: none;

}


@media (prefers-reduced-motion: reduce) {

  .toggle,
  .toggle *:not([data-sd-carousel-duration], [data-sd-carousel-transform]) {

    transition-duration: 0.01ms !important;

    transition-delay: 0s !important;

  }

}


sd-video {

  display: block;

  overflow: hidden;

  object-fit: contain;

}


sd-video > video {

  display: block;

  max-width: 100%;

  max-height: 100%;

  object-fit: inherit;

}


div[data-type="video_block"] > sd-video {

  display: inline-block;

  max-width: 100%;

  vertical-align: bottom;

}


div[data-type="video_block"] > sd-video[data-sd-video-sized] > video {

  width: 100%;

}


.video-container {

  user-select: none;

}


.video-container[data-video-state="paused"] [data-video-label="pause"],
.video-container[data-video-state="playing"] [data-video-label="play"] {

  display: none;

}


.video-container[data-video-state="paused"] [data-video-label="play"],
.video-container[data-video-state="playing"] [data-video-label="pause"] {

  display: inline;

}


sd-carousel {

  display: flex;

  flex-direction: column;

  align-items: center;

}


sd-carousel:not([is-playing]) [slot="pause"],
sd-carousel[is-playing] [slot="play"] {

  display: none !important;

}


sd-carousel :where([slot="prev"], [slot="next"], [slot="play-toggle"]) {

  cursor: pointer;

}


@property --g-angle {

  syntax: "<angle>";

  inherits: false;

  initial-value: 180deg;

}

@property --g-color-0 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-0 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 0.01%;

}

@property --g-color-1 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-1 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-2 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-2 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-3 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-3 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-4 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-4 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-5 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-5 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-6 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-6 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-7 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-7 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-8 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-8 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-9 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-9 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-10 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-10 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}

@property --g-color-11 {

  syntax: "<color>";

  inherits: false;

  initial-value: transparent;

}

@property --g-position-11 {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;

}


sd-loop-box {

  overflow: hidden !important;

}


sd-loop-box > .img {

  max-width: 100%;

  height: auto;

}





:root {
 --s-color-f188e6d0: #033b0dff;
 --s-color-a0a515d3: #b34e4dff;
 --s-color-24ab5379: #322f2fff;
 --s-color-639ce974: #ffffffff;
 --s-color-5b89238f: #ffffffb3;
 --s-color-45bb9b06: #f9f3e5ff;
 --s-color-fc8b146f: #fff4f4ff;
 --s-color-ee8c7263: #fcf8f1ff;
 --s-color-7594452b: #f2e3caff;
 --s-color-14a75bf8: #b57206ff;
 --s-color-519345c4: #595959ff;
 --s-color-6aba209f: #7e54116e;
 }


.text.theme-0ca46e6a{
font-family:var(--s-font-ad99516a);
font-size:15px;
font-weight:500;
letter-spacing:0.04em;
line-height:1.60}


._c0:where(:not(._c0 ._c0)){
min-height:100vh;
min-height:100dvh;
overflow:clip}
body{
background:var(--s-color-639ce974)}
._c1 > *{
--gap-h:8px;
--gap-v:0px}
._c2:hover{
filter:brightness(101%);
mix-blend-mode:normal;
--ha:1}
._c2:hover ._c3{
scale:1.07 1.07;
text-decoration:none;
transition-duration:200ms;
transition-timing-function:linear}
._c4:hover{
filter:brightness(101%);
mix-blend-mode:normal;
--ha:1}
._c4:hover ._c5{
scale:1.07 1.07;
text-decoration:none;
transition-duration:200ms;
transition-timing-function:linear}
._c6:hover{
filter:brightness(101%);
mix-blend-mode:normal;
--ha:1}
._c6:hover ._c7{
scale:1.07 1.07;
text-decoration:none;
transition-duration:200ms;
transition-timing-function:linear}
._c8:hover{
filter:brightness(101%);
mix-blend-mode:normal;
--ha:1}
._c8:hover ._c9{
scale:1.07 1.07;
text-decoration:none;
transition-duration:200ms;
transition-timing-function:linear}
._c10:hover{
filter:brightness(101%);
mix-blend-mode:normal;
--ha:1}
._c10:hover ._c11{
scale:1.07 1.07;
text-decoration:none;
transition-duration:200ms;
transition-timing-function:linear}
._c12:hover{
filter:contrast(140%);
mix-blend-mode:normal;
scale:1.05 1.05;
transition-duration:300ms;
transition-timing-function:ease-in-out;
--ha:1}
._c0{
background:var(--s-color-639ce974)}
._c13{
background:var(--s-color-5b89238f)}
._p0{
background:transparent}
._c12{
background:var(--s-color-a0a515d3)}
._c14{
background:var(--s-color-f188e6d0)}
._c15{
background:var(--s-color-6aba209f)}
._c0{
align-content:flex-end;
align-items:flex-end;
justify-content:flex-start}
._p1{
align-content:center;
align-items:center;
justify-content:space-between}
._p2{
align-content:center;
align-items:center;
justify-content:center}
._c16{
align-content:center;
align-items:center;
justify-content:flex-start}
._p3{
justify-content:flex-start}
._c17{
justify-content:center}
._p4{
flex-direction:column;
flex-wrap:nowrap}
._p5{
flex-direction:row;
flex-wrap:nowrap}
._c0{
height:100%;
width:100%;
max-width:100%}
._c13{
height:70px;
width:100%;
max-width:100%}
._c1{
min-width:0}
._c18{
height:58.516196447230925px;
width:200px;
max-width:100%}
._p6{
height:auto;
width:auto;
max-width:100%}
._p7{
height:70px;
width:auto;
max-width:100%}
._c12{
height:104px;
width:144px;
max-width:100%}
._c14{
height:70px;
width:70px;
max-width:100%}
._c19{
align-content:flex-end;
align-items:flex-end;
flex-direction:column;
flex-wrap:nowrap;
height:100%;
justify-content:flex-start;
width:100%}
._c20 > *{
--gap-h:8px;
--gap-v:0px}
._c21 > *{
--gap-h:0px;
--gap-v:0px}
._c22 > *{
--gap-h:0px;
--gap-v:160px}
._c23.appear{
opacity:0.3;
transition-duration:1700ms;
transition-timing-function:cubic-bezier(0.42,0,0.39,0.99);
translate:-100px 0px}
._c24 > *{
--gap-h:0px;
--gap-v:0px}
._p8{
padding:0px}
._c13{
padding:0px 32px 0px 64px}
._p7{
padding:0px 32px}
._c25{
padding:0px 24px}
._p9{
padding:24px 32px}
._c26{
padding:10px}
._c23{
padding:12px}
._c24{
padding:56px 116px}
._pa{
padding:32px 0px 0px}
._c27{
padding:16px 0px 0px 40px}
._c13{
left:0px;
top:0px}
._pb{
bottom:auto;
left:auto;
right:auto;
top:auto}
._c13{
position:fixed}
._pb{
position:relative}
._c13{
z-index:1}
._c28{
z-index:0}
._pc{
gap:0px 8px}
._c22{
gap:160px}
._c24{
gap:0px 0px}
._pd{
display:flex}
._c14{
display:none}
._pe{
color:var(--s-color-f188e6d0)}
._pf{
color:var(--s-color-639ce974)}
._c29{
color:#333333}
._pa{
color:var(--s-color-24ab5379)}
._pg{
text-align:left}
._c17{
text-align:center}
._c12{
border-radius:52px}
._ph{
border-radius:50%}
._c25{
border-radius:10px}
._c21{
border-radius:40px}
._pi{
border-bottom:1px solid var(--s-color-7594452b);
border-left:0px solid var(--s-color-7594452b);
border-right:0px solid var(--s-color-7594452b);
border-top:0px solid var(--s-color-7594452b)}
._c23{
border-bottom:2px solid var(--s-color-639ce974);
border-left:2px solid var(--s-color-639ce974);
border-radius:0px 210px 210px 0px;
border-right:2px solid var(--s-color-639ce974);
border-top:2px solid var(--s-color-639ce974)}
._c24{
border-radius:0px 200px 200px 0px}
._c12{
margin:64px 0px 0px}
._c14{
margin:24px 0px 0px}
._pj{
margin:0px}
._c30{
margin:0px 0px 32px}
._c20{
margin:16px 0px 0px 16px}
._c31{
margin:24px 16px 0px 0px}
._c23{
margin:0px 0px 0px -20px}
._c27{
margin:0px 0px -12px}
._c17{
font-family:var(--s-font-ad99516a);
font-size:18px;
font-weight:700;
letter-spacing:0.14em;
line-height:1.50}
._pk{
font-size:35px}
._c32{
font-family:var(--s-font-ad99516a);
font-size:30px;
font-weight:400;
letter-spacing:0.02em;
line-height:1.60}
._c29{
font-size:24px}
._c33{
font-family:var(--s-font-ad99516a);
font-size:18px;
font-weight:600;
line-height:1.4}
._c34{
font-family:var(--s-font-ad99516a);
font-size:36px;
font-weight:500;
letter-spacing:0.04em;
line-height:1.60}
._c35{
font-family:var(--s-font-ad99516a);
font-size:24px;
font-weight:500;
letter-spacing:0.04em;
line-height:2.00}
._c36{
font-family:var(--s-font-ad99516a);
font-size:16px;
font-weight:500;
letter-spacing:0.04em;
line-height:2.00}
._c37{
--material-symbol-weight:400}
._c38{
--material-symbol-weight:300}
._c25{
align-content:space-between;
align-items:space-between;
justify-content:flex-start}
._pl{
align-content:center;
align-items:center;
justify-content:space-between}
._pm{
justify-content:flex-start}
._pn{
align-content:center;
align-items:center;
justify-content:center}
._po{
align-content:flex-start;
align-items:flex-start;
justify-content:center}
._c22{
align-content:flex-end;
align-items:flex-end;
justify-content:flex-end}
._c39{
align-content:stretch;
align-items:stretch;
justify-content:flex-end}
._c28{
align-content:flex-start;
align-items:flex-start;
justify-content:flex-end}
._c25{
background:var(--s-color-639ce974)}
._pp{
background:transparent}
._pq{
background:var(--s-color-f188e6d0)}
._pr{
background:var(--s-color-45bb9b06)}
._c24{
background:var(--s-color-5b89238f)}
._c25{
box-shadow:0px 6px 15px 0px rgba(0,0,0,0.2)}
._ps{
flex-direction:column;
flex-wrap:nowrap}
._pt{
flex-direction:row;
flex-wrap:nowrap}
._pu{
flex:none}
._pv{
flex:none;
flex-direction:column;
flex-wrap:nowrap}
._c23{
flex-direction:column-reverse;
flex-wrap:nowrap}
._c25{
height:auto;
width:540px;
max-width:100%}
._pw{
height:auto;
width:100%;
max-width:100%}
._c20{
max-width:calc(100% - 16px)}
._px{
height:auto;
width:auto;
max-width:100%}
._c31{
height:70px;
width:70px;
max-width:calc(100% - 16px)}
._c26{
height:80vh;
width:100%;
max-width:100%}
._c28{
height:auto;
width:50%;
max-width:50%}
._c23{
height:auto;
width:auto;
max-width:calc(100% + 20px)}
._c35{
height:144px;
width:auto;
max-width:100%}
._c36{
height:36px;
width:auto;
max-width:100%}
._c27{
height:101px;
width:100%;
max-width:100%}
._py{
overflow-x:hidden;
overflow-y:auto}
._c24{
opacity:1}
._c40{
color:#957700ff;
flex:none;
font-family:var(--s-font-ad99516a);
font-size:53px;
font-weight:600;
height:auto;
line-height:1.00;
margin:0px;
text-align:left;
text-shadow:1px 1px 0px rgba(255, 255, 255, 0.51);
width:100%;
justify-content:flex-start;
max-width:100%}
._c41.appear{
opacity:0.5;
scale:1.1 1.1;
transition-duration:1000ms}
._c41 > .image__bg-container::before{
background-position:center center;
background-size:110%;
filter:brightness(120%) contrast(90%)}
._c42.appear{
filter:blur(0px);
mix-blend-mode:normal;
opacity:0;
transition-duration:350ms;
transition-timing-function:ease-out;
translate:0px 12px}
._c42 > *{
--gap-h:0px;
--gap-v:24px}
._c42.appear > *{
--gap-h:0px;
--gap-v:24px}
._c43.appear{
opacity:0;
transition-duration:2000ms;
transition-timing-function:ease-in-out;
translate:0px 20px}
._c44.appear{
opacity:0.8;
transition-duration:1000ms;
transition-timing-function:ease-out}
._c45.appear{
opacity:0.2;
transform-origin:center center;
transition-duration:700ms;
transition-timing-function:ease-out;
translate:0px 20px}
._c46 > *{
--gap-h:80px;
--gap-v:0px}
._c47:before{
background-position:center center;
background-repeat:no-repeat;
background-size:100%}
._c48 > *{
--gap-h:0px;
--gap-v:12px}
._c49:hover{
color:#93600aff;
--ha:1}
._c50.appear{
opacity:0;
transition-duration:1000ms;
transition-timing-function:ease-in-out}
._c50 > .image__bg-container::before{
background-position:center center;
background-repeat:no-repeat;
background-size:100%}
._c51 > *{
--gap-h:0px;
--gap-v:0px}
._c52.appear{
opacity:0.2;
transform-origin:center center;
transition-duration:700ms;
transition-timing-function:ease-out;
translate:0px 20px}
._c53.appear{
opacity:0;
transition-duration:2000ms;
transition-timing-function:ease-in-out;
translate:0px 20px}
._c53 > *{
--gap-h:0px;
--gap-v:40px}
._c53.appear > *{
--gap-h:0px;
--gap-v:40px}
._c54 > *{
--gap-h:0px;
--gap-v:1px}
._c55 > *{
--gap-h:40px;
--gap-v:0px}
._c56 > *{
--gap-h:0px;
--gap-v:12px}
._c57 > .image__bg-container::before{
background-position:left top;
background-repeat:no-repeat;
background-size:130%}
._c58 > *{
--gap-h:0px;
--gap-v:20px}
._c59 > *{
--gap-h:0px;
--gap-v:20px}
._c60 > *{
--gap-h:0px;
--gap-v:2px}
._c61 > *{
--gap-h:0px;
--gap-v:10px}
._c62 > *{
--gap-h:20px;
--gap-v:0px}
.richText._c63 > p{
color:#666666ff}
._c64 > *{
--gap-h:70px;
--gap-v:0px}
.richText._c65 > p{
color:#666666ff}
.richText._c66 > p{
color:#666666ff}
._c67.appear{
opacity:0;
transition-duration:2000ms;
transition-timing-function:ease-in-out;
translate:0px 20px}
._c67 > *{
--gap-h:0px;
--gap-v:40px}
._c67.appear > *{
--gap-h:0px;
--gap-v:40px}
._c68 > *{
--gap-h:40px;
--gap-v:0px}
._c69 > *{
--gap-h:0px;
--gap-v:12px}
._c70 > .image__bg-container::before{
background-position:left top;
background-repeat:no-repeat;
background-size:130%}
._c71 > *{
--gap-h:0px;
--gap-v:20px}
._c72 > *{
--gap-h:0px;
--gap-v:20px}
._c73 > *{
--gap-h:0px;
--gap-v:10px}
._c74 > *{
--gap-h:20px;
--gap-v:0px}
.richText._c75 > p{
color:#666666ff}
._c76 > *{
--gap-h:20px;
--gap-v:0px}
.richText._c77 > p{
color:#666666ff}
.richText._c78 > p{
color:#666666ff}
._c79.appear{
opacity:0;
transition-duration:2000ms;
transition-timing-function:ease-in-out;
translate:0px 20px}
._c80 > *{
--gap-h:0px;
--gap-v:12px}
._c81 > .image__bg-container::before{
background-position:center bottom;
background-repeat:no-repeat;
background-size:230%}
._c82 > *{
--gap-h:0px;
--gap-v:20px}
._c83 > *{
--gap-h:0px;
--gap-v:32px}
._c84:hover{
opacity:1;
--ha:1}
._c84:hover ._c85{
scale:1.05 1.05}
._c86 > *{
--gap-h:10px;
--gap-v:0px}
._c87 > *{
--gap-h:0px;
--gap-v:56px}
._c88 > *{
--gap-h:48px;
--gap-v:0px}
._c89 > *{
--gap-h:0px;
--gap-v:24px}
._c90 > *{
--gap-h:0px;
--gap-v:0px}
._c91 > .image__bg-container::before{
background-repeat:no-repeat}
._c92 > *{
--gap-h:56px;
--gap-v:0px}
._c93 > *{
--gap-h:0px;
--gap-v:8px}
._c94 > *{
--gap-h:24px;
--gap-v:0px}
._c95 > *{
--gap-h:24px;
--gap-v:0px}
._c96 > *{
--gap-h:24px;
--gap-v:0px}
._c97 > *{
--gap-h:24px;
--gap-v:0px}
._c98 > *{
--gap-h:0px;
--gap-v:24px}
._c99 > *{
--gap-h:40px;
--gap-v:0px}
._c100 > *{
--gap-h:0px;
--gap-v:1px}
._c101 > *{
--gap-h:0px;
--gap-v:0px}
._c102 > *{
--gap-h:0px;
--gap-v:0px}
._c103 > *{
--gap-h:10px;
--gap-v:0px}
._c104 > *{
--gap-h:10px;
--gap-v:0px}
._c105 > *{
--gap-h:10px;
--gap-v:0px}
._c106 > *{
--gap-h:10px;
--gap-v:0px}
._c107 > *{
--gap-h:10px;
--gap-v:0px}
._c108{
color:#957700ff}
._pz{
color:var(--s-color-f188e6d0)}
._p10{
color:var(--s-color-14a75bf8)}
._p11{
color:var(--s-color-24ab5379)}
._p12{
color:#ff1917ff}
._c66{
color:var(--s-color-a0a515d3)}
._p13{
color:var(--s-color-639ce974)}
._c109{
color:var(--s-color-519345c4)}
._p14{
flex:none}
._p15{
flex-direction:column;
flex-wrap:nowrap}
._p16{
flex:none;
flex-direction:column;
flex-wrap:nowrap}
._p17{
flex-direction:row;
flex-wrap:nowrap}
._p18{
flex:none;
flex-direction:row-reverse;
flex-wrap:nowrap}
._c48{
flex:1;
flex-direction:column;
flex-wrap:nowrap}
._p19{
flex:none;
flex-direction:row;
flex-wrap:nowrap}
._p1a{
flex:2;
flex-direction:column;
flex-wrap:nowrap}
._p1b{
flex:1}
._c98{
flex-direction:column}
._c99{
flex-direction:row}
._p1c{
flex:1;
flex-direction:row;
flex-wrap:nowrap}
._c108{
font-family:var(--s-font-ad99516a);
font-size:119px;
font-weight:600;
line-height:1.00}
._c110{
font-family:var(--s-font-ad99516a);
font-size:32px;
font-weight:500;
letter-spacing:0.15em;
line-height:1.60}
._c111{
font-family:var(--s-font-ad99516a);
font-size:20px;
font-weight:500;
letter-spacing:0.15em;
line-height:2.00}
._c112{
font-family:var(--s-font-ad99516a);
font-size:34px;
font-weight:700;
letter-spacing:0.15em;
line-height:1.4}
._p1d{
font-family:var(--s-font-ad99516a);
font-size:18px;
font-weight:500;
letter-spacing:0.04em;
line-height:2.00}
._c49{
font-family:var(--s-font-ad99516a);
font-size:24px;
font-weight:700;
letter-spacing:0.10em;
line-height:1.4}
._c113{
font-family:var(--s-font-ad99516a);
font-size:54px;
font-weight:700;
letter-spacing:normal;
line-height:1.4}
._p1e{
font-family:var(--s-font-ad99516a);
font-size:38px;
font-weight:600;
line-height:1.4}
._p1f{
font-family:var(--s-font-ad99516a);
font-size:26px;
font-weight:500;
line-height:1.4}
._c114{
font-family:var(--s-font-889455e3);
font-size:30px;
font-weight:700;
line-height:1.4}
._c115{
font-family:var(--s-font-889455e3);
font-size:27px;
font-weight:500;
line-height:1.4}
._p1g{
font-family:var(--s-font-ad99516a);
font-size:35px;
font-weight:400;
line-height:1.80}
._c65{
font-family:var(--s-font-ad99516a);
font-size:35px;
font-weight:400;
line-height:0.20}
._c116{
font-size:24px}
._c66{
font-family:var(--s-font-ad99516a);
font-size:40px;
font-weight:900;
line-height:1.80}
._c78{
font-family:var(--s-font-ad99516a);
font-size:35px;
font-weight:700;
line-height:1.80}
._c117{
font-family:var(--s-font-ad99516a);
font-size:30px;
font-weight:600;
letter-spacing:0.14em;
line-height:1.4}
._c118{
font-family:var(--s-font-ad99516a);
font-size:34px;
font-weight:700;
letter-spacing:0.10em;
line-height:1.4}
._c119{
font-size:64px}
._c120{
font-family:var(--s-font-ad99516a);
font-size:64px;
font-weight:700;
letter-spacing:0.10em;
line-height:1.4}
._c121{
font-family:var(--s-font-889455e3);
font-size:24px;
font-weight:400;
letter-spacing:0.10em;
line-height:1.4}
._c122{
font-family:var(--s-font-ad99516a);
font-size:44px;
font-weight:500;
letter-spacing:0.10em;
line-height:1.4}
._c123{
font-family:var(--s-font-ad99516a);
font-size:26px;
font-weight:400;
letter-spacing:normal;
line-height:1.60}
._c124{
font-family:var(--s-font-ad99516a);
font-size:56px;
font-weight:400;
letter-spacing:normal;
line-height:1.60}
._p1h{
font-family:var(--s-font-ad99516a);
font-size:18px;
font-weight:500;
letter-spacing:0.04em;
line-height:1.4}
._c125{
font-family:var(--s-font-ad99516a);
font-size:20px;
font-weight:500;
letter-spacing:0.04em;
line-height:1.4}
._c126{
font-family:var(--s-font-ad99516a);
font-size:24px;
font-weight:500;
letter-spacing:0.04em;
line-height:1.4}
._p1i{
font-family:var(--s-font-ad99516a);
font-size:15px;
font-style:normal;
font-weight:500;
letter-spacing:0.04em;
line-height:1.6}
._c109{
font-family:var(--s-font-ad99516a);
font-size:12px;
font-style:normal;
font-weight:400;
letter-spacing:0em;
line-height:1.6}
._p1j{
height:auto;
width:100%;
max-width:100%}
._c41{
height:675px;
width:calc(50% + 350px);
max-width:calc(50% + 350px)}
._p1k{
height:auto;
width:auto;
max-width:100%}
._c43{
height:828px;
width:auto;
max-width:100%}
._c127{
height:571px;
width:100%;
max-width:100%}
._c46{
height:75%;
width:auto;
max-width:100%}
._c47{
height:100%;
width:auto;
max-width:100%}
._p1l{
height:auto;
width:auto;
max-width:100%;
min-width:0}
._c128{
height:407px;
width:auto;
max-width:100%}
._c49{
height:auto;
width:211px;
max-width:100%}
._c50{
height:354px;
width:100%;
max-width:100%}
._p1m{
height:100%;
width:100%;
max-width:100%}
._p1n{
height:36px;
width:auto;
max-width:100%}
._c55{
height:525px;
width:100%;
max-width:100%}
._p1o{
height:100%;
width:400px;
max-width:100%}
._p1p{
height:100%;
width:auto;
max-width:100%;
min-width:0}
._c59{
height:136px;
width:auto;
max-width:100%}
._p1q{
width:calc(95% - (var(--gap-h) * 0.05));
max-width:calc(95% - (var(--gap-h) * 0.05))}
._p1r{
height:auto;
width:calc(20% - (var(--gap-h) * 0.8));
max-width:calc(20% - (var(--gap-h) * 0.8))}
._p1s{
width:auto;
max-width:100%}
._c68{
height:427px;
width:100%;
max-width:100%}
._p1t{
height:55px;
width:auto;
max-width:100%}
._c76{
width:calc(80% - (var(--gap-h) * 0.2));
max-width:calc(80% - (var(--gap-h) * 0.2))}
._c77{
height:auto;
width:calc(30% - (var(--gap-h) * 0.7));
max-width:calc(30% - (var(--gap-h) * 0.7))}
._c78{
height:auto;
width:calc(40% - (var(--gap-h) * 0.6));
max-width:calc(40% - (var(--gap-h) * 0.6))}
._c79{
height:401px;
width:100%;
max-width:100%}
._c80{
height:362px;
width:362px;
max-width:100%}
._c81{
height:300px;
width:300px;
max-width:100%}
._c83{
height:502px;
width:100%;
max-width:100%}
._c84{
height:216px;
width:668px;
max-width:100%}
._c85{
height:auto;
width:544px;
max-width:100%}
._c129{
height:1275px;
width:100%;
max-width:100%}
._c87{
height:729px;
width:100%;
max-width:100%}
._c130{
height:332px;
width:100%;
max-width:100%}
._c89{
height:auto;
width:404px;
max-width:100%}
._c91{
height:179px;
width:404px;
max-width:100%}
._p1u{
height:auto;
width:80px;
max-width:100%}
._c131{
height:334px;
width:488px;
max-width:100%}
._c132{
height:auto;
width:260px;
max-width:100%}
._c101{
height:auto;
width:684px;
max-width:100%}
._p1v{
margin:0px}
._c41{
margin:0px 0px 0px -350px}
._c133{
margin:0px 0px 24px}
._c52{
margin:0px 0px 160px}
._c100{
margin:0px 0px -1px}
._c109{
margin:1px 0px 0px}
._p1w{
text-align:left}
._p1x{
text-align:center}
._c49{
text-align:left;
text-decoration:underline}
._p1y{
text-align:right}
._c122{
text-align:center;
text-decoration:underline}
._p1z{
justify-content:flex-start}
._c41{
align-content:flex-end;
align-items:flex-end;
justify-content:flex-end}
._p20{
align-content:center;
align-items:center;
justify-content:center}
._p21{
justify-content:center}
._p22{
align-content:flex-end;
align-items:flex-end;
justify-content:flex-start}
._p23{
align-content:center;
align-items:center;
justify-content:flex-start}
._p24{
align-content:flex-start;
align-items:flex-start;
justify-content:center}
._p25{
align-content:flex-start;
align-items:flex-start;
justify-content:flex-start}
._p26{
align-content:flex-start;
align-items:flex-start;
justify-content:space-between}
._p27{
align-content:center;
align-items:center;
justify-content:flex-end}
._p1y{
justify-content:flex-end}
._p28{
align-content:center;
align-items:center;
justify-content:space-between}
._c88{
align-content:flex-start;
align-items:flex-start;
justify-content:space-around}
._c98{
align-items:center;
justify-content:flex-start}
._c99{
align-content:flex-end;
align-items:flex-end;
justify-content:space-between}
._c41{
border-radius:0px 0px 0px 400px}
._c44{
border-radius:200px 200px 0px 0px}
._p29{
border-radius:50%}
._c49{
border-bottom:0px solid var(--s-color-a0a515d3);
border-left:0px solid var(--s-color-a0a515d3);
border-radius:0px;
border-right:0px solid var(--s-color-a0a515d3);
border-top:0px solid var(--s-color-a0a515d3)}
._p2a{
border-bottom:1px solid var(--s-color-14a75bf8);
border-left:0px solid var(--s-color-14a75bf8);
border-right:0px solid var(--s-color-14a75bf8);
border-top:0px solid var(--s-color-14a75bf8)}
._p2b{
border-radius:8px}
._p1q{
border-radius:12px}
._p2c{
border-bottom:2px solid #4f6653ff;
border-left:0px solid #4f6653ff;
border-right:0px solid #4f6653ff;
border-top:0px solid #4f6653ff}
._c65{
border-bottom:2px solid var(--s-color-f188e6d0);
border-left:0px solid var(--s-color-f188e6d0);
border-right:0px solid var(--s-color-f188e6d0);
border-top:0px solid var(--s-color-f188e6d0)}
._c84{
border-bottom:0px solid #9f371aff;
border-left:0px solid #9f371aff;
border-radius:122px;
border-right:0px solid #9f371aff;
border-top:0px solid #9f371aff}
._c87{
border-radius:0px}
._c130{
border-radius:40px}
._c92{
border-bottom:0px solid transparent;
border-left:1px solid transparent;
border-right:0px solid transparent;
border-top:0px solid transparent}
._c98{
border-bottom:4px solid var(--s-color-f188e6d0);
border-left:0px solid var(--s-color-f188e6d0);
border-right:0px solid var(--s-color-f188e6d0);
border-top:0px solid var(--s-color-f188e6d0)}
._p2d{
display:flex}
._c90{
display:none}
._p2e{
z-index:-1}
._c42{
background:var(--s-color-639ce974)}
._c44{
background:var(--s-color-45bb9b06)}
._p2f{
background:transparent}
._p2g{
background:var(--s-color-ee8c7263)}
._p2h{
background:#ffffffff}
._c84{
background:var(--s-color-a0a515d3)}
._c131{
background:#EEEEEE}
._c42{
gap:24px 0px}
._c46{
gap:0px 80px}
._p2i{
gap:12px 0px}
._p2j{
gap:0px}
._p2k{
gap:40px 36px}
._c54{
gap:1px 0px}
._p2a{
gap:12px 40px}
._p2l{
gap:20px 0px}
._c60{
gap:2px 0px}
._p1q{
gap:10px 0px}
._p2m{
gap:12px 20px}
._c64{
gap:12px 70px}
._c83{
gap:32px}
._c86{
gap:0px 10px}
._p2n{
gap:56px}
._c88{
gap:48px}
._p2o{
gap:24px}
._c90{
gap:0px 8px}
._c93{
gap:8px}
._c99{
gap:40px}
._c100{
gap:1px}
._p1c{
gap:10px}
._c42{
padding:88px 140px 80px}
._c44{
padding:80px 194px 120px}
._p2p{
padding:0px}
._c51{
padding:100px 0px 0px}
._p2q{
padding:0px 60px 80px}
._p1n{
padding:32px 0px 0px}
._p2a{
padding:0px 0px 16px}
._p1q{
padding:10px 30px}
._c84{
padding:24px}
._c129{
padding:100px 80px 80px}
._p2r{
padding:8px 0px}
._c98{
padding:24px 0px 8px}
._c99{
padding:0px 76px 0px 80px}
._p1c{
padding:16px 0px}
._c47{
aspect-ratio:auto 1108 / 1477}
._c132{
aspect-ratio:auto 957 / 280}
._c98{
bottom:auto;
left:auto;
right:auto;
top:auto}
._c98{
overflow-x:visible;
overflow-y:visible}
._c98{
position:relative}


/* 画面幅の切り替え：(max-width: 1140px) */

@media (max-width: 1140px) {

._c1 > *{
--gap-h:8px;
--gap-v:0px}
._c20 > *{
--gap-h:8px;
--gap-v:0px}
._c21 > *{
--gap-h:10px;
--gap-v:0px}
._c24 > *{
--gap-h:0px;
--gap-v:0px}
._c46 > *{
--gap-h:64px;
--gap-v:0px}
._c55 > *{
--gap-h:0px;
--gap-v:12px}
._c56 > *{
--gap-h:0px;
--gap-v:12px}
._c58 > *{
--gap-h:0px;
--gap-v:20px}
._c61 > *{
--gap-h:0px;
--gap-v:10px}
._c68 > *{
--gap-h:0px;
--gap-v:12px}
._c69 > *{
--gap-h:0px;
--gap-v:12px}
._c71 > *{
--gap-h:0px;
--gap-v:20px}
._c73 > *{
--gap-h:0px;
--gap-v:10px}
._c82 > *{
--gap-h:0px;
--gap-v:20px}
._c90 > *{
--gap-h:0px;
--gap-v:0px}
._c92 > *{
--gap-h:0px;
--gap-v:0px}
._c99 > *{
--gap-h:8px;
--gap-v:0px}
._c101 > *{
--gap-h:0px;
--gap-v:0px}
._p2s{
justify-content:space-between}
._c134{
justify-content:flex-end}
._c12{
align-content:center;
align-items:center;
justify-content:center}
._p2t{
display:flex}
._p2u{
display:none}
._p2v{
flex:none}
._c21{
flex-direction:row;
flex-wrap:nowrap}
._p2w{
flex-direction:column;
flex-wrap:nowrap}
._c134{
height:auto;
width:188px;
max-width:100%}
._c12{
height:76px;
width:144px;
max-width:100%}
._c14{
height:70px;
width:70px;
max-width:100%}
._p2x{
width:100%;
max-width:100%}
._c23{
width:calc(100% + 20px);
max-width:calc(100% + 20px)}
._c43{
height:668px;
width:auto;
max-width:100%}
._p2a{
height:auto}
._p1o{
height:360px;
width:100%;
max-width:100%}
._p1p{
height:100%;
width:100%;
max-width:100%}
._p1q{
height:auto;
width:100%;
max-width:100%}
._c82{
height:166px;
width:598px;
max-width:100%}
._c12{
margin:24px 0px 0px}
._c14{
background:var(--s-color-f188e6d0)}
._c14{
border-radius:50%}
._c21{
gap:0px 10px}
._c46{
gap:0px 64px}
._c92{
gap:0px}
._c99{
gap:8px}
._c29{
color:#ffffffff}
._c128{
color:var(--s-color-f188e6d0)}
._c24{
padding:64px 60px}
._c44{
padding:70px 100px 120px}
._c58{
padding:0px}
._p2y{
font-size:18px}
._c40{
font-size:48px}
._c108{
font-size:70px}

}


/* 画面幅の切り替え：(max-width: 840px) */

@media (max-width: 840px) {

._c20 > *{
--gap-h:8px;
--gap-v:0px}
._c22 > *{
--gap-h:0px;
--gap-v:64px}
._c24 > *{
--gap-h:0px;
--gap-v:0px}
._c42 > *{
--gap-h:0px;
--gap-v:16px}
._c42.appear > *{
--gap-h:0px;
--gap-v:16px}
._c46 > *{
--gap-h:0px;
--gap-v:40px}
._c51 > *{
--gap-h:0px;
--gap-v:0px}
._c53 > *{
--gap-h:0px;
--gap-v:40px}
._c53.appear > *{
--gap-h:0px;
--gap-v:40px}
._c54 > *{
--gap-h:0px;
--gap-v:1px}
._c55 > *{
--gap-h:0px;
--gap-v:12px}
._c56 > *{
--gap-h:0px;
--gap-v:12px}
._c57 > .image__bg-container::before{
background-position:left center;
background-size:100%}
._c58 > *{
--gap-h:0px;
--gap-v:20px}
._c64 > *{
--gap-h:10px;
--gap-v:0px}
._c67 > *{
--gap-h:0px;
--gap-v:40px}
._c67.appear > *{
--gap-h:0px;
--gap-v:40px}
._c68 > *{
--gap-h:0px;
--gap-v:12px}
._c69 > *{
--gap-h:0px;
--gap-v:12px}
._c70 > .image__bg-container::before{
background-size:100%}
._c71 > *{
--gap-h:0px;
--gap-v:20px}
._c76 > *{
--gap-h:20px;
--gap-v:0px}
._c80 > *{
--gap-h:0px;
--gap-v:12px}
._c87 > *{
--gap-h:0px;
--gap-v:56px}
._c88 > *{
--gap-h:0px;
--gap-v:40px}
._c89 > *{
--gap-h:0px;
--gap-v:24px}
._c90 > *{
--gap-h:0px;
--gap-v:0px}
._c92 > *{
--gap-h:0px;
--gap-v:56px}
._c93 > *{
--gap-h:0px;
--gap-v:8px}
._c94 > *{
--gap-h:24px;
--gap-v:0px}
._c95 > *{
--gap-h:24px;
--gap-v:0px}
._c96 > *{
--gap-h:24px;
--gap-v:0px}
._c97 > *{
--gap-h:24px;
--gap-v:0px}
._c98 > *{
--gap-h:0px;
--gap-v:0px}
._c99 > *{
--gap-h:0px;
--gap-v:0px}
._c100 > *{
--gap-h:0px;
--gap-v:1px}
._c101 > *{
--gap-h:0px;
--gap-v:0px}
._c102 > *{
--gap-h:0px;
--gap-v:0px}
._c103 > *{
--gap-h:10px;
--gap-v:0px}
._c104 > *{
--gap-h:10px;
--gap-v:0px}
._c105 > *{
--gap-h:10px;
--gap-v:0px}
._c106 > *{
--gap-h:10px;
--gap-v:0px}
._c107 > *{
--gap-h:10px;
--gap-v:0px}
._c13{
padding:0px 32px 0px 40px}
._c24{
padding:64px 60px 64px 80px}
._p2y{
padding:24px 0px 0px}
._p2z{
padding:0px 24px}
._c42{
padding:32px}
._c44{
padding:32px 100px 100px}
._c51{
padding:80px 0px 0px}
._c129{
padding:80px 60px}
._c93{
padding:0px}
._p2r{
padding:8px 0px}
._p30{
display:none}
._p31{
display:flex}
._p32{
margin:16px 0px 0px}
._c31{
margin:24px 0px 0px}
._p33{
margin:0px}
._c52{
margin:0px 0px 40px}
._p34{
max-width:100%}
._p35{
width:100%;
max-width:100%}
._c23{
height:319px;
width:580px;
max-width:calc(100% + 20px)}
._c35{
height:100px;
width:auto;
max-width:100%}
._p36{
height:auto;
width:100%;
max-width:100%}
._c41{
height:600px;
width:100%;
max-width:100%}
._p37{
height:auto}
._p38{
width:auto;
max-width:100%}
._c47{
height:auto;
width:calc(40% - (var(--gap-h) * 0.6));
max-width:calc(40% - (var(--gap-h) * 0.6))}
._c128{
height:auto;
width:auto;
max-width:100%}
._p39{
height:300px}
._c51{
height:2544px;
width:100%;
max-width:100%}
._p1n{
height:26px}
._p3a{
height:325px;
width:100%;
max-width:100%}
._p1r{
width:calc(24% - (var(--gap-h) * 0.76));
max-width:calc(24% - (var(--gap-h) * 0.76))}
._c64{
width:calc(70% - (var(--gap-h) * 0.3));
max-width:calc(70% - (var(--gap-h) * 0.3))}
._c70{
height:100%;
width:100%;
max-width:100%}
._c76{
width:calc(76% - (var(--gap-h) * 0.24));
max-width:calc(76% - (var(--gap-h) * 0.24))}
._c78{
width:calc(60% - (var(--gap-h) * 0.4));
max-width:calc(60% - (var(--gap-h) * 0.4))}
._c130{
height:329px;
width:100%;
max-width:100%}
._c91{
height:138px;
width:313px;
max-width:100%}
._c96{
height:34px;
width:auto;
max-width:100%}
._c97{
height:38px;
width:auto;
max-width:100%}
._c132{
height:50px;
width:auto;
max-width:100%}
._p1c{
width:auto;
max-width:100%;
min-width:auto}
._c22{
gap:64px}
._c42{
gap:16px 0px}
._c46{
gap:40px 40px}
._c64{
gap:12px 10px}
._c88{
gap:40px}
._p3b{
gap:24px}
._p3c{
gap:0px}
._c39{
flex-direction:column-reverse;
flex-wrap:nowrap}
._p3d{
flex-direction:column;
flex-wrap:nowrap}
._p3e{
flex:none}
._p3f{
flex-direction:column}
._c69{
flex:none;
flex-direction:column}
._p3g{
flex:none;
flex-direction:column;
flex-wrap:nowrap}
._c102{
flex-wrap:wrap}
._p1c{
flex:1}
._c28{
align-content:flex-start;
align-items:flex-start;
justify-content:flex-end}
._c27{
align-content:flex-end;
align-items:flex-end;
justify-content:flex-end}
._p3h{
justify-content:flex-start}
._p3i{
align-content:center;
align-items:center;
justify-content:flex-start}
._c46{
align-content:center;
align-items:center;
justify-content:center}
._c64{
justify-content:space-between}
._c88{
align-content:center;
align-items:center;
justify-content:space-around}
._p3j{
font-size:30px}
._pa{
font-size:18px}
._c113{
font-size:42px}
._p1n{
font-size:16px}
._p3k{
font-size:28px}
._c115{
font-size:25px}
._c120{
font-size:60px}
._p1i{
font-size:14px}
._c109{
font-size:13px}
._p3h{
text-align:left}
._c41{
border-radius:0px 0px 0px 300px}
._c49{
color:var(--s-color-14a75bf8)}
._p2a{
overflow-x:hidden;
overflow-y:auto}
._p3l{
background:transparent}

}


/* 画面幅の切り替え：(max-width: 540px) */

@media (max-width: 540px) {

._c20 > *{
--gap-h:4px;
--gap-v:0px}
._c22 > *{
--gap-h:0px;
--gap-v:0px}
._c24 > *{
--gap-h:0px;
--gap-v:0px}
._c42 > *{
--gap-h:0px;
--gap-v:24px}
._c42.appear > *{
--gap-h:0px;
--gap-v:16px}
._c46 > *{
--gap-h:0px;
--gap-v:0px}
._c51 > *{
--gap-h:0px;
--gap-v:0px}
._c53 > *{
--gap-h:0px;
--gap-v:40px}
._c53.appear > *{
--gap-h:0px;
--gap-v:40px}
._c54 > *{
--gap-h:0px;
--gap-v:1px}
._c55 > *{
--gap-h:0px;
--gap-v:12px}
._c56 > *{
--gap-h:0px;
--gap-v:12px}
._c58 > *{
--gap-h:0px;
--gap-v:8px}
._c59 > *{
--gap-h:0px;
--gap-v:8px}
._c60 > *{
--gap-h:0px;
--gap-v:8px}
._c61 > *{
--gap-h:0px;
--gap-v:10px}
._c62 > *{
--gap-h:0px;
--gap-v:0px}
._c64 > *{
--gap-h:70px;
--gap-v:0px}
._c67 > *{
--gap-h:0px;
--gap-v:40px}
._c67.appear > *{
--gap-h:0px;
--gap-v:40px}
._c68 > *{
--gap-h:0px;
--gap-v:12px}
._c69 > *{
--gap-h:0px;
--gap-v:12px}
._c70 > .image__bg-container::before{
background-position:left center}
._c71 > *{
--gap-h:0px;
--gap-v:8px}
._c72 > *{
--gap-h:0px;
--gap-v:8px}
._c73 > *{
--gap-h:0px;
--gap-v:10px}
._c74 > *{
--gap-h:20px;
--gap-v:0px}
._c76 > *{
--gap-h:0px;
--gap-v:0px}
._c80 > *{
--gap-h:0px;
--gap-v:12px}
._c82 > *{
--gap-h:0px;
--gap-v:8px}
._c83 > *{
--gap-h:0px;
--gap-v:32px}
._c87 > *{
--gap-h:0px;
--gap-v:32px}
._c88 > *{
--gap-h:0px;
--gap-v:48px}
._c89 > *{
--gap-h:0px;
--gap-v:16px}
._c90 > *{
--gap-h:0px;
--gap-v:0px}
._c91 > .image__bg-container::before{
background-size:contain}
._c92 > *{
--gap-h:0px;
--gap-v:56px}
._c93 > *{
--gap-h:0px;
--gap-v:16px}
._c98 > *{
--gap-h:0px;
--gap-v:20px}
._c99 > *{
--gap-h:0px;
--gap-v:16px}
._c100 > *{
--gap-h:0px;
--gap-v:4px}
._c101 > *{
--gap-h:0px;
--gap-v:0px}
._c102 > *{
--gap-h:16px;
--gap-v:16px}
._c103 > *{
--gap-h:0px;
--gap-v:0px}
._c104 > *{
--gap-h:0px;
--gap-v:0px}
._c105 > *{
--gap-h:0px;
--gap-v:0px}
._c106 > *{
--gap-h:0px;
--gap-v:0px}
._c107 > *{
--gap-h:0px;
--gap-v:0px}
._p3m{
padding:0px 20px}
._c25{
padding:0px 16px}
._c24{
padding:32px 32px 32px 24px}
._p2y{
padding:16px 0px 0px}
._c27{
padding:16px 0px 0px 16px}
._c42{
padding:24px}
._c44{
padding:70px 40px 80px}
._c51{
padding:60px 0px 0px}
._p2q{
padding:0px 20px 40px}
._p1q{
padding:10px 8px}
._p3n{
padding:0px}
._c83{
padding:0px 10px}
._c84{
padding:16px 24px 24px}
._c129{
padding:60px 20px 80px}
._c98{
padding:24px 20px}
._p1c{
padding:8px 0px}
._p3o{
flex:none}
._c21{
flex-direction:row;
flex-wrap:nowrap}
._p3p{
flex-direction:column;
flex-wrap:nowrap}
._p3q{
flex-direction:column}
._c88{
flex:none;
flex-direction:column;
flex-wrap:nowrap}
._c102{
flex-direction:row;
flex-wrap:wrap}
._c18{
height:47px;
width:160px;
max-width:100%}
._p3r{
width:100%;
max-width:100%}
._p3s{
height:auto;
width:100%;
max-width:100%}
._c41{
height:360px}
._p3t{
height:auto}
._c47{
height:auto;
width:calc(80% - (var(--gap-h) * 0.2));
max-width:calc(80% - (var(--gap-h) * 0.2))}
._c50{
height:200px}
._c51{
height:2088px;
width:100%;
max-width:100%}
._p2k{
height:auto;
width:auto;
max-width:100%}
._p2b{
height:300px;
width:100%;
max-width:100%}
._c62{
width:calc(100% - 40px);
max-width:calc(100% - 40px)}
._c78{
width:calc(60% - (var(--gap-h) * 0.4));
max-width:calc(60% - (var(--gap-h) * 0.4))}
._c81{
height:280px;
width:280px;
max-width:100%}
._c82{
height:125px;
width:100%;
max-width:100%}
._c117{
width:calc(90% - (var(--gap-h) * 0.1));
max-width:calc(90% - (var(--gap-h) * 0.1))}
._c84{
height:182px;
width:486px;
max-width:100%}
._c130{
height:259px;
width:100%;
max-width:100%}
._c91{
height:140px;
width:100%;
max-width:100%}
._c132{
height:30px;
width:auto;
max-width:100%}
._p3u{
display:none}
._p3v{
display:flex}
._c134{
z-index:1}
._c98{
z-index:0}
._c20{
gap:0px 4px}
._p3w{
gap:0px}
._p2k{
gap:40px 24px}
._p3x{
gap:8px 0px}
._c87{
gap:32px}
._p3y{
gap:16px}
._c98{
gap:20px}
._c100{
gap:4px}
._c102{
gap:16px 16px}
._c32{
font-size:28px;
letter-spacing:normal}
._p3z{
font-size:28px}
._p40{
font-size:16px}
._c40{
font-size:22px;
letter-spacing:-0.04em}
._c108{
font-size:44px;
letter-spacing:-0.04em}
._p41{
font-size:24px}
._p42{
font-size:15px}
._p43{
font-size:36px}
._p1e{
font-size:22px;
line-height:1.50}
._p44{
font-size:16px;
line-height:1.70}
._p1r{
font-size:18px;
line-height:1.50}
._c65{
font-size:18px;
line-height:0.20}
._p45{
font-size:13px}
._c66{
font-size:20px;
line-height:1.50}
._c78{
font-size:20px;
line-height:1.30}
._c117{
font-size:20px}
._c120{
font-size:38px;
letter-spacing:normal}
._c121{
font-size:22px;
letter-spacing:normal}
._p46{
font-size:18px}
._c29{
color:#ffffffff}
._pv{
align-content:flex-start;
align-items:flex-start;
justify-content:flex-end}
._p3h{
justify-content:flex-start}
._c46{
align-content:center;
align-items:center;
justify-content:flex-start}
._p2k{
align-content:stretch;
align-items:stretch;
justify-content:center}
._c62{
align-content:center;
align-items:center;
justify-content:space-between}
._c64{
justify-content:space-between}
._p47{
align-content:center;
align-items:center;
justify-content:center}
._p48{
justify-content:center}
._p49{
margin:0px}
._c27{
margin:16px 0px 0px}
._c52{
margin:0px 0px 32px}
._c62{
margin:0px 20px}
._c100{
margin:0px 0px -1px}
._p3h{
text-align:left}
._p48{
text-align:center}
._c41{
border-radius:0px 0px 0px 200px}
._c84{
border-radius:122px}

}


/* 画面幅の切り替え：(max-width: 320px) */

@media (max-width: 320px) {

._c1 > *{
--gap-h:8px;
--gap-v:0px}
._c22 > *{
--gap-h:0px;
--gap-v:24px}
._c24 > *{
--gap-h:0px;
--gap-v:0px}
._c41 > .image__bg-container::before{
background-size:120%}
._c42 > *{
--gap-h:0px;
--gap-v:24px}
._c42.appear > *{
--gap-h:0px;
--gap-v:16px}
._c46 > *{
--gap-h:0px;
--gap-v:0px}
._c53 > *{
--gap-h:0px;
--gap-v:40px}
._c53.appear > *{
--gap-h:0px;
--gap-v:40px}
._c55 > *{
--gap-h:0px;
--gap-v:12px}
._c58 > *{
--gap-h:0px;
--gap-v:20px}
._c61 > *{
--gap-h:0px;
--gap-v:10px}
._c62 > *{
--gap-h:8px;
--gap-v:0px}
._c64 > *{
--gap-h:2px;
--gap-v:0px}
._c67 > *{
--gap-h:0px;
--gap-v:40px}
._c67.appear > *{
--gap-h:0px;
--gap-v:40px}
._c68 > *{
--gap-h:0px;
--gap-v:12px}
._c69 > *{
--gap-h:0px;
--gap-v:12px}
._c70 > .image__bg-container::before{
background-position:left center}
._c71 > *{
--gap-h:0px;
--gap-v:20px}
._c74 > *{
--gap-h:20px;
--gap-v:0px}
._c76 > *{
--gap-h:20px;
--gap-v:0px}
._c80 > *{
--gap-h:0px;
--gap-v:12px}
._c90 > *{
--gap-h:0px;
--gap-v:0px}
._c92 > *{
--gap-h:0px;
--gap-v:56px}
._c93 > *{
--gap-h:0px;
--gap-v:0px}
._c94 > *{
--gap-h:20px;
--gap-v:0px}
._c95 > *{
--gap-h:8px;
--gap-v:0px}
._c96 > *{
--gap-h:20px;
--gap-v:0px}
._c97 > *{
--gap-h:20px;
--gap-v:0px}
._c99 > *{
--gap-h:0px;
--gap-v:40px}
._c101 > *{
--gap-h:0px;
--gap-v:0px}
._c102 > *{
--gap-h:0px;
--gap-v:0px}
._p4a{
padding:0px 16px}
._c24{
padding:24px 20px}
._c27{
padding:16px 0px 0px 10px}
._c42{
padding:40px 20px}
._c44{
padding:70px 20px 60px}
._c61{
padding:15px 4px}
._c135{
padding:0px 24px 40px 20px}
._p4b{
padding:0px}
._c74{
padding:0px 12px}
._c80{
padding:0px 24px 0px 40px}
._c84{
padding:16px 24px}
._c129{
padding:60px 16px 80px}
._c1{
flex:1}
._p4c{
flex:none}
._p4d{
flex-direction:column;
flex-wrap:nowrap}
._p2c{
flex-direction:row;
flex-wrap:nowrap}
._c67{
flex:none;
flex-direction:column;
flex-wrap:nowrap}
._p4e{
width:auto;
max-width:100%}
._c134{
height:auto;
width:122px;
max-width:100%}
._c14{
max-width:100%}
._p4f{
width:100%;
max-width:100%}
._c23{
height:269px;
width:100%;
max-width:100%}
._c41{
height:280px}
._p4g{
height:auto}
._c47{
width:calc(70% - (var(--gap-h) * 0.3));
max-width:calc(70% - (var(--gap-h) * 0.3))}
._c50{
height:160px}
._p4h{
height:220px}
._p4i{
height:auto;
width:100%;
max-width:100%}
._c62{
width:calc(100% - 24px);
max-width:calc(100% - 24px)}
._p1r{
width:calc(28% - (var(--gap-h) * 0.72));
max-width:calc(28% - (var(--gap-h) * 0.72))}
._p27{
width:calc(72% - (var(--gap-h) * 0.28));
max-width:calc(72% - (var(--gap-h) * 0.28))}
._c65{
height:6px;
width:auto;
max-width:100%}
._c67{
height:633px;
width:auto;
max-width:100%}
._c70{
height:220px;
width:100%;
max-width:100%}
._c71{
height:279px;
width:100%;
max-width:100%}
._c80{
height:276px;
width:100%;
max-width:100%}
._c84{
height:126px;
width:288px;
max-width:100%}
._p4j{
height:auto;
width:auto;
max-width:100%}
._c136{
height:auto;
width:271px;
max-width:100%}
._p3u{
display:none}
._p3v{
display:flex}
._c14{
margin:24px 0px 0px}
._c28{
margin:-40px 0px 0px}
._c27{
margin:-16px 0px -8px}
._c62{
margin:0px 12px}
._c69{
margin:0px}
._p4k{
font-size:24px}
._p3z{
font-size:22px}
._p2y{
font-size:15px}
._c108{
font-size:32px}
._c110{
font-size:20px}
._c112{
font-size:36px;
line-height:1.20}
._p1e{
font-size:18px}
._p44{
font-size:16px}
._p4l{
font-size:20px;
line-height:1.30}
._c75{
font-size:20px;
line-height:1.40}
._c119{
font-size:28px}
._c120{
font-size:26px;
letter-spacing:normal}
._c121{
font-size:14px}
._c126{
font-size:17px}
._c22{
gap:24px}
._c62{
gap:8px 8px}
._c64{
gap:8px 2px}
._c93{
gap:0px}
._p4m{
gap:20px}
._c95{
gap:8px}
._c41{
border-radius:0px 0px 0px 100px}
._c62{
border-bottom:0px solid #4f6653ff;
border-left:0px solid #4f6653ff;
border-right:0px solid #4f6653ff;
border-top:0px solid #4f6653ff}
._c65{
border-bottom:1px solid var(--s-color-f188e6d0);
border-left:0px solid var(--s-color-f188e6d0);
border-right:0px solid var(--s-color-f188e6d0);
border-top:0px solid var(--s-color-f188e6d0)}
._c62{
align-content:stretch;
align-items:stretch;
justify-content:center}
._p4n{
align-content:center;
align-items:center;
justify-content:center}
._p4o{
justify-content:space-around}

}


.apps-studio-banner {

    align-items: center;

    border-radius: 4px;

    bottom: 20px;

    height: 20px;

    justify-content: center;

    display: flex;

    left: 20px;

    perspective: 300px;

    position: fixed;

    width: 84px;

    z-index: 2000;

    transition: .4s cubic-bezier(.4,.4,0,1);

    background-color: #FFFFFF;

    padding: 0;

    box-sizing: border-box;

}

.apps-studio-banner .long-banner {

  display:none;

}

.apps-studio-banner:hover {

    width: 200px;

    height: 32px;

}

.apps-studio-banner:hover .long-banner {

  display:initial;

}

.apps-studio-banner:hover .short-banner {

  display:none;

}

.apps-studio-banner path {

  fill: #000000;

}