.page-enter-active {
  transition: .6s cubic-bezier(.4, .4, 0, 1)
}

.page-leave-active {
  transition: .3s cubic-bezier(.4, .4, 0, 1)
}

.page-enter-from,
.page-leave-to {
  opacity: 0
}

:root {
  --rebranding-loading-bg: #e5e5e5;
  --rebranding-loading-bar: #222
}

.product-font-style[data-v-51f515bd] {
  transition: .4s cubic-bezier(.4, .4, 0, 1)
}

/*! * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */
.fa-brands,
.fa-solid {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto
}

.fa-solid {
  font-family: Font Awesome\ 6 Free;
  font-weight: 900
}

.fa-brands {
  font-family: Font Awesome\ 6 Brands;
  font-weight: 400
}

:host,
:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
  font-display: block;
  font-family: Font Awesome\ 6 Free;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/fa-solid-900-6ec52ddb.woff2') format("woff2"), url('../fonts/fa-solid-900-e6df0550.ttf') format("truetype")
}

@font-face {
  font-display: block;
  font-family: Font Awesome\ 6 Brands;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fa-brands-400-c7865f5e.woff2') format("woff2"), url('../fonts/fa-brands-400-a5076539.ttf') format("truetype")
}

.spinner[data-v-36413753] {
  animation: loading-spin-36413753 1s linear infinite;
  height: 16px;
  pointer-events: none;
  width: 16px
}

.spinner[data-v-36413753]:before {
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-color: transparent currentcolor currentcolor transparent;
  border-style: solid;
  border-width: 2px;
  opacity: .2
}

.spinner[data-v-36413753]:after,
.spinner[data-v-36413753]:before {
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%
}

.spinner[data-v-36413753]:after {
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-color: currentcolor transparent transparent currentcolor;
  border-style: solid;
  border-width: 2px;
  opacity: 1
}

@keyframes loading-spin-36413753 {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@font-face {
  font-family: grandam;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/grandam-b4dd49e4.ttf') format("truetype")
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular-b1ccb70f.eot');
  src: local("Material Icons"), local("MaterialIcons-Regular"), url('../fonts/MaterialIcons-Regular-c0120d9f.woff2') format("woff2"), url('../fonts/MaterialIcons-Regular-81387a8f.woff') format("woff"), url('../fonts/MaterialIcons-Regular-a9cd55ab.ttf') format("truetype")
}

.Canvas {
  display: flex;
  height: auto;
  min-height: 100dvh
}

.Canvas>.sd {
  min-height: 100dvh;
  overflow: clip
}

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
select,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  border: 0;
  font-family: sans-serif;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  color: #000;
  transition: .3s cubic-bezier(.4, .4, 0, 1);
  word-spacing: 1px
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible) {
  outline: none
}

nav ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

