.studio-banner-popover[data-v-7df2e283]{inset:unset;background:0 0;border:none;padding:0;position:fixed;bottom:20px;left:20px;overflow:hidden}a[data-v-7df2e283]{perspective:300px;border-radius:4px;justify-content:center;align-items:center;width:84px;height:20px;transition:all linear;display:flex}@media (hover:hover){a[data-v-7df2e283]{will-change:width,height;transition:all .4s cubic-bezier(.4,.4,0,1)}a[data-v-7df2e283]:hover{width:200px;height:32px}}[data-v-7df2e283] .custom-fill path{fill:var(--v1a321fa0)}.fade-enter-active[data-v-7df2e283],.fade-leave-active[data-v-7df2e283]{will-change:opacity,transform;transition:opacity .3s cubic-bezier(.4,.4,0,1);position:absolute;transform:translateZ(0)}.fade-enter-from[data-v-7df2e283],.fade-leave-to[data-v-7df2e283]{opacity:0}
.page-enter-active { transition: 0.6s cubic-bezier(0.4, 0.4, 0, 1); }
.page-leave-active { transition: 0.3s cubic-bezier(0.4, 0.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-7f23d716], .publish-studio-style[data-v-15738f2d] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
.app[data-v-d0df059b] { flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; }
.title[data-v-d0df059b] { letter-spacing: 2.45px; margin: 30px; font-size: 34px; font-weight: 300; line-height: 30px; }
.DynamicAnnouncer[data-v-b05fa410] { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.snackbar[data-v-3d822c72] { z-index: 9999; user-select: none; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 237); border-radius: 6px; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px; width: 480px; max-width: 90vw; padding: 16px 20px; font-family: Inter, "Noto Sans JP", sans-serif; display: flex; position: fixed; top: 32px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.08) 0px 16px 48px -8px, rgba(0, 0, 0, 0.11) 0px 10px 25px -5px; }
.snackbar.v-enter-active[data-v-3d822c72], .snackbar.v-leave-active[data-v-3d822c72] { transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
.snackbar.v-enter-from[data-v-3d822c72], .snackbar.v-leave-to[data-v-3d822c72] { opacity: 0; transform: translate(-50%, -10px); }
.snackbar .convey[data-v-3d822c72] { flex-direction: row; align-items: center; gap: 8px; padding: 0px; display: flex; }
.snackbar .convey .icon[data-v-3d822c72] { background-position: 50% center; background-repeat: no-repeat; flex-shrink: 0; width: 24px; height: 24px; }
.snackbar .convey .message[data-v-3d822c72] { white-space: pre-line; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
.snackbar .convey.error .icon[data-v-3d822c72] { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2022.5C17.799%2022.5%2022.5%2017.799%2022.5%2012C22.5%206.20101%2017.799%201.5%2012%201.5C6.20101%201.5%201.5%206.20101%201.5%2012C1.5%2017.799%206.20101%2022.5%2012%2022.5ZM9.04566%207.4545C8.60633%207.01517%207.89401%207.01517%207.45467%207.4545C7.01533%207.89385%207.01534%208.60616%207.45467%209.0455L10.4092%2012L7.45467%2014.9545C7.01534%2015.3938%207.01533%2016.1062%207.45467%2016.5455C7.89401%2016.9848%208.60633%2016.9848%209.04566%2016.5455L12.0002%2013.591L14.9547%2016.5455C15.394%2016.9848%2016.1063%2016.9848%2016.5457%2016.5455C16.985%2016.1062%2016.985%2015.3938%2016.5457%2014.9545L13.5912%2012L16.5457%209.0455C16.985%208.60616%2016.985%207.89384%2016.5457%207.4545C16.1063%207.01516%2015.394%207.01517%2014.9547%207.4545L12.0002%2010.409L9.04566%207.4545Z'%20fill='%23F84F65'/%3e%3c/svg%3e"); }
.snackbar .convey.error .message[data-v-3d822c72] { color: rgb(248, 79, 101); }
.snackbar .convey.success .icon[data-v-3d822c72] { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2020.125C16.4873%2020.125%2020.125%2016.4873%2020.125%2012C20.125%207.51269%2016.4873%203.875%2012%203.875C7.51269%203.875%203.875%207.51269%203.875%2012C3.875%2016.4873%207.51269%2020.125%2012%2020.125ZM12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z'%20fill='%23111111'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.33711%2011.2868C7.70322%2010.9207%208.29682%2010.9207%208.66293%2011.2868L10.4749%2013.0988L14.7617%208.81195C15.1278%208.44584%2015.7214%208.44584%2016.0876%208.81195C16.4537%209.17807%2016.4537%209.77166%2016.0876%2010.1378L11.1378%2015.0875C10.7717%2015.4536%2010.1781%2015.4536%209.81198%2015.0875L7.33711%2012.6127C6.97099%2012.2465%206.97099%2011.6529%207.33711%2011.2868Z'%20fill='%23111111'/%3e%3c/svg%3e"); }
.snackbar .convey.success .message[data-v-3d822c72] { color: rgb(17, 17, 17); }
.snackbar .button[data-v-3d822c72] { box-sizing: border-box; cursor: pointer; color: rgb(75, 156, 251); background: 0px 0px; border: 0px; border-radius: 40px; flex-shrink: 0; justify-content: center; align-items: center; margin: 0px; padding: 4px 8px; font-family: inherit; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; display: flex; }
.snackbar .button[data-v-3d822c72]:hover { background: rgb(245, 245, 245); }
.TitleAnnouncer[data-v-b323c89b] { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.spinner[data-v-b6f60b4c] { pointer-events: none; width: 16px; height: 16px; animation: 1s linear 0s infinite normal none running loading-spin-b6f60b4c; }
.spinner[data-v-b6f60b4c]::before { opacity: 0.2; border-width: 2px; border-style: solid; border-image: none; border-color: rgba(0, 0, 0, 0) currentcolor currentcolor rgba(0, 0, 0, 0); }
.spinner[data-v-b6f60b4c]::after, .spinner[data-v-b6f60b4c]::before { content: ""; box-sizing: border-box; border-radius: 50%; width: 100%; height: 100%; position: absolute; }
.spinner[data-v-b6f60b4c]::after { opacity: 1; border-width: 2px; border-style: solid; border-image: none; border-color: currentcolor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentcolor; }
@keyframes loading-spin-b6f60b4c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.design-canvas__modal { pointer-events: none; z-index: 2; width: 100%; height: 100%; transition: none; position: fixed; }
.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: 0.4s cubic-bezier(0.4, 0.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 { pointer-events: auto; z-index: -1; width: 100%; height: 100%; transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); position: fixed; top: 0px; left: 0px; }
.design-canvas__modal .studio-canvas { pointer-events: none; height: 100%; }
.design-canvas__modal .studio-canvas > * { pointer-events: none; background: 0px 0px !important; }
.studio-banner-popover[data-v-7df2e283] { top: unset; right: unset; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; position: fixed; bottom: 20px; left: 20px; overflow: hidden; }
a[data-v-7df2e283] { perspective: 300px; border-radius: 4px; justify-content: center; align-items: center; width: 84px; height: 20px; transition: linear; display: flex; }
@media (hover: hover) {
  a[data-v-7df2e283] { will-change: width, height; transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
  a[data-v-7df2e283]:hover { width: 200px; height: 32px; }
}
[data-v-7df2e283] .custom-fill path { fill: var(--v1a321fa0); }
.fade-enter-active[data-v-7df2e283], .fade-leave-active[data-v-7df2e283] { will-change: opacity, transform; transition: opacity 0.3s cubic-bezier(0.4, 0.4, 0, 1); position: absolute; transform: translateZ(0px); }
.fade-enter-from[data-v-7df2e283], .fade-leave-to[data-v-7df2e283] { opacity: 0; }


.StudioCanvas { height: auto; min-height: 100dvh; display: flex; }
.StudioCanvas > .sd { min-height: 100dvh; overflow: clip; }
body, html { margin: 0px; padding: 0px; }
:where(.render-canvas), :where(.render-canvas) a, :where(.render-canvas) abbr, :where(.render-canvas) address, :where(.render-canvas) article, :where(.render-canvas) aside, :where(.render-canvas) audio, :where(.render-canvas) b, :where(.render-canvas) blockquote, :where(.render-canvas) button, :where(.render-canvas) canvas, :where(.render-canvas) caption, :where(.render-canvas) cite, :where(.render-canvas) code, :where(.render-canvas) dd, :where(.render-canvas) del, :where(.render-canvas) details, :where(.render-canvas) dfn, :where(.render-canvas) div, :where(.render-canvas) dl, :where(.render-canvas) dt, :where(.render-canvas) em, :where(.render-canvas) fieldset, :where(.render-canvas) figcaption, :where(.render-canvas) figure, :where(.render-canvas) footer, :where(.render-canvas) form, :where(.render-canvas) h1, :where(.render-canvas) h2, :where(.render-canvas) h3, :where(.render-canvas) h4, :where(.render-canvas) h5, :where(.render-canvas) h6, :where(.render-canvas) header, :where(.render-canvas) hgroup, :where(.render-canvas) i, :where(.render-canvas) iframe, :where(.render-canvas) img, :where(.render-canvas) input, :where(.render-canvas) ins, :where(.render-canvas) kbd, :where(.render-canvas) label, :where(.render-canvas) legend, :where(.render-canvas) li, :where(.render-canvas) loop-box, :where(.render-canvas) main, :where(.render-canvas) mark, :where(.render-canvas) menu, :where(.render-canvas) nav, :where(.render-canvas) object, :where(.render-canvas) ol, :where(.render-canvas) p, :where(.render-canvas) pre, :where(.render-canvas) q, :where(.render-canvas) samp, :where(.render-canvas) section, :where(.render-canvas) select, :where(.render-canvas) small, :where(.render-canvas) span, :where(.render-canvas) strong, :where(.render-canvas) sub, :where(.render-canvas) summary, :where(.render-canvas) sup, :where(.render-canvas) table, :where(.render-canvas) tbody, :where(.render-canvas) td, :where(.render-canvas) textarea, :where(.render-canvas) tfoot, :where(.render-canvas) th, :where(.render-canvas) thead, :where(.render-canvas) time, :where(.render-canvas) tr, :where(.render-canvas) ul, :where(.render-canvas) var, :where(.render-canvas) video { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: rgb(51, 51, 51); word-spacing: 1px; backface-visibility: hidden; border: 0px; margin: 0px; padding: 0px; font-family: sans-serif; line-height: 1; text-decoration: none; list-style: none; transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
:where(.render-canvas) a:focus:not(:focus-visible), :where(.render-canvas) button:focus:not(:focus-visible), :where(.render-canvas) summary:focus:not(:focus-visible) { outline: none; }
:where(.render-canvas) nav ul { list-style: none; }
:where(.render-canvas) blockquote, :where(.render-canvas) q { quotes: none; }
:where(.render-canvas) blockquote::after, :where(.render-canvas) blockquote::before, :where(.render-canvas) q::after, :where(.render-canvas) q::before { content: none; }
:where(.render-canvas) a, :where(.render-canvas) button { vertical-align: baseline; background: 0px 0px; margin: 0px; padding: 0px; font-size: 100%; }
:where(.render-canvas) ins { color: rgb(0, 0, 0); background-color: rgb(255, 255, 153); text-decoration: none; }
:where(.render-canvas) mark { color: rgb(0, 0, 0); background-color: rgb(255, 255, 153); font-style: italic; font-weight: 700; }
:where(.render-canvas) del { text-decoration: line-through; }
:where(.render-canvas) abbr[title], :where(.render-canvas) dfn[title] { cursor: help; border-bottom: 1px dotted; }
:where(.render-canvas) table { border-collapse: collapse; border-spacing: 0px; }
:where(.render-canvas) hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentcolor currentcolor; border-image: none; height: 1px; margin: 1em 0px; padding: 0px; display: block; }
:where(.render-canvas) input, :where(.render-canvas) select { vertical-align: middle; }
:where(.render-canvas) textarea { resize: none; }
:where(.render-canvas) .clearfix::after { content: ""; clear: both; display: block; }
:where(.render-canvas) [slot="after"] button { overflow-anchor: none; }
:where(.render-canvas) .sd { z-index: 0; pointer-events: all; flex-flow: column; flex: 0 0 auto; align-content: center; align-items: center; max-width: 100%; display: flex; position: relative; }
:where(.render-canvas) .sd::-webkit-scrollbar { display: none; }
:where(.render-canvas) .sd, :where(.render-canvas) .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; }
:where(.render-canvas) input.sd, :where(.render-canvas) textarea.sd { align-content: normal; }
:where(.render-canvas) .sd[tabindex]:focus { outline: none; }
:where(.render-canvas) .sd[tabindex]:focus-visible { outline: -webkit-focus-ring-color solid 1px; }
:where(.render-canvas) input[type="email"], :where(.render-canvas) input[type="tel"], :where(.render-canvas) input[type="text"], :where(.render-canvas) select, :where(.render-canvas) textarea { appearance: none; }
:where(.render-canvas) select { cursor: pointer; }
:where(.render-canvas) .frame { display: block; overflow: hidden; }
:where(.render-canvas) .frame > iframe { width: 100%; height: 100%; }
:where(.render-canvas) .frame .formrun-embed > iframe:not(:first-child) { display: none !important; }
:where(.render-canvas) .image { position: relative; }
:where(.render-canvas) .image::before { content: ""; border-radius: inherit; z-index: -2; pointer-events: none; background-position: 50% center; background-size: cover; width: 100%; height: 100%; transition: inherit; position: absolute; top: 0px; left: 0px; }
:where(.render-canvas) .sd.file { word-break: break-word; overflow-wrap: anywhere; cursor: pointer; outline-offset: -1px; outline: rgba(0, 0, 0, 0) solid 2px; flex-direction: row; }
:where(.render-canvas) .sd.file:focus-within { outline-color: -webkit-focus-ring-color; }
:where(.render-canvas) .file > input[type="file"] { opacity: 0; pointer-events: none; position: absolute; }
:where(.render-canvas) .sd.text, :where(.render-canvas) .sd:where(.icon) { word-break: break-word; overflow-wrap: anywhere; flex-direction: row; place-content: center; align-items: center; display: flex; overflow: visible; }
:where(.render-canvas) table.sd:where(.studio-table) { flex-flow: unset; align-items: unset; place-content: unset; min-width: max-content; max-width: none; display: table; }
:where(.render-canvas) thead.sd { z-index: auto; display: table-header-group; }
:where(.render-canvas) tbody.sd { z-index: auto; display: table-row-group; }
:where(.render-canvas) tr.sd { display: table-row; }
:where(.render-canvas) td.sd, :where(.render-canvas) th.sd { text-align: left; vertical-align: middle; height: inherit; display: table-cell; }
:where(.render-canvas) colgroup.sd { display: table-column-group; }
:where(.render-canvas) col.sd { display: table-column; }
:where(.render-canvas) .sd:where(.icon.fa) { display: inline-flex; }
:where(.render-canvas) .material-icons { letter-spacing: normal; text-transform: none; white-space: nowrap; overflow-wrap: normal; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; direction: ltr; justify-content: center; align-items: center; font-family: "Material Icons"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 1; display: inline-flex; }
:where(.render-canvas) .sd:where(.icon.material-symbols) { font-variation-settings: "FILL" var(--symbol-fill,0),"wght" var(--symbol-weight,400); justify-content: center; align-items: center; min-width: 1em; min-height: 1em; font-style: normal; display: flex; }
:where(.render-canvas) .sd.material-symbols-outlined { font-family: "Material Symbols Outlined"; }
:where(.render-canvas) .sd.material-symbols-rounded { font-family: "Material Symbols Rounded"; }
:where(.render-canvas) .sd.material-symbols-sharp { font-family: "Material Symbols Sharp"; }
:where(.render-canvas) .sd.material-symbols-weight-100 { --symbol-weight: 100; }
:where(.render-canvas) .sd.material-symbols-weight-200 { --symbol-weight: 200; }
:where(.render-canvas) .sd.material-symbols-weight-300 { --symbol-weight: 300; }
:where(.render-canvas) .sd.material-symbols-weight-400 { --symbol-weight: 400; }
:where(.render-canvas) .sd.material-symbols-weight-500 { --symbol-weight: 500; }
:where(.render-canvas) .sd.material-symbols-weight-600 { --symbol-weight: 600; }
:where(.render-canvas) .sd.material-symbols-weight-700 { --symbol-weight: 700; }
:where(.render-canvas) .sd.material-symbols-fill { --symbol-fill: 1; }
:where(.render-canvas) a, :where(.render-canvas) a.icon, :where(.render-canvas) a.text { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.15); }
:where(.render-canvas) .fixed { z-index: 2; }
:where(.render-canvas) .sticky { z-index: 1; }
:where(.render-canvas) .button { cursor: pointer; transition: 0.4s cubic-bezier(0.4, 0.4, 0, 1); }
:where(.render-canvas) .link { cursor: pointer; }
:where(.render-canvas) .submitLoading { opacity: 0.5 !important; pointer-events: none !important; }
:where(.render-canvas) .richText { word-break: break-word; display: block; }
:where(.render-canvas) .richText [data-thread], :where(.render-canvas) .richText a, :where(.render-canvas) .richText blockquote, :where(.render-canvas) .richText em, :where(.render-canvas) .richText h1, :where(.render-canvas) .richText h2, :where(.render-canvas) .richText h3, :where(.render-canvas) .richText h4, :where(.render-canvas) .richText li, :where(.render-canvas) .richText ol, :where(.render-canvas) .richText p, :where(.render-canvas) .richText p > code, :where(.render-canvas) .richText pre, :where(.render-canvas) .richText pre > code, :where(.render-canvas) .richText s, :where(.render-canvas) .richText strong, :where(.render-canvas) .richText table tbody, :where(.render-canvas) .richText table tbody tr, :where(.render-canvas) .richText table tbody tr > td, :where(.render-canvas) .richText table tbody tr > th, :where(.render-canvas) .richText u, :where(.render-canvas) .richText ul { color: inherit; font-family: inherit; font-size: inherit; text-align: inherit; letter-spacing: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; backface-visibility: visible; }
:where(.render-canvas) .richText p { align-self: stretch; margin: 10px 0px; display: block; }
:where(.render-canvas) .richText > p { min-height: 1em; }
:where(.render-canvas) .richText img, :where(.render-canvas) .richText video { vertical-align: bottom; max-width: 100%; height: auto; }
:where(.render-canvas) .richText h1 { align-self: stretch; margin: 20px 0px; font-size: 3em; font-weight: 700; display: block; }
:where(.render-canvas) .richText h2 { align-self: stretch; margin: 10px 0px; font-size: 2em; font-weight: 700; display: block; }
:where(.render-canvas) .richText h3 { align-self: stretch; margin: 10px 0px; font-size: 1em; font-weight: 700; display: block; }
:where(.render-canvas) .richText h4, :where(.render-canvas) .richText h5 { align-self: stretch; margin: 10px 0px; font-size: 1em; font-weight: 600; display: block; }
:where(.render-canvas) .richText h6 { align-self: stretch; margin: 10px 0px; font-size: 1em; font-weight: 500; display: block; }
:where(.render-canvas) .richText [data-type="table"] { overflow-x: auto; }
:where(.render-canvas) .richText [data-type="table"] p { white-space: pre-line; word-break: break-all; }
:where(.render-canvas) .richText table { table-layout: auto; border-collapse: collapse; border-spacing: unset; color: rgb(26, 26, 26); border: 1px solid rgb(242, 242, 242); margin: 10px 0px; font-size: 14px; line-height: 1.4; }
:where(.render-canvas) .richText table tr th { background: rgba(245, 245, 245, 0.5); }
:where(.render-canvas) .richText table tr td, :where(.render-canvas) .richText table tr th { border: 1px solid rgb(242, 242, 242); min-width: 100px; max-width: 240px; padding: 12px; }
:where(.render-canvas) .richText table tr td p, :where(.render-canvas) .richText table tr th p { margin: 0px; }
:where(.render-canvas) .richText blockquote { border-left: 3px solid rgba(0, 0, 0, 0.15); margin: 10px 0px; padding: 10px 15px; font-style: italic; }
:where(.render-canvas) .richText [data-type="embed_code"] { margin: 20px 0px; position: relative; }
:where(.render-canvas) .richText [data-type="embed_code"] > .height-adjuster > .wrapper { position: relative; }
:where(.render-canvas) .richText [data-type="embed_code"] > .height-adjuster > .wrapper[style*="padding-top"] iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-sandbox="true"] { display: block; overflow: hidden; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="instagram"] > .height-adjuster > .wrapper[style*="padding-top"] { padding-top: 100%; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="instagram"] > .height-adjuster > .wrapper[style*="padding-top"] blockquote { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="codepen"] > .height-adjuster > .wrapper { padding-top: 50%; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="codepen"] > .height-adjuster > .wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="slideshare"] > .height-adjuster > .wrapper { padding-top: 56.25%; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="slideshare"] > .height-adjuster > .wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="speakerdeck"] > .height-adjuster > .wrapper { padding-top: 56.25%; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="speakerdeck"] > .height-adjuster > .wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="snapwidget"] > .height-adjuster > .wrapper { padding-top: 30%; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="snapwidget"] > .height-adjuster > .wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
:where(.render-canvas) .richText [data-type="embed_code"][data-embed-code-type="firework"] > .height-adjuster > .wrapper fw-embed-feed { user-select: none; }
:where(.render-canvas) .richText [data-type="embed_code_empty"] { display: none; }
:where(.render-canvas) .richText [data-type="pdf_link"], :where(.render-canvas) .richText [data-type="video_block"] { margin: 10px 0px; }
:where(.render-canvas) .richText ul { margin: 0px 0px 0px 20px; }
:where(.render-canvas) .richText ul li { margin: 10px 0px; list-style: outside; }
:where(.render-canvas) .richText ul li p { margin: 0px; }
:where(.render-canvas) .richText ol { margin: 0px 0px 0px 20px; }
:where(.render-canvas) .richText ol li { margin: 10px 0px; list-style: decimal; }
:where(.render-canvas) .richText ol li p { margin: 0px; }
:where(.render-canvas) .richText hr { border-top: 1px solid rgb(204, 204, 204); margin: 10px 0px; }
:where(.render-canvas) .richText p > code { background: rgb(238, 238, 238); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 6px; margin: 2px; padding: 0px 5px; display: inline; }
:where(.render-canvas) .richText pre { white-space: pre-wrap; background: rgb(238, 238, 238); border-radius: 6px; margin: 20px 0px; padding: 25px 35px; font-family: Menlo, Monaco, "Courier New", monospace; }
:where(.render-canvas) .richText pre code { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
:where(.render-canvas) .richText strong { color: inherit; font-family: inherit; font-weight: 900; display: inline; }
:where(.render-canvas) .richText em { font-style: italic; }
:where(.render-canvas) .richText u { text-decoration: underline; }
:where(.render-canvas) .richText a { color: rgb(0, 124, 255); text-decoration: underline; display: inline; }
:where(.render-canvas) .richText s { text-decoration: line-through; }
:where(.render-canvas) .richText [data-type="table_of_contents"] { color: rgb(97, 97, 97); background-color: rgb(245, 245, 245); border-radius: 2px; margin: 0px; padding: 24px 24px 8px; font-size: 16px; text-decoration: underline; list-style: none; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_list { margin: 0px; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item { font-weight: inherit; color: currentcolor; list-style: none; font-size: inherit !important; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item > a { font-weight: inherit; color: currentcolor; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-decoration: none; font-size: inherit !important; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item > a:hover { opacity: 0.7; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item--1 { margin: 0px 0px 16px; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item--2 { margin: 0px 0px 16px; padding-left: 2rem; }
:where(.render-canvas) .richText [data-type="table_of_contents"] .toc_item--3 { margin: 0px 0px 16px; padding-left: 4rem; }
:where(.render-canvas) .sd.section { flex-flow: column !important; align-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; height: auto !important; padding: 0px !important; }
:where(.render-canvas) .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: #0000; }
@property --g-position-0 { syntax: "<percentage>"; inherits: false; initial-value: .01%; }
@property --g-color-1 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-1 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-2 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-2 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-3 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-3 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-4 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-4 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-5 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-5 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-6 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-6 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-7 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-7 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-8 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-8 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-9 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-9 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-10 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-10 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --g-color-11 { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --g-position-11 { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
br[data-bp~="base:0"]{display:none;}
br[data-bp~="base:1"]{display:inline;}
@media screen and (max-width: 1140px){
br[data-bp~="@small:0"]{display:none;}
br[data-bp~="@small:1"]{display:inline;}
}
@media screen and (max-width: 840px){
br[data-bp~="@tablet:0"]{display:none;}
br[data-bp~="@tablet:1"]{display:inline;}
}
@media screen and (max-width: 361px){
br[data-bp~="@mobile:0"]{display:none;}
br[data-bp~="@mobile:1"]{display:inline;}
}
@media screen and (max-width: 320px){
br[data-bp~="@mini:0"]{display:none;}
br[data-bp~="@mini:1"]{display:inline;}
}
.sd[data-s-baa6a6d1][data-s-baa6a6d1][data-s-baa6a6d1] { font-family: var(--s-font-fea9a7b0); font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.5; }
.sd[data-s-2838754f-7be5-4854-a2ff-4a6944f6974a] { align-content: center; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-radius: 0; box-shadow: none; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: space-between; left: 0; margin: 0 0 0 0; padding: 48px 48px 48px; position: fixed; top: 0; transition-delay: 1400ms; transition-duration: 800ms; width: 100%; max-width: 100%; --g-color-0: rgba(0, 0, 0, 0.5); --g-position-0: 0%; --g-color-1: rgba(102, 102, 102, 0); --g-position-1: 100%; --g-color-2: rgba(102, 102, 102, 0); --g-position-2: 100%; --g-color-3: rgba(102, 102, 102, 0); --g-position-3: 100%; --g-color-4: rgba(102, 102, 102, 0); --g-position-4: 100%; --g-color-5: rgba(102, 102, 102, 0); --g-position-5: 100%; --g-color-6: rgba(102, 102, 102, 0); --g-position-6: 100%; --g-color-7: rgba(102, 102, 102, 0); --g-position-7: 100%; --g-color-8: rgba(102, 102, 102, 0); --g-position-8: 100%; --g-color-9: rgba(102, 102, 102, 0); --g-position-9: 100%; --g-color-10: rgba(102, 102, 102, 0); --g-position-10: 100%; --g-color-11: rgba(102, 102, 102, 0); --g-position-11: 100%; --g-angle: 180deg; }
.sd[data-s-2838754f-7be5-4854-a2ff-4a6944f6974a].appear { opacity: 0; translate: 0px -48px; }
.sd[data-s-2838754f-7be5-4854-a2ff-4a6944f6974a].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-2838754f-7be5-4854-a2ff-4a6944f6974a] { display: flex; justify-content: space-between; padding: 24px 48px 24px 48px; }
}
@media screen and (max-width: 361px){
.sd[data-s-2838754f-7be5-4854-a2ff-4a6944f6974a] { display: flex; padding: 24px 48px 24px 24px; }
}
@media screen and (max-width: 320px){
.sd[data-s-2838754f-7be5-4854-a2ff-4a6944f6974a] { display: flex; }
}.sd[data-s-b8c11328-452c-4a8d-9379-69e58ad2b077] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }
.sd[data-s-b8c11328-452c-4a8d-9379-69e58ad2b077]:hover { opacity: 0.7; scale: 1.05 1.05; }
@media screen and (max-width: 320px){
.sd[data-s-b8c11328-452c-4a8d-9379-69e58ad2b077] { flex: none; height: auto; width: 132px; max-width: 100%; }
}.sd[data-s-09db24fc-90eb-4b56-8c44-dc0317d3774a] { flex: none; height: 30px; width: auto; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-09db24fc-90eb-4b56-8c44-dc0317d3774a] { flex: none; height: auto; width: 173px; max-width: 100%; }
}.sd[data-s-ba444404-3570-4da8-9af9-a1cfb548a5c9] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-ba444404-3570-4da8-9af9-a1cfb548a5c9] { display: none; }
}
@media screen and (max-width: 361px){
.sd[data-s-ba444404-3570-4da8-9af9-a1cfb548a5c9] { display: none; }
}.sd[data-s-8a311b60-a0a9-4d5e-8fb6-ad8dc35d6e2a] { border-bottom: 0px solid rgba(0, 0, 0, 0); border-left: 0px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-top: 0px solid rgba(0, 0, 0, 0); color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 20px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-8a311b60-a0a9-4d5e-8fb6-ad8dc35d6e2a]:hover { opacity: 0.7; scale: 1.05 1.05; }
@media screen and (max-width: 840px){
.sd[data-s-8a311b60-a0a9-4d5e-8fb6-ad8dc35d6e2a] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-8a311b60-a0a9-4d5e-8fb6-ad8dc35d6e2a] { display: flex; }
}.sd[data-s-ccc4e49d-be02-40c9-9ca1-d0a5e09723ff] { border-bottom: 0px solid rgba(0, 0, 0, 0); border-left: 0px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-top: 0px solid rgba(0, 0, 0, 0); color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 20px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-ccc4e49d-be02-40c9-9ca1-d0a5e09723ff]:hover { opacity: 0.7; scale: 1.05 1.05; }
@media screen and (max-width: 840px){
.sd[data-s-ccc4e49d-be02-40c9-9ca1-d0a5e09723ff] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-ccc4e49d-be02-40c9-9ca1-d0a5e09723ff] { display: flex; }
}.sd[data-s-e35e88d9-2153-4e9f-865d-b484e160eb13] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 20px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-e35e88d9-2153-4e9f-865d-b484e160eb13]:hover { opacity: 0.7; scale: 1.05 1.05; }
@media screen and (max-width: 840px){
.sd[data-s-e35e88d9-2153-4e9f-865d-b484e160eb13] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-e35e88d9-2153-4e9f-865d-b484e160eb13] { display: flex; }
}.sd[data-s-d109cdbc-073d-4abb-a6a4-80b3a132939e] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 20px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-d109cdbc-073d-4abb-a6a4-80b3a132939e]:hover { opacity: 0.7; scale: 1.05 1.05; }.sd[data-s-a6dcbc24-3b0e-4cdd-b31c-89f3eb0182ab] { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; height: 22px; justify-content: center; padding: 0px; width: auto; max-width: 100%; }.sd[data-s-ab9b5f30-eb53-410b-8ee3-54e5ee1c80bc] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }
.sd[data-s-ab9b5f30-eb53-410b-8ee3-54e5ee1c80bc]:hover { opacity: 0.7; scale: 1.05 1.05; }.sd[data-s-4d1fc50d-5721-44a1-9277-89080557ce43] { bottom: 0px; color: #ffffff; display: none; flex: none; font-size: 24px; height: 100%; left: auto; margin: 0 0 0 0; padding: 24px; position: absolute; right: 0px; top: 0px; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-4d1fc50d-5721-44a1-9277-89080557ce43] { display: none; }
}
@media screen and (max-width: 840px){
.sd[data-s-4d1fc50d-5721-44a1-9277-89080557ce43] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-4d1fc50d-5721-44a1-9277-89080557ce43] { display: flex; }
}
@media screen and (max-width: 320px){
.sd[data-s-4d1fc50d-5721-44a1-9277-89080557ce43] { display: flex; }
}
.sd[data-s-eab26c70-64b4-416e-bde9-6c58d0a5efbb] { align-content: center; align-items: center; background: #000000; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 96px 0px 96px; transition-delay: 400ms; transition-duration: 1200ms; width: 100%; max-width: 100%; }
.sd[data-s-eab26c70-64b4-416e-bde9-6c58d0a5efbb].appear { background: #000000; }
.sd[data-s-eab26c70-64b4-416e-bde9-6c58d0a5efbb].appear-active {  }.sd[data-s-a02e96b4-24aa-42f3-9528-c2095ba4a22b] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 96px 0px; padding: 0px 48px 0px; width: 1280px; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-a02e96b4-24aa-42f3-9528-c2095ba4a22b] { flex-direction: column; flex-wrap: nowrap; }
}
@media screen and (max-width: 361px){
.sd[data-s-a02e96b4-24aa-42f3-9528-c2095ba4a22b] { flex-direction: column; flex-wrap: nowrap; padding: 0px 24px 0px; }
}.sd[data-s-cd24df48-cc08-4c8c-9618-1b0d7d58870d] { align-content: center; align-items: center; background: #ffffff; border-radius: 10px; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 48px; transition-duration: 800ms; width: 49%; max-width: 49%; }
.sd[data-s-cd24df48-cc08-4c8c-9618-1b0d7d58870d]:hover { transform: ; }
@media screen and (max-width: 840px){
.sd[data-s-cd24df48-cc08-4c8c-9618-1b0d7d58870d] { flex: none; height: 153px; margin: 0px 0px 48px 0px; padding: 24px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-cd24df48-cc08-4c8c-9618-1b0d7d58870d] { flex: none; margin: 0px 0px 48px 0px; width: 100%; }
}.sd[data-s-4f14baf2-0a87-4401-9876-27b40382b94f] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; }
.sd[data-s-cd24df48-cc08-4c8c-9618-1b0d7d58870d]:hover .sd[data-s-4f14baf2-0a87-4401-9876-27b40382b94f] { opacity: 0.5; }.sd[data-s-43c63a2d-8947-420c-a747-345bf048349e] { color: transparent; font-family: var(--s-font-18a508ab); font-size: 36px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1; margin: 0px 0px 24px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; background: var(--s-color-23a037ba); background-clip: text; -webkit-background-clip: text; }
@media screen and (max-width: 840px){
.sd[data-s-43c63a2d-8947-420c-a747-345bf048349e] { font-size: 28px; margin: 0px 0px 12px 0px; max-width: 100%; }
}.sd[data-s-b7e117b9-f085-4267-b210-a76a6fc1d82b] { color: #000000; font-family: var(--s-font-abbfb9fe); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
.sd[data-s-b7e117b9-f085-4267-b210-a76a6fc1d82b] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-b7e117b9-f085-4267-b210-a76a6fc1d82b] { font-size: 12px; }
}.sd[data-s-9bd41b2e-44a5-4d9e-a9a9-211618c95953] { color: #000000; font-size: 48px; }
.sd[data-s-cd24df48-cc08-4c8c-9618-1b0d7d58870d]:hover .sd[data-s-9bd41b2e-44a5-4d9e-a9a9-211618c95953] { opacity: 0.5; translate: 10px 0px; }
@media screen and (max-width: 840px){
.sd[data-s-9bd41b2e-44a5-4d9e-a9a9-211618c95953] { font-size: 32px; }
}.sd[data-s-23ca37ac-0c7b-41ed-b333-98ecc86e4b8d] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: space-between; margin: 0px 0px 48px 0px; padding: 0px 48px 0px; width: 1280px; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-23ca37ac-0c7b-41ed-b333-98ecc86e4b8d] { flex-direction: column; flex-wrap: nowrap; margin: 0px 0px 24px 0px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-23ca37ac-0c7b-41ed-b333-98ecc86e4b8d] { margin: 0px 0px 48px 0px; padding: 0px 24px 0px; max-width: 100%; }
}.sd[data-s-9cbd2caa-7d5c-4f67-987a-6bc61b4678a8] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 20px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1; margin: 0px 24px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; z-index: 1; max-width: calc(100% - 24px); justify-content: flex-start; }
@media screen and (max-width: 840px){
.sd[data-s-9cbd2caa-7d5c-4f67-987a-6bc61b4678a8] { margin: 0px 24px 24px 0px; max-width: calc(100% - 24px); }
}
@media screen and (max-width: 361px){
.sd[data-s-9cbd2caa-7d5c-4f67-987a-6bc61b4678a8] { margin: 0px 24px 48px 0px; max-width: calc(100% - 24px); }
}.sd[data-s-8ea5ccc1-6114-48f3-8783-76a49327b257] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-8ea5ccc1-6114-48f3-8783-76a49327b257] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-8ea5ccc1-6114-48f3-8783-76a49327b257] { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; }
}.sd[data-s-08c66173-72a4-49df-a264-7397ac9d1eda] { border-bottom: 2px solid rgba(0, 0, 0, 0); border-left: 0px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-top: 0px solid rgba(0, 0, 0, 0); color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-08c66173-72a4-49df-a264-7397ac9d1eda]:hover { opacity: 0.5; }
@media screen and (max-width: 840px){
.sd[data-s-08c66173-72a4-49df-a264-7397ac9d1eda] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-08c66173-72a4-49df-a264-7397ac9d1eda] { display: flex; margin: 0px 0px 24px 0px; padding: 0px 0px 0px; max-width: 100%; }
}.sd[data-s-49b4c0f3-144b-41d8-a75d-a5745cd66499] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-49b4c0f3-144b-41d8-a75d-a5745cd66499]:hover { opacity: 0.5; }
@media screen and (max-width: 840px){
.sd[data-s-49b4c0f3-144b-41d8-a75d-a5745cd66499] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-49b4c0f3-144b-41d8-a75d-a5745cd66499] { display: flex; margin: 0px 0px 24px 0px; padding: 0px 0px 0px; max-width: 100%; }
}.sd[data-s-666c7c60-442a-41fa-beae-d776c2b18ddd] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-666c7c60-442a-41fa-beae-d776c2b18ddd]:hover { opacity: 0.5; }
@media screen and (max-width: 840px){
.sd[data-s-666c7c60-442a-41fa-beae-d776c2b18ddd] { display: flex; }
}
@media screen and (max-width: 361px){
.sd[data-s-666c7c60-442a-41fa-beae-d776c2b18ddd] { display: flex; margin: 0px 0px 24px 0px; padding: 0px 0px 0px; max-width: 100%; }
}.sd[data-s-d199f1be-20b9-46cb-8a12-54610b81a592] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px 12px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-d199f1be-20b9-46cb-8a12-54610b81a592]:hover { opacity: 0.5; }
@media screen and (max-width: 361px){
.sd[data-s-d199f1be-20b9-46cb-8a12-54610b81a592] { margin: 0px 0px 24px 0px; padding: 0px 0px 0px; max-width: 100%; }
}.sd[data-s-364f1ba2-0922-4216-835f-5f0fb3cddd05] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 10px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 361px){
.sd[data-s-364f1ba2-0922-4216-835f-5f0fb3cddd05] { flex: none; padding: 0px 24px 0px; width: 100%; max-width: 100%; }
}
.sd[data-s-d6f28254-ecd0-4ba8-b967-66375db6849a] { align-content: center; align-items: center; background: #f8f7f6; border-radius: 0; box-shadow: ; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; }.sd[data-s-71ca44f4-b76a-41c3-b2f2-e8e7fe846276] {  }.sd[data-s-7264dfa3-2040-459e-baa0-36a3bef4e07e] { flex: none; height: 100vh; left: 0; margin: 0 0 0 0; position: fixed; top: 0; transition-delay: 500ms; transition-duration: 2000ms; transition-timing-function: cubic-bezier(0.42, 0   , 0.6 , 1.19); width: 100%; z-index: -1; max-width: 100%; }
.sd[data-s-7264dfa3-2040-459e-baa0-36a3bef4e07e].appear { scale: 1.05 1.05; transition-duration: 3000ms; }
.sd[data-s-7264dfa3-2040-459e-baa0-36a3bef4e07e].appear-active { transition-duration: 3000ms; }
.sd[data-s-7264dfa3-2040-459e-baa0-36a3bef4e07e]:before { filter: brightness(0.8); }.sd[data-s-c1782c48-4977-40d3-a2cb-c5632de06a39] { background: var(--s-color-23a037ba); bottom: NaNpx; flex: none; height: 100%; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; scale: 1e-10 1; top: 0px; transform-origin: center right; transition-delay: 500ms; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
.sd[data-s-c1782c48-4977-40d3-a2cb-c5632de06a39].appear { scale: 1 1; }
.sd[data-s-c1782c48-4977-40d3-a2cb-c5632de06a39].appear-active {  }
.sd[data-s-c1782c48-4977-40d3-a2cb-c5632de06a39]&appear-active { transform-origin: center right; }.sd[data-s-f255a4bf-fce5-4647-9986-87f48a069021] { 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; transition-delay: 800ms; transition-duration: 1000ms; translate: 0px 0px; width: 100%; max-width: 100%; }.sd[data-s-9812f858-f56f-4bd5-b8d7-ddbb849e2ef4] { 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; padding: 0px 0px 0px; width: 100%; max-width: 100%; }.sd[data-s-1f327c55-7d89-4ac1-b65d-3662e56f4718] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 224px 48px 96px 48px; width: 1280px; z-index: 1; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-1f327c55-7d89-4ac1-b65d-3662e56f4718] { padding: 144px 48px 96px; }
}
@media screen and (max-width: 361px){
.sd[data-s-1f327c55-7d89-4ac1-b65d-3662e56f4718] { padding: 144px 25px 48px 25px; }
}
@media screen and (max-width: 320px){
.sd[data-s-1f327c55-7d89-4ac1-b65d-3662e56f4718] { padding: 144px 25px 48px 25px; }
}.sd[data-s-b1437a4a-dc8a-4f01-90bd-2c41d6ba35ad] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 40px 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-b1437a4a-dc8a-4f01-90bd-2c41d6ba35ad] { flex: none; height: auto; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
.sd[data-s-b1437a4a-dc8a-4f01-90bd-2c41d6ba35ad] { flex: none; height: 110px; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c] { color: #ffffff; flex: none; font-family: var(--s-font-18a508ab); font-size: 150px; font-weight: 600; height: 166px; letter-spacing: normal; line-height: 0.00; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; transition-delay: 600ms; transition-duration: 800ms; width: 826px; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c].appear { color: #9bc8da; opacity: 0; translate: 0px 72px; }
.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c] { font-size: 160px; }
}
@media screen and (max-width: 840px){
.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c] { font-size: 100px; width: 454px; height: 126px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c] { font-size: 70px; height: 82px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
.sd[data-s-3f01e395-6170-41fd-bf21-23d12ae4536c] { font-size: 50px; height: 71px; width: 224px; max-width: 100%; }
}.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4] { color: #ffffff; flex: none; font-family: var(--s-font-18a508ab); font-size: 150px; font-weight: 600; height: 166px; letter-spacing: normal; line-height: 1.1; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 800ms; transition-duration: 800ms; width: 826px; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4].appear { color: #9bc8da; opacity: 0; translate: 0px 72px; }
.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4] { font-size: 160px; }
}
@media screen and (max-width: 840px){
.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4] { font-size: 100px; width: 454px; height: 90px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4] { font-size: 70px; height: 82px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
.sd[data-s-1bdce770-b975-4f9c-a2e7-c719b0a2b6c4] { font-size: 50px; height: 71px; width: 224px; max-width: 100%; }
}.sd[data-s-23923155-1c9c-411d-947b-b5a80603f4a3] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px 0px; padding: 0px; transition-delay: 1200ms; transition-duration: 1000ms; width: 100%; z-index: 1; max-width: 100%; }
.sd[data-s-23923155-1c9c-411d-947b-b5a80603f4a3].appear { opacity: 0; translate: 0px 48px; }
.sd[data-s-23923155-1c9c-411d-947b-b5a80603f4a3].appear-active {  }.sd[data-s-2f00e3cd-46c0-4822-8c62-e23bd94397f3] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; transition-delay: 1200ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-s-2f00e3cd-46c0-4822-8c62-e23bd94397f3].appear { opacity: 0; translate: 0px 24px; }
.sd[data-s-2f00e3cd-46c0-4822-8c62-e23bd94397f3].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-2f00e3cd-46c0-4822-8c62-e23bd94397f3] { font-size: 18px; }
}
@media screen and (max-width: 361px){
.sd[data-s-2f00e3cd-46c0-4822-8c62-e23bd94397f3] { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; }
}.sd[data-s-a153aebd-1509-41cf-aa54-58cccfb8baca] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 28px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 48px 0px; text-align: left; transition-delay: 1200ms; transition-duration: 800ms; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
.sd[data-s-a153aebd-1509-41cf-aa54-58cccfb8baca] { font-size: 24px; margin: 0px 0px 24px 0px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-a153aebd-1509-41cf-aa54-58cccfb8baca] { font-size: 18px; margin: 0px 0px 8px 0px; max-width: 100%; }
}
@media screen and (max-width: 320px){
.sd[data-s-a153aebd-1509-41cf-aa54-58cccfb8baca] { font-size: 17px; }
}.sd[data-s-e708380b-b8c8-44ae-8007-6633d7503744] { color: #ffffff; flex: none; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 48px 0px; text-align: justify; transition-delay: 300ms; transition-duration: 800ms; width: 727px; z-index: 1; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 840px){
.sd[data-s-e708380b-b8c8-44ae-8007-6633d7503744] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-e708380b-b8c8-44ae-8007-6633d7503744] { font-size: 12px; }
}.sd[data-s-e0f2bf12-6331-4d0a-93eb-4a6732499deb] { align-content: center; align-items: center; background: var(--s-color-23a037ba); border-bottom: 0px solid var(--s-color-6c909560); border-left: 0px solid var(--s-color-6c909560); border-radius: 10px; border-right: 0px solid var(--s-color-6c909560); border-top: 0px solid var(--s-color-6c909560); box-shadow: 20px 20px 30px rgba(0,0,0,0.2); flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 12px 48px 12px; transition-delay: 0ms; transition-duration: 600ms; }
.sd[data-s-e0f2bf12-6331-4d0a-93eb-4a6732499deb].appear { opacity: 0; transform: ; transition-duration: 1000ms; }
.sd[data-s-e0f2bf12-6331-4d0a-93eb-4a6732499deb].appear-active { transition-duration: 1000ms; }
.sd[data-s-e0f2bf12-6331-4d0a-93eb-4a6732499deb]:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); translate: 10px 10px; }.sd[data-s-6475a1ed-daba-42f0-ba08-fd2ffcb26977] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 0px 0px; text-align: center; transition-delay: 1200ms; transition-duration: 800ms; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px){
.sd[data-s-6475a1ed-daba-42f0-ba08-fd2ffcb26977] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-6475a1ed-daba-42f0-ba08-fd2ffcb26977] { font-size: 12px; }
}.sd[data-s-d23f790e-6e03-45cc-8776-6e05be035be0] { color: #ffffff; font-size: 20px; }.sd[data-s-7ee3897b-430b-4ad7-b2e9-f9bf3fb067ef] { align-content: center; align-items: center; bottom: auto; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-end; left: auto; margin: 0 0 0 0; padding: 0px 48px 0px; position: absolute; right: 0px; top: 0px; transition-delay: 1400ms; transition-duration: 800ms; width: auto; max-width: 100%; }
.sd[data-s-7ee3897b-430b-4ad7-b2e9-f9bf3fb067ef].appear { opacity: 0; translate: 0px 48px; }
.sd[data-s-7ee3897b-430b-4ad7-b2e9-f9bf3fb067ef].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-7ee3897b-430b-4ad7-b2e9-f9bf3fb067ef] { padding: 0px 24px 0px; }
}
@media screen and (max-width: 361px){
.sd[data-s-7ee3897b-430b-4ad7-b2e9-f9bf3fb067ef] { padding: 0px 12px 0px; }
}.sd[data-s-f4dd6c49-c6ad-4473-810a-18726438ae74] { border-bottom: 2px solid rgba(0, 0, 0, 0); border-left: 0px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-top: 0px solid rgba(0, 0, 0, 0); color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 14px; font-weight: 600; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px 0px 24px 0px; padding: 0px 0px 0px; text-align: center; width: auto; writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: center; }
.sd[data-s-f4dd6c49-c6ad-4473-810a-18726438ae74]:hover { opacity: 0.5; }
@media screen and (max-width: 840px){
.sd[data-s-f4dd6c49-c6ad-4473-810a-18726438ae74] { display: flex; font-size: 12px; }
}
@media screen and (max-width: 361px){
.sd[data-s-f4dd6c49-c6ad-4473-810a-18726438ae74] { display: flex; font-size: 10px; }
}.sd[data-s-79989337-5620-4c89-8161-95edb0715230] { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 40%; width: 1px; max-width: 100%; --g-color-0: #ffffff; --g-position-0: 0%; --g-color-1: rgba(255, 255, 255, 0); --g-position-1: 100%; --g-color-2: rgba(255, 255, 255, 0); --g-position-2: 100%; --g-color-3: rgba(255, 255, 255, 0); --g-position-3: 100%; --g-color-4: rgba(255, 255, 255, 0); --g-position-4: 100%; --g-color-5: rgba(255, 255, 255, 0); --g-position-5: 100%; --g-color-6: rgba(255, 255, 255, 0); --g-position-6: 100%; --g-color-7: rgba(255, 255, 255, 0); --g-position-7: 100%; --g-color-8: rgba(255, 255, 255, 0); --g-position-8: 100%; --g-color-9: rgba(255, 255, 255, 0); --g-position-9: 100%; --g-color-10: rgba(255, 255, 255, 0); --g-position-10: 100%; --g-color-11: rgba(255, 255, 255, 0); --g-position-11: 100%; --g-angle: 180deg; }.sd[data-s-a39c96d8-a9ed-48fe-bedf-82fbda03c113] { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); bottom: 0px; flex: none; height: 275px; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; top: auto; width: 100%; z-index: 0; max-width: 100%; --g-color-0: rgba(0, 0, 0, 0); --g-position-0: 0%; --g-color-1: rgba(0, 0, 0, 0.4); --g-position-1: 100%; --g-color-2: rgba(0, 0, 0, 0.4); --g-position-2: 100%; --g-color-3: rgba(0, 0, 0, 0.4); --g-position-3: 100%; --g-color-4: rgba(0, 0, 0, 0.4); --g-position-4: 100%; --g-color-5: rgba(0, 0, 0, 0.4); --g-position-5: 100%; --g-color-6: rgba(0, 0, 0, 0.4); --g-position-6: 100%; --g-color-7: rgba(0, 0, 0, 0.4); --g-position-7: 100%; --g-color-8: rgba(0, 0, 0, 0.4); --g-position-8: 100%; --g-color-9: rgba(0, 0, 0, 0.4); --g-position-9: 100%; --g-color-10: rgba(0, 0, 0, 0.4); --g-position-10: 100%; --g-color-11: rgba(0, 0, 0, 0.4); --g-position-11: 100%; --g-angle: 180deg; }.sd[data-s-11115e03-b83a-45f3-a2d4-fc1874e3cafd] { align-content: center; align-items: center; background: var(--s-color-23a037ba); flex: none; flex-direction: column; flex-wrap: nowrap; height: 945px; justify-content: flex-start; padding: 96px 0px 56px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-11115e03-b83a-45f3-a2d4-fc1874e3cafd] { height: 878px; margin: 0px 0px 0px 0px; padding: 96px 0px 32px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-2db5533c-9e41-4a8b-b39c-0681e406c579] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; height: 40vh; justify-content: center; margin: 0px 0px 80px 0px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-2db5533c-9e41-4a8b-b39c-0681e406c579] { flex: none; height: 30vh; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-2db5533c-9e41-4a8b-b39c-0681e406c579] { flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; margin: 0px 0px 96px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-7d229c06-1769-4446-9cd6-1672a76148ad] { flex: none; height: 100%; margin: 0px 0px 0px 0px; width: 50%; max-width: 50%; }
.sd[data-s-7d229c06-1769-4446-9cd6-1672a76148ad]:before { filter: brightness(0.7); }
@media screen and (max-width: 361px){
.sd[data-s-7d229c06-1769-4446-9cd6-1672a76148ad] { flex: none; height: 160px; width: 100%; max-width: 100%; }
}.sd[data-s-74f969fe-04a7-4684-ae2a-fb1a805a4171] { flex: none; height: 100%; margin: 0px 0px 0px 0px; width: 50%; max-width: 50%; }
.sd[data-s-74f969fe-04a7-4684-ae2a-fb1a805a4171]:before { filter: brightness(0.7); }
@media screen and (max-width: 361px){
.sd[data-s-74f969fe-04a7-4684-ae2a-fb1a805a4171] { flex: none; height: 160px; width: 100%; max-width: 100%; }
}.sd[data-s-a4ee30f1-8460-44c9-9a99-314ece39a311] { background: var(--s-color-6c909560); bottom: NaNpx; flex: none; height: 100%; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; scale: 1e-10 1; top: 0px; transform-origin: center right; transition-delay: 500ms; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
.sd[data-s-a4ee30f1-8460-44c9-9a99-314ece39a311].appear { scale: 1 1; }
.sd[data-s-a4ee30f1-8460-44c9-9a99-314ece39a311].appear-active {  }
.sd[data-s-a4ee30f1-8460-44c9-9a99-314ece39a311]&appear-active { transform-origin: center right; }.sd[data-s-42d87305-aaae-4c33-be5b-e7b902a410a5] { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: 367px; justify-content: space-between; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; --gap-uuid: 42d87305-aaae-4c33-be5b-e7b902a410a5; --gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5: 0px; --gap-v-42d87305-aaae-4c33-be5b-e7b902a410a5: 0px; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-42d87305-aaae-4c33-be5b-e7b902a410a5] { gap: 0px; height: 288px; padding: 0px 24px 0px 24px; width: 100%; --gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5: 0px; --gap-v-42d87305-aaae-4c33-be5b-e7b902a410a5: 0px; max-width: 100%; }
}.sd[data-s-2c45c4b5-1b63-4ddc-ae9e-a737ac5b9485] { color: #ffffff; font-family: var(--s-font-18a508ab); font-size: 72px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-s-2c45c4b5-1b63-4ddc-ae9e-a737ac5b9485].appear { opacity: 0; translate: 0px 24px; }
.sd[data-s-2c45c4b5-1b63-4ddc-ae9e-a737ac5b9485].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-2c45c4b5-1b63-4ddc-ae9e-a737ac5b9485] { font-size: 48px; margin: 0px 0px 48px 0px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-2c45c4b5-1b63-4ddc-ae9e-a737ac5b9485] { font-size: 32px; margin: 0px 0px 16px 0px; max-width: 100%; }
}.sd[data-s-32d5b27c-fd0e-4fdf-9fd7-be89686321b9] { color: #ffffff; flex: none; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 24px 0px; text-align: justify; transition-delay: 400ms; transition-duration: 1000ms; width: calc(50% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.5)); z-index: 1; max-width: calc(50% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.5)); justify-content: space-between; }
.sd[data-s-32d5b27c-fd0e-4fdf-9fd7-be89686321b9].appear { opacity: 0; }
.sd[data-s-32d5b27c-fd0e-4fdf-9fd7-be89686321b9].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-32d5b27c-fd0e-4fdf-9fd7-be89686321b9] { font-size: 16px; }
}
@media screen and (max-width: 840px){
.sd[data-s-32d5b27c-fd0e-4fdf-9fd7-be89686321b9] { flex: none; font-size: 14px; width: calc(80% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.2)); max-width: calc(80% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.2)); }
}
@media screen and (max-width: 361px){
.sd[data-s-32d5b27c-fd0e-4fdf-9fd7-be89686321b9] { flex: none; font-size: 12px; width: calc(100% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0)); max-width: calc(100% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0)); }
}.sd[data-s-39bd3556-7dcb-44a9-946d-85ca05b79532] { color: #ffffff; flex: none; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 0px 0px; text-align: justify; transition-delay: 400ms; transition-duration: 1000ms; width: calc(50% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.5)); z-index: 1; max-width: calc(50% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.5)); justify-content: space-between; }
.sd[data-s-39bd3556-7dcb-44a9-946d-85ca05b79532].appear { opacity: 0; }
.sd[data-s-39bd3556-7dcb-44a9-946d-85ca05b79532].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-39bd3556-7dcb-44a9-946d-85ca05b79532] { font-size: 16px; }
}
@media screen and (max-width: 840px){
.sd[data-s-39bd3556-7dcb-44a9-946d-85ca05b79532] { flex: none; font-size: 14px; width: calc(80% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.2)); max-width: calc(80% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0.2)); }
}
@media screen and (max-width: 361px){
.sd[data-s-39bd3556-7dcb-44a9-946d-85ca05b79532] { flex: none; font-size: 12px; width: calc(100% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0)); max-width: calc(100% - (var(--gap-h-42d87305-aaae-4c33-be5b-e7b902a410a5) * 0)); }
}.sd[data-s-64ab4287-e0ed-4079-ab8d-9531974c851d] { align-content: center; align-items: center; background: var(--s-color-b0b04bc2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 192px 48px 192px; transition-delay: 400ms; transition-duration: 1200ms; width: 100%; max-width: 100%; }
.sd[data-s-64ab4287-e0ed-4079-ab8d-9531974c851d].appear { background: #000000; }
.sd[data-s-64ab4287-e0ed-4079-ab8d-9531974c851d].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-64ab4287-e0ed-4079-ab8d-9531974c851d] { padding: 96px 24px 96px; }
}
@media screen and (max-width: 361px){
.sd[data-s-64ab4287-e0ed-4079-ab8d-9531974c851d] { padding: 96px 24px 96px; }
}.sd[data-s-5182b1e8-1e76-4acf-9037-dd670decd1f5] { align-content: flex-end; align-items: flex-end; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 96px 0px; padding: 0px 0px 0px; width: 1280px; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-5182b1e8-1e76-4acf-9037-dd670decd1f5] { margin: 0px 0px 48px 0px; max-width: 100%; }
}.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2] { color: var(--s-color-6c909560); font-family: var(--s-font-18a508ab); font-size: 64px; font-weight: 600; height: auto; line-height: 1; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2].appear { opacity: 0; translate: 0px 48px; }
.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2] { font-size: 48px; }
}
@media screen and (max-width: 361px){
.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2].appear { translate: 0px 24px; }
.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2].appear-active {  }
.sd[data-s-1be352de-45d9-43e3-a4cc-e94998e902f2] { font-size: 28px; }
}.sd[data-s-30cef18e-2f5c-465a-8cf0-3c5dd978b7a4] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; transition-delay: 300ms; transition-duration: 800ms; }
.sd[data-s-30cef18e-2f5c-465a-8cf0-3c5dd978b7a4].appear { opacity: 0; translate: 0px 24px; }
.sd[data-s-30cef18e-2f5c-465a-8cf0-3c5dd978b7a4].appear-active {  }
.sd[data-s-30cef18e-2f5c-465a-8cf0-3c5dd978b7a4]:hover { opacity: 0.5; transition-delay: 0ms; transition-duration: 600ms; }.sd[data-s-0e073c0f-82ec-4d88-bcb3-669a18a8517c] { color: var(--s-color-6c909560); font-family: var(--s-font-18a508ab); font-size: 14px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 361px){
.sd[data-s-0e073c0f-82ec-4d88-bcb3-669a18a8517c] { font-size: 12px; }
}.sd[data-s-44da7bb1-05b9-45b5-b901-61eebc79cf14] { color: var(--s-color-6c909560); font-size: 20px; }
.sd[data-s-30cef18e-2f5c-465a-8cf0-3c5dd978b7a4]:hover .sd[data-s-44da7bb1-05b9-45b5-b901-61eebc79cf14] { translate: 6px 0px; }.sd[data-s-ecf813ea-b869-4061-861a-f68ac4d5dfcd] { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; width: 1280px; max-width: 100%; }.sd[data-s-df827b8c-b9eb-4604-ad1c-bf7fa752d035] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 96px 0px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-df827b8c-b9eb-4604-ad1c-bf7fa752d035] { flex-direction: column; flex-wrap: nowrap; }
}.sd[data-s-9765306f-a931-4b34-b43c-07a27a46677b] { align-content: center; align-items: center; border-radius: 10px; box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1); flex: none; flex-direction: row-reverse; flex-wrap: nowrap; height: 520px; justify-content: center; margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 60%; max-width: 60%; }
@media screen and (max-width: 1140px){
.sd[data-s-9765306f-a931-4b34-b43c-07a27a46677b] { flex: none; height: 400px; width: 60%; max-width: 60%; }
}
@media screen and (max-width: 840px){
.sd[data-s-9765306f-a931-4b34-b43c-07a27a46677b] { flex: none; height: 320px; width: 60%; max-width: 60%; }
}
@media screen and (max-width: 361px){
.sd[data-s-9765306f-a931-4b34-b43c-07a27a46677b] { flex: none; height: 240px; margin: 0px 0px 48px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-6f705437-9465-41bb-8570-45694308eab2] { flex: none; height: 100%; margin: 0px 0px 0px 0px; transition-delay: 300ms; transition-duration: 3000ms; transition-timing-function: ease-in-out; width: 100%; max-width: 100%; }
.sd[data-s-6f705437-9465-41bb-8570-45694308eab2].appear { scale: 1.05 1.05; }
.sd[data-s-6f705437-9465-41bb-8570-45694308eab2].appear-active {  }
.sd[data-s-6f705437-9465-41bb-8570-45694308eab2]:before { filter: brightness(0.7); }.sd[data-s-d597fb5f-0bca-4664-a70c-62e76f4fdac9] { background: var(--s-color-23a037ba); bottom: NaNpx; flex: none; height: 100%; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; scale: 1e-10 1; top: 0px; transform-origin: center right; transition-delay: 500ms; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
.sd[data-s-d597fb5f-0bca-4664-a70c-62e76f4fdac9].appear { scale: 1 1; }
.sd[data-s-d597fb5f-0bca-4664-a70c-62e76f4fdac9].appear-active {  }
.sd[data-s-d597fb5f-0bca-4664-a70c-62e76f4fdac9]&appear-active { transform-origin: center right; }.sd[data-s-372a4a6c-4258-4042-bcee-a33698fa5484] { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 0px 48px; padding: 0px; width: calc(40% - 48px); max-width: calc(40% - 48px); }
@media screen and (max-width: 361px){
.sd[data-s-372a4a6c-4258-4042-bcee-a33698fa5484] { flex: none; margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2] { color: var(--s-color-6c909560); font-family: var(--s-font-18a508ab); font-size: 48px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 24px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2].appear { opacity: 0; translate: 0px 48px; }
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2] { font-size: 40px; }
}
@media screen and (max-width: 840px){
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2] { font-size: 28px; margin: 0px 0px 48px 0px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2].appear { translate: 0px 24px; }
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2].appear-active {  }
.sd[data-s-54e30156-2d04-4e2a-a446-3aaf1efad1f2] { font-size: 40px; margin: 0px 0px 24px 0px; max-width: 100%; }
}.sd[data-s-6b0387b2-1e62-4410-a452-dda00436e6a3] { color: var(--s-color-6c909560); flex: none; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 48px 0px; text-align: left; transition-delay: 400ms; transition-duration: 1000ms; width: 100%; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-6b0387b2-1e62-4410-a452-dda00436e6a3].appear { opacity: 0; }
.sd[data-s-6b0387b2-1e62-4410-a452-dda00436e6a3].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-6b0387b2-1e62-4410-a452-dda00436e6a3] { font-size: 16px; }
}
@media screen and (max-width: 840px){
.sd[data-s-6b0387b2-1e62-4410-a452-dda00436e6a3] { font-size: 14px; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-4c53a616-0e71-4812-90e6-b360cc01eb84] { align-content: center; align-items: center; background: var(--s-color-23a037ba); border-bottom: 0px solid var(--s-color-6c909560); border-left: 0px solid var(--s-color-6c909560); border-radius: 10px; border-right: 0px solid var(--s-color-6c909560); border-top: 0px solid var(--s-color-6c909560); box-shadow: 20px 20px 30px rgba(0,0,0,0.2); flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 12px 48px 12px; transition-delay: 0ms; transition-duration: 600ms; }
.sd[data-s-4c53a616-0e71-4812-90e6-b360cc01eb84].appear { opacity: 0; transform: ; transition-duration: 1000ms; }
.sd[data-s-4c53a616-0e71-4812-90e6-b360cc01eb84].appear-active { transition-duration: 1000ms; }
.sd[data-s-4c53a616-0e71-4812-90e6-b360cc01eb84]:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); translate: 10px 10px; }.sd[data-s-ed09323f-541b-450e-b1bb-2f9c49e8b57b] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 0px 0px; text-align: center; transition-delay: 1200ms; transition-duration: 800ms; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px){
.sd[data-s-ed09323f-541b-450e-b1bb-2f9c49e8b57b] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-ed09323f-541b-450e-b1bb-2f9c49e8b57b] { font-size: 12px; }
}.sd[data-s-0a964bb2-66a7-41db-bba9-3ee3bd519989] { color: #ffffff; font-size: 20px; }.sd[data-s-17000bd3-20a8-4ac2-982e-9a7c07f35504] { align-content: center; align-items: center; flex: none; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 96px 0px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-17000bd3-20a8-4ac2-982e-9a7c07f35504] { flex-direction: column; flex-wrap: nowrap; }
}.sd[data-s-3fa8bcfc-5000-4582-b597-28293df4bb1e] { align-content: center; align-items: center; border-radius: 10px; box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1); flex: none; flex-direction: row-reverse; flex-wrap: nowrap; height: 520px; justify-content: center; margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 60%; max-width: 60%; }
@media screen and (max-width: 1140px){
.sd[data-s-3fa8bcfc-5000-4582-b597-28293df4bb1e] { flex: none; height: 400px; width: 60%; max-width: 60%; }
}
@media screen and (max-width: 840px){
.sd[data-s-3fa8bcfc-5000-4582-b597-28293df4bb1e] { flex: none; height: 320px; width: 60%; max-width: 60%; }
}
@media screen and (max-width: 361px){
.sd[data-s-3fa8bcfc-5000-4582-b597-28293df4bb1e] { flex: none; height: 240px; margin: 0px 0px 48px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-71dd12c3-a823-49bb-b464-b9388681fe7c] { flex: none; height: 100%; margin: 0px 0px 0px 0px; transition-delay: 300ms; transition-duration: 3000ms; width: 100%; max-width: 100%; }
.sd[data-s-71dd12c3-a823-49bb-b464-b9388681fe7c].appear { scale: 1.05 1.05; }
.sd[data-s-71dd12c3-a823-49bb-b464-b9388681fe7c].appear-active {  }
.sd[data-s-71dd12c3-a823-49bb-b464-b9388681fe7c]:before { filter: brightness(0.7); }.sd[data-s-e7a2af36-2e0e-4a17-afcd-d974b1572cba] { background: var(--s-color-23a037ba); bottom: NaNpx; flex: none; height: 100%; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; scale: 1e-10 1; top: 0px; transform-origin: center right; transition-delay: 500ms; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
.sd[data-s-e7a2af36-2e0e-4a17-afcd-d974b1572cba].appear { scale: 1 1; }
.sd[data-s-e7a2af36-2e0e-4a17-afcd-d974b1572cba].appear-active {  }
.sd[data-s-e7a2af36-2e0e-4a17-afcd-d974b1572cba]&appear-active { transform-origin: center right; }.sd[data-s-72610dc2-f31d-48ee-a618-23c982690ab0] { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; margin: 0px 48px 0px 0px; padding: 0px; width: calc(40% - 48px); max-width: calc(40% - 48px); }
@media screen and (max-width: 361px){
.sd[data-s-72610dc2-f31d-48ee-a618-23c982690ab0] { flex: none; margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546] { color: var(--s-color-6c909560); font-family: var(--s-font-18a508ab); font-size: 48px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 24px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546].appear { opacity: 0; translate: 0px 48px; }
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546] { font-size: 40px; }
}
@media screen and (max-width: 840px){
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546] { font-size: 28px; margin: 0px 0px 48px 0px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546].appear { translate: 0px 24px; }
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546].appear-active {  }
.sd[data-s-f88c6339-f7a8-404b-8e32-0004ae1a1546] { font-size: 40px; margin: 0px 0px 24px 0px; max-width: 100%; }
}.sd[data-s-74c6fbf8-41f0-4e23-85c7-5630e1ee4069] { color: var(--s-color-6c909560); flex: none; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 48px 0px; text-align: left; transition-delay: 400ms; transition-duration: 1000ms; width: 100%; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-74c6fbf8-41f0-4e23-85c7-5630e1ee4069].appear { opacity: 0; }
.sd[data-s-74c6fbf8-41f0-4e23-85c7-5630e1ee4069].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-74c6fbf8-41f0-4e23-85c7-5630e1ee4069] { font-size: 16px; }
}
@media screen and (max-width: 840px){
.sd[data-s-74c6fbf8-41f0-4e23-85c7-5630e1ee4069] { font-size: 14px; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-3df3f6dc-3603-40ed-8d3c-4fbf1c20d2c7] { align-content: center; align-items: center; background: var(--s-color-23a037ba); border-bottom: 0px solid var(--s-color-6c909560); border-left: 0px solid var(--s-color-6c909560); border-radius: 10px; border-right: 0px solid var(--s-color-6c909560); border-top: 0px solid var(--s-color-6c909560); box-shadow: 20px 20px 30px rgba(0,0,0,0.2); flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 12px 48px 12px; transition-delay: 0ms; transition-duration: 600ms; }
.sd[data-s-3df3f6dc-3603-40ed-8d3c-4fbf1c20d2c7].appear { opacity: 0; transform: ; transition-duration: 1000ms; }
.sd[data-s-3df3f6dc-3603-40ed-8d3c-4fbf1c20d2c7].appear-active { transition-duration: 1000ms; }
.sd[data-s-3df3f6dc-3603-40ed-8d3c-4fbf1c20d2c7]:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); translate: 10px 10px; }.sd[data-s-9977e846-e424-4dea-9bb5-6c49f083e3ec] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 0px 0px; text-align: center; transition-delay: 1200ms; transition-duration: 800ms; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px){
.sd[data-s-9977e846-e424-4dea-9bb5-6c49f083e3ec] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-9977e846-e424-4dea-9bb5-6c49f083e3ec] { font-size: 12px; }
}.sd[data-s-7a7f0548-b609-40c0-90c2-b595ceb26d63] { color: #ffffff; font-size: 20px; }.sd[data-s-c4350ed4-b911-47e0-ac32-5d6dd8503133] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-c4350ed4-b911-47e0-ac32-5d6dd8503133] { flex-direction: column; flex-wrap: nowrap; }
}.sd[data-s-1a85badf-1690-4633-8de1-949781f0947b] { align-content: center; align-items: center; border-radius: 10px; box-shadow: 40px 50px 30px rgba(0, 0, 0, 0.1); flex: none; flex-direction: row-reverse; flex-wrap: nowrap; height: 520px; justify-content: center; margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 60%; max-width: 60%; }
@media screen and (max-width: 1140px){
.sd[data-s-1a85badf-1690-4633-8de1-949781f0947b] { flex: none; height: 400px; width: 60%; max-width: 60%; }
}
@media screen and (max-width: 840px){
.sd[data-s-1a85badf-1690-4633-8de1-949781f0947b] { flex: none; height: 320px; width: 60%; max-width: 60%; }
}
@media screen and (max-width: 361px){
.sd[data-s-1a85badf-1690-4633-8de1-949781f0947b] { flex: none; height: 240px; margin: 0px 0px 48px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-4864ade4-f693-44a6-a099-33927b1a7665] { flex: none; height: 100%; margin: 0px 0px 0px 0px; transition-delay: 300ms; transition-duration: 3000ms; transition-timing-function: ease-in-out; width: 100%; max-width: 100%; }
.sd[data-s-4864ade4-f693-44a6-a099-33927b1a7665].appear { scale: 1.05 1.05; }
.sd[data-s-4864ade4-f693-44a6-a099-33927b1a7665].appear-active {  }
.sd[data-s-4864ade4-f693-44a6-a099-33927b1a7665]:before { filter: brightness(0.7); }.sd[data-s-787cbc48-f1c8-436f-b7fb-b0341bd76030] { background: var(--s-color-23a037ba); bottom: NaNpx; flex: none; height: 100%; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; scale: 1e-10 1; top: 0px; transform-origin: center right; transition-delay: 500ms; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
.sd[data-s-787cbc48-f1c8-436f-b7fb-b0341bd76030].appear { scale: 1 1; }
.sd[data-s-787cbc48-f1c8-436f-b7fb-b0341bd76030].appear-active {  }
.sd[data-s-787cbc48-f1c8-436f-b7fb-b0341bd76030]&appear-active { transform-origin: center right; }.sd[data-s-7870e958-5ad0-4869-bd27-f34b315b845d] { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; margin: 0px 0px 0px 48px; padding: 0px; width: calc(40% - 48px); max-width: calc(40% - 48px); }
@media screen and (max-width: 361px){
.sd[data-s-7870e958-5ad0-4869-bd27-f34b315b845d] { flex: none; margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef] { color: var(--s-color-6c909560); font-family: var(--s-font-18a508ab); font-size: 48px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 24px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef].appear { opacity: 0; translate: 0px 48px; }
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef] { font-size: 40px; }
}
@media screen and (max-width: 840px){
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef] { font-size: 28px; margin: 0px 0px 48px 0px; max-width: 100%; }
}
@media screen and (max-width: 361px){
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef].appear { translate: 0px 24px; }
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef].appear-active {  }
.sd[data-s-b5e536c5-5da8-4262-ae5c-e82cb0958eef] { font-size: 40px; margin: 0px 0px 24px 0px; max-width: 100%; }
}.sd[data-s-bb61c96e-42e1-4ca7-b65a-fa62a1eb8631] { color: var(--s-color-6c909560); flex: none; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 48px 0px; text-align: left; transition-delay: 400ms; transition-duration: 1000ms; width: 100%; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-bb61c96e-42e1-4ca7-b65a-fa62a1eb8631].appear { opacity: 0; }
.sd[data-s-bb61c96e-42e1-4ca7-b65a-fa62a1eb8631].appear-active {  }
@media screen and (max-width: 1140px){
.sd[data-s-bb61c96e-42e1-4ca7-b65a-fa62a1eb8631] { font-size: 16px; }
}
@media screen and (max-width: 840px){
.sd[data-s-bb61c96e-42e1-4ca7-b65a-fa62a1eb8631] { font-size: 14px; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-323ff856-d792-4417-aebd-beb27481fdff] { align-content: center; align-items: center; background: var(--s-color-23a037ba); border-bottom: 0px solid var(--s-color-6c909560); border-left: 0px solid var(--s-color-6c909560); border-radius: 10px; border-right: 0px solid var(--s-color-6c909560); border-top: 0px solid var(--s-color-6c909560); box-shadow: 20px 20px 30px rgba(0,0,0,0.2); flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 12px 48px 12px; transition-delay: 0ms; transition-duration: 600ms; }
.sd[data-s-323ff856-d792-4417-aebd-beb27481fdff].appear { opacity: 0; transform: ; transition-duration: 1000ms; }
.sd[data-s-323ff856-d792-4417-aebd-beb27481fdff].appear-active { transition-duration: 1000ms; }
.sd[data-s-323ff856-d792-4417-aebd-beb27481fdff]:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); translate: 10px 10px; }.sd[data-s-ff01dbdb-59a8-44d1-8456-5831187b0b71] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 0px 0px; text-align: center; transition-delay: 1200ms; transition-duration: 800ms; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px){
.sd[data-s-ff01dbdb-59a8-44d1-8456-5831187b0b71] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-ff01dbdb-59a8-44d1-8456-5831187b0b71] { font-size: 12px; }
}.sd[data-s-70122519-2e5a-491e-b857-1c491a433b86] { color: #ffffff; font-size: 20px; }.sd[data-s-bc377fe2-6693-483e-b045-1d046dad7d52] { align-content: center; align-items: center; background: rgba(30, 90, 159, 0.5); flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 96px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-bc377fe2-6693-483e-b045-1d046dad7d52] { padding: 48px; }
}
@media screen and (max-width: 361px){
.sd[data-s-bc377fe2-6693-483e-b045-1d046dad7d52] { padding: 48px 24px 48px; }
}.sd[data-s-b2492e94-d793-40c9-afdf-db0bc07c7f22] { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px; width: 1280px; max-width: 100%; }
@media screen and (max-width: 361px){
.sd[data-s-b2492e94-d793-40c9-afdf-db0bc07c7f22] { flex-direction: column; flex-wrap: nowrap; }
}.sd[data-s-2c39c260-050f-4a64-ac3e-21faf000433c] { align-content: flex-start; align-items: flex-start; flex: 1; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 48px 0px 0px; padding: 0px; width: auto; max-width: calc(100% - 48px); }
@media screen and (max-width: 361px){
.sd[data-s-2c39c260-050f-4a64-ac3e-21faf000433c] { flex: none; height: auto; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }
}.sd[data-s-1990cbce-f7ef-42b8-ad6e-2a25ebeca3c3] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 32px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 24px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-1990cbce-f7ef-42b8-ad6e-2a25ebeca3c3].appear { opacity: 0; }
.sd[data-s-1990cbce-f7ef-42b8-ad6e-2a25ebeca3c3].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-1990cbce-f7ef-42b8-ad6e-2a25ebeca3c3] { font-size: 24px; margin: 0px 0px 24px 0px; }
}
@media screen and (max-width: 361px){
.sd[data-s-1990cbce-f7ef-42b8-ad6e-2a25ebeca3c3] { font-size: 20px; }
}
@media screen and (max-width: 320px){
.sd[data-s-1990cbce-f7ef-42b8-ad6e-2a25ebeca3c3] { font-size: 17px; }
}.sd[data-s-2865b15a-82b4-4112-b6d7-410b91aded28] { color: #ffffff; font-family: var(--s-font-f7a6a6c7); font-size: 16px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.6; margin: 0px 0px 0px 0px; text-align: left; transition-delay: 300ms; transition-duration: 1000ms; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }
.sd[data-s-2865b15a-82b4-4112-b6d7-410b91aded28].appear { opacity: 0; }
.sd[data-s-2865b15a-82b4-4112-b6d7-410b91aded28].appear-active {  }
@media screen and (max-width: 840px){
.sd[data-s-2865b15a-82b4-4112-b6d7-410b91aded28] { font-size: 14px; }
}.sd[data-s-7d5e80bf-8b1f-47b2-9bb9-11904e843cb1] { align-content: center; align-items: center; background: #ffffff; border-bottom: 0px solid var(--s-color-6c909560); border-left: 0px solid var(--s-color-6c909560); border-radius: 10px; border-right: 0px solid var(--s-color-6c909560); border-top: 0px solid var(--s-color-6c909560); box-shadow: 20px 20px 30px rgba(0,0,0,0.2); flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 12px 48px 12px; transition-delay: 0ms; transition-duration: 600ms; }
.sd[data-s-7d5e80bf-8b1f-47b2-9bb9-11904e843cb1].appear { opacity: 0; transform: ; transition-duration: 1000ms; }
.sd[data-s-7d5e80bf-8b1f-47b2-9bb9-11904e843cb1].appear-active { transition-duration: 1000ms; }
.sd[data-s-7d5e80bf-8b1f-47b2-9bb9-11904e843cb1]:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); translate: 10px 10px; }.sd[data-s-bcc911a0-d57f-4da9-82f9-4ce6d5f33da5] { color: var(--s-color-6c909560); font-family: var(--s-font-f7a6a6c7); font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 0px 0px; text-align: center; transition-delay: 1200ms; transition-duration: 800ms; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px){
.sd[data-s-bcc911a0-d57f-4da9-82f9-4ce6d5f33da5] { font-size: 14px; }
}
@media screen and (max-width: 361px){
.sd[data-s-bcc911a0-d57f-4da9-82f9-4ce6d5f33da5] { font-size: 12px; }
}.sd[data-s-5f838c70-a65f-4cb8-b063-7b0ffbf5bd5e] { color: var(--s-color-6c909560); font-size: 20px; }.sd[data-s-0f9b1c50-a827-4f6d-a1ee-95c63547af21] { background: var(--s-color-6c909560); bottom: NaNpx; flex: none; height: 100%; left: 0px; margin: 0 0 0 0; position: absolute; right: NaNpx; scale: 1e-10 1; top: 0px; transform-origin: center right; transition-delay: 300ms; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
.sd[data-s-0f9b1c50-a827-4f6d-a1ee-95c63547af21].appear { scale: 1 1; }
.sd[data-s-0f9b1c50-a827-4f6d-a1ee-95c63547af21].appear-active {  }
.sd[data-s-0f9b1c50-a827-4f6d-a1ee-95c63547af21]&appear-active { transform-origin: center right; }.sd[data-s-cba120d3-02cc-4a88-9e02-274e027d42bf] {  }
body { background: #f8f7f6; transition: background 0.5s cubic-bezier(0.4, 0.4, 0, 1); }
.sd[data-r-1_7264dfa3-2040-459e-baa0-36a3bef4e07e]:before { background-image: url("/images/studio/55228d1857e687cf.jpg") }
.sd[data-r-0_0_1_3_7d229c06-1769-4446-9cd6-1672a76148ad]:before { background-image: url("/images/studio/2e7867cc0415b951.jpg") }
.sd[data-r-1_0_1_3_74f969fe-04a7-4684-ae2a-fb1a805a4171]:before { background-image: url("/images/studio/4a97a2c95c37bd44.jpg") }
.sd[data-r-0_0_0_1_2_3_6f705437-9465-41bb-8570-45694308eab2]:before { background-image: url("/images/studio/0132bd556050d91a.jpg") }
.sd[data-r-0_0_1_1_2_3_71dd12c3-a823-49bb-b464-b9388681fe7c]:before { background-image: url("/images/studio/801f7b5698c565fa.jpg") }
.sd[data-r-0_0_2_1_2_3_4864ade4-f693-44a6-a099-33927b1a7665]:before { background-image: url("/images/studio/70c3acdf60c365e6.webp") }
:root {--s-color-6c909560: #000000ff;--s-color-23a037ba: linear-gradient(90deg, #1e3147ff, #283993ff);--s-color-b0b04bc2: #f8f7f6ff;--s-color-349f82c0: #0eff19ff;--s-font-18a508ab: 'DIN Condensed';--s-font-f7a6a6c7: 'ヒラギノ角ゴ W6 JIS2004';--s-font-abbfb9fe: 'ヒラギノ角ゴ W3 JIS2004';--s-font-6f88e177: Oswald;--s-font-8b81a079: 'DIN Condensed';--s-font-fea9a7b0: 'DIN Condensed';}