a,
button {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

ins {
  text-decoration: none
}

ins,
mark {
  background-color: #ff9;
  color: #000
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle
}

textarea {
  resize: none
}

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

[slot=after] button {
  overflow-anchor: none
}

.sd {
  flex-wrap: nowrap;
  max-width: 100%;
  pointer-events: all;
  z-index: 0;
  -webkit-overflow-scrolling: touch;
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  position: relative
}

.sd::-webkit-scrollbar {
  display: none
}

.sd,
.sd.richText * {
  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
}

input.sd,
textarea.sd {
  align-content: normal
}

.sd[tabindex]:focus {
  outline: none
}

.sd[tabindex]:focus-visible {
  outline: 1px solid;
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color
}

input[type=email],
input[type=tel],
input[type=text],
select,
textarea {
  -webkit-appearance: none
}

select {
  cursor: pointer
}

.frame {
  display: block;
  overflow: hidden
}

.frame>iframe {
  height: 100%;
  width: 100%
}

.frame .formrun-embed>iframe:not(:first-child) {
  display: none !important
}

.image {
  position: relative
}

.image:before {
  background-position: 50%;
  background-size: cover;
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: inherit;
  width: 100%;
  z-index: -2
}

.sd.file {
  cursor: pointer;
  flex-direction: row;
  outline: 2px solid transparent;
  outline-offset: -1px;
  overflow-wrap: anywhere;
  word-break: break-word
}

.sd.file:focus-within {
  outline-color: Highlight;
  outline-color: -webkit-focus-ring-color
}

.file>input[type=file] {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.sd.icon,
.sd.text {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: break-word
}

.material-icons {
  display: inline-block;
  font-family: Material Icons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased
}

.sd.material-symbols {
  font-style: normal;
  font-variation-settings: "FILL"var(--symbol-fill, 0), "wght"var(--symbol-weight, 400)
}

.sd.material-symbols.font-loading {
  height: 24px;
  opacity: 0;
  overflow: hidden;
  width: 24px
}

.sd.material-symbols-outlined {
  font-family: Material Symbols Outlined
}

.sd.material-symbols-rounded {
  font-family: Material Symbols Rounded
}

.sd.material-symbols-sharp {
  font-family: Material Symbols Sharp
}

.sd.material-symbols-weight-100 {
  --symbol-weight: 100
}

.sd.material-symbols-weight-200 {
  --symbol-weight: 200
}

.sd.material-symbols-weight-300 {
  --symbol-weight: 300
}

.sd.material-symbols-weight-400 {
  --symbol-weight: 400
}

.sd.material-symbols-weight-500 {
  --symbol-weight: 500
}

.sd.material-symbols-weight-600 {
  --symbol-weight: 600
}

.sd.material-symbols-weight-700 {
  --symbol-weight: 700
}

.sd.material-symbols-fill {
  --symbol-fill: 1
}

a,
a.icon,
a.text {
  -webkit-tap-highlight-color: rgba(0, 0, 0, .15)
}

.fixed {
  z-index: 2
}

.sticky {
  z-index: 1
}

.button {
  transition: .4s cubic-bezier(.4, .4, 0, 1)
}

.button,
.link {
  cursor: pointer
}

.submitLoading {
  opacity: .5 !important;
  pointer-events: none !important
}

.richText {
  display: block;
  word-break: break-word
}

.richText [data-thread],
.richText a,
.richText blockquote,
.richText em,
.richText h1,
.richText h2,
.richText h3,
.richText h4,
.richText li,
.richText ol,
.richText p,
.richText p>code,
.richText pre,
.richText pre>code,
.richText s,
.richText strong,
.richText table tbody,
.richText table tbody tr,
.richText table tbody tr>td,
.richText table tbody tr>th,
.richText u,
.richText ul {
  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
}

.richText p {
  display: block;
  margin: 10px 0
}

.richText>p {
  min-height: 1em
}

.richText img,
.richText video {
  height: auto;
  max-width: 100%;
  vertical-align: bottom
}

.richText h1 {
  display: block;
  font-size: 3em;
  font-weight: 700;
  margin: 20px 0
}

.richText h2 {
  font-size: 2em
}

.richText h2,
.richText h3 {
  display: block;
  font-weight: 700;
  margin: 10px 0
}

.richText h3 {
  font-size: 1em
}

.richText h4,
.richText h5 {
  font-weight: 600
}

.richText h4,
.richText h5,
.richText h6 {
  display: block;
  font-size: 1em;
  margin: 10px 0
}

.richText h6 {
  font-weight: 500
}

.richText [data-type=table] {
  overflow-x: auto
}

.richText [data-type=table] p {
  white-space: pre-line;
  word-break: break-all
}

.richText table {
  border: 1px solid #f2f2f2;
  border-collapse: collapse;
  border-spacing: unset;
  color: #1a1a1a;
  font-size: 14px;
  line-height: 1.4;
  margin: 10px 0;
  table-layout: auto
}

.richText table tr th {
  background: hsla(0, 0%, 96%, .5)
}

.richText table tr td,
.richText table tr th {
  border: 1px solid #f2f2f2;
  max-width: 240px;
  min-width: 100px;
  padding: 12px
}

.richText table tr td p,
.richText table tr th p {
  margin: 0
}

.richText blockquote {
  border-left: 3px solid rgba(0, 0, 0, .15);
  font-style: italic;
  margin: 10px 0;
  padding: 10px 15px
}

.richText [data-type=embed_code] {
  margin: 20px 0;
  position: relative
}

.richText [data-type=embed_code]>.height-adjuster>.wrapper {
  position: relative
}

.richText [data-type=embed_code]>.height-adjuster>.wrapper[style*=padding-top] iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.richText [data-type=embed_code][data-embed-sandbox=true] {
  display: block;
  overflow: hidden
}

.richText [data-type=embed_code][data-embed-code-type=instagram]>.height-adjuster>.wrapper[style*=padding-top] {
  padding-top: 100%
}

.richText [data-type=embed_code][data-embed-code-type=instagram]>.height-adjuster>.wrapper[style*=padding-top] blockquote {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.richText [data-type=embed_code][data-embed-code-type=codepen]>.height-adjuster>.wrapper {
  padding-top: 50%
}

.richText [data-type=embed_code][data-embed-code-type=codepen]>.height-adjuster>.wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.richText [data-type=embed_code][data-embed-code-type=slideshare]>.height-adjuster>.wrapper {
  padding-top: 56.25%
}

.richText [data-type=embed_code][data-embed-code-type=slideshare]>.height-adjuster>.wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.richText [data-type=embed_code][data-embed-code-type=speakerdeck]>.height-adjuster>.wrapper {
  padding-top: 56.25%
}

.richText [data-type=embed_code][data-embed-code-type=speakerdeck]>.height-adjuster>.wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.richText [data-type=embed_code][data-embed-code-type=snapwidget]>.height-adjuster>.wrapper {
  padding-top: 30%
}

.richText [data-type=embed_code][data-embed-code-type=snapwidget]>.height-adjuster>.wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.richText [data-type=embed_code][data-embed-code-type=firework]>.height-adjuster>.wrapper fw-embed-feed {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.richText [data-type=embed_code_empty] {
  display: none
}

.richText ul {
  margin: 0 0 0 20px
}

.richText ul li {
  list-style: disc;
  margin: 10px 0
}

.richText ul li p {
  margin: 0
}

.richText ol {
  margin: 0 0 0 20px
}

.richText ol li {
  list-style: decimal;
  margin: 10px 0
}

.richText ol li p {
  margin: 0
}

.richText hr {
  border-top: 1px solid #ccc;
  margin: 10px 0
}

.richText p>code {
  background: #eee;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  display: inline;
  margin: 2px;
  padding: 0 5px
}

.richText pre {
  background: #eee;
  border-radius: 6px;
  font-family: Menlo, Monaco, Courier New, monospace;
  margin: 20px 0;
  padding: 25px 35px;
  white-space: pre-wrap
}

.richText pre code {
  border: none;
  padding: 0
}

.richText strong {
  color: inherit;
  display: inline;
  font-family: inherit;
  font-weight: 900
}

.richText em {
  font-style: italic
}

.richText a,
.richText u {
  text-decoration: underline
}

.richText a {
  color: #007cff;
  display: inline
}

.richText s {
  text-decoration: line-through
}

.richText [data-type=table_of_contents] {
  background-color: #f5f5f5;
  border-radius: 2px;
  color: #616161;
  font-size: 16px;
  list-style: none;
  margin: 0;
  padding: 24px 24px 8px;
  text-decoration: underline
}

.richText [data-type=table_of_contents] .toc_list {
  margin: 0
}

.richText [data-type=table_of_contents] .toc_item {
  color: currentColor;
  font-size: inherit !important;
  font-weight: inherit;
  list-style: none
}

.richText [data-type=table_of_contents] .toc_item>a {
  border: none;
  color: currentColor;
  font-size: inherit !important;
  font-weight: inherit;
  text-decoration: none
}

.richText [data-type=table_of_contents] .toc_item>a:hover {
  opacity: .7
}

.richText [data-type=table_of_contents] .toc_item--1 {
  margin: 0 0 16px
}

.richText [data-type=table_of_contents] .toc_item--2 {
  margin: 0 0 16px;
  padding-left: 2rem
}

.richText [data-type=table_of_contents] .toc_item--3 {
  margin: 0 0 16px;
  padding-left: 4rem
}

.sd.section {
  align-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  height: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important
}

.sd.section-inner {
  position: static !important
}

@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: .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%
}

a[data-v-60d33773] {
  align-items: center;
  border-radius: 4px;
  bottom: 20px;
  height: 20px;
  justify-content: center;
  left: 20px;
  perspective: 300px;
  position: fixed;
  transition: 0s linear;
  width: 84px;
  z-index: 2000
}

@media (hover:hover) {
  a[data-v-60d33773] {
    transition: .4s cubic-bezier(.4, .4, 0, 1)
  }

  a[data-v-60d33773]:hover {
    height: 32px;
    width: 200px
  }
}

[data-v-60d33773] .custom-fill path {
  fill: var(--01abf230)
}

.fade-enter-active[data-v-60d33773],
.fade-leave-active[data-v-60d33773] {
  transition: opacity .2s cubic-bezier(.4, .4, 0, 1)
}

.fade-enter[data-v-60d33773],
.fade-leave-to[data-v-60d33773] {
  opacity: 0
}

.loading[data-v-8a583dac] {
  align-content: center;
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  perspective: 300px;
  position: fixed;
  top: 0;
  transition: none;
  width: 100%;
  z-index: 1000
}

.icon[data-v-8a583dac] {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  height: 140px;
  position: relative;
  transform: rotate(45deg);
  transition: .6s cubic-bezier(.4, .4, 0, 1);
  width: 20px
}

.back[data-v-8a583dac] {
  background-color: var(--rebranding-loading-bg);
  top: 0
}

.back[data-v-8a583dac],
.progress[data-v-8a583dac] {
  height: 140px;
  left: 0;
  position: absolute;
  width: 20px
}

.progress[data-v-8a583dac] {
  background-color: var(--rebranding-loading-bar);
  bottom: 0;
  clip: rect(10px, 20px, 140px, 0)
}

.loading-enter-from .progress[data-v-8a583dac] {
  clip: rect(140px, 20px, 140px, 0)
}

.loading-enter-active .progress[data-v-8a583dac] {
  transition: 2s cubic-bezier(.31, .13, 0, 1)
}

.loading-leave-active[data-v-8a583dac] {
  transition: .6s cubic-bezier(.4, .4, 0, 1) .3s
}

.loading-leave-active .icon[data-v-8a583dac] {
  transition: .3s cubic-bezier(.4, .4, 0, 1) .3s
}

.loading-leave-active .progress[data-v-8a583dac] {
  transition: .3s cubic-bezier(.4, .4, 0, 1)
}

.loading-leave-to[data-v-8a583dac] {
  background-color: hsla(0, 0%, 100%, 0)
}

.loading-leave-to .icon[data-v-8a583dac] {
  -webkit-clip-path: inset(0 0 160px 0);
  clip-path: inset(0 0 160px 0)
}

.loading-leave-to .progress[data-v-8a583dac] {
  clip: rect(0, 20px, 140px, 0)
}

.LoadMoreAnnouncer[data-v-4f7a7294] {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap
}

.TitleAnnouncer[data-v-692a2727] {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap
}

.design-canvas__modal {
  height: 100%;
  pointer-events: none;
  position: fixed;
  transition: none;
  width: 100%;
  z-index: 2
}

.design-canvas__modal:focus {
  outline: none
}

.design-canvas__modal.v-enter-active .studio-canvas,
.design-canvas__modal.v-leave-active,
.design-canvas__modal.v-leave-active .studio-canvas {
  transition: .4s cubic-bezier(.4, .4, 0, 1)
}

.design-canvas__modal.v-enter-active .studio-canvas *,
.design-canvas__modal.v-leave-active .studio-canvas * {
  transition: none !important
}

.design-canvas__modal.isNone {
  transition: none
}

.design-canvas__modal .design-canvas__modal__base {
  height: 100%;
  left: 0;
  pointer-events: auto;
  position: fixed;
  top: 0;
  transition: .4s cubic-bezier(.4, .4, 0, 1);
  width: 100%;
  z-index: -1
}

.design-canvas__modal .studio-canvas {
  height: 100%;
  pointer-events: none
}

.design-canvas__modal .studio-canvas>* {
  background: none !important;
  pointer-events: none
}

.publish-studio-style[data-v-5a0c3720] {
  transition: .4s cubic-bezier(.4, .4, 0, 1)
}

.snackbar[data-v-3129703d] {
  align-items: center;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 6px;
  box-shadow: 0 16px 48px -8px rgba(0, 0, 0, .08), 0 10px 25px -5px rgba(0, 0, 0, .11);
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  left: 50%;
  max-width: 90vw;
  padding: 16px 20px;
  position: fixed;
  top: 32px;
  transform: translateX(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 480px;
  z-index: 9999
}

.snackbar.v-enter-active[data-v-3129703d],
.snackbar.v-leave-active[data-v-3129703d] {
  transition: .4s cubic-bezier(.4, .4, 0, 1)
}

.snackbar.v-enter-from[data-v-3129703d],
.snackbar.v-leave-to[data-v-3129703d] {
  opacity: 0;
  transform: translate(-50%, -10px)
}

.snackbar .convey[data-v-3129703d] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 0
}

.snackbar .convey .icon[data-v-3129703d] {
  background-position: 50%;
  background-repeat: no-repeat;
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.snackbar .convey .message[data-v-3129703d] {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: pre-line
}

.snackbar .convey.error .icon[data-v-3129703d] {
  background-image: url('../img/close_circle.c7480f3c-18d05259.svg')
}

.snackbar .convey.error .message[data-v-3129703d] {
  color: #f84f65
}

.snackbar .convey.success .icon[data-v-3129703d] {
  background-image: url('../img/round_check.0ebac23f-77adfb27.svg')
}

.snackbar .convey.success .message[data-v-3129703d] {
  color: #111
}

.snackbar .button[data-v-3129703d] {
  align-items: center;
  border-radius: 40px;
  color: #4b9cfb;
  display: flex;
  flex-shrink: 0;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  justify-content: center;
  line-height: 16px;
  padding: 4px 8px
}

.snackbar .button[data-v-3129703d]:hover {
  background: #f5f5f5
}

.app[data-v-4a64a196] {
  align-items: center;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  width: 100%
}

.title[data-v-4a64a196] {
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 2.45px;
  line-height: 30px;
  margin: 30px
}

@font-face {
  font-family: '見出ゴMB1';
  font-weight: Bold;
  src: url('../img/ts-65280d21.bin');
}

@font-face {
  font-family: '中ゴシックBBB JIS2004';
  font-weight: Bold;
  src: url('../img/ts-0ce73975.bin');
}

@font-face {
  font-family: '見出ゴMB1';
  font-weight: Bold;
  src: url('../img/ts-65280d21.bin');
}

@font-face {
  font-family: '中ゴシックBBB JIS2004';
  font-weight: Bold;
  src: url('../img/ts-0ce73975.bin');
}

@font-face {
  font-family: '見出ゴMB1';
  font-weight: Bold;
  src: url('../img/ts-228c33aa.bin');
}

@font-face {
  font-family: '中ゴシックBBB JIS2004';
  font-weight: Bold;
  src: url('../img/ts-0ce73975.bin');
}

@font-face {
  font-family: '見出ゴMB1';
  font-weight: Bold;
  src: url('../img/ts-65b2968d.bin');
}

@font-face {
  font-family: '中ゴシックBBB JIS2004';
  font-weight: Bold;
  src: url('../img/ts-0ce73975.bin');
}

.appear,
.appear-active {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important
}

.sd.sec-226 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: 300px;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
}

.sd.sec-226.appear {
  opacity: 0;
  transform: translate(0px, 20px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-226.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 540px) {
  .sd.sec-226 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 340px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-227 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 50%;
  max-width: 50%;
}

.sd.sec-227:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-227 {
    flex: none;
    height: 50%;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-228 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  max-width: 100%;
}

.sd.sec-229 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 54px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-229 {
    font-size: 36px;
  }
}

.sd.sec-230 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-231 {
  background: #FFFFFF;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-232 {
  color: #FFFFFF;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-232 {
    font-size: 16px;
  }
}

.sd.sec-233 {
  align-content: center;
  align-items: center;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

.sd.sec-233:before {
  filter: brightness(0.6);
}

.sd.sec-227:hover .sd.sec-233 {
  transform: scale(1.1, 1.1);
}

.sd.sec-234 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 50%;
  max-width: 50%;
}

.sd.sec-234:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-234 {
    flex: none;
    height: 50%;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-235 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-235 {
    display: flex;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-235 {
    display: flex;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-235 {
    display: flex;
  }
}

.sd.sec-236 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-237 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 54px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 4px 0px 0px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 4px);
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-237 {
    font-size: 36px;
  }
}

.sd.sec-238 {
  color: #FFFFFF;
  font-size: 20px;
  transform: rotate(-30deg);
  z-index: 0;
}

.sd.sec-239 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-240 {
  background: #FFFFFF;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-241 {
  color: #FFFFFF;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-241 {
    font-size: 16px;
  }
}

.sd.sec-242 {
  align-content: center;
  align-items: center;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

.sd.sec-242:before {
  filter: brightness(0.6);
}

.sd.sec-234:hover .sd.sec-242 {
  transform: scale(1.1, 1.1);
}

.sd.sec-243 {
  align-content: center;
  align-items: center;
  background: #c1cccb;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: center;
  padding: 50px 80px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-243.appear {
  opacity: 0;
  transform: translate(0px, 20px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-243.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 1140px) {
  .sd.sec-243 {
    padding: 50px 40px;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-243 {
    padding: 50px 50px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-243 {
    padding: 40px 30px;
  }
}

.sd.sec-244 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 50px 0px 0px;
  width: 50%;
  max-width: 50%;
}

.sd.sec-244:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-244 {
    flex: none;
    margin: 0px 0px 40px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-244 {
    margin: 0px 0px 30px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-245 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-246 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-247 {
  color: #000000;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 48px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-244:hover .sd.sec-247 {
  color: #FFFFFF;
}

@media screen and (max-width: 1140px) {
  .sd.sec-247 {
    font-size: 40px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-247 {
    font-size: 36px;
  }
}

.sd.sec-248 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-249 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-244:hover .sd.sec-249 {
  background: #FFFFFF;
}

.sd.sec-250 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-244:hover .sd.sec-250 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-250 {
    font-size: 16px;
  }
}

.sd.sec-251 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-251 {
    flex: none;
  }
}

.sd.sec-252 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-252 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-253 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-244:hover .sd.sec-253 {
  transform: scale(1, 1);
}

@media screen and (max-width: 840px) {
  .sd.sec-253 {
    flex: none;
    height: 100%;
    width: 100%;
  }
}

.sd.sec-254 {
  color: #dbe1e1;
  font-size: 20px;
  z-index: 1;
}

.sd.sec-255 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-244:hover .sd.sec-255 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-255 {
    font-size: 14px;
    line-height: 1.6;
  }
}

.sd.sec-256 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px dotted #575757;
  border-left: 1px dotted #575757;
  border-right: 0px dotted #575757;
  border-top: 0px dotted #575757;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 50px;
  width: 50%;
  max-width: 50%;
}

.sd.sec-256:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-256 {
    border-bottom: 0px dotted #575757;
    border-left: 0px dotted #575757;
    border-right: 0px dotted #575757;
    border-top: 1px dotted #575757;
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-256 {
    padding: 30px 0px 0px 0px;
  }
}

.sd.sec-257 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-258 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-259 {
  color: #000000;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 48px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-256:hover .sd.sec-259 {
  color: #FFFFFF;
}

@media screen and (max-width: 1140px) {
  .sd.sec-259 {
    font-size: 40px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-259 {
    font-size: 36px;
  }
}

.sd.sec-260 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-261 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-256:hover .sd.sec-261 {
  background: #FFFFFF;
}

.sd.sec-262 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-256:hover .sd.sec-262 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-262 {
    font-size: 16px;
  }
}

.sd.sec-263 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-263 {
    flex: none;
  }
}

.sd.sec-264 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-264 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-265 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-256:hover .sd.sec-265 {
  transform: scale(1, 1);
}

@media screen and (max-width: 840px) {
  .sd.sec-265 {
    flex: none;
    height: 100%;
    width: 100%;
  }
}

.sd.sec-266 {
  color: #dbe1e1;
  font-size: 20px;
  transform: rotate(-30deg);
  z-index: 1;
}

.sd.sec-267 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-256:hover .sd.sec-267 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-267 {
    font-size: 14px;
    line-height: 1.6;
  }
}

.sd.sec-268 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  overflow-x: visible;
  overflow-y: visible;
  padding: 50px 80px 30px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-268 {
    padding: 50px 40px 30px;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-268 {
    padding: 50px 50px 30px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-268 {
    padding: 50px 30px 30px;
  }
}

.sd.sec-269 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-269 {
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-269 {
    justify-content: center;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-270 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 80px 0px 0px;
  width: auto;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 1140px) {
  .sd.sec-270 {
    margin: 0px 80px 40px 0px;
    max-width: calc(100% - 80px);
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-270 {
    margin: 0px 0px 40px 0px;
    max-width: 100%;
  }
}

.sd.sec-271 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-271:hover {
  opacity: 0.7;
}

.sd.sec-272 {
  flex: none;
  height: auto;
  width: 250px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-272 {
    flex: none;
    width: 220px;
    max-width: 100%;
  }
}

.sd.sec-273 {
  color: #333;
  
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 20px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-273 {
    font-size: 16px;
  }
}

.sd.sec-274 {
  color: #333;
  font-family: var(--s-font-cda1e569);
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 10px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-274 {
    font-size: 13px;
  }
}

.sd.sec-275 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-275 {
    align-content: flex-start;
    align-items: flex-start;
    border-bottom: 0px solid #c1cccb;
    border-left: 0px solid #c1cccb;
    border-right: 0px solid #c1cccb;
    border-top: 1px solid #c1cccb;
    flex: none;
    justify-content: center;
    padding: 50px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-275 {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 30px 0px 0px 0px;
  }
}

.sd.sec-276 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 60px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 60px);
}

@media screen and (max-width: 540px) {
  .sd.sec-276 {
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 50%;
    max-width: 50%;
  }
}

.sd.sec-277 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-277:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-277:hover {
    opacity: 1;
  }
}

.sd.sec-278 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-277:hover .sd.sec-278 {}

@media screen and (max-width: 1140px) {
  .sd.sec-277:hover .sd.sec-278 {
    color: #c1cccb;
  }
}

.sd.sec-279 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-279:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-279:hover {
    opacity: 1;
  }
}

.sd.sec-280 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-279:hover .sd.sec-280 {}

@media screen and (max-width: 1140px) {
  .sd.sec-279:hover .sd.sec-280 {
    color: #c1cccb;
  }
}

.sd.sec-281 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-281:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-281:hover {
    opacity: 1;
  }
}

.sd.sec-282 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-281:hover .sd.sec-282 {}

@media screen and (max-width: 1140px) {
  .sd.sec-281:hover .sd.sec-282 {
    color: #c1cccb;
  }
}

.sd.sec-283 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-283:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-283:hover {
    opacity: 1;
  }
}

.sd.sec-284 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  margin: 0px 2px 0px 0px;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: calc(100% - 2px);
  justify-content: flex-start;
}

.sd.sec-283:hover .sd.sec-284 {}

@media screen and (max-width: 1140px) {
  .sd.sec-283:hover .sd.sec-284 {
    color: #c1cccb;
  }
}

.sd.sec-285 {
  color: #333;
  font-size: 14px;
  transform: rotate(-30deg);
  z-index: 0;
}

.sd.sec-286 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-286:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-286:hover {
    opacity: 1;
  }
}

.sd.sec-287 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-286:hover .sd.sec-287 {}

@media screen and (max-width: 1140px) {
  .sd.sec-286:hover .sd.sec-287 {
    color: #c1cccb;
  }
}

.sd.sec-288 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  margin: 0px 60px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  --gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca: 0px;
  --gap-v-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca: 0px;
  --gap-uuid: b7606f3e-cd79-4fbc-802b-4f6c9fa42eca;
  max-width: calc(100% - 60px);
}

@media screen and (max-width: 540px) {
  .sd.sec-288 {
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 50%;
    --gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca: 0px;
    --gap-v-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca: 0px;
    max-width: 50%;
  }
}

.sd.sec-289 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-289:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-289:hover {
    opacity: 1;
  }
}

.sd.sec-290 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-289:hover .sd.sec-290 {}

@media screen and (max-width: 1140px) {
  .sd.sec-289:hover .sd.sec-290 {
    color: #c1cccb;
  }
}

.sd.sec-291 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-291:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-291:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-291 {
    flex: none;
    width: calc(100% - (var(--gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca) * 0));
    max-width: calc(100% - (var(--gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca) * 0));
  }
}

.sd.sec-292 {
  background: #c1cccb;
  flex: none;
  height: 1px;
  margin: 0px 6px 0px 0px;
  width: 10px;
  max-width: calc(100% - 6px);
}

.sd.sec-293 {
  color: #333;
  
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-291:hover .sd.sec-293 {}

@media screen and (max-width: 1140px) {
  .sd.sec-291:hover .sd.sec-293 {
    color: #c1cccb;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-293 {
    flex: 1;
    width: auto;
  }
}

.sd.sec-294 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-294:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-294:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-294 {
    flex: none;
    width: calc(100% - (var(--gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca) * 0));
    max-width: calc(100% - (var(--gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca) * 0));
  }
}

.sd.sec-295 {
  background: #c1cccb;
  flex: none;
  height: 1px;
  margin: 0px 6px 0px 0px;
  width: 10px;
  max-width: calc(100% - 6px);
}

.sd.sec-296 {
  color: #333;
  
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-294:hover .sd.sec-296 {}

@media screen and (max-width: 1140px) {
  .sd.sec-294:hover .sd.sec-296 {
    color: #c1cccb;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-296 {
    flex: 1;
    width: auto;
  }
}

.sd.sec-297 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-297:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-297:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-297 {
    flex: none;
    width: calc(100% - (var(--gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca) * 0));
    max-width: calc(100% - (var(--gap-h-b7606f3e-cd79-4fbc-802b-4f6c9fa42eca) * 0));
  }
}

.sd.sec-298 {
  background: #c1cccb;
  flex: none;
  height: 1px;
  margin: 0px 6px 0px 0px;
  width: 10px;
  max-width: calc(100% - 6px);
}

.sd.sec-299 {
  color: #333;
  
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-297:hover .sd.sec-299 {}

@media screen and (max-width: 1140px) {
  .sd.sec-297:hover .sd.sec-299 {
    color: #c1cccb;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-299 {
    flex: 1;
    width: auto;
  }
}

.sd.sec-300 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: -12px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-300 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-300 {
    border-bottom: 0px solid #c1cccb;
    border-left: 0px solid #c1cccb;
    border-right: 0px solid #c1cccb;
    border-top: 1px solid #c1cccb;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 30px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-301 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-301:hover {
  opacity: 1;
}

.sd.sec-302 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 8px 0px 0px;
  width: auto;
  max-width: calc(100% - 8px);
}

.sd.sec-301:hover .sd.sec-302 {
  background: #c1cccb;
}

@media screen and (max-width: 840px) {
  .sd.sec-302 {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-302 {
    margin: 0px 2px 0px 0px;
    max-width: calc(100% - 2px);
  }
}

.sd.sec-303 {
  background: rgba(0, 0, 0, 0.0);
  color: #333;
  flex: none;
  font-size: 24px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  width: 44px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-303 {
    flex: none;
    height: 43px;
    width: 43px;
    max-width: 100%;
  }
}

.sd.sec-304 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-301:hover .sd.sec-304 {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-304 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-304 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-304 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-305 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-305:hover {
  opacity: 1;
}

.sd.sec-306 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 8px 0px 0px;
  width: auto;
  max-width: calc(100% - 8px);
}

.sd.sec-305:hover .sd.sec-306 {
  background: #c1cccb;
}

@media screen and (max-width: 840px) {
  .sd.sec-306 {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-306 {
    margin: 0px 2px 0px 0px;
    max-width: calc(100% - 2px);
  }
}

.sd.sec-307 {
  background: rgba(0, 0, 0, 0.0);
  color: #333;
  flex: none;
  font-size: 24px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  width: 44px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-307 {
    flex: none;
    height: 43px;
    width: 43px;
    max-width: 100%;
  }
}

.sd.sec-308 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-305:hover .sd.sec-308 {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-308 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-308 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-308 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-309 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-309:hover {
  opacity: 1;
}

.sd.sec-310 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 8px 0px 0px;
  width: auto;
  max-width: calc(100% - 8px);
}

.sd.sec-309:hover .sd.sec-310 {
  background: #c1cccb;
}

@media screen and (max-width: 840px) {
  .sd.sec-310 {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-310 {
    margin: 0px 2px 0px 0px;
    max-width: calc(100% - 2px);
  }
}

.sd.sec-311 {
  background: rgba(0, 0, 0, 0.0);
  color: #333;
  flex: none;
  font-size: 24px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  width: 44px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-311 {
    flex: none;
    height: 43px;
    width: 43px;
    max-width: 100%;
  }
}

.sd.sec-312 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-309:hover .sd.sec-312 {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-312 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-312 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-312 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-313 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #dbe1e1;
  border-left: 0px solid #dbe1e1;
  border-right: 0px solid #dbe1e1;
  border-top: 1px solid #dbe1e1;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  padding: 30px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-313 {
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.sd.sec-314 {
  color: #000000;
  font-family: var(--s-font-cda1e569);
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-314:hover {
  opacity: 0.5;
}

@media screen and (max-width: 540px) {
  .sd.sec-314 {
    font-size: 13px;
    margin: 0px 0px 30px 0px;
    max-width: 100%;
  }
}

.sd.sec-315 {
  color: #575757;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-315 {
    font-size: 10px;
  }
}

.sd.sec-318 {
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 50%;
  bottom: auto;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: center;
  left: auto;
  margin: 0 0 0 0;
  position: absolute;
  right: 15px;
  top: -25px;
  width: 50px;
  max-width: 100%;
}

.sd.sec-319 {
  color: #333;
  font-size: 20px;
}

/**
.sd.sec-115 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 30px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-115.appear {
  opacity: 0;
  transform: translate(0px, 20px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-115.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-115:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-115 {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 40px 0px 10px 0px;
  }
}

.sd.sec-116 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px dotted #000;
  border-left: 0px dotted #000;
  border-right: 1px dotted #000;
  border-top: 0px dotted #000;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-115:hover .sd.sec-116 {
  transform: ;
}

@media screen and (max-width: 840px) {
  .sd.sec-116 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-116 {
    border-bottom: 1px dotted #000;
    border-left: 0px dotted #000;
    border-right: 0px dotted #000;
    border-top: 0px dotted #000;
    padding: 0px 0px 30px 0px;
  }
}

.sd.sec-117 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 40px 0px 0px;
  width: calc(50% - 40px);
  max-width: calc(50% - 40px);
}

.sd.sec-115:hover .sd.sec-117 {
  transform: ;
}

@media screen and (max-width: 840px) {
  .sd.sec-117 {
    flex: none;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-118 {
  color: #000000;
  flex: none;
  
  font-size: 28px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  margin: 0px 0px 10px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-118 {
    font-size: 22px;
  }
}

.sd.sec-119 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.6;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-119 {
    font-size: 14px;
  }
}

.sd.sec-120 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-115:hover .sd.sec-120 {
  transform: ;
}

.sd.sec-121 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 6px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-121 {
    margin: 0px 0px 10px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-122 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-123 {
  color: #000000;
  
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-124 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: flex-start;
  padding: 0px;
  width: 100%;
  --gap-h-723afc7a-7995-47b5-b8f8-f7a8b5400752: 0px;
  --gap-v-723afc7a-7995-47b5-b8f8-f7a8b5400752: 0px;
  --gap-uuid: 723afc7a-7995-47b5-b8f8-f7a8b5400752;
  max-width: 100%;
}

.sd.sec-125 {
  align-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0px;
}

.sd.sec-126 {
  background: #EEEEEE;
  border-radius: 24px;
  color: #333;
  
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 0px 10px 10px 0px;
  padding: 4px 14px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 10px);
  justify-content: flex-start;
}

.sd.sec-115:hover .sd.sec-126 {
  background: #dbe1e1;
}

@media screen and (max-width: 540px) {
  .sd.sec-126 {
    font-size: 14px;
  }
}

.sd.sec-127 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: calc(100% - 40px);
}

@media screen and (max-width: 540px) {
  .sd.sec-127 {
    flex: none;
    margin: 10px 0px 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-128 {
  color: #000000;
  display: none;
  
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 0px 10px 0px 0px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 10px);
  justify-content: center;
}

@media screen and (max-width: 1140px) {
  .sd.sec-128 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-128 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-128 {
    display: flex;
  }
}

.sd.sec-129 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-129 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-130 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-115:hover .sd.sec-130 {
  transform: scale(1, 1);
}

.sd.sec-131 {
  color: #dbe1e1;
  font-size: 20px;
  z-index: 1;
}

.sd.sec-132 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 30px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-132.appear {
  opacity: 0;
  transform: translate(0px, 20px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-132.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-132:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-132 {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 40px 0px 10px 0px;
  }
}

.sd.sec-133 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px dotted #000;
  border-left: 0px dotted #000;
  border-right: 1px dotted #000;
  border-top: 0px dotted #000;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-132:hover .sd.sec-133 {
  transform: ;
}

@media screen and (max-width: 840px) {
  .sd.sec-133 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-133 {
    border-bottom: 1px dotted #000;
    border-left: 0px dotted #000;
    border-right: 0px dotted #000;
    border-top: 0px dotted #000;
    padding: 0px 0px 30px 0px;
  }
}

.sd.sec-134 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 40px 0px 0px;
  width: calc(50% - 40px);
  max-width: calc(50% - 40px);
}

.sd.sec-132:hover .sd.sec-134 {
  transform: ;
}

@media screen and (max-width: 840px) {
  .sd.sec-134 {
    flex: none;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-135 {
  color: #000000;
  flex: none;
  
  font-size: 28px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  margin: 0px 0px 10px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-135 {
    font-size: 22px;
  }
}

.sd.sec-136 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.6;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-136 {
    font-size: 14px;
  }
}

.sd.sec-137 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-132:hover .sd.sec-137 {
  transform: ;
}

.sd.sec-138 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 6px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-138 {
    margin: 0px 0px 10px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-139 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-140 {
  color: #000000;
  
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-141 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: flex-start;
  padding: 0px;
  width: 100%;
  --gap-h-e585000d-433b-4a04-83c0-e26e7a8e8003: 0px;
  --gap-v-e585000d-433b-4a04-83c0-e26e7a8e8003: 0px;
  --gap-uuid: e585000d-433b-4a04-83c0-e26e7a8e8003;
  max-width: 100%;
}

.sd.sec-142 {
  align-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0px;
}

.sd.sec-143 {
  background: #EEEEEE;
  border-radius: 24px;
  color: #333;
  
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 0px 10px 10px 0px;
  padding: 4px 14px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 10px);
  justify-content: flex-start;
}

.sd.sec-132:hover .sd.sec-143 {
  background: #dbe1e1;
}

@media screen and (max-width: 540px) {
  .sd.sec-143 {
    font-size: 14px;
  }
}

.sd.sec-144 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: calc(100% - 40px);
}

@media screen and (max-width: 540px) {
  .sd.sec-144 {
    flex: none;
    margin: 10px 0px 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-145 {
  color: #000000;
  display: none;
  
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 0px 10px 0px 0px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 10px);
  justify-content: center;
}

@media screen and (max-width: 1140px) {
  .sd.sec-145 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-145 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-145 {
    display: flex;
  }
}

.sd.sec-146 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-146 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-147 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-132:hover .sd.sec-147 {
  transform: scale(1, 1);
}

.sd.sec-148 {
  color: #dbe1e1;
  font-size: 20px;
  z-index: 1;
}

.sd.sec-149 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 30px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-149.appear {
  opacity: 0;
  transform: translate(0px, 20px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-149.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-149:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-149 {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 40px 0px 10px 0px;
  }
}

.sd.sec-150 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px dotted #000;
  border-left: 0px dotted #000;
  border-right: 1px dotted #000;
  border-top: 0px dotted #000;
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-149:hover .sd.sec-150 {
  transform: ;
}

@media screen and (max-width: 840px) {
  .sd.sec-150 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-150 {
    border-bottom: 1px dotted #000;
    border-left: 0px dotted #000;
    border-right: 0px dotted #000;
    border-top: 0px dotted #000;
    padding: 0px 0px 30px 0px;
  }
}

.sd.sec-151 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 40px 0px 0px;
  width: calc(50% - 40px);
  max-width: calc(50% - 40px);
}

.sd.sec-149:hover .sd.sec-151 {
  transform: ;
}

@media screen and (max-width: 840px) {
  .sd.sec-151 {
    flex: none;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-152 {
  color: #000000;
  flex: none;
  
  font-size: 28px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  margin: 0px 0px 10px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-152 {
    font-size: 22px;
  }
}

.sd.sec-153 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.6;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-153 {
    font-size: 14px;
  }
}

.sd.sec-154 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-149:hover .sd.sec-154 {
  transform: ;
}

.sd.sec-155 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 6px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-155 {
    margin: 0px 0px 10px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-156 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-157 {
  color: #000000;
  
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-158 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: flex-start;
  padding: 0px;
  width: 100%;
  --gap-h-1d722ec4-63e7-47af-b81e-a2e570acf0e0: 0px;
  --gap-v-1d722ec4-63e7-47af-b81e-a2e570acf0e0: 0px;
  --gap-uuid: 1d722ec4-63e7-47af-b81e-a2e570acf0e0;
  max-width: 100%;
}

.sd.sec-159 {
  align-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 0px;
}

.sd.sec-160 {
  background: #EEEEEE;
  border-radius: 24px;
  color: #333;
  
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 0px 10px 10px 0px;
  padding: 4px 14px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 10px);
  justify-content: flex-start;
}

.sd.sec-149:hover .sd.sec-160 {
  background: #dbe1e1;
}

@media screen and (max-width: 540px) {
  .sd.sec-160 {
    font-size: 14px;
  }
}

.sd.sec-161 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: calc(100% - 40px);
}

@media screen and (max-width: 540px) {
  .sd.sec-161 {
    flex: none;
    margin: 10px 0px 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-162 {
  color: #000000;
  display: none;
  
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 0px 10px 0px 0px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 10px);
  justify-content: center;
}

@media screen and (max-width: 1140px) {
  .sd.sec-162 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-162 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-162 {
    display: flex;
  }
}

.sd.sec-163 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-163 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-164 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-149:hover .sd.sec-164 {
  transform: scale(1, 1);
}

@media screen and (max-width: 1140px) {
  .sd.sec-164 {
    flex: none;
    width: 100%;
  }
}

.sd.sec-165 {
  color: #dbe1e1;
  font-size: 20px;
  z-index: 1;
}
**/


.sd.sec-320 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  left: 0;
  margin: 0 0 0 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-320 {
    padding: 0px 0px 0px 0px;
  }
}

.sd.sec-321 {
  flex: none;
  height: auto;
  width: 70.5%;
  max-width: 70.5%;
}

@media screen and (max-width: 840px) {
  .sd.sec-321 {
    flex: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-321 {
    flex: none;
    margin: 0px 58px 0px 0px;
    width: calc(100% - 58px);
    max-width: calc(100% - 58px);
  }
}

.sd.sec-322 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: flex-start;
  margin: 30px 0px 0px 88px;
  width: calc(90% - 88px);
  max-width: calc(90% - 88px);
}

@media screen and (max-width: 540px) {
  .sd.sec-322 {
    flex: none;
    margin: 10px 0px 0px 0px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 0px 0px 16px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-323 {
  background: #eff1f2;
  border-radius: 40px;
  color: #231815;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin: 0px 20px 0px 0px;
  padding: 6px 30px 6px 30px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 20px);
  justify-content: center;
}

.sd.sec-323:hover {
  background: #000000;
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-323 {
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    padding: 6px 20px 6px 20px;
    max-width: calc(100% - 10px);
  }
}

.sd.sec-324 {
  background: #eff1f2;
  border-radius: 40px;
  color: #231815;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin: 0px 20px 0px 0px;
  padding: 6px 30px 6px 30px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 20px);
  justify-content: center;
}

.sd.sec-324:hover {
  background: #000000;
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-324 {
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    padding: 6px 20px 6px 20px;
    max-width: calc(100% - 10px);
  }
}

.sd.sec-325 {
  background: #eff1f2;
  border-radius: 40px;
  color: #231815;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin: 0px 20px 0px 0px;
  padding: 6px 30px 6px 30px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 20px);
  justify-content: center;
}

.sd.sec-325:hover {
  background: #000000;
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-325 {
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    padding: 6px 20px 6px 20px;
    max-width: calc(100% - 10px);
  }
}

.sd.sec-326 {
  background: #eff1f2;
  border-radius: 40px;
  color: #231815;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin: 0px 20px 0px 0px;
  padding: 6px 30px 6px 30px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 20px);
  justify-content: center;
}

.sd.sec-326:hover {
  background: #000000;
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-326 {
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    padding: 6px 20px 6px 20px;
    max-width: calc(100% - 10px);
  }
}

.sd.sec-327 {
  background: #eff1f2;
  border-radius: 40px;
  color: #231815;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin: 0px 20px 0px 0px;
  padding: 6px 30px 6px 30px;
  text-align: center;
  width: auto;
  max-width: calc(100% - 20px);
  justify-content: center;
}

.sd.sec-327:hover {
  background: #000000;
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-327 {
    font-size: 14px;
    margin: 0px 10px 0px 0px;
    padding: 6px 20px 6px 20px;
    max-width: calc(100% - 10px);
  }
}

.sd.sec-328 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #868686;
  border-left: 1px solid #868686;
  border-radius: 40px;
  border-right: 1px solid #868686;
  border-top: 1px solid #868686;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  padding: 4px 20px 4px 24px;
  width: 191px;
  max-width: 100%;
}

.sd.sec-328:hover {
  background: #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
}

@media screen and (max-width: 540px) {
  .sd.sec-328 {
    flex: none;
    padding: 2px 14px 2px 18px;
    width: auto;
    max-width: 100%;
  }
}

.sd.sec-329 {
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  color: #231815;
  flex: none;
  font-family: 'ゴシックMB101 DB JIS2004';
  font-size: 16px;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.1em;
  line-height: 1.4;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-328:hover .sd.sec-329 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-329 {
    font-size: 14px;
  }
}

.sd.sec-330 {
  font-size: 24px;
}

.sd.sec-328:hover .sd.sec-330 {
  color: #FFFFFF;
}

.sd.sec-331 {
  align-content: flex-end;
  align-items: flex-end;
  background: #dbe1e1;
  bottom: 0px;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-end;
  left: NaNpx;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: NaNpx;
  width: 30%;
  z-index: -1;
  max-width: 30%;
}

@media screen and (max-width: 540px) {
  .sd.sec-331 {
    flex: none;
    width: 60px;
    max-width: 100%;
    height: 100%;
  }
}

.sd.sec-316 {
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 50%;
  bottom: auto;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: center;
  left: auto;
  margin: 0 0 0 0;
  position: absolute;
  right: 15px;
  top: -25px;
  width: 50px;
  max-width: 100%;
}

.sd.sec-316:hover {
  background: #000000;
}

.sd.sec-317 {
  color: #333;
  font-size: 20px;
}

.sd.sec-316:hover .sd.sec-317 {
  color: #FFFFFF;
}

.sd.sec-1 {
  align-content: center;
  align-items: center;
  background: #EEEEEE;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  padding: 80px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-1 {
    padding: 60px 0px 0px 0px;
  }
}

.sd.sec-332 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  bottom: auto;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 80px;
  justify-content: space-between;
  left: 0px;
  margin: 0 0 0 0;
  padding: 0px 0px 0px 40px;
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 4;
  max-width: 100%;
}

.sd.sec-332.appear {
  opacity: 0;
  transition-delay: 600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-332.appear-active {
  transition-delay: 600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 840px) {
  .sd.sec-332 {
    padding: 0px 0px 0px 30px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-332 {
    flex: none;
    height: 60px;
    padding: 0px 0px 0px 20px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-333 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #FFFFFF;
  border-left: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-top: 0px solid #FFFFFF;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  padding: 0px 0px 0px 0px;
  width: 220px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-333 {
    flex: none;
    width: 200px;
    max-width: 100%;
  }
}

.sd.sec-334 {
  flex: none;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.sd.sec-335 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #FFFFFF;
  border-left: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  border-top: 0px solid #FFFFFF;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-end;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-336 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-end;
  margin: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-336 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-336 {
    display: none;
  }
}

.sd.sec-337 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 30px);
}

.sd.sec-337:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-337 {
    margin: 0px 20px 0px 0px;
    max-width: calc(100% - 20px);
    height: 100%;
  }
}

.sd.sec-338 {
  color: #000000;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 0.8;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-337:hover .sd.sec-338 {
  opacity: 0;
}

.sd.sec-339 {
  color: #000000;
  flex: none;
  
  font-size: 16px;
  font-weight: 700;
  height: 100%;
  left: 0;
  line-height: 0.8;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0px, 10px);
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-337:hover .sd.sec-339 {
  opacity: 1;
  transform: translate(0px, -1px);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-340 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 2px;
  left: 0px;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: auto;
  width: 100%;
  max-width: 100%;
}

.sd.sec-337:hover .sd.sec-340 {
  opacity: 1;
}

.sd.sec-341 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 30px);
}

.sd.sec-341:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-341 {
    margin: 0px 20px 0px 0px;
    max-width: calc(100% - 20px);
    height: 100%;
  }
}

.sd.sec-342 {
  color: #000000;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 0.8;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-341:hover .sd.sec-342 {
  opacity: 0;
}

.sd.sec-343 {
  color: #000000;
  flex: none;
  
  font-size: 16px;
  font-weight: 700;
  height: 100%;
  left: 0;
  line-height: 0.8;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0px, 10px);
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-341:hover .sd.sec-343 {
  opacity: 1;
  transform: translate(0px, -1px);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-344 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 2px;
  left: 0px;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: auto;
  width: 100%;
  max-width: 100%;
}

.sd.sec-341:hover .sd.sec-344 {
  opacity: 1;
}

.sd.sec-345 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 30px);
}

.sd.sec-345:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-345 {
    margin: 0px 20px 0px 0px;
    max-width: calc(100% - 20px);
    height: 100%;
  }
}

.sd.sec-346 {
  color: #000000;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 0.8;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-345:hover .sd.sec-346 {
  opacity: 0;
}

.sd.sec-347 {
  color: #000000;
  flex: none;
  
  font-size: 16px;
  font-weight: 700;
  height: 100%;
  left: 0;
  line-height: 0.8;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0px, 10px);
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-345:hover .sd.sec-347 {
  opacity: 1;
  transform: translate(0px, -1px);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-348 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 2px;
  left: 0px;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: NaNpx;
  width: 100%;
  max-width: 100%;
}

.sd.sec-345:hover .sd.sec-348 {
  opacity: 1;
}

.sd.sec-349 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 22px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 22px);
}

.sd.sec-349:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-349 {
    margin: 0px 16px 0px 0px;
    max-width: calc(100% - 16px);
    height: 100%;
  }
}

.sd.sec-350 {
  color: #000000;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 0.8;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-349:hover .sd.sec-350 {
  opacity: 0;
}

.sd.sec-351 {
  color: #000000;
  flex: none;
  
  font-size: 16px;
  font-weight: 700;
  height: 100%;
  left: 0;
  line-height: 0.8;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0px, 10px);
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-349:hover .sd.sec-351 {
  opacity: 1;
  transform: translate(0px, -1px);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-352 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 2px;
  left: 0px;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: NaNpx;
  width: 100%;
  max-width: 100%;
}

.sd.sec-349:hover .sd.sec-352 {
  opacity: 1;
}

.sd.sec-353 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 72px;
  max-width: calc(100% - 30px);
}

.sd.sec-353:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-353 {
    margin: 0px 20px 0px 0px;
    max-width: calc(100% - 20px);
    height: 100%;
  }
}

.sd.sec-354 {
  color: #000000;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 0.8;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-353:hover .sd.sec-354 {
  opacity: 0;
}

.sd.sec-355 {
  color: #000000;
  flex: none;
  
  font-size: 16px;
  font-weight: 700;
  height: 100%;
  left: 0;
  line-height: 0.8;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0px, 10px);
  width: 100%;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-353:hover .sd.sec-355 {
  opacity: 1;
  transform: translate(0px, -1px);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-356 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 2px;
  left: 0px;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: NaNpx;
  width: 100%;
  max-width: 100%;
}

.sd.sec-353:hover .sd.sec-356 {
  opacity: 1;
}

.sd.sec-357 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  box-shadow: none;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-357 {
    flex: none;
  }
}

.sd.sec-358 {
  align-content: center;
  align-items: center;
  background: #575757;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  width: 120px;
  max-width: 100%;
}

.sd.sec-358:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-358 {
    flex: none;
    width: 90px;
    max-width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-358 {
    flex: none;
    width: 130px;
    max-width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-358 {
    display: none;
  }
}

.sd.sec-359 {
  color: #FFFFFF;
  
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-358:hover .sd.sec-359 {
  color: #000000;
}

@media screen and (max-width: 1140px) {
  .sd.sec-359 {
    margin: 0px 0px 0px 4px;
    max-width: calc(100% - 4px);
  }
}

.sd.sec-360 {
  color: #FFFFFF;
  font-size: 14px;
  margin: 0px 0px 0px 4px;
  transform: rotate(-30deg);
  z-index: 1;
  max-width: calc(100% - 4px);
}

.sd.sec-358:hover .sd.sec-360 {
  color: #000000;
}

.sd.sec-361 {
  background: #FFFFFF;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-358:hover .sd.sec-361 {
  transform: scale(1, 1);
}

.sd.sec-362 {
  align-content: center;
  align-items: center;
  background: #000000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  width: 120px;
  max-width: 100%;
}

.sd.sec-362:hover {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  .sd.sec-362 {
    flex: none;
    padding: 0px 14px;
    width: 90px;
    max-width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-362 {
    flex: none;
    padding: 0px 10px;
    width: 130px;
    max-width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-362 {
    flex: none;
    width: 60px;
    max-width: 100%;
    height: 100%;
  }
}

.sd.sec-363 {
  color: #FFFFFF;
  
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-362:hover .sd.sec-363 {
  color: #000000;
}

@media screen and (max-width: 1140px) {
  .sd.sec-363 {
    line-height: 1.2;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-363 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-364 {
  display: none;
  flex: none;
  height: auto;
  width: 30px;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-364 {
    display: none;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-364 {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-364 {
    display: flex;
    flex: none;
  }
}

.sd.sec-365 {
  background: #FFFFFF;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-362:hover .sd.sec-365 {
  transform: scale(1, 1);
}

.sd.sec-366 {
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  display: none;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 80px;
  justify-content: center;
  width: 80px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-366 {
    display: flex;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-366 {
    display: flex;
    flex: none;
    height: 100%;
    width: 60px;
    max-width: 100%;
  }
}

.sd.sec-367 {
  flex: none;
  height: auto;
  margin: 0px 0px 0px 0px;
  width: 40px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-367 {
    flex: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-367 {
    flex: none;
  }
}

.sd.sec-39 {
  align-content: flex-end;
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  width: 100%;
  --gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e: 0px;
  --gap-v-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e: 0px;
  --gap-uuid: 5e867ff7-afb8-4329-aae3-a7c80a9c8e3e;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-39 {
    padding: 0px 0px 0px 0px;
    --gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e: 0px;
    --gap-v-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e: 0px;
  }
}


.sd.sec-44 {
  flex: none;
  height: auto;
  opacity: 1;
  width: 300px;
  max-width: 100%;
}

.sd.sec-44.appear {
  opacity: 0;
  transition-delay: 400ms;
  transition-duration: 600ms;
}

.sd.sec-44.appear-active {
  transition-delay: 400ms;
  transition-duration: 600ms;
}

@media screen and (max-width: 540px) {
  .sd.sec-44 {
    flex: none;
    margin: -60px 0px 0px 0px;
    width: 160px;
    max-width: 100%;
  }
}

.sd.sec-45 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 80px;
  padding: 40px 0px 100px 0px;
  width: calc(100% - 80px - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  z-index: 1;
  max-width: calc(100% - 80px - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 840px) {
  .sd.sec-45 {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0px 0px 0px 0px;
    width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
    max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-45 {
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    padding: 0px 0px 80px 0px;
  }
}

.sd.sec-46 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 80px 0px 0px;
  width: 500px;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 1140px) {
  .sd.sec-46 {
    flex: none;
    width: 400px;
    max-width: calc(100% - 80px);
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-46 {
    flex: none;
    margin: 0px 50px 50px 50px;
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-46 {
    margin: 0px 30px 0px 30px;
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
}

.sd.sec-47 {
  align-content: center;
  align-items: center;
  background: #EEEEEE;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 24px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-47.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 2200ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-47.appear-active {
  transition-delay: 2200ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 540px) {
  .sd.sec-47 {
    margin: 0px 0px 16px 0px;
    max-width: 100%;
  }
}

.sd.sec-48 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-49 {
  color: #000000;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 800;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-49 {
    font-size: 18px;
  }
}

.sd.sec-50 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 40px 0px;
  width: 100%;
  --gap-h-74f5e2fd-9804-4a21-84ac-4b66d159508f: 0px;
  --gap-v-74f5e2fd-9804-4a21-84ac-4b66d159508f: 0px;
  --gap-uuid: 74f5e2fd-9804-4a21-84ac-4b66d159508f;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-50 {
    flex: none;
    --gap-h-74f5e2fd-9804-4a21-84ac-4b66d159508f: 0px;
    --gap-v-74f5e2fd-9804-4a21-84ac-4b66d159508f: 0px;
  }
}

.sd.sec-51 {
  color: #000000;
  flex: none;
  letter-spacing: 1px;
  font-size: 46px;
  font-weight:600;
  height: auto;
  line-height: 1.4;
  margin: 0px 0px 20px 0px;
  text-align: left;
  width: calc(100% - (var(--gap-h-74f5e2fd-9804-4a21-84ac-4b66d159508f) * 0));
  max-width: calc(100% - (var(--gap-h-74f5e2fd-9804-4a21-84ac-4b66d159508f) * 0));
  justify-content: flex-start;
}

.sd.sec-51.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 2400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-51.appear-active {
  transition-delay: 2400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 1140px) {
  .sd.sec-51 {
    font-size: 40px;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-51 {
    flex: none;
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-51 {
    font-size: 32px;
  }
}

.sd.sec-52 {
  color: #000000;
  flex: none;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight:600;
  height: auto;
  line-height: 1.8;
  text-align: left;
  width: calc(100% - (var(--gap-h-74f5e2fd-9804-4a21-84ac-4b66d159508f) * 0));
  max-width: calc(100% - (var(--gap-h-74f5e2fd-9804-4a21-84ac-4b66d159508f) * 0));
  justify-content: flex-start;
}

.sd.sec-52.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 2400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-52.appear-active {
  transition-delay: 2400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 840px) {
  .sd.sec-52 {
    flex: none;
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-52 {
    font-size: 16px;
    line-height: 1.8;
  }
}

.sd.sec-53 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  box-shadow: none;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-53 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-54 {
  align-content: center;
  align-items: center;
  background: #575757;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  margin: 0px 6px 0px 0px;
  width: calc(50% - 6px);
  --gap-uuid: 3a5aa48a-078d-4c7d-951f-0e80964509ac;
  --gap-h-3a5aa48a-078d-4c7d-951f-0e80964509ac: 0px;
  --gap-v-3a5aa48a-078d-4c7d-951f-0e80964509ac: 0px;
  max-width: calc(50% - 6px);
}

.sd.sec-54.appear {
  opacity: 0;
  transform: translate(0px, 10px);
  transition-delay: 2600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-54.appear-active {
  transition-delay: 2600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-54:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-54.appear {
    transition-delay: 0ms;
  }

  .sd.sec-54.appear-active {
    transition-delay: 0ms;
  }

  .sd.sec-54 {
    display: flex;
    flex: none;
    gap: 0px;
    height: 60px;
    margin: 0px 0px 10px 0px;
    width: 240px;
    --gap-h-3a5aa48a-078d-4c7d-951f-0e80964509ac: 0px;
    --gap-v-3a5aa48a-078d-4c7d-951f-0e80964509ac: 0px;
    max-width: 100%;
  }
}

.sd.sec-55 {
  color: #FFFFFF;
  
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-54:hover .sd.sec-55 {
  color: #000000;
}

.sd.sec-56 {
  color: #FFFFFF;
  font-size: 14px;
  margin: 0px 0px 0px 4px;
  transform: rotate(-30deg);
  z-index: 1;
  max-width: calc(100% - 4px);
}

.sd.sec-54:hover .sd.sec-56 {
  color: #000000;
}

.sd.sec-57 {
  background: #FFFFFF;
  flex: none;
  height: calc(100% - (var(--gap-v-3a5aa48a-078d-4c7d-951f-0e80964509ac) * 0));
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center left;
  width: calc(100% - (var(--gap-h-3a5aa48a-078d-4c7d-951f-0e80964509ac) * 0));
  z-index: 0;
  max-width: calc(100% - (var(--gap-h-3a5aa48a-078d-4c7d-951f-0e80964509ac) * 0));
}

.sd.sec-54:hover .sd.sec-57 {
  transform: scale(1, 1);
}

.sd.sec-58 {
  align-content: center;
  align-items: center;
  background: #000000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0px 0px 0px 6px;
  width: calc(50% - 6px);
  max-width: calc(50% - 6px);
}

.sd.sec-58.appear {
  opacity: 0;
  transform: translate(0px, 10px);
  transition-delay: 2600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-58.appear-active {
  transition-delay: 2600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-58:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-58.appear {
    transition-delay: 0ms;
  }

  .sd.sec-58.appear-active {
    transition-delay: 0ms;
  }

  .sd.sec-58 {
    flex: none;
    height: 60px;
    margin: 0px 0px 0px 0px;
    width: 240px;
    max-width: 100%;
  }
}

.sd.sec-59 {
  color: #FFFFFF;
  
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-58:hover .sd.sec-59 {
  color: #000000;
}

@media screen and (max-width: 540px) {
  .sd.sec-59 {
    font-size: 16px;
  }
}

.sd.sec-60 {
  background: #FFFFFF;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-58:hover .sd.sec-60 {
  transform: scale(1, 1);
}

.sd.sec-61 {
  flex: 1;
  height: 600px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-61 {
    flex: none;
    height: 400px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-61 {
    flex: none;
    height: 240px;
    margin: 0px 0px 34px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-62 {
  align-content: flex-end;
  align-items: flex-end;
  background: #dbe1e1;
  bottom: 0px;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 50%;
  justify-content: center;
  left: auto;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: auto;
  width: 85%;
  z-index: -1;
  max-width: 85%;
}

@media screen and (max-width: 540px) {
  .sd.sec-62 {
    flex: none;
    height: 40%;
    width: 70%;
    max-width: 70%;
  }
}

.sd.sec-63 {
  background: #c1cccb;
  flex: none;
  height: 100%;
  width: 20%;
  max-width: 20%;
}

@media screen and (max-width: 540px) {
  .sd.sec-63 {
    flex: none;
    width: 60px;
    max-width: 100%;
    height: 100%;
  }
}

.sd.sec-64 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  z-index: 0;
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 540px) {
  .sd.sec-64 {
    padding: 80px 0px 0px 0px;
  }
}

.sd.sec-65 {
  flex: none;
  height: auto;
  width: 670px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-65 {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-66 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: -50px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
  width: auto;
  z-index: 2;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-66 {
    display: flex;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-66 {
    display: flex;
    margin: -80px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-66 {
    display: flex;
    margin: -40px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-66 {
    display: flex;
  }
}

.sd.sec-67 {
  align-content: center;
  align-items: center;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  transition-timing-function: linear;
  width: 100%;
  max-width: 100%;
}

.sd.sec-68 {
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  outline-offset: -4px;

  transform: {
      {
      transform
    }
  }

  ;

  transition-duration: {
      {
      _duration
    }
  }

  ms;
  transition-property: transform;
  transition-timing-function: linear;
  width: 220%;
  will-change: transform;
  max-width: 220%;
}

.sd.sec-68:focus {
  outline: none;
  outline: 2px solid black;
}

.sd._animatingNext.sec-68 {
  transform: translateX(-100%);
}

.sd._animatingPrev.sec-68 {
  transform: translateX(100%);
}

@media screen and (max-width: 840px) {
  .sd.sec-68 {
    flex: none;
    width: 260%;
    max-width: 260%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-68 {
    flex: none;
    width: 320%;
    max-width: 320%;
  }
}

.sd.sec-69 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-end;
  padding: 0px 0px 0px;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-70 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  overflow-x: visible;
  overflow-y: visible;
  padding: 120px 80px;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 840px) {
  .sd.sec-70 {
    padding: 100px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-70 {
    padding: 60px 0px 0px 0px;
  }
}

.sd.sec-71 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  width: 1200px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-71 {
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-72 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 80px 0px 0px;
  width: auto;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 840px) {
  .sd.sec-72 {
    flex: none;
    margin: 0px 50px 80px 50px;
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-72 {
    margin: 0px 30px 80px 30px;
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
}

.sd.sec-73 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 60px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-74 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-75 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 84px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-75 {
    font-size: 54px;
  }
}

.sd.sec-76 {
  background: #EEEEEE;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-76.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-76.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-77 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-78 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-79 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-79 {
    font-size: 18px;
  }
}

.sd.sec-80 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-80.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-80.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-81 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 40px 0px;
  width: 100%;
  --gap-h-2d8506c4-835a-4c33-a470-367b8c4b4025: 0px;
  --gap-v-2d8506c4-835a-4c33-a470-367b8c4b4025: 0px;
  --gap-uuid: 2d8506c4-835a-4c33-a470-367b8c4b4025;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-81 {
    flex: none;
    --gap-h-2d8506c4-835a-4c33-a470-367b8c4b4025: 0px;
    --gap-v-2d8506c4-835a-4c33-a470-367b8c4b4025: 0px;
  }
}

.sd.sec-82 {
  color: #000000;
  flex: none;
  letter-spacing: 1px;
  font-size: 36px;
  font-weight:600;
  height: auto;
  line-height: 1.4;
  margin: 0px 0px 20px 0px;
  text-align: left;
  width: calc(100% - (var(--gap-h-2d8506c4-835a-4c33-a470-367b8c4b4025) * 0));
  max-width: calc(100% - (var(--gap-h-2d8506c4-835a-4c33-a470-367b8c4b4025) * 0));
  justify-content: flex-start;
}

.sd.sec-82.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-82.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 540px) {
  .sd.sec-82 {
    font-size: 24px;
  }
}

.sd.sec-83 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.8;
  text-align: left;
  width: calc(100% - (var(--gap-h-2d8506c4-835a-4c33-a470-367b8c4b4025) * 0));
  max-width: calc(100% - (var(--gap-h-2d8506c4-835a-4c33-a470-367b8c4b4025) * 0));
  justify-content: flex-start;
}

.sd.sec-83.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-83.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 540px) {
  .sd.sec-83 {
    font-size: 15px;
    line-height: 1.8;
  }
}

.sd.sec-84 {
  align-content: center;
  align-items: center;
  background: #000000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
  width: 260px;
  max-width: 100%;
}

.sd.sec-84.appear {
  opacity: 0;
  transform: translate(0px, 10px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-84.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-84:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-84 {
    flex: none;
    width: 200px;
    max-width: 100%;
  }
}

.sd.sec-85 {
  color: #FFFFFF;
  
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-85 {
    font-size: 16px;
  }
}

.sd.sec-86 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  bottom: 29px;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 1px;
  justify-content: center;
  left: auto;
  margin: 0 0 0 0;
  position: absolute;
  right: -20px;
  top: auto;
  width: 40px;
  z-index: 2;
  max-width: 100%;
}

.sd.sec-87 {
  background: #FFFFFF;
  flex: none;
  height: 100%;
  width: 50%;
  max-width: 50%;
}

.sd.sec-88 {
  background: #000000;
  flex: none;
  height: 100%;
  width: 50%;
  max-width: 50%;
}

.sd.sec-89 {
  background: #575757;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-84:hover .sd.sec-89 {
  transform: scale(1, 1);
}

.sd.sec-90 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 600px;
  justify-content: center;
  width: 50%;
  max-width: 50%;
}

.sd.sec-90.appear {
  opacity: 0;
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-90.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 840px) {
  .sd.sec-90 {
    align-content: flex-start;
    align-items: flex-start;
    flex: none;
    height: 340px;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-90 {
    flex: none;
    width: 100%;
  }
}

.sd.sec-91 {
  flex: none;
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.sd.sec-92 {
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 140px 80px;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 840px) {
  .sd.sec-92 {
    padding: 120px 50px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-92 {
    padding: 100px 30px;
  }
}

.sd.sec-93 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 80px 0px;
  overflow-x: visible;
  overflow-y: visible;
  width: 1200px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-93 {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.sd.sec-94 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 60px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-94 {
    flex: none;
  }
}

.sd.sec-95 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-96 {
  color: #EEEEEE;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 84px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-96 {
    font-size: 54px;
  }
}

.sd.sec-97 {
  background: #FFFFFF;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-97.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-97.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-98 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-99 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-100 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-100 {
    font-size: 18px;
  }
}

.sd.sec-101 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-101.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-101.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-102 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-102 {
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    margin: 0px 0px 0px 0px;
    width: 100%;
  }
}

.sd.sec-103 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  margin: 0px 50px 0px 0px;
  width: calc(60% - 50px);
  --gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead: 0px;
  --gap-v-f8382d27-afde-4fb7-8ef1-a2fec7431ead: 0px;
  --gap-uuid: f8382d27-afde-4fb7-8ef1-a2fec7431ead;
  max-width: calc(60% - 50px);
}

@media screen and (max-width: 1140px) {
  .sd.sec-103 {
    flex: none;
    width: calc(55% - 50px);
    --gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead: 0px;
    --gap-v-f8382d27-afde-4fb7-8ef1-a2fec7431ead: 0px;
    max-width: calc(55% - 50px);
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-103 {
    align-content: flex-start;
    align-items: flex-start;
    flex: none;
    justify-content: flex-start;
    margin: 0px 0px 0px 0px;
    width: 100%;
    --gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead: 0px;
    --gap-v-f8382d27-afde-4fb7-8ef1-a2fec7431ead: 0px;
    max-width: 100%;
  }
}

.sd.sec-104 {
  color: #000000;
  flex: none;
  letter-spacing: 1px;
  font-size: 36px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  margin: 0px 0px 20px 0px;
  text-align: left;
  width: calc(100% - (var(--gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead) * 0));
  max-width: calc(100% - (var(--gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead) * 0));
  justify-content: flex-start;
}

.sd.sec-104.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-104.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 840px) {
  .sd.sec-104 {
    flex: none;
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-104 {
    font-size: 24px;
  }
}

.sd.sec-105 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.8;
  margin: 0px 0px 40px 0px;
  text-align: left;
  width: calc(100% - (var(--gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead) * 0));
  max-width: calc(100% - (var(--gap-h-f8382d27-afde-4fb7-8ef1-a2fec7431ead) * 0));
  justify-content: flex-start;
}

.sd.sec-105.appear {
  opacity: 0;
  transform: translate(20px, 0px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-105.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 540px) {
  .sd.sec-105 {
    font-size: 15px;
    line-height: 1.8;
  }
}

.sd.sec-106 {
  align-content: center;
  align-items: center;
  background: #000000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
  width: 260px;
  max-width: 100%;
}

.sd.sec-106.appear {
  opacity: 0;
  transform: translate(0px, 10px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-106.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-106:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-106 {
    flex: none;
    width: 200px;
    max-width: 100%;
  }
}

.sd.sec-107 {
  color: #FFFFFF;
  
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-107 {
    font-size: 16px;
  }
}

.sd.sec-108 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  bottom: 29px;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 1px;
  justify-content: center;
  left: auto;
  margin: 0 0 0 0;
  position: absolute;
  right: -20px;
  top: auto;
  width: 40px;
  z-index: 2;
  max-width: 100%;
}

.sd.sec-109 {
  background: #FFFFFF;
  flex: none;
  height: 100%;
  width: 50%;
  max-width: 50%;
}

.sd.sec-110 {
  background: #000000;
  flex: none;
  height: 100%;
  width: 50%;
  max-width: 50%;
}

.sd.sec-111 {
  background: #575757;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-106:hover .sd.sec-111 {
  transform: scale(1, 1);
}

.sd.sec-112 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-112.appear {
  opacity: 0;
  transition-delay: 600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-112.appear-active {
  transition-delay: 600ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 840px) {
  .sd.sec-112 {
    flex: none;
    margin: 0px 0px 40px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-112.appear {
    transition-delay: 400ms;
  }

  .sd.sec-112.appear-active {
    transition-delay: 400ms;
  }
}

.sd.sec-113 {
  flex: none;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.sd.sec-114 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 1px solid #000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: 1200px;
  max-width: 100%;
}

.sd.sec-368 {}

.sd.sec-369 {}

.sd.sec-370 {}

.sd.sec-166 {
  align-content: flex-end;
  align-items: flex-end;
  background: #EEEEEE;
  bottom: 0px;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-end;
  left: NaNpx;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: NaNpx;
  width: 30%;
  z-index: -1;
  max-width: 30%;
}

@media screen and (max-width: 540px) {
  .sd.sec-166 {
    flex: none;
    width: 60px;
    max-width: 100%;
    height: 100%;
  }
}

.sd.sec-167 {
  background: #dbe1e1;
  flex: none;
  height: 60%;
  width: 100%;
  max-width: 100%;
}

.sd.sec-168 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 120px 0px;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 840px) {
  .sd.sec-168 {
    padding: 100px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-168 {
    padding: 80px 0px 0px 0px;
  }
}

.sd.sec-169 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 80px 40px 80px;
  width: 1200px;
  max-width: calc(100% - 160px);
}

@media screen and (max-width: 840px) {
  .sd.sec-169 {
    flex: none;
    margin: 0px 50px 0px 50px;
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-169 {
    margin: 0px 30px 30px 30px;
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
}

.sd.sec-170 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 60px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-170 {
    flex: none;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-170 {
    margin: 0px 0px 40px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-171 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-172 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 84px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-172 {
    font-size: 54px;
  }
}

.sd.sec-173 {
  background: #EEEEEE;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-173.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-173.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-174 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-175 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-176 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-176 {
    font-size: 18px;
  }
}

.sd.sec-177 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-177.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-177.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-178 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.6;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-178 {
    font-size: 15px;
    line-height: 1.8;
  }
}

.sd.sec-179 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.6;
  margin: 40px 0px 0px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-179 {
    font-size: 13px;
    line-height: 1.8;
    margin: 30px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-180 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-180 {
    margin: 40px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-180 {
    margin: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-181 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-181.appear {
  opacity: 0;
  transform: translate(120px, 0px);
  transition-delay: 300ms;
  transition-duration: 1000ms;
  transition-timing-function: linear;
}

.sd.sec-181.appear-active {
  transition-delay: 300ms;
  transition-duration: 1000ms;
  transition-timing-function: linear;
}

@media screen and (max-width: 540px) {
  .sd.sec-181.appear {
    transform: translate(60px, 0px);
    transition-duration: 800ms;
  }

  .sd.sec-181.appear-active {
    transition-duration: 800ms;
  }

  .sd.sec-181 {
    margin: 0px 0px 0px 0px;
    transform: ;
  }
}

.sd.sec-182 {
  background: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  box-shadow: none;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0px 15px 60px;
  padding: 0px 0px 0px 0px;
  width: calc(30% - 30px);
  max-width: calc(30% - 30px);
}

.sd.sec-182:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-182 {
    flex: none;
    flex-direction: column;
    margin: 0px 15px 30px;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(40% - 30px);
    max-width: calc(40% - 30px);
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-182 {
    flex: none;
    margin: 0px 10px 30px;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(80% - 20px);
    max-width: calc(80% - 20px);
  }
}

.sd.sec-183 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 220px;
  justify-content: flex-start;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-183 {
    flex: none;
    height: 220px;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-183 {
    flex: none;
    height: 200px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-183 {
    flex: none;
    height: 200px;
  }
}

.sd.sec-184 {
  bottom: 0px;
  color: #FFFFFF;
  flex: none;
  
  font-size: 18px;
  font-weight: 600;
  height: 100%;
  left: 0px;
  line-height: 1.4;
  margin: 0 0 0 0;
  opacity: 0;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 20px;
  width: 100%;
  z-index: 3;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-182:hover .sd.sec-184 {
  opacity: 1;
  transform: translate(0px, -20px);
}

.sd.sec-185 {
  align-content: center;
  align-items: center;
  background: #aeaeae;
  border-radius: 0;
  bottom: 0px;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0px;
  margin: 0 0 0 0;
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-182:hover .sd.sec-185 {
  opacity: 1;
  z-index: 2;
}

.sd.sec-186 {
  border-radius: 0;
  flex: none;
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.sd.sec-182:hover .sd.sec-186 {
  transform: scale(1.1, 1.1);
}

@media screen and (max-width: 840px) {
  .sd.sec-186 {
    flex: none;
    width: 100%;
  }
}

.sd.sec-187 {
  align-content: flex-start;
  align-items: flex-start;
  flex: 1;
  margin: 20px 0px 0px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-187 {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-187 {
    flex: none;
    margin: 14px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-188 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-189 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-190 {
  align-content: center;
  align-items: center;
  background: #575757;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0px 4px 4px 0px;
  padding: 4px 8px;
  max-width: calc(100% - 4px);
}

.sd.sec-191 {
  color: #FFFFFF;
  
  font-size: 13px;
  font-weight: 600;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-191 {
    font-size: 12px;
  }
}

.sd.sec-192 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 0px solid #aaaaaa;
  border-top: 0px solid #aaaaaa;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 0px 10px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-193 {
  color: #333;
  
  font-size: 14px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-193 {
    font-size: 12px;
  }
}

.sd.sec-194 {
  color: #242424;
  flex: none;
  
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-194 {
    font-size: 16px;
  }
}

.sd.sec-195 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #e1e1e1;
  border-left: 0px solid #e1e1e1;
  border-right: 0px solid #e1e1e1;
  border-top: 0px solid #e1e1e1;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-196 {
  align-content: flex-start;
  align-items: flex-start;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-197 {
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 32px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0px 8px 8px 0px;
  padding: 4px 10px;
  max-width: calc(100% - 8px);
}

.sd.sec-182:hover .sd.sec-197 {
  background: #c1cccb;
}

.sd.sec-198 {
  color: #333;
  
  font-size: 14px;
  font-weight: 600;
  height: auto;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-198 {
    font-size: 12px;
  }
}

.sd.sec-199 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

.sd.sec-199.appear {
  opacity: 0;
  transform: translate(0px, 20px);
  transition-delay: 600ms;
  transition-duration: 800ms;
}

.sd.sec-199.appear-active {
  transition-delay: 600ms;
  transition-duration: 800ms;
}

.sd.sec-200 {
  align-content: center;
  align-items: center;
  background: #000000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
  width: 260px;
  max-width: 100%;
}

.sd.sec-200.appear {
  opacity: 0;
  transform: translate(0px, 10px);
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-200.appear-active {
  transition-delay: 400ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-200:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-200 {
    flex: none;
    width: 200px;
    max-width: 100%;
  }
}

.sd.sec-201 {
  color: #FFFFFF;
  
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-201 {
    font-size: 16px;
  }
}

.sd.sec-202 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  bottom: 29px;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 1px;
  justify-content: center;
  left: auto;
  margin: 0 0 0 0;
  position: absolute;
  right: -20px;
  top: auto;
  width: 40px;
  z-index: 2;
  max-width: 100%;
}

.sd.sec-203 {
  background: #FFFFFF;
  flex: none;
  height: 100%;
  width: 50%;
  max-width: 50%;
}

.sd.sec-204 {
  background: #000000;
  flex: none;
  height: 100%;
  width: 50%;
  max-width: 50%;
}

.sd.sec-205 {
  background: #575757;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-200:hover .sd.sec-205 {
  transform: scale(1, 1);
}

.sd.sec-206 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px 80px 120px 80px;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 840px) {
  .sd.sec-206 {
    padding: 100px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-206 {
    padding: 80px 0px 0px 0px;
  }
}

.sd.sec-207 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #575757;
  border-left: 0px solid #575757;
  border-right: 0px solid #575757;
  border-top: 1px solid #575757;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 120px 0px 0px 0px;
  width: 1200px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-207 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0px 50px 120px 50px;
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-207 {
    margin: 0px 30px 100px 30px;
    padding: 80px 0px 0px 0px;
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
}

.sd.sec-208 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 80px 60px 0px;
  width: auto;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 840px) {
  .sd.sec-208 {
    margin: 0px 0px 60px 0px;
    max-width: 100%;
  }
}

.sd.sec-209 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-210 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 84px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-210 {
    font-size: 54px;
  }
}

.sd.sec-211 {
  background: #EEEEEE;
  flex: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-211.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-211.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-212 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-213 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-214 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-214 {
    font-size: 18px;
  }
}

.sd.sec-215 {
  background: #000000;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center right;
  width: 100%;
  max-width: 100%;
}

.sd.sec-215.appear {
  transform: scale(1, 1);
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-215.appear-active {
  transition-delay: 300ms;
  transition-duration: 600ms;
}

.sd.sec-216 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-217 {
  align-content: flex-start;
  align-items: flex-start;
  flex: 1;
  justify-content: flex-start;
  margin: 14px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-217 {
    margin: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-218 {
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #c1cccb;
  border-left: 0px solid #c1cccb;
  border-right: 0px solid #c1cccb;
  border-top: 0px solid #c1cccb;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-218.appear {
  opacity: 0;
  transform: translate(0px, 10px);
  transition-delay: 300ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-218.appear-active {
  transition-delay: 300ms;
  transition-duration: 800ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sd.sec-218:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-218 {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-218 {
    margin: 0px 0px 30px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-219 {
  align-content: flex-start;
  align-items: flex-start;
  flex: 1;
  margin: 0px 0px 0px 0px;
  max-width: 100%;
}

.sd.sec-218:hover .sd.sec-219 {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-219 {
    margin: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-220 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 10px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-221 {
  color: #666666;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0px 0px 0px 0px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-221 {
    font-size: 12px;
  }
}

.sd.sec-222 {
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  width: auto;
  max-width: calc(100% - 10px);
}

.sd.sec-223 {
  align-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 16px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0px 6px 0px 0px;
  padding: 2px 8px;
  max-width: calc(100% - 6px);
}

.sd.sec-224 {
  color: #575757;
  
  font-size: 14px;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-224 {
    font-size: 12px;
  }
}

.sd.sec-225 {
  color: #333;
  flex: none;
  
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 840px) {
  .sd.sec-225 {
    font-size: 20px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-225 {
    font-size: 15px;
  }
}

.sd.sec-371 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: 300px;
  justify-content: flex-start;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 540px) {
  .sd.sec-371 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 340px;
    width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
    max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  }
}

.sd.sec-372 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 50%;
  max-width: 50%;
}

.sd.sec-372:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-372 {
    flex: none;
    height: 50%;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-373 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  max-width: 100%;
}

.sd.sec-374 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 54px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-374 {
    font-size: 36px;
  }
}

.sd.sec-375 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-376 {
  background: #FFFFFF;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-377 {
  color: #FFFFFF;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-377 {
    font-size: 16px;
  }
}

.sd.sec-378 {
  align-content: center;
  align-items: center;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

.sd.sec-378:before {
  filter: brightness(0.6);
}

.sd.sec-372:hover .sd.sec-378 {
  transform: scale(1.1, 1.1);
}

.sd.sec-379 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 50%;
  max-width: 50%;
}

.sd.sec-379:hover {
  opacity: 1;
}

@media screen and (max-width: 540px) {
  .sd.sec-379 {
    flex: none;
    height: 50%;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-380 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  max-width: 100%;
}

@media screen and (max-width: 1140px) {
  .sd.sec-380 {
    display: flex;
  }
}

@media screen and (max-width: 840px) {
  .sd.sec-380 {
    display: flex;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-380 {
    display: flex;
  }
}

.sd.sec-381 {
  color: #FFFFFF;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 54px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-381 {
    font-size: 36px;
  }
}

.sd.sec-382 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-383 {
  background: #FFFFFF;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-384 {
  color: #FFFFFF;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-384 {
    font-size: 16px;
  }
}

.sd.sec-385 {
  align-content: center;
  align-items: center;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

.sd.sec-385:before {
  filter: brightness(0.6);
}

.sd.sec-379:hover .sd.sec-385 {
  transform: scale(1.1, 1.1);
}

.sd.sec-386 {
  align-content: center;
  align-items: center;
  background: #c1cccb;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: center;
  padding: 50px 80px;
  width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
  max-width: calc(100% - (var(--gap-h-5e867ff7-afb8-4329-aae3-a7c80a9c8e3e) * 0));
}

@media screen and (max-width: 840px) {
  .sd.sec-386 {
    padding: 50px 50px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-386 {
    padding: 40px 30px;
  }
}

.sd.sec-387 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 50px 0px 0px;
  width: 50%;
  max-width: 50%;
}

.sd.sec-387:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-387 {
    flex: none;
    margin: 0px 0px 40px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-387 {
    margin: 0px 0px 30px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-388 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-389 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-390 {
  color: #000000;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 48px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-387:hover .sd.sec-390 {
  color: #FFFFFF;
}

@media screen and (max-width: 1140px) {
  .sd.sec-390 {
    font-size: 40px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-390 {
    font-size: 36px;
  }
}

.sd.sec-391 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-392 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-387:hover .sd.sec-392 {
  background: #FFFFFF;
}

.sd.sec-393 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-387:hover .sd.sec-393 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-393 {
    font-size: 16px;
  }
}

.sd.sec-394 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-394 {
    flex: none;
  }
}

.sd.sec-395 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-395 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-396 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 80px;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 80px;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-387:hover .sd.sec-396 {
  transform: scale(1, 1);
}

.sd.sec-397 {
  color: #dbe1e1;
  font-size: 20px;
  z-index: 1;
}

.sd.sec-398 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-387:hover .sd.sec-398 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-398 {
    font-size: 14px;
    line-height: 1.6;
  }
}

.sd.sec-399 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px dotted #575757;
  border-left: 1px dotted #575757;
  border-right: 0px dotted #575757;
  border-top: 0px dotted #575757;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 50px;
  width: 50%;
  max-width: 50%;
}

.sd.sec-399:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-399 {
    border-bottom: 0px dotted #575757;
    border-left: 0px dotted #575757;
    border-right: 0px dotted #575757;
    border-top: 1px dotted #575757;
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-399 {
    padding: 30px 0px 0px 0px;
  }
}

.sd.sec-400 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-401 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px 20px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-402 {
  color: #000000;
  flex: none;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 48px;
  font-weight: 600;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-399:hover .sd.sec-402 {
  color: #FFFFFF;
}

@media screen and (max-width: 1140px) {
  .sd.sec-402 {
    font-size: 40px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-402 {
    font-size: 36px;
  }
}

.sd.sec-403 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-404 {
  background: #000000;
  flex: none;
  height: 1px;
  margin: 0px 10px 0px 0px;
  width: 20px;
  max-width: calc(100% - 10px);
}

.sd.sec-399:hover .sd.sec-404 {
  background: #FFFFFF;
}

.sd.sec-405 {
  color: #000000;
  flex: 1;
  
  font-size: 20px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-399:hover .sd.sec-405 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-405 {
    font-size: 16px;
  }
}

.sd.sec-406 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-radius: 0;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-406 {
    flex: none;
  }
}

.sd.sec-407 {
  align-content: center;
  align-items: center;
  background: #000000;
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 70px;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 70px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-407 {
    flex: none;
    height: 50px;
    width: 50px;
    max-width: 100%;
  }
}

.sd.sec-408 {
  background: #575757;
  border-radius: 50%;
  bottom: 0px;
  flex: none;
  height: 80px;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 80px;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-399:hover .sd.sec-408 {
  transform: scale(1, 1);
}

.sd.sec-409 {
  color: #dbe1e1;
  font-size: 20px;
  transform: rotate(-30deg);
  z-index: 1;
}

.sd.sec-410 {
  color: #000000;
  flex: none;
  font-family: var(--s-font-cda1e569);
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: left;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-399:hover .sd.sec-410 {
  color: #FFFFFF;
}

@media screen and (max-width: 540px) {
  .sd.sec-410 {
    font-size: 14px;
    line-height: 1.6;
  }
}

.sd.sec-411 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 50px 80px 30px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-411 {
    padding: 50px 50px 30px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-411 {
    padding: 50px 30px 30px;
  }
}

.sd.sec-412 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-412 {
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-412 {
    justify-content: center;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-413 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 80px 0px 0px;
  width: auto;
  max-width: calc(100% - 80px);
}

@media screen and (max-width: 840px) {
  .sd.sec-413 {
    margin: 0px 0px 40px 0px;
    max-width: 100%;
  }
}

.sd.sec-414 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

.sd.sec-414:hover {
  opacity: 0.7;
}

.sd.sec-415 {
  flex: none;
  height: auto;
  width: 250px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-415 {
    flex: none;
    width: 220px;
    max-width: 100%;
  }
}

.sd.sec-416 {
  color: #333;
  
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 20px 0px 0px 0px;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-416 {
    font-size: 16px;
  }
}

.sd.sec-417 {
  color: #333;
  font-family: var(--s-font-cda1e569);
  font-size: 15px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  margin: 10px 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-417 {
    font-size: 13px;
  }
}

.sd.sec-418 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-418 {
    border-bottom: 0px solid #c1cccb;
    border-left: 0px solid #c1cccb;
    border-right: 0px solid #c1cccb;
    border-top: 1px solid #c1cccb;
    flex: none;
    padding: 50px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-418 {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 30px 0px 0px 0px;
  }
}

.sd.sec-419 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 60px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 60px);
}

@media screen and (max-width: 540px) {
  .sd.sec-419 {
    border-bottom: 0px solid #c1cccb;
    border-left: 0px solid #c1cccb;
    border-right: 1px solid #c1cccb;
    border-top: 0px solid #c1cccb;
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 50%;
    max-width: 50%;
  }
}

.sd.sec-420 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 2px 4px 2px;
  width: auto;
  max-width: 100%;
}

.sd.sec-420:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-420:hover {
    opacity: 1;
  }
}

.sd.sec-421 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-420:hover .sd.sec-421 {}

@media screen and (max-width: 1140px) {
  .sd.sec-420:hover .sd.sec-421 {
    color: #c1cccb;
  }
}

.sd.sec-422 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 2px 4px 2px;
  width: auto;
  max-width: 100%;
}

.sd.sec-422:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-422:hover {
    opacity: 1;
  }
}

.sd.sec-423 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-422:hover .sd.sec-423 {}

@media screen and (max-width: 1140px) {
  .sd.sec-422:hover .sd.sec-423 {
    color: #c1cccb;
  }
}

.sd.sec-424 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 2px 4px 2px;
  width: auto;
  max-width: 100%;
}

.sd.sec-424:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-424:hover {
    opacity: 1;
  }
}

.sd.sec-425 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-424:hover .sd.sec-425 {}

@media screen and (max-width: 1140px) {
  .sd.sec-424:hover .sd.sec-425 {
    color: #c1cccb;
  }
}

.sd.sec-426 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 2px 4px 2px;
  width: auto;
  max-width: 100%;
}

.sd.sec-426:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-426:hover {
    opacity: 1;
  }
}

.sd.sec-427 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-426:hover .sd.sec-427 {}

@media screen and (max-width: 1140px) {
  .sd.sec-426:hover .sd.sec-427 {
    color: #c1cccb;
  }
}

.sd.sec-428 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 60px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 60px);
}

@media screen and (max-width: 540px) {
  .sd.sec-428 {
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    width: 50%;
    max-width: 50%;
  }
}

.sd.sec-429 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 2px 4px 2px;
  width: auto;
  max-width: 100%;
}

.sd.sec-429:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-429:hover {
    opacity: 1;
  }
}

.sd.sec-430 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-429:hover .sd.sec-430 {}

@media screen and (max-width: 1140px) {
  .sd.sec-429:hover .sd.sec-430 {
    color: #c1cccb;
  }
}

.sd.sec-431 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 2px 4px 2px;
  width: auto;
  max-width: 100%;
}

.sd.sec-431:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-431:hover {
    opacity: 1;
  }
}

.sd.sec-432 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: auto;
  line-height: 1;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-431:hover .sd.sec-432 {}

@media screen and (max-width: 1140px) {
  .sd.sec-431:hover .sd.sec-432 {
    color: #c1cccb;
  }
}

.sd.sec-433 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: -12px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-433 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-433 {
    border-bottom: 0px solid #c1cccb;
    border-left: 0px solid #c1cccb;
    border-right: 0px solid #c1cccb;
    border-top: 1px solid #c1cccb;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 30px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-434 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-434:hover {
  opacity: 1;
}

.sd.sec-435 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 8px 0px 0px;
  width: auto;
  max-width: calc(100% - 8px);
}

.sd.sec-434:hover .sd.sec-435 {
  background: #c1cccb;
}

@media screen and (max-width: 840px) {
  .sd.sec-435 {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-435 {
    margin: 0px 2px 0px 0px;
    max-width: calc(100% - 2px);
  }
}

.sd.sec-436 {
  background: rgba(0, 0, 0, 0.0);
  color: #333;
  flex: none;
  font-size: 24px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  width: 44px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-436 {
    flex: none;
    height: 43px;
    width: 43px;
    max-width: 100%;
  }
}

.sd.sec-437 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-434:hover .sd.sec-437 {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-437 {
    display: flex;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-437 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-438 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-438:hover {
  opacity: 1;
}

.sd.sec-439 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 8px 0px 0px;
  width: auto;
  max-width: calc(100% - 8px);
}

.sd.sec-438:hover .sd.sec-439 {
  background: #c1cccb;
}

@media screen and (max-width: 840px) {
  .sd.sec-439 {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-439 {
    margin: 0px 2px 0px 0px;
    max-width: calc(100% - 2px);
  }
}

.sd.sec-440 {
  background: rgba(0, 0, 0, 0.0);
  color: #333;
  flex: none;
  font-size: 24px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  width: 44px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-440 {
    flex: none;
    height: 43px;
    width: 43px;
    max-width: 100%;
  }
}

.sd.sec-441 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-438:hover .sd.sec-441 {
  opacity: 0.5;
}

@media screen and (max-width: 540px) {
  .sd.sec-441 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-442 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  width: auto;
  max-width: 100%;
}

.sd.sec-442:hover {
  opacity: 1;
}

.sd.sec-443 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 50%;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 8px 0px 0px;
  width: auto;
  max-width: calc(100% - 8px);
}

.sd.sec-442:hover .sd.sec-443 {
  background: #c1cccb;
}

@media screen and (max-width: 840px) {
  .sd.sec-443 {
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-443 {
    margin: 0px 2px 0px 0px;
    max-width: calc(100% - 2px);
  }
}

.sd.sec-444 {
  background: rgba(0, 0, 0, 0.0);
  color: #333;
  flex: none;
  font-size: 24px;
  height: 44px;
  padding: 0px 0px 0px 0px;
  width: 44px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-444 {
    flex: none;
    height: 43px;
    width: 43px;
    max-width: 100%;
  }
}

.sd.sec-445 {
  color: #333;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-442:hover .sd.sec-445 {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-445 {
    display: flex;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-445 {
    display: none;
    font-size: 16px;
  }
}

.sd.sec-446 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #c1cccb;
  border-left: 0px solid #c1cccb;
  border-right: 0px solid #c1cccb;
  border-top: 1px solid #c1cccb;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  padding: 30px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-446 {
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
  }
}

.sd.sec-447 {
  color: #000000;
  font-family: var(--s-font-cda1e569);
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-447 {
    font-size: 13px;
    margin: 0px 0px 20px 0px;
    max-width: 100%;
  }
}

.sd.sec-448 {
  color: #828282;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  max-width: 100%;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .sd.sec-448 {
    font-size: 10px;
  }
}

body {
  background: #EEEEEE;
  transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1);
}

.sd.sec-449 {
  background: rgba(0, 0, 0, 0.16);
  height: 100%;
  justify-content: center;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-449 {
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
}

.sd.sec-450 {
  align-content: center;
  align-items: center;
  background: #dbe1e1;
  border-radius: 0;
  box-shadow: none;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: flex-start;
  margin: 0px;
  opacity: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-450 {
    padding: 100px 60px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-450 {
    justify-content: flex-start;
    padding: 60px 30px;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-450 {
    padding: 60px 24px;
  }
}

.sd.sec-451 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #888888;
  border-left: 0px solid #888888;
  border-right: 0px solid #888888;
  border-top: 0px solid #888888;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 100px 50px 100px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: calc(100% - 100px);
}

@media screen and (max-width: 840px) {
  .sd.sec-451 {
    flex: none;
    margin: 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-451 {
    margin: 0px 0px 0px;
  }
}

.sd.sec-452 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px 60px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-453 {
  flex: none;
  height: auto;
  width: 260px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-453 {
    flex: none;
    width: 210px;
    max-width: 100%;
  }
}

.sd.sec-454 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 1px solid #c1cccb;
  border-left: 0px solid #c1cccb;
  border-right: 0px solid #c1cccb;
  border-top: 0px solid #c1cccb;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-454 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-454 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.sd.sec-455 {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0px 0px 40px 0px;
  padding: 0px;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-455 {
    flex: none;
    flex-direction: row;
    margin: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-455 {
    flex: none;
    flex-direction: row;
    margin: 0px 0px 0px 0px;
    width: 100%;
  }
}

.sd.sec-456 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #c1cccb;
  border-left: 0px solid #c1cccb;
  border-right: 1px solid #c1cccb;
  border-top: 0px solid #c1cccb;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 80px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-456 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 40px 0px 0px;
    width: 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-456 {
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 50%;
  }
}

.sd.sec-457 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-457:hover {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-457 {
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    padding: 0px 0px 0px 0px;
  }
}

.sd.sec-458 {
  color: #242424;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 36px;
  font-weight: 600;
  height: auto;
  line-height: 1.1;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-458 {
    font-size: 28px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-458 {
    font-size: 24px;
  }
}

.sd.sec-459 {
  color: #242424;
  
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.1;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 320px) {
  .sd.sec-459 {
    font-size: 13px;
  }
}

.sd.sec-460 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-460:hover {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-460 {
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-460 {
    margin: 24px 0px 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-461 {
  color: #242424;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 36px;
  font-weight: 600;
  height: auto;
  line-height: 1.1;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-461 {
    font-size: 28px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-461 {
    font-size: 24px;
  }
}

.sd.sec-462 {
  color: #242424;
  
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.1;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 320px) {
  .sd.sec-462 {
    font-size: 13px;
  }
}

.sd.sec-463 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-463:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-463:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-463 {
    flex: none;
    padding: 0px 10px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-464 {
  background: #c1cccb;
  flex: none;
  height: 1px;
  margin: 0px 6px 0px 0px;
  width: 10px;
  max-width: calc(100% - 6px);
}

@media screen and (max-width: 540px) {
  .sd.sec-464 {
    display: none;
  }
}

.sd.sec-465 {
  color: #333;
  
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-463:hover .sd.sec-465 {}

@media screen and (max-width: 1140px) {
  .sd.sec-463:hover .sd.sec-465 {
    color: #c1cccb;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-465 {
    flex: 1;
    font-size: 13px;
    width: auto;
  }
}

.sd.sec-466 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-466:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-466:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-466 {
    flex: none;
    padding: 0px 10px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-467 {
  background: #c1cccb;
  flex: none;
  height: 1px;
  margin: 0px 6px 0px 0px;
  width: 10px;
  max-width: calc(100% - 6px);
}

@media screen and (max-width: 540px) {
  .sd.sec-467 {
    display: none;
  }
}

.sd.sec-468 {
  color: #333;
  
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-466:hover .sd.sec-468 {}

@media screen and (max-width: 1140px) {
  .sd.sec-466:hover .sd.sec-468 {
    color: #c1cccb;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-468 {
    flex: 1;
    font-size: 13px;
    width: auto;
  }
}

.sd.sec-469 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 14px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-469:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1140px) {
  .sd.sec-469:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-469 {
    flex: none;
    padding: 0px 10px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

.sd.sec-470 {
  background: #c1cccb;
  flex: none;
  height: 1px;
  margin: 0px 6px 0px 0px;
  width: 10px;
  max-width: calc(100% - 6px);
}

@media screen and (max-width: 540px) {
  .sd.sec-470 {
    display: none;
  }
}

.sd.sec-471 {
  color: #333;
  
  font-size: 14px;
  font-weight: 500;
  height: auto;
  line-height: 1.2;
  text-align: left;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-469:hover .sd.sec-471 {}

@media screen and (max-width: 1140px) {
  .sd.sec-469:hover .sd.sec-471 {
    color: #c1cccb;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-471 {
    flex: 1;
    font-size: 13px;
    width: auto;
  }
}

.sd.sec-472 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #aaaaaa;
  border-left: 0px solid #aaaaaa;
  border-right: 0px solid #aaaaaa;
  border-top: 0px solid #aaaaaa;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 80px 0px 20px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-472 {
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 20px;
    width: 50%;
    max-width: 50%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-472 {
    flex: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    width: 50%;
  }
}

.sd.sec-473 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-473:hover {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-473 {
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-473 {
    margin: 0px 0px 0px 0px;
  }
}

.sd.sec-474 {
  color: #242424;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 36px;
  font-weight: 600;
  height: auto;
  line-height: 1.1;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-474 {
    font-size: 28px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-474 {
    font-size: 24px;
  }
}

.sd.sec-475 {
  color: #242424;
  
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.1;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 320px) {
  .sd.sec-475 {
    font-size: 13px;
  }
}

.sd.sec-476 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-476:hover {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-476 {
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-476 {
    margin: 24px 0px 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-477 {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.0);
  flex: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  width: auto;
  --gap-h-7aee729f-59c4-4190-a445-f518a06b7998: 0px;
  --gap-v-7aee729f-59c4-4190-a445-f518a06b7998: 0px;
  --gap-uuid: 7aee729f-59c4-4190-a445-f518a06b7998;
  max-width: 100%;
}

.sd.sec-478 {
  color: #242424;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 36px;
  font-weight: 600;
  height: auto;
  line-height: 1.1;
  margin: 0px 4px 4px 0px;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: calc(100% - 4px);
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-478 {
    font-size: 28px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-478 {
    font-size: 24px;
  }
}

.sd.sec-479 {
  color: #333;
  font-size: 20px;
  transform: rotate(-30deg);
  z-index: 0;
}

.sd.sec-480 {
  color: #242424;
  
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.1;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 320px) {
  .sd.sec-480 {
    font-size: 13px;
  }
}

.sd.sec-481 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-bottom: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-top: 0px solid #000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

.sd.sec-481:hover {
  opacity: 0.5;
}

@media screen and (max-width: 840px) {
  .sd.sec-481 {
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-481 {
    margin: 24px 0px 0px 0px;
    max-width: 100%;
  }
}

.sd.sec-482 {
  color: #242424;
  font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size: 36px;
  font-weight: 600;
  height: auto;
  line-height: 1.1;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 540px) {
  .sd.sec-482 {
    font-size: 28px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .sd.sec-482 {
    font-size: 24px;
  }
}

.sd.sec-483 {
  color: #242424;
  
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  letter-spacing: 0.05em;
  line-height: 1.1;
  padding: 0px 0px 0px;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

@media screen and (max-width: 320px) {
  .sd.sec-483 {
    font-size: 13px;
  }
}

.sd.sec-484 {
  align-content: flex-start;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.0);
  border-radius: 0;
  box-shadow: none;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  justify-content: flex-start;
  margin: 0px 0px 40px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 840px) {
  .sd.sec-484 {
    align-content: center;
    align-items: center;
    border-bottom: 0px solid #c1cccb;
    border-left: 0px solid #c1cccb;
    border-right: 0px solid #c1cccb;
    border-top: 1px solid #c1cccb;
    flex: none;
    justify-content: flex-start;
    margin: 30px 0px 30px 0px;
    padding: 30px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-484 {
    align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.sd.sec-485 {
  align-content: center;
  align-items: center;
  background: #575757;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: 60px;
  justify-content: center;
  margin: 0px 0px 10px 0px;
  width: 240px;
  --gap-uuid: edec431a-72b2-4b14-8569-8f3ad44791d5;
  --gap-h-edec431a-72b2-4b14-8569-8f3ad44791d5: 0px;
  --gap-v-edec431a-72b2-4b14-8569-8f3ad44791d5: 0px;
  max-width: 100%;
}

.sd.sec-485:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-485 {
    flex: none;
    width: 240px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-485 {
    display: flex;
    flex: none;
    gap: 0px;
    --gap-h-edec431a-72b2-4b14-8569-8f3ad44791d5: 0px;
    --gap-v-edec431a-72b2-4b14-8569-8f3ad44791d5: 0px;
  }
}

.sd.sec-486 {
  color: #FFFFFF;
  
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-485:hover .sd.sec-486 {
  color: #000000;
}

.sd.sec-487 {
  color: #FFFFFF;
  font-size: 14px;
  margin: 0px 0px 0px 4px;
  transform: rotate(-30deg);
  z-index: 1;
  max-width: calc(100% - 4px);
}

.sd.sec-485:hover .sd.sec-487 {
  color: #000000;
}

.sd.sec-488 {
  background: #FFFFFF;
  flex: none;
  height: calc(100% - (var(--gap-v-edec431a-72b2-4b14-8569-8f3ad44791d5) * 0));
  left: 0;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: center left;
  width: calc(100% - (var(--gap-h-edec431a-72b2-4b14-8569-8f3ad44791d5) * 0));
  z-index: 0;
  max-width: calc(100% - (var(--gap-h-edec431a-72b2-4b14-8569-8f3ad44791d5) * 0));
}

.sd.sec-485:hover .sd.sec-488 {
  transform: scale(1, 1);
}

.sd.sec-489 {
  align-content: center;
  align-items: center;
  background: #000000;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  width: 240px;
  max-width: 100%;
}

.sd.sec-489:hover {
  opacity: 1;
}

@media screen and (max-width: 840px) {
  .sd.sec-489 {
    flex: none;
    width: 240px;
  }
}

@media screen and (max-width: 540px) {
  .sd.sec-489 {
    flex: none;
  }
}

.sd.sec-490 {
  color: #FFFFFF;
  
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 1.4;
  text-align: center;
  width: auto;
  z-index: 1;
  max-width: 100%;
  justify-content: center;
}

.sd.sec-489:hover .sd.sec-490 {
  color: #000000;
}

@media screen and (max-width: 540px) {
  .sd.sec-490 {
    font-size: 16px;
  }
}

.sd.sec-491 {
  background: #FFFFFF;
  bottom: 0px;
  flex: none;
  height: 100%;
  left: 0px;
  margin: 0 0 0 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: scale(0, 1);
  transform-origin: center left;
  width: 100%;
  z-index: 0;
  max-width: 100%;
}

.sd.sec-489:hover .sd.sec-491 {
  transform: scale(1, 1);
}

.sd.sec-492 {
  align-content: flex-end;
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.0);
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  justify-content: space-between;
  padding: 0px 0px 0px 0px;
  width: 100%;
  max-width: 100%;
}

.sd.sec-493 {
  color: #333;
  font-family: var(--s-font-cda1e569);
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 0.9;
  text-align: left;
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}

.sd.sec-493:hover {
  color: #aaaaaa;
}

@media screen and (max-width: 540px) {
  .sd.sec-493 {
    font-size: 13px;
  }
}

.sd.sec-494 {
  align-content: center;
  align-items: center;
  background: #000000;
  bottom: NaNpx;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100px;
  justify-content: center;
  left: NaNpx;
  margin: 0 0 0 0;
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100px;
  max-width: 100%;
}

.sd.sec-494:hover {
  background: #888888;
}

@media screen and (max-width: 540px) {
  .sd.sec-494 {
    flex: none;
    height: 60px;
    width: 60px;
    max-width: 100%;
  }
}

.sd.sec-495 {
  flex: none;
  height: auto;
  width: 40px;
  max-width: 100%;
}

@media screen and (max-width: 540px) {
  .sd.sec-495 {
    flex: none;
    width: 24px;
    max-width: 100%;
  }
}



/**view**/

.sd[data-t-view01]:before {
  background-image: url('../img/photo-01.jpg')
}

.sd[data-t-view02]:before {
  background-image: url('../img/photo-02.jpg')
}


/**data-nav_btn**/
.sd[data-nav_btn01]:before {
  background-image: url('../img/about_btn.jpg')
}

.sd[data-nav_btn02]:before {
  background-image: url('../img/career_btn.jpg')
}


:root {
  --s-font-daa8975e: 見出ゴMB1;
  --s-font-cda1e569: '中ゴシックBBB JIS2004';
  --s-font-f79ce552: Poppins;
}