:root {
  font-size: 62.5%;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 320px;
  background: #fff;
  color: #4e5053;
  font-family: poppins, sans-serif;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: anywhere;
}

main {
  display: block;
}

ul,
ol {
  list-style: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

em {
  font-style: normal;
  font-weight: bold;
}

dfn,
cite {
  font-style: normal;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 100%;
}

i {
  font-style: italic;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  max-width: 100%;
  border-style: none;
  vertical-align: bottom;
}

table {
  width: 100%;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  border: 0;
  background: none;
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root {
  --SS_COLOR_BASE_BLACK: #333;
  --SS_COLOR_BASE_BLACK_PRIMARY: #4e5053;
  --SS_COLOR_BASE_WHITE: #fff;
  --SS_COLOR_BASE_BLUE: #236adb;
  --SS_COLOR_BASE_DARK_BLUE: #1c54ad;
  --SS_COLOR_BASE_GRAY: #666a6b;
  --SS_COLOR_BASE_LIGHT_GRAY: #dfdfdf;
  --SS_COLOR_BASE_BLUE_PRIMARY: #1461db;
  --SS_COLOR_BASE_BLUE_SECONDARY: #0646ac;
  --SS_COLOR_BACKGROUND_PRIMARY: #f8fbff;
  --SS_COLOR_BACKGROUND_SECONDARY: #ebf4ff;
  --SS_BOX_SHADOW_PRIMARY: 0 0 3.2rem 0 rgba(35, 106, 219, 0.16);
  --SS_GRADIENT_BLUE: linear-gradient(90deg, #0753cd 1.39%, #236adb 101.39%);
  --SS_GRADIENT_BLUE_PRIMARY: linear-gradient(90deg, #003882 1.39%, #0079cf 101.39%);
  --SS_GRADIENT_PURPLE: linear-gradient(90deg, #6f09eb 1.67%, #b18bff 101.67%);
  --SS_GRADIENT_PRIMARY: linear-gradient(90deg, #00c2e4 1.67%, #5ee7ff 101.67%);
  --SS_GRADIENT_SECONDARY: linear-gradient(90deg, #236adb 1.67%, #149dff 101.67%);
  --SS_FONT_WEIGHT_BOLD: 700;
  --SS_FONT_WEIGHT_SEMIBOLD: 600;
  --SS_FONT_WEIGHT_MEDIUM: 500;
  --SS_FONT_WEIGHT_NORMAL: 400;
  --SS_LINE_HEIGHT_PRIMARY: 1.25;
  --SS_LINE_HEIGHT_SECONDARY: 1.15;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popIn {
  from {
    transform: scale(1.2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes brickDrop {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes listDrop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideRightIn {
  0% {
    transform: translateX(-60%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.ss-carousel {
  margin-bottom: 2.4rem;
  --bullet-size: 0.8rem;
}
.ss-carousel .glide--swipeable .glide__track {
  cursor: grab;
}
.ss-carousel .glide__slide > *:last-child {
  margin-bottom: 0 !important;
}
.ss-carousel .glide--dragging .glide__track {
  cursor: grabbing;
}
.ss-carousel .glide__bullet {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: calc(var(--bullet-size) + 1.6rem);
  height: var(--bullet-size);
  margin: 1.6rem 0;
}
@media screen and (max-width: 1259px) {
  .ss-carousel .glide__bullet {
    margin: 0.8rem 0 1.6rem;
  }
}
.ss-carousel .glide__bullet::before {
  content: "";
  display: block;
  width: var(--bullet-size);
  height: var(--bullet-size);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50%;
  background-color: var(--SS_COLOR_BASE_LIGHT_GRAY);
}
.ss-carousel .glide__bullet:hover::before {
  background-color: color-mix(in srgb, var(--SS_COLOR_BASE_LIGHT_GRAY) 90%, black 10%);
}
.ss-carousel .glide__bullet--active::before {
  background-color: var(--SS_COLOR_BASE_BLUE);
}
.ss-carousel .glide__bullet--active:hover::before {
  background-color: color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 90%, black 10%);
}
.ss-carousel-captionGroup {
  display: grid;
  grid-template-areas: "carousel-caption";
}
.ss-carousel-caption {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  grid-area: carousel-caption;
  transition: visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-carousel-caption[aria-hidden=true] {
  display: block;
  visibility: hidden;
  opacity: 0;
}

.ss-layout-header {
  position: relative;
  overflow-x: clip;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-layout-header-content {
  position: relative;
  z-index: 1000;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-layout-header-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-header-body {
  display: flex;
  align-items: center;
  justify-content: start;
  max-width: calc(1520px + 4rem);
  margin: 0 auto;
  margin-bottom: 1.6rem;
  padding: 3rem 2rem;
  gap: clamp(2rem, 3.1578947368vw, 4.8rem);
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-body {
    flex-direction: column;
    padding: 0;
  }
}
.ss-layout-header-phoneButton {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.8rem;
  height: 5rem;
  padding: 1.7rem 1.5rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-layout-header-phoneButton[href] {
  text-decoration: none;
}
.ss-layout-header-phoneButtonBody {
  display: block;
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  overflow: hidden;
}
.ss-layout-header-phoneButtonText {
  display: block;
  position: absolute;
  left: 100%;
  white-space: nowrap;
}
.ss-layout-header-phoneButtonText::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M2%2e8962%206%2e2316C4%2e05587%208%2e49939%205%2e90061%2010%2e3441%208%2e1684%2011%2e5038L9%2e9279%209%2e7443C10%2e1439%209%2e5283%2010%2e4643%209%2e4563%2010%2e7442%209%2e5517C11%2e6397%209%2e8487%2012%2e6072%2010%2e008%2013%2e5999%2010%2e008C14%2e04%2010%2e008%2014%2e4%2010%2e368%2014%2e4%2010%2e8081V13%2e5999C14%2e4%2014%2e04%2014%2e04%2014%2e4%2013%2e5999%2014%2e4C6%2e0876%2014%2e4%200%208%2e3124%200%200%2e8001C0%200%2e36%200%2e36%200%200%2e8001%200H3%2e6C4%2e0401%200%204%2e4001%200%2e36%204%2e4001%200%2e8001C4%2e4001%201%2e8%204%2e5603%202%2e7603%204%2e8564%203%2e6558C4%2e90166%203%2e79712%204%2e90686%203%2e94822%204%2e87143%204%2e09232C4%2e836%204%2e23642%204%2e76133%204%2e36788%204%2e6557%204%2e4721L2%2e8962%206%2e2316Z%22%2f%3e%3c%2fsvg%3e");
}
.ss-layout-header-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 4.4rem;
}
.ss-layout-header-menu > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-menu {
    flex-direction: column;
    justify-content: start;
    min-height: calc(100vh - 5.1rem);
    padding: 0 2rem;
    background: var(--SS_COLOR_BASE_WHITE);
    gap: 0;
  }
}
.ss-layout-header-menuButton {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 4.8rem;
  height: 5rem;
  padding: 1.7rem 1.5rem;
}
.ss-layout-header-menuButton::before, .ss-layout-header-menuButton::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.8rem;
  height: 0.2rem;
  transform: rotate(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  background-color: var(--SS_COLOR_BASE_GRAY);
}
.ss-layout-header-menuButton::before {
  top: 1.7rem;
}
.ss-layout-header-menuButton::after {
  top: 3.1rem;
}
.ss-layout-header-menuButtonBody {
  display: block;
  position: absolute;
  top: 2.4rem;
  width: 1.8rem;
  height: 0.2rem;
  overflow: hidden;
  transition: background-color 0.2s ease, transform 0.2s ease;
  background-color: var(--SS_COLOR_BASE_GRAY);
}
.ss-layout-header-menuButtonText {
  position: absolute;
  left: 100%;
  white-space: nowrap;
}
.ss-layout-header-menuButton[aria-expanded=true] .ss-layout-header-menuButtonBody, .ss-layout-header-menuButton[aria-expanded=true]::after, .ss-layout-header-menuButton[aria-expanded=true]::before {
  background-color: #d6d6d6;
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-logo {
    padding: 1.7rem 2rem;
  }
}
.ss-layout-header-logo img {
  min-width: clamp(9.2rem, 9.2105263158vw, 14rem);
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-logo img {
    width: 9.1rem;
  }
}
.ss-layout-header-utilityGroup.of-primary {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 1.6rem;
}
.ss-layout-header-utilityGroup.of-primary > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-utilityGroup.of-primary {
    width: 100%;
  }
}
.ss-layout-header-phoneGroup {
  display: flex;
  align-items: center;
  order: 2;
  gap: 2.4rem;
}
.ss-layout-header-phoneGroup > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-header-listButton {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-listButton {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-listButton > li {
    width: 100%;
  }
}
.ss-layout-header-listButton > li > * {
  width: 100%;
}
.ss-layout-header-listButton .ss-button {
  justify-content: center;
}
.ss-layout-header-listButton .ss-button-text,
.ss-layout-header-listButton .ss-buttonAiChat-text {
  font-size: clamp(1.2rem, 0.9210526316vw, 1.4rem);
}
@media screen and (max-width: 1259px) {
  .ss-layout-header-listButton .ss-button-text,
  .ss-layout-header-listButton .ss-buttonAiChat-text {
    font-size: 1.6rem;
  }
}
.ss-layout-header-overlay {
  visibility: hidden;
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100vh;
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.8s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.8s;
  opacity: 0;
  background: rgba(255, 255, 255, 0);
  backdrop-filter: blur(0);
}
@media screen and (min-width: 1260px) {
  .ss-layout-header.is-fixed.is-show .ss-layout-header-content {
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 32px 0 rgba(35, 106, 219, 0.16);
  }
}
@media screen and (max-width: 1259px) {
  .ss-layout-header.is-fixed.is-show .ss-layout-header-body > .ss-layout-header-utilityGroup {
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 32px 0 rgba(35, 106, 219, 0.16);
  }
}
@media screen and (min-width: 1260px) {
  .ss-layout-header.is-fixed .ss-layout-header-content {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    transform: translateY(-200%);
  }
}
@media screen and (max-width: 1259px) {
  .ss-layout-header.is-fixed .ss-layout-header-body > .ss-layout-header-utilityGroup {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    transform: translateY(-200%);
    background-color: var(--SS_COLOR_BASE_WHITE);
  }
}

.AutoPhoneCall {
  display: block;
  position: relative;
  padding-left: 2.2rem;
  color: var(--SS_COLOR_BASE_GRAY);
  font-size: clamp(1.3rem, 1.0526315789vw, 1.6rem);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  letter-spacing: -0.024rem;
  line-height: 1;
  cursor: inherit;
}
@media screen and (max-width: 1259px) {
  .AutoPhoneCall {
    padding-left: 1.8rem;
  }
}
.AutoPhoneCall::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.44rem;
  height: 1.44rem;
  overflow: hidden;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M2%2e8962%206%2e2316C4%2e05587%208%2e49939%205%2e90061%2010%2e3441%208%2e1684%2011%2e5038L9%2e9279%209%2e7443C10%2e1439%209%2e5283%2010%2e4643%209%2e4563%2010%2e7442%209%2e5517C11%2e6397%209%2e8487%2012%2e6072%2010%2e008%2013%2e5999%2010%2e008C14%2e04%2010%2e008%2014%2e4%2010%2e368%2014%2e4%2010%2e8081V13%2e5999C14%2e4%2014%2e04%2014%2e04%2014%2e4%2013%2e5999%2014%2e4C6%2e0876%2014%2e4%200%208%2e3124%200%200%2e8001C0%200%2e36%200%2e36%200%200%2e8001%200H3%2e6C4%2e0401%200%204%2e4001%200%2e36%204%2e4001%200%2e8001C4%2e4001%201%2e8%204%2e5603%202%2e7603%204%2e8564%203%2e6558C4%2e90166%203%2e79712%204%2e90686%203%2e94822%204%2e87143%204%2e09232C4%2e836%204%2e23642%204%2e76133%204%2e36788%204%2e6557%204%2e4721L2%2e8962%206%2e2316Z%22%2f%3e%3c%2fsvg%3e");
}
@media screen and (max-width: 1259px) {
  .AutoPhoneCall::before {
    top: 0.3rem;
    width: 1.12rem;
    height: 1.12rem;
  }
}

@media screen and (max-width: 1259px) {
  [data-script-enabled=true] .is-menu-show .ss-layout-main {
    visibility: hidden;
    position: fixed;
    z-index: -100;
    top: 0;
  }
}
[data-script-enabled=true] .is-megaMenu-show .ss-layout-header-overlay {
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.4rem);
}
@media screen and (max-width: 1259px) {
  [data-script-enabled=true] .ss-layout-header-body {
    flex-direction: row;
  }
}
@media screen and (max-width: 1259px) {
  [data-script-enabled=true] .ss-layout-header-menu {
    visibility: hidden;
    position: fixed;
    z-index: 1000;
    top: 5.1rem;
    left: 0;
    width: 100%;
    opacity: 0;
  }
  [data-script-enabled=true] .ss-layout-header-menu.is-show {
    visibility: visible;
    position: absolute;
    transition: visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, left 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    opacity: 1;
  }
  [data-script-enabled=true] .ss-layout-header-menu.is-hide {
    visibility: hidden;
    transition: visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
[data-script-enabled=true] .ss-layout-header-menuButton {
  display: block;
}
@media screen and (min-width: 1260px) {
  [data-script-enabled=true] .ss-layout-header-menuButton {
    display: none;
  }
}
[data-script-enabled=true] .ss-layout-header-phoneButton {
  right: 4.8rem;
}
@media screen and (min-width: 1260px) {
  [data-script-enabled=true] .ss-layout-header-phoneButton {
    display: none;
  }
}

.ss-layout-footer {
  position: relative;
}
.ss-layout-footer-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-footer-content.of-primary {
  background-color: var(--SS_COLOR_BASE_BLACK);
}
.ss-layout-footer-content.of-primary .ss-layout-footer-inner {
  padding: 3.2rem 2rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-content.of-primary .ss-layout-footer-inner {
    padding: 2.4rem 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-content.of-primary .ss-layout-footer-inner {
    padding: 3.2rem 2rem 2.4rem;
  }
}
.ss-layout-footer-inner {
  max-width: calc(1520px + 4rem);
  margin: 0 auto 2.4rem;
  padding: 6.4rem 2rem 8rem;
}
.ss-layout-footer-inner > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-inner {
    padding: 4rem 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-inner {
    padding: 3.2rem 2rem 4rem;
  }
}
.ss-layout-footer-utilityGroup {
  display: grid;
  grid-template-columns: minmax(24rem, 35rem) minmax(0, 1fr);
  gap: 12rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-utilityGroup {
    grid-template-columns: 18rem minmax(0, 1fr);
    gap: 8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-utilityGroup {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.ss-layout-footer-utilityGroup.of-primary {
  grid-template-columns: fit-content(40rem) minmax(40rem, 1fr);
  align-items: center;
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-utilityGroup.of-primary {
    grid-template-columns: 1fr;
    gap: 3.2rem;
  }
}
.ss-layout-footer-utilityColumn > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-footer-utilityColumn.of-primary {
  display: grid;
  gap: 2.4rem;
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-utilityColumn.of-primary {
    gap: 4rem;
  }
}
.ss-layout-footer-utilityColumn > *:has(+ .ss-layout-footer-linkList) {
  margin-bottom: 0;
}
.ss-layout-footer-logo {
  margin-bottom: 4rem;
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-logo {
    margin-bottom: 2.4rem;
  }
}
.ss-layout-footer-logo > a {
  display: inline-block;
  line-height: 1;
}
.ss-layout-footer-logo img {
  width: 18.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-logo img {
    width: 14rem;
  }
}
.ss-layout-footer-title {
  margin-bottom: 2.4rem;
  font-size: 2rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  letter-spacing: -0.03rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-title {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
}
.ss-layout-footer-text {
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_GRAY);
  font-size: 1.4rem;
  letter-spacing: -0.021rem;
}
.ss-layout-footer-linkList {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
  padding-top: 3.2rem;
  border-top: 0.1rem solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  gap: clamp(1.4rem, 1.1111111111vw, 7.2rem);
}
.ss-layout-footer-linkList > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1260px) {
  .ss-layout-footer-linkList {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-linkList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0;
    border-top: none;
    gap: 4rem 2.4rem;
  }
}
.ss-layout-footer-linkList > li > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-footer-linkList a {
  text-decoration: none;
}
@media (hover: hover) {
  .ss-layout-footer-linkList a:hover {
    text-decoration: underline;
  }
}
.ss-layout-footer-linkList a:focus {
  text-decoration: underline;
}
.ss-layout-footer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  gap: 3.2rem;
  letter-spacing: -0.021rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-list {
    gap: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-list {
    justify-content: center;
    row-gap: 0.8rem;
  }
}
.ss-layout-footer-list > li {
  position: relative;
}
.ss-layout-footer-list > li > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-footer-list > li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1.6rem;
  width: 0.1rem;
  height: 1rem;
  transform: translateY(-50%);
  background-color: var(--SS_COLOR_BASE_LIGHT_GRAY);
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-list > li::after {
    left: -0.8rem;
  }
}
.ss-layout-footer-list > li:first-child::after {
  content: none;
}
.ss-layout-footer-list a {
  color: var(--SS_COLOR_BASE_WHITE);
  text-decoration: none;
}
.ss-layout-footer-socialList {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-socialList {
    justify-content: center;
  }
}
.ss-layout-footer-socialList > li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4rem;
  min-height: 4rem;
}
.ss-layout-footer-socialList > li > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-footer-subList {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  gap: 1.6rem;
  letter-spacing: -0.021rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-footer-subList {
    gap: 0.8rem;
  }
}
.ss-layout-footer-subList > li > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-footer-subList > li > a {
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-layout-footer-subList > li > a::after {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.4rem;
  vertical-align: middle;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M4%2e11843%201%2e78347C4%2e42217%201%2e47973%204%2e91452%201%2e47973%205%2e21826%201%2e78347L9%2e88492%206%2e45014C10%2e1887%206%2e75388%2010%2e1887%207%2e24622%209%2e88492%207%2e54996L5%2e21826%2012%2e2166C4%2e91452%2012%2e5204%204%2e42217%2012%2e5204%204%2e11843%2012%2e2166C3%2e81469%2011%2e9129%203%2e81469%2011%2e4205%204%2e11843%2011%2e1168L8%2e23518%207%2e00005L4%2e11843%202%2e8833C3%2e81469%202%2e57956%203%2e81469%202%2e08721%204%2e11843%201%2e78347Z%22%2f%3e%3c%2fsvg%3e");
}
@media (hover: hover) {
  .ss-layout-footer-subList > li > a:hover {
    text-decoration: underline;
  }
}
.ss-layout-footer-subList > li > a:focus {
  text-decoration: underline;
}
.ss-layout-footer-copyright {
  display: block;
  width: 100%;
  color: var(--SS_COLOR_BASE_LIGHT_GRAY);
  font-size: 1.2rem;
  letter-spacing: -0.018rem;
  text-align: right;
}
@media screen and (max-width: 969px) {
  .ss-layout-footer-copyright {
    text-align: center;
  }
}

@media screen and (max-width: 1259px) {
  [data-script-enabled=true] .is-menu-show .ss-layout-footer {
    visibility: hidden;
    position: fixed;
    z-index: -100;
    top: 0;
  }
}

.ss-layout-container {
  max-width: 152rem;
  margin: 0 auto;
}
.ss-layout-container > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-container.of-width-primary {
  max-width: 126rem;
}
.ss-layout-container.of-width-secondary {
  max-width: 102rem;
}

.ss-layout-grid {
  display: grid;
}
.ss-layout-grid-column {
  min-width: 0;
}
.ss-layout-grid-column > *:last-child {
  margin-bottom: 0 !important;
}
.ss-layout-grid-column.of-subgrid {
  display: grid;
  grid-template-rows: subgrid;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-2 {
  grid-row: span 2;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-3 {
  grid-row: span 3;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-4 {
  grid-row: span 4;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-5 {
  grid-row: span 5;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-6 {
  grid-row: span 6;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-7 {
  grid-row: span 7;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-8 {
  grid-row: span 8;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-9 {
  grid-row: span 9;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-10 {
  grid-row: span 10;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-11 {
  grid-row: span 11;
}
.ss-layout-grid-column.of-subgrid.of-gridRow-12 {
  grid-row: span 12;
}
.ss-layout-grid.of-column-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ss-layout-grid.of-column-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ss-layout-grid.of-column-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ss-layout-grid.of-column-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ss-layout-grid.of-column-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ss-layout-grid.of-column-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ss-layout-grid.of-column-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ss-layout-grid.of-column-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ss-layout-grid.of-column-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ss-layout-grid.of-column-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ss-layout-grid.of-column-12 {
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 969px) {
  .ss-layout-grid.ss-smallScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-layout-grid.ss-smallScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 970px) {
  .ss-layout-grid.ss-largeScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-layout-grid.ss-largeScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1260px) {
  .ss-layout-grid.ss-extraLargeScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-grid[class*=of-column-] {
    grid-template-columns: 1fr;
  }
}
.ss-layout-grid.of-column-2 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-3 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-3 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-4 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-4 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-4 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-5 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-5 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-5 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-5 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-6 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-6 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-6 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-6 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-6 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-7 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-7 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-7 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-7 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-7 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-7 > .ss-layout-grid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-grid.of-column-8 > .ss-layout-grid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-grid.of-column-9 > .ss-layout-grid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-grid.of-column-10 > .ss-layout-grid-column.of-column-10 {
  grid-column: span 10;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-10 {
  grid-column: span 10;
}
.ss-layout-grid.of-column-11 > .ss-layout-grid-column.of-column-11 {
  grid-column: span 11;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-10 {
  grid-column: span 10;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-11 {
  grid-column: span 11;
}
.ss-layout-grid.of-column-12 > .ss-layout-grid-column.of-column-12 {
  grid-column: span 12;
}
@media screen and (max-width: 969px) {
  .ss-layout-grid.ss-smallScreen-column-2 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-3 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-3 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-4 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-4 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-4 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-5 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-5 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-5 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-5 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-6 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-6 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-6 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-6 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-6 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-7 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-7 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-7 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-7 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-7 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-7 > .ss-layout-grid-column.ss-smallScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-smallScreen-column-8 > .ss-layout-grid-column.ss-smallScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-smallScreen-column-9 > .ss-layout-grid-column.ss-smallScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-smallScreen-column-10 > .ss-layout-grid-column.ss-smallScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-smallScreen-column-11 > .ss-layout-grid-column.ss-smallScreen-column-11 {
    grid-column: span 11;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-11 {
    grid-column: span 11;
  }
  .ss-layout-grid.ss-smallScreen-column-12 > .ss-layout-grid-column.ss-smallScreen-column-12 {
    grid-column: span 12;
  }
}
@media screen and (min-width: 970px) {
  .ss-layout-grid.ss-largeScreen-column-2 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-3 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-3 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-4 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-4 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-4 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-5 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-5 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-5 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-5 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-6 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-6 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-6 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-6 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-6 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-7 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-7 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-7 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-7 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-7 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-7 > .ss-layout-grid-column.ss-largeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-largeScreen-column-8 > .ss-layout-grid-column.ss-largeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-largeScreen-column-9 > .ss-layout-grid-column.ss-largeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-largeScreen-column-10 > .ss-layout-grid-column.ss-largeScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-largeScreen-column-11 > .ss-layout-grid-column.ss-largeScreen-column-11 {
    grid-column: span 11;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-11 {
    grid-column: span 11;
  }
  .ss-layout-grid.ss-largeScreen-column-12 > .ss-layout-grid-column.ss-largeScreen-column-12 {
    grid-column: span 12;
  }
}
@media screen and (min-width: 1260px) {
  .ss-layout-grid.ss-extraLargeScreen-column-2 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-3 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-3 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-4 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-4 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-4 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-5 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-5 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-5 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-5 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-6 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-6 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-6 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-6 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-6 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-7 > .ss-layout-grid-column.ss-extraLargeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-8 > .ss-layout-grid-column.ss-extraLargeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-9 > .ss-layout-grid-column.ss-extraLargeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-10 > .ss-layout-grid-column.ss-extraLargeScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-11 > .ss-layout-grid-column.ss-extraLargeScreen-column-11 {
    grid-column: span 11;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-2 {
    grid-column: span 2;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-3 {
    grid-column: span 3;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-4 {
    grid-column: span 4;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-5 {
    grid-column: span 5;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-6 {
    grid-column: span 6;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-7 {
    grid-column: span 7;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-8 {
    grid-column: span 8;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-9 {
    grid-column: span 9;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-10 {
    grid-column: span 10;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-11 {
    grid-column: span 11;
  }
  .ss-layout-grid.ss-extraLargeScreen-column-12 > .ss-layout-grid-column.ss-extraLargeScreen-column-12 {
    grid-column: span 12;
  }
}
.ss-layout-grid.of-subgrid-primary {
  grid-template-rows: auto auto;
}
.ss-layout-grid.of-subgrid-primary .ss-layout-grid-column {
  display: contents;
}
.ss-layout-grid.of-subgrid-primary .ss-layout-grid-column .ss-media {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
}

.ss-layout-stack {
  display: flex;
  flex-direction: column;
}
.ss-layout-stack > * {
  margin-bottom: 0 !important;
}
.ss-layout-stack.of-space-0 {
  row-gap: 0;
}
.ss-layout-stack.of-space-1 {
  row-gap: 0.8rem;
}
.ss-layout-stack.of-space-2 {
  row-gap: 1.6rem;
}
.ss-layout-stack.of-space-3 {
  row-gap: 2.4rem;
}
.ss-layout-stack.of-space-4 {
  row-gap: 3.2rem;
}
.ss-layout-stack.of-space-5 {
  row-gap: 4rem;
}
.ss-layout-stack.of-space-6 {
  row-gap: 4.8rem;
}
.ss-layout-stack.of-space-7 {
  row-gap: 5.6rem;
}
.ss-layout-stack.of-space-8 {
  row-gap: 6.4rem;
}
.ss-layout-stack.of-space-9 {
  row-gap: 7.2rem;
}
.ss-layout-stack.of-space-10 {
  row-gap: 8rem;
}
.ss-layout-stack.of-space-11 {
  row-gap: 8.8rem;
}
.ss-layout-stack.of-space-12 {
  row-gap: 9.6rem;
}
.ss-layout-stack.of-space-13 {
  row-gap: 10.4rem;
}
.ss-layout-stack.of-space-14 {
  row-gap: 12rem;
}
.ss-layout-stack.of-space-15 {
  row-gap: 16rem;
}
.ss-layout-stack.of-space-16 {
  row-gap: 24rem;
}
@media screen and (max-width: 969px) {
  .ss-layout-stack.ss-smallScreen-space-0 {
    row-gap: 0;
  }
  .ss-layout-stack.ss-smallScreen-space-1 {
    row-gap: 0.8rem;
  }
  .ss-layout-stack.ss-smallScreen-space-2 {
    row-gap: 1.6rem;
  }
  .ss-layout-stack.ss-smallScreen-space-3 {
    row-gap: 2.4rem;
  }
  .ss-layout-stack.ss-smallScreen-space-4 {
    row-gap: 3.2rem;
  }
  .ss-layout-stack.ss-smallScreen-space-5 {
    row-gap: 4rem;
  }
  .ss-layout-stack.ss-smallScreen-space-6 {
    row-gap: 4.8rem;
  }
  .ss-layout-stack.ss-smallScreen-space-7 {
    row-gap: 5.6rem;
  }
  .ss-layout-stack.ss-smallScreen-space-8 {
    row-gap: 6.4rem;
  }
  .ss-layout-stack.ss-smallScreen-space-9 {
    row-gap: 7.2rem;
  }
  .ss-layout-stack.ss-smallScreen-space-10 {
    row-gap: 8rem;
  }
  .ss-layout-stack.ss-smallScreen-space-11 {
    row-gap: 8.8rem;
  }
  .ss-layout-stack.ss-smallScreen-space-12 {
    row-gap: 9.6rem;
  }
  .ss-layout-stack.ss-smallScreen-space-13 {
    row-gap: 10.4rem;
  }
  .ss-layout-stack.ss-smallScreen-space-14 {
    row-gap: 12rem;
  }
  .ss-layout-stack.ss-smallScreen-space-15 {
    row-gap: 16rem;
  }
  .ss-layout-stack.ss-smallScreen-space-16 {
    row-gap: 24rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-layout-stack.ss-largeScreen-space-0 {
    row-gap: 0;
  }
  .ss-layout-stack.ss-largeScreen-space-1 {
    row-gap: 0.8rem;
  }
  .ss-layout-stack.ss-largeScreen-space-2 {
    row-gap: 1.6rem;
  }
  .ss-layout-stack.ss-largeScreen-space-3 {
    row-gap: 2.4rem;
  }
  .ss-layout-stack.ss-largeScreen-space-4 {
    row-gap: 3.2rem;
  }
  .ss-layout-stack.ss-largeScreen-space-5 {
    row-gap: 4rem;
  }
  .ss-layout-stack.ss-largeScreen-space-6 {
    row-gap: 4.8rem;
  }
  .ss-layout-stack.ss-largeScreen-space-7 {
    row-gap: 5.6rem;
  }
  .ss-layout-stack.ss-largeScreen-space-8 {
    row-gap: 6.4rem;
  }
  .ss-layout-stack.ss-largeScreen-space-9 {
    row-gap: 7.2rem;
  }
  .ss-layout-stack.ss-largeScreen-space-10 {
    row-gap: 8rem;
  }
  .ss-layout-stack.ss-largeScreen-space-11 {
    row-gap: 8.8rem;
  }
  .ss-layout-stack.ss-largeScreen-space-12 {
    row-gap: 9.6rem;
  }
  .ss-layout-stack.ss-largeScreen-space-13 {
    row-gap: 10.4rem;
  }
  .ss-layout-stack.ss-largeScreen-space-14 {
    row-gap: 12rem;
  }
  .ss-layout-stack.ss-largeScreen-space-15 {
    row-gap: 16rem;
  }
  .ss-layout-stack.ss-largeScreen-space-16 {
    row-gap: 24rem;
  }
}
@media screen and (min-width: 1260px) {
  .ss-layout-stack.ss-extraLargeScreen-space-0 {
    row-gap: 0;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-1 {
    row-gap: 0.8rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-2 {
    row-gap: 1.6rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-3 {
    row-gap: 2.4rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-4 {
    row-gap: 3.2rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-5 {
    row-gap: 4rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-6 {
    row-gap: 4.8rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-7 {
    row-gap: 5.6rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-8 {
    row-gap: 6.4rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-9 {
    row-gap: 7.2rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-10 {
    row-gap: 8rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-11 {
    row-gap: 8.8rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-12 {
    row-gap: 9.6rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-13 {
    row-gap: 10.4rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-14 {
    row-gap: 12rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-15 {
    row-gap: 16rem;
  }
  .ss-layout-stack.ss-extraLargeScreen-space-16 {
    row-gap: 24rem;
  }
}

.ss-layout-cluster {
  display: flex;
  flex-wrap: wrap;
}
.ss-layout-cluster.of-flexWrap-nowrap {
  flex-wrap: nowrap;
}

.ss-layout-withSidebar {
  display: flex;
  max-width: 130rem;
  margin: 0 auto;
  margin-bottom: 12rem;
  padding: 0 2rem;
  gap: 5.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-withSidebar {
    gap: 1.8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-layout-withSidebar {
    margin-bottom: 8rem;
  }
}
.ss-layout-withSidebar-body {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
}
.ss-layout-withSidebar-sidebar {
  flex-basis: 20.1587301587%;
  min-width: 0;
}
.ss-layout-withSidebar-sidebar > * {
  position: sticky;
  top: 8rem;
}
@media screen and (max-width: 1259px) {
  .ss-layout-withSidebar-sidebar {
    flex-basis: 23.4408602151%;
  }
}
.ss-layout-withSidebar .ss-headingLevel2 {
  font-size: 2.8rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1259px) {
  .ss-layout-withSidebar .ss-headingLevel2 {
    font-size: 2.4rem;
  }
}
.ss-layout-withSidebar .ss-headingLevel3 {
  font-size: 2rem;
  letter-spacing: -0.015em;
}
.ss-layout-withSidebar .ss-headingLevel4 {
  font-size: 1.8rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1259px) {
  .ss-layout-withSidebar .ss-headingLevel4 {
    font-size: 1.6rem;
  }
}

.ss-breadcrumb {
  margin-bottom: 4rem;
}
@media screen and (max-width: 1259px) {
  .ss-breadcrumb {
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-breadcrumb {
    display: none;
  }
}
.ss-breadcrumb-list {
  padding: 0.8rem 0;
}
.ss-breadcrumb-listItem {
  font-size: 1.3rem;
  letter-spacing: -0.015em;
  display: inline;
  position: relative;
  padding-left: 1.95rem;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-breadcrumb-listItem a {
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
@media (hover: hover) {
  .ss-breadcrumb-listItem a:hover {
    text-decoration: underline;
  }
}
.ss-breadcrumb-listItem a:focus {
  text-decoration: underline;
}
.ss-breadcrumb-listItem::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.7rem;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);
  border-top: 0.15rem solid currentColor;
  border-right: 0.15rem solid currentColor;
}
.ss-breadcrumb-listItem:first-child {
  padding-left: 0;
}
.ss-breadcrumb-listItem:first-child::before {
  content: none;
}
.ss-breadcrumb-listItem[aria-current=true] {
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}

.ss-button {
  display: inline-flex;
  padding: 0.8rem 1.6rem 0.6rem;
  transition: background-color 0.3s ease;
  border: 0.1rem solid var(--SS_COLOR_BASE_BLUE);
  border-radius: 10rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
  font-size: 1.4rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1259px) {
  .ss-button {
    padding: 0.8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-button {
    justify-content: center;
    width: 100%;
    padding: 1rem 1.6rem 0.8rem;
  }
}
.ss-button-text {
  transition: color 0.3s ease;
  color: var(--SS_COLOR_BASE_BLUE_PRIMARY);
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 969px) {
  .ss-button-text {
    display: flex;
    flex: 1;
    justify-content: center;
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .ss-button:hover {
    background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
  }
  .ss-button:hover .ss-button-text {
    color: var(--SS_COLOR_BASE_DARK_BLUE);
  }
}
.ss-button:focus {
  background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
}
.ss-button:focus .ss-button-text {
  color: var(--SS_COLOR_BASE_DARK_BLUE);
}
.ss-button.of-primary {
  background-color: var(--SS_COLOR_BASE_BLUE);
}
.ss-button.of-primary .ss-button-text {
  color: var(--SS_COLOR_BASE_WHITE);
}
@media (hover: hover) {
  .ss-button.of-primary:hover {
    background-color: var(--SS_COLOR_BASE_DARK_BLUE);
  }
}
.ss-button.of-primary:focus {
  background-color: var(--SS_COLOR_BASE_DARK_BLUE);
}

.ss-buttonAiChat {
  display: inline-flex;
  position: relative;
  justify-content: center;
  padding: 0.8rem 1rem 0.6rem 1.6rem;
  transition: background-color 0.3s ease;
  border-radius: 10rem;
  background-image: linear-gradient(102deg, #ff4c76 0%, #7266f8 51%, #2bdfe8 100%);
  font-size: 1.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-buttonAiChat {
    padding: 1rem 1.6rem 0.8rem;
  }
}
.ss-buttonAiChat::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 10rem;
  background-color: #fff;
}
.ss-buttonAiChat-body {
  display: flex;
  position: relative;
  align-items: center;
  gap: 1.2rem;
}
.ss-buttonAiChat-text {
  position: relative;
  padding-top: 0.2rem;
  transition: color 0.3s ease;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  font-size: 1.4rem;
  letter-spacing: -0.015em;
}
.ss-buttonAiChat-icon {
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  margin-bottom: 0.2rem;
}
@media (hover: hover) {
  .ss-buttonAiChat:hover::before {
    opacity: 0.9;
  }
}
.ss-buttonAiChat:focus::before {
  opacity: 0.9;
}

.ss-buttonConversion {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 0.8rem 1rem 0.8rem 3.6rem;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  border: 0.1rem solid var(--SS_COLOR_BASE_WHITE);
  border-radius: 10rem;
  background-color: rgba(255, 255, 255, 0.8);
  gap: 2rem;
}
@media screen and (max-width: 969px) {
  .ss-buttonConversion {
    justify-content: center;
    width: 100%;
  }
}
.ss-buttonConversion-text {
  transition: color 0.3s ease;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 969px) {
  .ss-buttonConversion-text {
    flex: 1;
  }
}
.ss-buttonConversion-icon {
  flex-shrink: 0;
  width: 3.6rem;
  height: 3.6rem;
  padding: 1rem;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
  clip-path: circle(50%);
  background: var(--SS_GRADIENT_BLUE);
  color: var(--SS_COLOR_BASE_WHITE);
  aspect-ratio: 1/1;
}
@media (hover: hover) {
  .ss-buttonConversion:hover {
    background: var(--SS_COLOR_BACKGROUND_SECONDARY);
  }
  .ss-buttonConversion:hover .ss-buttonConversion-text {
    color: var(--SS_COLOR_BASE_DARK_BLUE);
  }
  .ss-buttonConversion:hover .ss-buttonConversion-icon {
    transform: translateX(0.4rem);
  }
}
.ss-buttonConversion:focus {
  background: var(--SS_COLOR_BACKGROUND_SECONDARY);
}
.ss-buttonConversion:focus .ss-buttonConversion-text {
  color: var(--SS_COLOR_BASE_DARK_BLUE);
}
.ss-buttonConversion:focus .ss-buttonConversion-icon {
  transform: translateX(0.4rem);
}
.ss-buttonConversion.of-background-primary {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--SS_COLOR_BASE_BLUE_SECONDARY);
  background: var(--SS_GRADIENT_BLUE);
}
.ss-buttonConversion.of-background-primary::before {
  content: "";
  position: absolute;
  z-index: 0;
  transition: opacity 0.3s ease;
  border-radius: inherit;
  opacity: 0;
  background: var(--SS_COLOR_BASE_DARK_BLUE);
  pointer-events: none;
  inset: 0;
}
.ss-buttonConversion.of-background-primary .ss-buttonConversion-text, .ss-buttonConversion.of-background-primary .ss-buttonConversion-icon {
  position: relative;
  z-index: 1;
}
.ss-buttonConversion.of-background-primary .ss-buttonConversion-text {
  color: var(--SS_COLOR_BASE_WHITE);
}
.ss-buttonConversion.of-background-primary .ss-buttonConversion-icon {
  background: var(--SS_COLOR_BACKGROUND_SECONDARY);
  color: var(--SS_COLOR_BASE_BLUE);
}
@media (hover: hover) {
  .ss-buttonConversion.of-background-primary:hover::before {
    opacity: 1;
  }
  .ss-buttonConversion.of-background-primary:hover .ss-buttonConversion-text {
    color: var(--SS_COLOR_BASE_WHITE);
  }
}
.ss-buttonConversion.of-background-primary:focus::before {
  opacity: 1;
}
.ss-buttonConversion.of-background-primary:focus .ss-buttonConversion-text {
  color: var(--SS_COLOR_BASE_WHITE);
}
.ss-buttonConversion.of-border-primary {
  border: 1px solid var(--SS_COLOR_BASE_BLUE);
  background: var(--SS_COLOR_BASE_WHITE);
}
@media (hover: hover) {
  .ss-buttonConversion.of-border-primary:hover {
    background: var(--SS_COLOR_BACKGROUND_SECONDARY);
  }
  .ss-buttonConversion.of-border-primary:hover .ss-buttonConversion-text {
    color: var(--SS_COLOR_BASE_DARK_BLUE);
  }
}
.ss-buttonConversion.of-border-primary:focus {
  background: var(--SS_COLOR_BACKGROUND_SECONDARY);
}
.ss-buttonConversion.of-border-primary:focus .ss-buttonConversion-text {
  color: var(--SS_COLOR_BASE_DARK_BLUE);
}
@media (hover: hover) {
  .ss-buttonConversion.of-animation-none:hover .ss-buttonConversion-icon {
    transform: none;
  }
}
.ss-buttonConversion.of-animation-none:focus .ss-buttonConversion-icon {
  transform: none;
}
.ss-buttonConversion.of-large {
  padding: 1.2rem 1.4rem 1.2rem 4rem;
}
@media screen and (max-width: 969px) {
  .ss-buttonConversion.of-large {
    padding: 0.8rem 1rem 0.8rem 3.6rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-buttonConversion.of-large .ss-buttonConversion-text {
    font-size: 2rem;
  }
}
.ss-buttonConversion.of-long {
  padding: 0.8rem 1.4rem 0.8rem 3.6rem;
}
@media screen and (min-width: 970px) {
  .ss-buttonConversion.of-long .ss-buttonConversion-text {
    font-size: 2rem;
  }
}
.ss-buttonConversion.of-primary {
  position: relative;
  padding: 2rem 1.4rem 2rem 4rem;
  border-radius: 10rem;
}
.ss-buttonConversion.of-primary::before, .ss-buttonConversion.of-primary::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.ss-buttonConversion.of-primary::before {
  inset: -0.8rem;
  z-index: 0;
  background: linear-gradient(90deg, var(--SS_COLOR_BASE_BLUE), #6edaff);
}
.ss-buttonConversion.of-primary::after {
  inset: 0;
  z-index: 1;
  background: var(--SS_COLOR_BASE_WHITE);
}
.ss-buttonConversion.of-primary > * {
  position: relative;
  z-index: 2;
}
@media (hover: hover) {
  .ss-buttonConversion.of-primary:hover {
    box-shadow: 0 0 60px 0 rgba(110, 218, 255, 0.4);
  }
  .ss-buttonConversion.of-primary:hover .ss-buttonConversion-icon {
    transform: translateX(0.4rem);
  }
}
.ss-buttonConversion.of-primary:focus {
  box-shadow: 0 0 60px 0 rgba(110, 218, 255, 0.4);
}
.ss-buttonConversion.of-primary:focus .ss-buttonConversion-icon {
  transform: translateX(0.4rem);
}
@media screen and (max-width: 1259px) {
  .ss-buttonConversion.of-primary {
    padding: 1.2rem 1.4rem 1.2rem 3.6rem;
  }
}
.ss-buttonConversion.of-primary .ss-buttonConversion-text {
  color: var(--SS_COLOR_BASE_BLUE);
  font-size: 3.2rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 969px) {
  .ss-buttonConversion.of-primary .ss-buttonConversion-text {
    font-size: 2rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-buttonConversion:not(.of-primary) .ss-buttonConversion-text {
    flex: 1;
  }
}

.ss-buttonWithIcon {
  display: inline-flex;
  align-items: center;
  min-width: 18rem;
  max-width: 24rem;
  border-radius: 0.4rem;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  gap: 1.6rem;
}
.ss-buttonWithIcon-icon {
  width: 2.2rem;
}
.ss-buttonWithIcon-iconOuter {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 6rem;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--SS_COLOR_BASE_BLUE);
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.ss-buttonWithIcon-iconOuter.of-background-primary {
  background-color: var(--SS_COLOR_BASE_BLUE);
}
@media (hover: hover) {
  .ss-buttonWithIcon:hover .ss-buttonWithIcon-iconOuter {
    background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
  }
  .ss-buttonWithIcon:hover .ss-buttonWithIcon-iconOuter.of-background-primary {
    background-color: var(--SS_COLOR_BASE_DARK_BLUE);
  }
}
.ss-buttonWithIcon:focus .ss-buttonWithIcon-iconOuter {
  background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
}
.ss-buttonWithIcon:focus .ss-buttonWithIcon-iconOuter.of-background-primary {
  background-color: var(--SS_COLOR_BASE_DARK_BLUE);
}
.ss-buttonWithIcon-label {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}

.ss-card {
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 1.6rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-card-content {
  padding: 4rem;
}
@media screen and (max-width: 1259px) {
  .ss-card-content {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-card-content {
    padding: 2.4rem;
  }
}
.ss-card-content.of-height-full {
  height: 100%;
}
.ss-card-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-card.of-primary {
  border: none;
  background-image: url(../../../../../../../../img/ss/products/software/rk/rk_bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 969px) {
  .ss-card.of-primary {
    margin-right: -2rem;
    margin-left: -2rem;
    border-radius: initial;
  }
}
.ss-card.of-secondary {
  height: 100%;
  border: 2px solid #00c2e4;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2.5px);
}
.ss-card.of-secondary .ss-card-content {
  height: 100%;
  padding: 4.8rem;
}
@media screen and (max-width: 1259px) {
  .ss-card.of-secondary .ss-card-content {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-card.of-secondary .ss-card-content {
    padding: 2.4rem;
  }
}
.ss-card.of-secondary .ss-media {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ss-card.of-secondary .ss-media-image {
  margin-top: auto;
}
.ss-card.of-tertiary {
  border: 0.1rem solid rgba(35, 106, 219, 0.2);
  background: var(--SS_COLOR_BACKGROUND_SECONDARY);
}
@media screen and (max-width: 969px) {
  .ss-card.of-tertiary {
    border-right: none;
    border-left: none;
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
.ss-card.of-quaternary {
  border: 0.1rem solid rgba(4, 177, 179, 0.2);
  background: #edfbf3;
}
@media screen and (max-width: 969px) {
  .ss-card.of-quaternary {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0 0 1.6rem 1.6rem;
  }
}
.ss-card.of-quinary {
  border: none;
  border-radius: 0.4rem;
  background: linear-gradient(106deg, #b5d2ff 0%, #d0ecff 100%);
}
.ss-card.of-senary {
  border: none;
  border-radius: 0.4rem;
  background: linear-gradient(114deg, #c2ebdb 0%, #e8f9ef 99.99%);
}
.ss-card.of-septenary {
  max-width: 59.8rem;
  filter: drop-shadow(0 0 32px rgba(35, 106, 219, 0.16));
  background: linear-gradient(106deg, #b5d2ff 0%, #d0ecff 100%);
}
@media screen and (max-width: 1259px) {
  .ss-card.of-septenary {
    max-width: 40rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-card.of-septenary {
    max-width: 100%;
  }
}
.ss-card.of-octonary {
  max-width: 59.8rem;
  filter: drop-shadow(0 0 32px rgba(35, 106, 219, 0.16));
  background: linear-gradient(107deg, #bef5ff 0%, #e6fbff 98.85%);
}
@media screen and (max-width: 1259px) {
  .ss-card.of-octonary {
    max-width: 40rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-card.of-octonary {
    max-width: 100%;
  }
}
.ss-card.of-nonary {
  height: 100%;
  border: 1px solid rgba(35, 106, 219, 0.2);
  background: rgba(255, 255, 255, 0.8);
}
.ss-card.of-padding-primary > .ss-card-content {
  padding: 4rem 8rem;
}
@media screen and (max-width: 1259px) {
  .ss-card.of-padding-primary > .ss-card-content {
    padding: 3.2rem 6.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-card.of-padding-primary > .ss-card-content {
    padding: 0;
  }
}
.ss-card.of-padding-secondary > .ss-card-content {
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 969px) {
  .ss-card.of-padding-secondary > .ss-card-content {
    padding: 1.6rem;
  }
}
.ss-card.of-padding-tertiary > .ss-card-content {
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 969px) {
  .ss-card.of-padding-tertiary > .ss-card-content {
    padding: 0.8rem 1.6rem;
  }
}
.ss-card.of-padding-quaternary > .ss-card-content {
  padding: 4rem;
}
@media screen and (max-width: 1259px) {
  .ss-card.of-padding-quaternary > .ss-card-content {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-card.of-padding-quaternary > .ss-card-content {
    padding: 4rem 2rem;
  }
}
.ss-card.of-shadow {
  box-shadow: 0 0 32px 0 rgba(35, 106, 219, 0.16);
}
.ss-card.of-shadow-primary {
  box-shadow: 0 0 32px 0 rgba(35, 106, 219, 0.16);
}
.ss-card.of-height-full {
  height: 100%;
}
.ss-card.of-septenary > img, .ss-card.of-octonary > img {
  height: auto;
}
.ss-card:has(.ss-disclosure-button[aria-expanded=false]) {
  cursor: pointer;
}
.ss-card:has(.ss-disclosure-button[aria-expanded=true]) {
  cursor: default;
}

.ss-cardAccent {
  margin-bottom: 2.4rem;
  padding-left: calc(4rem - 2px);
  border-left: 2px solid rgba(35, 106, 219, 0.2);
}
.ss-cardAccent > *:last-child {
  margin-bottom: 0 !important;
}
.ss-cardAccent-body > *:last-child {
  margin-bottom: 0 !important;
}

.ss-cardArticle {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  width: 35rem;
  height: 100%;
  overflow: hidden;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 1.6rem;
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 16%, transparent);
}
@media screen and (max-width: 969px) {
  .ss-cardArticle {
    width: 28rem;
  }
}
@media (hover: hover) {
  .ss-cardArticle:hover {
    box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 40%, transparent);
  }
  .ss-cardArticle:hover .ss-linkInline {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
  .ss-cardArticle:hover .ss-cardArticle-image {
    transform: scale(1.05);
  }
}
.ss-cardArticle:focus {
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 40%, transparent);
}
.ss-cardArticle:focus .ss-linkInline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.ss-cardArticle:focus .ss-cardArticle-image {
  transform: scale(1.05);
}
.ss-cardArticle-body {
  flex: 1;
  padding: 2.4rem 4rem 4rem;
}
.ss-cardArticle-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-cardArticle-body {
    padding: 1.6rem 3.2rem 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardArticle-body {
    padding: 1.6rem 2.4rem 2.4rem;
  }
}
.ss-cardArticle-link {
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-cardArticle-link::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
}
.ss-cardArticle-title {
  font-size: 2rem;
  letter-spacing: -0.015em;
  margin-bottom: 1.6rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-cardArticle-title > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-cardArticle-title {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardArticle-title {
    font-size: 1.4rem;
  }
}
.ss-cardArticle-description {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  display: -webkit-box;
  margin-bottom: 1.6rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.ss-cardArticle-description > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-cardArticle-description {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardArticle .ss-linkInline {
    font-size: 1.4rem;
  }
}
.ss-cardArticle-image {
  width: 100%;
  height: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ss-cardArticle-imageOuter {
  overflow: hidden;
}
.ss-cardArticle.of-primary {
  flex-direction: row-reverse;
  align-items: center;
  width: auto;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.ss-cardArticle.of-primary .ss-cardArticle-body {
  padding: 3.2rem 0 3.2rem 2.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-cardArticle.of-primary .ss-cardArticle-body {
    padding: 0.8rem 0 0.8rem 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardArticle.of-primary .ss-cardArticle-body {
    padding: 0 0 0 1.6rem;
  }
}
.ss-cardArticle.of-primary .ss-cardArticle-description {
  -webkit-line-clamp: 2;
}
.ss-cardArticle.of-primary .ss-linkInline {
  font-size: 1.4rem;
}
@media screen and (max-width: 969px) {
  .ss-cardArticle.of-primary .ss-linkInline {
    font-size: 1.2rem;
  }
}
.ss-cardArticle.of-primary .ss-cardArticle-imageOuter {
  max-width: 25.6rem;
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-cardArticle.of-primary .ss-cardArticle-imageOuter {
    align-self: flex-start;
    max-width: 16rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardArticle.of-primary .ss-cardArticle-imageOuter {
    max-width: 13rem;
  }
}

.ss-cardConversion {
  margin-bottom: 2.4rem;
  border: 1px solid rgba(35, 106, 219, 0.2);
  border-radius: 1.6rem;
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
}
.ss-cardConversion > *:last-child {
  margin-bottom: 0 !important;
}
.ss-cardConversion-content {
  padding: 2.4rem 1.6rem;
}
.ss-cardConversion-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-cardConversion-body.of-flexShrink-0 {
  flex-shrink: 0;
}
.ss-cardConversion-body > *:last-child {
  margin-bottom: 0 !important;
}
.ss-cardConversion-text {
  font-size: 2.6rem;
  letter-spacing: -0.015em;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 1259px) {
  .ss-cardConversion-text {
    font-size: 2rem;
  }
}
.ss-cardConversion.of-primary {
  height: 100%;
}
.ss-cardConversion.of-primary .ss-cardConversion-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem 2.4rem;
  padding: 2.4rem 4rem;
}
@media screen and (max-width: 1259px) {
  .ss-cardConversion.of-primary .ss-cardConversion-content {
    flex-direction: column;
  }
}
.ss-cardConversion.of-primary .ss-cardConversion-text {
  color: var(--SS_COLOR_BASE_BLACK);
}

.ss-cardDownload {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 100%;
  max-width: 47rem;
  height: 100%;
  padding: 4rem;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), text-decoration 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 1.6rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 16%, transparent);
  color: var(--SS_COLOR_BASE_BLACK);
  gap: 2.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-cardDownload {
    padding: 3.2rem 1.6rem 3.2rem 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardDownload {
    width: 28rem;
    padding: 2.4rem;
  }
}
@media (hover: hover) {
  .ss-cardDownload:hover {
    box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 40%, transparent);
  }
  .ss-cardDownload:hover .ss-linkInline {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
}
.ss-cardDownload:focus {
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 40%, transparent);
}
.ss-cardDownload:focus .ss-linkInline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.ss-cardDownload-content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-cardDownload-content .ss-linkInline {
    font-size: 1.4rem;
  }
}
.ss-cardDownload-title {
  font-size: 2rem;
  letter-spacing: -0.015em;
  margin-bottom: 0.8rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 1259px) {
  .ss-cardDownload-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardDownload-title {
    font-size: 1.4rem;
  }
}
.ss-cardDownload-text {
  font-size: 1.3rem;
  letter-spacing: -0.015em;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_GRAY);
}
@media screen and (max-width: 1259px) {
  .ss-cardDownload-text {
    margin-bottom: 0.8rem;
  }
}
.ss-cardDownload-image {
  box-sizing: content-box;
  width: auto;
  height: auto;
  max-height: 100%;
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  object-fit: contain;
}
.ss-cardDownload-imageOuter {
  flex-shrink: 0;
  width: 14rem;
  height: 14rem;
  text-align: center;
}
@media screen and (max-width: 1259px) {
  .ss-cardDownload-imageOuter {
    width: 12rem;
    height: 12rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardDownload-imageOuter {
    width: 8rem;
    height: 8rem;
  }
}

.ss-cardShowcase {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  height: 100%;
  margin-bottom: 2.4rem;
  overflow: hidden;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 1.6rem;
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 16%, transparent);
}
.ss-cardShowcase > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-cardShowcase {
    max-width: 64rem;
    margin: 0 auto;
  }
}
.ss-cardShowcase-body {
  flex: 1;
  padding: 3.2rem 4rem 4rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-cardShowcase-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-cardShowcase-body {
    padding: 2.4rem 3.2rem 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardShowcase-body {
    padding: 1.6rem 2.4rem 2.4rem;
  }
}
.ss-cardShowcase-title {
  font-size: 2.8rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-cardShowcase-title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardShowcase-title {
    font-size: 2rem;
  }
}
.ss-cardShowcase-image {
  position: relative;
  z-index: 99;
  width: 100%;
  height: auto;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ss-cardShowcase-imageOuter {
  background-image: linear-gradient(107deg, #bef5ff 0%, #e6fbff 98.85%);
}
.ss-cardShowcase-imageOuter.of-backgroundColor-primary {
  background-image: linear-gradient(106deg, #b5d2ff 0%, #d0ecff 100%);
}

.ss-cardReviews {
  gap: 0;
  display: grid;
  position: relative;
  z-index: 1;
  grid-row: inherit;
  grid-template-rows: inherit;
  height: 100%;
  margin-bottom: 2.4rem;
  padding: 4.8rem 0 0;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 1.6rem;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 0%, transparent);
}
.ss-cardReviews > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-cardReviews {
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews {
    padding: 3.2rem 0 0;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardReviews {
    padding: 2.4rem 0 0;
  }
}
.ss-cardReviews-header {
  margin-bottom: 4.8rem;
  padding: 0 4rem;
}
.ss-cardReviews-header > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-header {
    margin-bottom: 2.4rem;
    padding: 0 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardReviews-header {
    padding: 0 2.4rem;
  }
}
.ss-cardReviews-body {
  margin-bottom: 3.2rem;
  padding: 0 4rem;
}
.ss-cardReviews-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-body {
    margin-bottom: 2.4rem;
  }
}
.ss-cardReviews-text {
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  margin-bottom: 0.8rem;
  font-weight: var(--SS_FONT_WEIGHT_MEDIUM);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
.ss-cardReviews-description {
  text-align: center;
}
.ss-cardReviews-description > *:last-child {
  margin-bottom: 0 !important;
}
.ss-cardReviews-description dt {
  font-size: 2.4rem;
  letter-spacing: -0.015em;
  margin-bottom: 2.4rem;
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-description dt {
    margin-bottom: 1.6rem;
    font-size: 2rem;
  }
}
.ss-cardReviews-description dd {
  font-size: 3.4rem;
  letter-spacing: -0.015em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.8rem;
  gap: 0.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-description dd {
    margin-bottom: 2.4rem;
    font-size: 2.4rem;
  }
}
.ss-cardReviews-description dd > * {
  display: flex;
  align-items: center;
}
.ss-cardReviews-description dd .of-number {
  transform: translateY(0.1em);
  font-size: 8rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: 1;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-description dd .of-number {
    font-size: 6.4rem;
  }
}
.ss-cardReviews-description dd .of-emphasis {
  font-size: 7rem;
  letter-spacing: -0.015em;
  transform: translateY(0.1em);
  line-height: 1;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-description dd .of-emphasis {
    font-size: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardReviews-description dd .of-emphasis {
    font-size: 6.4rem;
  }
}
.ss-cardReviews-description dd .of-mark {
  font-size: 5.2rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-description dd .of-mark {
    font-size: 4rem;
  }
}
.ss-cardReviews-description dd .of-chevron {
  width: 1.4rem;
  height: 2.2rem;
  transition: transform 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1104 22L0 20.0475L9.77919 11L0 1.9525L2.1104 0L14 11L2.1104 22Z' fill='%23333333'/%3E%3C/svg%3E");
}
.ss-cardReviews-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.6rem;
  border-top: 1px solid color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 20%, transparent);
  border-radius: 0 0 1.6rem 1.6rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
  font-size: 2rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  text-align: center;
}
.ss-cardReviews-link > *:last-child {
  margin-bottom: 0 !important;
}
.ss-cardReviews-link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  inset: 0;
}
@media screen and (max-width: 1259px) {
  .ss-cardReviews-link {
    padding: 0.8rem;
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .ss-cardReviews-link:hover .ss-linkInline {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
}
.ss-cardReviews-link:focus .ss-linkInline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (hover: hover) {
  .ss-cardReviews:has(.ss-cardReviews-link:hover) {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 40%, transparent);
  }
}
.ss-cardReviews:has(.ss-cardReviews-link:focus) {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 2rem 0 color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 40%, transparent);
}

.ss-cardFeature {
  display: flex;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 969px) {
  .ss-cardFeature {
    max-width: 64rem;
    margin: 0 auto;
  }
}
.ss-cardFeature-body {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border-radius: 1.6rem;
  text-align: center;
}
.ss-cardFeature-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-cardFeature-body {
    width: 100%;
    gap: 0.8rem;
  }
}
.ss-cardFeature-title {
  font-size: 2.4rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLACK);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 969px) {
  .ss-cardFeature-title {
    font-size: 2rem;
  }
}
.ss-cardFeature-text {
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  font-size: 1.8rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 969px) {
  .ss-cardFeature-text {
    font-size: 1.6rem;
  }
}
.ss-cardFeature.of-icon-primary {
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.ss-cardFeature.of-icon-primary .ss-cardFeature-body {
  z-index: 1;
  flex: 1;
  padding: 4rem;
  border: 1px solid var(--color-line-blue, rgba(35, 106, 219, 0.2));
  background-color: var(--SS_COLOR_BASE_WHITE);
  box-shadow: 0 0 32px 0 rgba(35, 106, 219, 0.24);
}
@media screen and (max-width: 1259px) {
  .ss-cardFeature.of-icon-primary .ss-cardFeature-body {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardFeature.of-icon-primary .ss-cardFeature-body {
    padding: 2.4rem;
  }
}
.ss-cardFeature.of-icon-primary .ss-cardFeature-image {
  width: 10.8rem;
  height: 9.9rem;
}
.ss-cardFeature.of-icon-primary .ss-cardFeature-image.of-color-primary {
  color: var(--SS_COLOR_BASE_BLUE);
}
.ss-cardFeature.of-icon-primary .ss-cardFeature-image.of-color-secondary {
  color: var(--SS_COLOR_BASE_GRAY);
}
.ss-cardFeature.of-icon-primary .ss-cardFeature-image.of-color-tertiary {
  color: #04b1b3;
}
.ss-cardFeature[class*=of-circleIcon-] {
  flex-direction: column-reverse;
  height: 100%;
}
.ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-body {
  flex: 1;
  padding: 8rem 4rem 4rem;
  border: 1px solid rgba(35, 106, 219, 0.2);
  border-radius: 1.6rem;
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
  box-shadow: var(--SS_BOX_SHADOW_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-body {
    padding: 5.6rem 3.2rem 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-body {
    padding: 4rem 1.6rem 2.4rem;
  }
}
.ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-image {
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 10rem;
  margin: 0 auto -6rem;
  border: 1px solid #23bfdb;
  border-radius: 50%;
  background-image: linear-gradient(90deg, #00c2e4 1.67%, #5ee7ff 101.67%);
  color: var(--SS_COLOR_BASE_WHITE);
  line-height: 1;
}
@media screen and (max-width: 1259px) {
  .ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-image {
    width: 8.8rem;
    height: 8.8rem;
    margin: 0 auto -4.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-image {
    width: 6rem;
    height: 6rem;
    margin: 0 auto -3rem;
  }
}
.ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-image.of-backgroundColor-primary {
  border-color: var(--SS_COLOR_BASE_BLUE);
  background-image: var(--SS_GRADIENT_SECONDARY);
}
.ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-image.of-backgroundColor-secondary {
  border-color: #444d71;
  background-image: var(--SS_GRADIENT_BLUE_PRIMARY);
}
.ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-icon {
  width: 6rem;
}
@media screen and (max-width: 1259px) {
  .ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-icon {
    width: 5.28rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardFeature[class*=of-circleIcon-] .ss-cardFeature-icon {
    width: 3.6rem;
  }
}

.ss-cardSlider {
  position: relative;
  margin: -3.2rem -2rem 0;
}
.ss-cardSlider-reel {
  display: flex;
  margin-bottom: -3.2rem;
  padding: 3.2rem 2rem 3rem;
  overflow-x: auto;
  scrollbar-color: var(--SS_COLOR_BASE_BLUE) #f0f0f0;
  scrollbar-width: thin;
}
@media screen and (max-width: 969px) {
  .ss-cardSlider-reel {
    margin-left: 2rem;
    padding-bottom: 2.2rem;
  }
}
.ss-cardSlider-reelItem {
  display: flex;
}
.ss-cardSlider-reelItem > * {
  flex-shrink: 0;
}
.ss-cardSlider-reelItem:has(.ss-cardDownload) {
  flex: 0 0 24.4791666667vw;
  min-width: 42rem;
  max-width: 47rem;
}
@media screen and (max-width: 969px) {
  .ss-cardSlider-reelItem:has(.ss-cardDownload) {
    flex: 0 0 auto;
    width: 28rem;
    min-width: auto;
    max-width: none;
  }
}
.ss-cardSlider-overlay {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
  inset: 0;
}
.ss-cardSlider-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  bottom: 0;
  width: 16rem;
  background-image: linear-gradient(90deg, color-mix(in srgb, var(--SS_COLOR_BASE_WHITE) 0%, transparent) 0%, var(--SS_COLOR_BASE_WHITE) 100%);
}
.ss-cardSlider-overlayInner {
  display: flex;
  position: absolute;
  top: 50%;
  right: 4rem;
  flex-direction: column-reverse;
  transform: translate(50%, -50%);
  text-align: center;
  cursor: pointer;
  gap: 0.4rem;
}
.ss-cardSlider-overlayIcon {
  width: 4rem;
  height: 4rem;
}
.ss-cardSlider-overlayLabel {
  font-size: 1.3rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLUE);
}
.ss-cardSlider.is-overflowing {
  margin: -3.2rem 0 0;
}
.ss-cardSlider.is-overflowing > .ss-cardSlider-reel {
  margin-bottom: 0;
}
@media screen and (max-width: 969px) {
  .ss-cardSlider.is-overflowing > .ss-cardSlider-reel {
    margin-left: 0;
  }
}
.ss-cardSlider.is-overflowing:not(.is-hasScrolled) .ss-cardSlider-overlay {
  opacity: 1;
}
.ss-cardSlider.is-overflowing:not(.is-hasScrolled) .ss-cardSlider-overlayInner {
  pointer-events: auto;
}

.ss-disclosure {
  border-top: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
}
.ss-disclosure:last-child {
  border-bottom: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
}
.ss-disclosure-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1.6rem;
  padding: 2.4rem 1.6rem;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
}
@media screen and (max-width: 1259px) {
  .ss-disclosure-button {
    padding: 1.6rem 0.8rem;
  }
}
.ss-disclosure-title {
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  padding: 0.4rem 0;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-disclosure-icon {
  position: absolute;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ss-disclosure-icon.of-collapsed {
  opacity: 1;
}
.ss-disclosure-icon.of-expanded {
  opacity: 0;
}
.ss-disclosure-iconOuter {
  position: relative;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
}
.ss-disclosure-collapse {
  padding: 0 6.4rem 0 1.6rem;
  overflow: hidden;
  transition: height 0.3s ease;
}
@media screen and (max-width: 1259px) {
  .ss-disclosure-collapse {
    padding: 0 5.6rem 0 0.8rem;
  }
}
.ss-disclosure-body {
  padding: 0 0 2.4rem;
}
.ss-disclosure-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-disclosure-body {
    padding: 0.8rem 0 1.6rem;
  }
}
[data-script-enabled=true] .ss-disclosure .ss-disclosure-collapse {
  height: 0;
}
[data-script-enabled=true] .ss-disclosure.is-show .ss-disclosure-collapse {
  height: auto;
}
[data-script-enabled=true] .ss-disclosure.is-show .ss-disclosure-icon.of-collapsed {
  opacity: 0;
}
[data-script-enabled=true] .ss-disclosure.is-show .ss-disclosure-icon.of-expanded {
  opacity: 1;
}

.ss-disclosureCard {
  --padding: 2rem;
  margin-bottom: 6.4rem;
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 1.6rem;
  background: var(--SS_COLOR_BASE_WHITE);
  box-shadow: 0 0 32px 0 rgba(35, 106, 219, 0.16);
}
.ss-disclosureCard > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-disclosureCard {
    margin-bottom: 4rem;
  }
}
.ss-disclosureCard-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4rem 12rem 3.2rem;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  gap: 2.4rem;
}
.ss-disclosureCard-button > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-disclosureCard-button {
    padding: 3.2rem 10.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-button {
    padding: 2.4rem 2.4rem 1.6rem;
  }
}
.ss-disclosureCard-button[aria-expanded=true] {
  border-bottom: none;
}
.ss-disclosureCard-buttonInner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1.6rem;
}
.ss-disclosureCard-buttonInner > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-buttonInner {
    gap: 0.8rem;
  }
}
.ss-disclosureCard-header > *:last-child {
  margin-bottom: 0 !important;
}
.ss-disclosureCard-icon {
  position: absolute;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.ss-disclosureCard-icon.of-collapsed {
  opacity: 1;
}
.ss-disclosureCard-icon.of-expanded {
  opacity: 0;
}
.ss-disclosureCard-iconOuter {
  position: relative;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
}
.ss-disclosureCard-body {
  height: 0;
  padding: 0 8rem;
  overflow: hidden;
  transition: height 0.3s ease;
  border-radius: 0 0 1.6rem 1.6rem;
  background: var(--SS_COLOR_BASE_WHITE);
}
.ss-disclosureCard-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-disclosureCard-body {
    padding: 0 6.4rem 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-body {
    padding: 0;
  }
}
.ss-disclosureCard-body[aria-hidden=true] {
  padding-bottom: 0;
}
.ss-disclosureCard-bodyInner {
  margin-bottom: 1.6rem;
}
.ss-disclosureCard-bodyInner > *:last-child {
  margin-bottom: 0 !important;
}
.ss-disclosureCard-title {
  font-size: 2.6rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-title {
    font-size: 2rem;
  }
}
.ss-disclosureCard-titleGroup > *:last-child {
  margin-bottom: 0 !important;
}
.ss-disclosureCard-text {
  font-size: 2rem;
  letter-spacing: -0.015em;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-text {
    font-size: 1.6rem;
  }
}
.ss-disclosureCard-textGroup {
  display: flex;
  width: 100%;
  gap: 1.6rem;
}
.ss-disclosureCard-textGroup > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 970px) {
  .ss-disclosureCard-textGroup {
    align-items: center;
  }
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-textGroup {
    flex-direction: column;
    gap: 0.8rem;
  }
}
.ss-disclosureCard-label {
  display: inline-block;
  flex-shrink: 0;
  padding: 0.6rem 2.4rem 0.4rem;
  border-radius: 0.4rem;
  background-color: var(--SS_COLOR_BASE_GRAY);
  color: var(--SS_COLOR_BASE_WHITE);
  font-size: 1.6rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 969px) {
  .ss-disclosureCard-label {
    max-width: fit-content;
    padding: 0.6rem 1.6rem;
    font-size: 1.4rem;
  }
}
.ss-disclosureCard-label.of-primary {
  padding: 0;
  background-color: transparent;
  color: var(--SS_COLOR_BASE_BLUE);
  font-size: 1.8rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-disclosureCard-label.of-backGround-primary {
  background: var(--SS_GRADIENT_BLUE_PRIMARY);
}
[data-script-enabled=true] .ss-disclosureCard.is-show .ss-disclosureCard-body {
  height: auto;
}
@media screen and (min-width: 970px) {
  [data-script-enabled=true] .ss-disclosureCard.is-show .ss-disclosureCard-body {
    padding-bottom: 4rem;
  }
}
[data-script-enabled=true] .ss-disclosureCard.is-show .ss-disclosureCard-icon.of-collapsed {
  opacity: 0;
}
[data-script-enabled=true] .ss-disclosureCard.is-show .ss-disclosureCard-icon.of-expanded {
  opacity: 1;
}

.ss-divider {
  display: block;
  height: 1px;
  background-color: color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 20%, transparent);
}

.ss-headingLevel1 {
  font-size: 4.8rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-headingLevel1 {
    margin-bottom: 1.6rem;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-headingLevel1 {
    font-size: 2.4rem;
  }
}
.ss-headingLevel2 {
  font-size: 3.2rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-headingLevel2 {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
  }
}
.ss-headingLevel3 {
  font-size: 2.6rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-headingLevel3 {
    margin-bottom: 1.6rem;
    font-size: 2rem;
  }
}
.ss-headingLevel3.of-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 970px) {
  .ss-headingLevel3.of-primary {
    flex-direction: column;
  }
}
@media screen and (max-width: 969px) {
  .ss-headingLevel3.of-primary {
    display: block;
    height: auto;
  }
}
.ss-headingLevel4 {
  font-size: 2rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-headingLevel4 {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
}
.ss-headingLevel4.of-primary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
  font-size: 3.2rem;
}
@media screen and (max-width: 1259px) {
  .ss-headingLevel4.of-primary {
    font-size: 2.4rem;
  }
}
.ss-headingLevel4.of-primary .ss-headingLevel4-label {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  margin-right: 1.6rem;
  margin-bottom: 0.4rem;
  padding: 0.4rem 1rem 0.2rem;
  border: 0.1rem solid var(--SS_COLOR_BASE_WHITE);
}

.ss-icon {
  display: grid;
  width: 10rem;
  height: 10rem;
  place-items: center;
}
@media screen and (max-width: 969px) {
  .ss-icon {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.ss-icon svg {
  width: 6rem;
  height: 6rem;
  color: var(--SS_COLOR_BASE_WHITE);
}
@media screen and (max-width: 969px) {
  .ss-icon svg {
    width: 3.3rem;
    height: 3.3rem;
  }
}
.ss-icon.of-circle {
  border-radius: 50%;
}
.ss-icon.of-background-primary {
  border: 0.1rem solid #23bfdb;
  background: var(--SS_GRADIENT_PRIMARY);
}
.ss-icon.of-background-secondary {
  border: 0.1rem solid var(--SS_COLOR_BASE_BLUE);
  background: var(--SS_GRADIENT_SECONDARY);
}
.ss-icon.of-background-tertiary {
  border: 0.1rem solid #444d71;
  background: var(--SS_GRADIENT_BLUE_PRIMARY);
}
.ss-icon.of-background-quaternary {
  border: 0.1rem solid #182b89;
  background: linear-gradient(90deg, #3417c3 1.67%, #7370de 101.67%);
}

.ss-image {
  height: auto;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 969px) {
  .ss-image {
    width: 100%;
  }
}
.ss-image.of-radius > img {
  height: auto;
  border-radius: 1.6rem;
}

.ss-jumbotron {
  --padding: 2rem;
  margin: 0 2rem 8rem;
  border-radius: 1.6rem;
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
  background-image: url("../../../../../../../../img/ss/products/software/rk/index_bg_01.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron {
    margin-bottom: 6.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron {
    margin-bottom: 4rem;
  }
}
.ss-jumbotron.of-quaternary {
  background-image: url("../../../../../../../../img/ss/products/software/rk/seo-index_bg_01.jpg");
}
.ss-jumbotron-content {
  max-width: calc(1520px + var(--padding) * 2);
  margin: 0 auto;
  padding: 3.2rem;
}
@media screen and (min-width: 970px) {
  .ss-jumbotron-content {
    padding: 5.6rem var(--padding);
  }
  .ss-jumbotron-content:has(> .ss-breadcrumb) {
    padding-top: 0;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-content {
    padding: 3.2rem var(--padding);
  }
}
.ss-jumbotron-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-jumbotron-body > *:last-child {
  margin-bottom: 0 !important;
}
.ss-jumbotron-title {
  display: block;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-size: clamp(4rem, 3.1746031746vw, 5.8rem);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron-title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-title {
    font-size: 2.8rem;
  }
}
.ss-jumbotron-titleGroup {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron-titleGroup {
    margin-bottom: 2.4rem;
  }
}
.ss-jumbotron-series {
  display: inline-block;
}
.ss-jumbotron-seriesName {
  color: var(--SS_COLOR_BASE_BLACK);
  font-size: clamp(2rem, 1.5873015873vw, 3.2rem);
  font-weight: var(--SS_FONT_WEIGHT_NORMAL);
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron-seriesName {
    font-size: 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-seriesName {
    font-size: 1.6rem;
  }
}
.ss-jumbotron-image.of-maxImageSize-primary {
  max-width: min(48.6842105263vw, 74rem);
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron-image.of-maxImageSize-primary {
    max-width: max(37.1134020619vw, 36rem);
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-image.of-maxImageSize-primary {
    max-width: initial;
  }
}
.ss-jumbotron-image.of-maxImageSize-secodary {
  max-width: min(57.2368421053vw, 87rem);
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron-image.of-maxImageSize-secodary {
    max-width: max(43.7113402062vw, 42.4rem);
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-image.of-maxImageSize-secodary {
    max-width: initial;
  }
}
.ss-jumbotron-image > img {
  height: auto;
}
.ss-jumbotron.of-top {
  position: relative;
  z-index: 0;
  margin-bottom: 16rem;
  overflow: hidden;
  background-image: none;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-top {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top {
    margin-bottom: 5.6rem;
  }
}
.ss-jumbotron.of-top .ss-jumbotron-content {
  padding: 14rem 3.2rem;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-top .ss-jumbotron-content {
    padding: 12.4rem 3.2rem 10.8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top .ss-jumbotron-content {
    padding: 5.6rem 0.8rem;
  }
}
.ss-jumbotron.of-top .ss-jumbotron-header {
  margin-bottom: 5.6rem;
}
.ss-jumbotron.of-top .ss-jumbotron-header > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-top .ss-jumbotron-header {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top .ss-jumbotron-header {
    margin-bottom: 2.4rem;
  }
}
.ss-jumbotron.of-top .ss-jumbotron-title {
  font-size: 8.4rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: 1.1;
}
.ss-jumbotron.of-top .ss-jumbotron-titleGroup {
  margin-bottom: 5.6rem;
}
.ss-jumbotron.of-top .ss-jumbotron-titleGroup > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-top .ss-jumbotron-titleGroup {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top .ss-jumbotron-titleGroup {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-top .ss-jumbotron-title {
    margin-bottom: 0.8rem;
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top .ss-jumbotron-title {
    font-size: 2.8rem;
  }
}
.ss-jumbotron.of-top .ss-jumbotron-subtitle {
  font-size: 2.9rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_NORMAL);
  line-height: 1.5;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-top .ss-jumbotron-subtitle {
    margin-bottom: 0.8rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top .ss-jumbotron-subtitle {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-top .ss-jumbotron-body {
    max-width: 23rem;
    margin: 0 auto;
  }
}
.ss-jumbotron.of-primary {
  background-image: url("../../../../../../../../img/ss/products/software/rk/platform_bg_01.jpg");
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-primary {
    background: url("../../../../../../../../img/ss/products/software/rk/platform_bg_sp_01.jpg") center/cover no-repeat, #daf2ff;
  }
}
.ss-jumbotron.of-primary > .ss-jumbotron-content {
  padding: 0 var(--padding) 4rem;
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-primary > .ss-jumbotron-content {
    padding: 0;
  }
}
@media screen and (min-width: 970px) {
  .ss-jumbotron.of-primary .ss-media-body {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-primary .ss-media-body {
    padding: 0 2rem;
  }
}
.ss-jumbotron.of-secondary {
  background-image: url("../../../../../../../../img/ss/products/software/rk/about-us_bg_01.jpg");
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-secondary {
    background-color: #e6f6ff;
    background-image: url("../../../../../../../../img/ss/products/software/rk/about-us_bg_sp_01.jpg");
    background-position: bottom center;
    background-size: contain;
  }
}
.ss-jumbotron.of-tertiary {
  margin: 0 2rem;
  background-image: url("../../../../../../../../img/ss/products/software/rk/rpa-solutions_bg_01.jpg");
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-tertiary {
    background-image: url("../../../../../../../../img/ss/products/software/rk/rpa-solutions_bg_sp_01.jpg");
  }
}
.ss-jumbotron.of-tertiary > .ss-jumbotron-content {
  padding-bottom: 4rem;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-tertiary > .ss-jumbotron-content {
    padding: 0 2rem 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-tertiary > .ss-jumbotron-content {
    padding: 0;
  }
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-tertiary .ss-jumbotron-body {
    padding-left: 1.6rem;
  }
}
.ss-jumbotron.of-split > .ss-jumbotron-content {
  display: grid;
  grid-template-areas: "breadcrumb breadcrumb" "body image";
  grid-template-columns: 1fr auto;
  align-items: center;
}
@media screen and (min-width: 970px) {
  .ss-jumbotron.of-split > .ss-jumbotron-content {
    column-gap: 1rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-split > .ss-jumbotron-content {
    grid-template-areas: "image" "body";
    grid-template-columns: 1fr;
  }
}
.ss-jumbotron.of-split > .ss-jumbotron-content > .ss-breadcrumb {
  grid-area: breadcrumb;
  margin-bottom: 0.4rem;
}
.ss-jumbotron.of-split > .ss-jumbotron-content > .ss-jumbotron-body {
  grid-area: body;
  padding-top: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-jumbotron.of-split > .ss-jumbotron-content > .ss-jumbotron-body {
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-jumbotron.of-split > .ss-jumbotron-content > .ss-jumbotron-body {
    padding-left: var(--padding);
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-split > .ss-jumbotron-content > .ss-jumbotron-body {
    padding: 0 var(--padding) 4rem;
  }
}
.ss-jumbotron.of-split > .ss-jumbotron-content > .ss-jumbotron-image {
  grid-area: image;
}
@media screen and (max-width: 969px) {
  .ss-jumbotron.of-split > .ss-jumbotron-content > .ss-jumbotron-image {
    padding: 1.6rem 0 0.8rem;
  }
}
.ss-jumbotron:has(+ .ss-navigationCategory-outer) {
  margin-bottom: 0;
}

.ss-label {
  font-size: 1.8rem;
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: 0.8rem;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-label-outer {
  display: inline-flex;
  margin-bottom: 0.8rem;
}
.ss-label-outer > *:last-child {
  margin-bottom: 0 !important;
}
.ss-label.of-primary {
  max-width: 32rem;
  padding: 0.6rem 2.4rem 0.4rem;
  border-radius: 0.4rem;
  background-color: var(--SS_COLOR_BASE_GRAY);
  color: var(--SS_COLOR_BASE_WHITE);
  font-size: 1.6rem;
}
@media screen and (max-width: 969px) {
  .ss-label.of-primary {
    max-width: fit-content;
    padding: 0.6rem 1.6rem;
    font-size: 1.4rem;
  }
}

.ss-labelCard {
  font-size: 1.3rem;
  letter-spacing: -0.015em;
  display: inline-block;
  padding: 0.4rem 1.5rem 0.2rem;
  border: 1px solid color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 20%, transparent);
  border-radius: 0.4rem;
  background-image: linear-gradient(107deg, #bef5ff 0%, #d8ebff 98.85%);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
.ss-labelCard-outer {
  display: flex;
  margin-bottom: 1.6rem;
}
.ss-labelCard-outer > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-labelCard-outer {
    margin-bottom: 0.8rem;
  }
}

.ss-linkInline {
  color: var(--SS_COLOR_BASE_BLUE);
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
  .ss-linkInline:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
}
.ss-linkInline:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.ss-linkInline.of-icon {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
  white-space: nowrap;
  gap: 0.4rem;
}
.ss-linkInline.of-icon > *:last-child {
  margin-bottom: 0 !important;
}
.ss-linkInline.of-icon .ss-linkInline-icon {
  width: 2rem;
  height: 2rem;
  padding: 0 0.2rem 0.4rem;
  fill: currentColor;
}
.ss-linkInline.of-chevron {
  display: inline-block;
  position: relative;
  width: fit-content;
  margin-bottom: 0.8rem;
  padding-right: 2.4rem;
}
.ss-linkInline.of-chevron > *:last-child {
  margin-bottom: 0 !important;
}
.ss-linkInline.of-chevron::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.70469 2.03818C5.05182 1.69105 5.6145 1.69105 5.96163 2.03818L11.295 7.37152C11.6421 7.71865 11.6421 8.28133 11.295 8.62846L5.96163 13.9618C5.6145 14.3089 5.05182 14.3089 4.70469 13.9618C4.35755 13.6147 4.35755 13.052 4.70469 12.7048L9.40955 7.99999L4.70469 3.29513C4.35755 2.94799 4.35755 2.38531 4.70469 2.03818Z' fill='%23236ADB'/%3E%3C/svg%3E");
}
.ss-linkInline.of-leftChevron {
  display: inline-block;
  position: relative;
  width: fit-content;
  padding-left: 2.4rem;
}
.ss-linkInline.of-leftChevron::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%) scaleX(-1);
  transition: transform 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.70469 2.03818C5.05182 1.69105 5.6145 1.69105 5.96163 2.03818L11.295 7.37152C11.6421 7.71865 11.6421 8.28133 11.295 8.62846L5.96163 13.9618C5.6145 14.3089 5.05182 14.3089 4.70469 13.9618C4.35755 13.6147 4.35755 13.052 4.70469 12.7048L9.40955 7.99999L4.70469 3.29513C4.35755 2.94799 4.35755 2.38531 4.70469 2.03818Z' fill='%23236ADB'/%3E%3C/svg%3E");
}

.ss-list {
  display: flex;
}

.ss-listAnnotation {
  margin-bottom: 2.4rem;
}
.ss-listAnnotation > *:last-child {
  margin-bottom: 0 !important;
}
.ss-listAnnotation-listItem {
  margin-bottom: 1.6rem;
}
.ss-listAnnotation-listItem > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-listAnnotation-listItem {
    margin-bottom: 0.8rem;
  }
}
.ss-listAnnotation-content {
  font-size: 1.2rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-listAnnotation-content > *:last-child {
  margin-bottom: 0 !important;
}

.ss-listBulleted {
  margin-bottom: 2.4rem;
  padding-left: calc(1em + 0.4rem);
}
.ss-listBulleted > *:last-child {
  margin-bottom: 0 !important;
}
.ss-listBulleted-listItem {
  position: relative;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-listBulleted-listItem > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-listBulleted-listItem {
    margin-bottom: 0.8rem;
  }
}
.ss-listBulleted-listItem::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: calc(-1em - 0.4rem);
  width: 0.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: currentColor;
}
.ss-listBulleted-listItem > .ss-listBulleted {
  margin-top: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-listBulleted-listItem > .ss-listBulleted {
    margin-top: 0.8rem;
  }
}

.ss-listButton {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2.4rem;
  gap: 2.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-listButton {
    margin-bottom: 1.6rem;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-listButton {
    flex-direction: column;
    width: 100%;
    max-width: fit-content;
    margin: 0 auto;
  }
}
.ss-listButton[class*=of-column-] {
  display: grid;
}
.ss-listButton[class*=of-column-] > li.of-width-full {
  grid-column: 1/-1;
}
.ss-listButton.of-column-primary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 969px) {
  .ss-listButton.of-column-primary {
    grid-template-columns: none;
  }
}
@media screen and (min-width: 970px) {
  .ss-listButton.of-gap-primary {
    gap: 1.8rem;
  }
}
.ss-listButton.of-column-2 {
  grid-template-columns: auto auto;
  max-width: fit-content;
}
@media screen and (max-width: 969px) {
  .ss-listButton.of-maxWidth-full {
    max-width: 100%;
  }
}
.ss-listButton > li > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-listButton > li {
    width: 100%;
    max-width: 100%;
  }
}
.ss-listButton.of-navigation > li {
  width: 100%;
  margin: 0 0.4rem;
}
@media screen and (max-width: 969px) {
  .ss-listButton.of-navigation {
    display: none;
  }
}

.ss-listDescription {
  display: grid;
  margin-bottom: 4rem;
  column-gap: 4rem;
  color: var(--SS_COLOR_BASE_BLACK);
}
@media screen and (min-width: 970px) {
  .ss-listDescription {
    grid-template-columns: minmax(120px, max-content) 1fr;
    margin-bottom: 6.4rem;
  }
}
.ss-listDescription-body {
  display: flex;
  flex-direction: column;
  padding: 2.4rem 0;
  border-top: 1px solid #e1e1e1;
}
@media screen and (min-width: 1260px) {
  .ss-listDescription-body {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-listDescription-body {
    display: grid;
    grid-column: span 2;
    grid-template-columns: subgrid;
  }
}
@media screen and (max-width: 969px) {
  .ss-listDescription-body {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
.ss-listDescription-body:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.ss-listDescription-title {
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 969px) {
  .ss-listDescription-title {
    margin-bottom: 1.6rem;
  }
}
.ss-listDescription-text {
  width: 100%;
}
.ss-listDescription-text .AutoPhoneCall {
  display: inline-block;
  padding-left: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.ss-listDescription-text .AutoPhoneCall::before {
  display: none;
}

.ss-listNumbered {
  margin-bottom: 2.4rem;
}
.ss-listNumbered > *:last-child {
  margin-bottom: 0 !important;
}
.ss-listNumbered-listItem {
  display: flex;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  gap: 1.6rem;
}
.ss-listNumbered-listItem > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-listNumbered-listItem {
    margin-bottom: 0.8rem;
  }
}
.ss-listNumbered-listItem > .ss-listNumbered-content {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.ss-listNumbered-listItem > .ss-listNumbered-content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-listNumbered-listItem > .ss-listNumbered-content {
    padding-bottom: 0;
  }
}
.ss-listNumbered-listItem > .ss-listNumbered-content > .ss-listNumbered {
  margin-top: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-listNumbered-listItem > .ss-listNumbered-content > .ss-listNumbered {
    margin-top: 0.8rem;
  }
}
.ss-listNumbered-marker {
  display: flex;
  flex-shrink: 0;
  align-items: end;
  align-self: flex-start;
  justify-content: center;
  width: 2.8rem;
  padding: 0.4rem;
  border: 1px solid var(--SS_COLOR_BASE_BLUE);
  border-radius: 50%;
  color: var(--SS_COLOR_BASE_BLUE);
  font-size: 1.4rem;
  line-height: 1;
  aspect-ratio: 1/1;
}
.ss-listNumbered.of-primary > .ss-listNumbered-listItem {
  padding: 1.6rem;
  border-radius: 1.6rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
@media screen and (max-width: 1259px) {
  .ss-listNumbered.of-primary > .ss-listNumbered-listItem {
    padding: 0.8rem;
  }
}
.ss-listNumbered.of-primary .ss-listNumbered-content {
  padding-top: 0;
  padding-bottom: 0;
}

.ss-media {
  display: flex;
  margin-bottom: 6.4rem;
}
.ss-media > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-media {
    margin-bottom: 4rem;
  }
}
.ss-media-header {
  display: flex;
}
.ss-media-group {
  display: flex;
  gap: 0.2rem;
}
.ss-media-body {
  flex: 1;
}
.ss-media-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-media-body.of-width-full {
    width: 100%;
  }
}
.ss-media-image > *:last-child {
  margin-bottom: 0 !important;
}
.ss-media-image.of-border-primary {
  box-sizing: content-box;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--SS_COLOR_BASE_BLUE) 20%, transparent);
  border-radius: 1.6rem;
}
.ss-media-image.of-maxImageSize-primary {
  max-width: min(28.5714285714vw, 36rem);
}
@media screen and (max-width: 1259px) {
  .ss-media-image.of-maxImageSize-primary {
    max-width: max(24.7422680412vw, 24rem);
  }
}
@media screen and (max-width: 969px) {
  .ss-media-image.of-maxImageSize-primary {
    max-width: initial;
  }
}
.ss-media-image.of-maxImageSize-tertiary {
  max-width: min(34.9206349206vw, 44rem);
}
@media screen and (max-width: 1259px) {
  .ss-media-image.of-maxImageSize-tertiary {
    max-width: max(25.7731958763vw, 25rem);
  }
}
@media screen and (max-width: 969px) {
  .ss-media-image.of-maxImageSize-tertiary {
    max-width: initial;
  }
}
.ss-media-image.of-maxImageSize-quinary {
  max-width: min(32.2368421053vw, 49rem);
}
@media screen and (max-width: 1259px) {
  .ss-media-image.of-maxImageSize-quinary {
    max-width: max(35.0515463918vw, 34rem);
  }
}
@media screen and (max-width: 969px) {
  .ss-media-image.of-maxImageSize-quinary {
    max-width: initial;
  }
}
.ss-media-image.of-maxImageSize-senary {
  max-width: 28rem;
}
@media screen and (max-width: 969px) {
  .ss-media-image.of-maxImageSize-senary {
    max-width: initial;
  }
}
.ss-media-image.of-maxImageSize-septenary {
  max-width: min(23.0263157895vw, 35rem);
}
@media screen and (max-width: 1259px) {
  .ss-media-image.of-maxImageSize-septenary {
    max-width: max(24.7422680412vw, 24rem);
  }
}
@media screen and (max-width: 969px) {
  .ss-media-image.of-maxImageSize-septenary {
    max-width: initial;
  }
}
.ss-media-image.of-primary, .ss-media-image.of-secondary {
  flex-shrink: 0;
  max-width: 61rem;
  border: 1px solid var(--color-line-gray, var(--SS_COLOR_BASE_LIGHT_GRAY));
  border-radius: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-media-image.of-primary, .ss-media-image.of-secondary {
    max-width: 40rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-media-image.of-primary, .ss-media-image.of-secondary {
    max-width: 100%;
  }
}
.ss-media-image.of-primary {
  background: linear-gradient(106deg, #b5d2ff 0%, #d0ecff 100%);
}
.ss-media-image.of-secondary {
  background: linear-gradient(107deg, #bef5ff 0%, #e6fbff 98.85%);
}
.ss-media-image > img {
  height: auto;
}
.ss-media-icon > img {
  height: auto;
}

.ss-mediaArticle {
  display: grid;
  grid-template-columns: 20rem 1fr;
}
@media screen and (max-width: 969px) {
  .ss-mediaArticle {
    grid-template-columns: 1fr;
  }
}

.ss-mediaFeature {
  display: grid;
  grid-template-columns: 20rem 1fr;
}
.ss-mediaFeature > * {
  min-width: 0;
}
@media screen and (max-width: 969px) {
  .ss-mediaFeature {
    grid-template-columns: 1fr;
  }
}

.ss-navigationGlobal {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-navigationGlobal {
    flex-direction: column;
    align-items: inherit;
    gap: 0;
  }
}
.ss-navigationGlobal > li {
  max-width: 16rem;
  font-size: clamp(1.4rem, 1.0526315789vw, 1.6rem);
}
.ss-navigationGlobal > li > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-navigationGlobal > li {
    max-width: 100%;
    border-bottom: 0.1rem solid rgba(35, 106, 219, 0.2);
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationGlobal > li:last-child {
    border-bottom: none;
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal > li > a.is-current, .ss-navigationGlobal > li > button.is-current {
    color: var(--SS_COLOR_BASE_BLUE);
  }
}
.ss-navigationGlobal-outer > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-navigationGlobal-outer {
    width: 100%;
    margin-bottom: 2.4rem;
  }
}
.ss-navigationGlobal-link, .ss-navigationGlobal-trigger {
  display: block;
  position: relative;
  width: 100%;
  transition: color 0.3s ease, text-shadow 0.1s ease;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-navigationGlobal-link, .ss-navigationGlobal-trigger {
    display: block;
    position: relative;
    padding: 2.4rem 2.8rem 2.4rem 0;
    font-size: 1.6rem;
    font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
    text-align: left;
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal-link::after, .ss-navigationGlobal-trigger::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3.6rem;
    transition: background 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    background: transparent;
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationGlobal-link::after, .ss-navigationGlobal-trigger::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383%22%2f%3e%3c%2fsvg%3e");
  }
}
@media screen and (hover: hover) and (min-width: 1260px) {
  .ss-navigationGlobal-link:hover, .ss-navigationGlobal-trigger:hover {
    color: var(--SS_COLOR_BASE_BLUE);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal-link:focus, .ss-navigationGlobal-trigger:focus {
    color: var(--SS_COLOR_BASE_BLUE);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal-link.is-active, .ss-navigationGlobal-trigger.is-active {
    color: var(--SS_COLOR_BASE_BLUE);
    text-shadow: 0.03rem 0 currentColor, -0.03rem 0 currentColor;
  }
}
@media screen and (hover: hover) and (min-width: 1260px) {
  .ss-navigationGlobal-link:hover {
    text-shadow: 0.03rem 0 currentColor, -0.03rem 0 currentColor;
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal-link:focus {
    text-shadow: 0.03rem 0 currentColor, -0.03rem 0 currentColor;
  }
}
.ss-navigationGlobal-trigger {
  cursor: pointer;
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal-trigger {
    padding-right: 2rem;
  }
  .ss-navigationGlobal-trigger::before, .ss-navigationGlobal-trigger::after {
    content: "";
    display: block;
    position: absolute;
  }
  .ss-navigationGlobal-trigger::before {
    z-index: -1;
    top: 50%;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.2s ease;
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M12%2e2165%204%2e11648C12%2e5203%204%2e42022%2012%2e5203%204%2e91256%2012%2e2165%205%2e2163L7%2e54986%209%2e88297C7%2e24612%2010%2e1867%206%2e75378%2010%2e1867%206%2e45004%209%2e88297L1%2e78337%205%2e2163C1%2e47963%204%2e91256%201%2e47963%204%2e42022%201%2e78337%204%2e11648C2%2e08711%203%2e81274%202%2e57946%203%2e81274%202%2e8832%204%2e11648L6%2e99995%208%2e23323L11%2e1167%204%2e11648C11%2e4204%203%2e81274%2011%2e9128%203%2e81274%2012%2e2165%204%2e11648Z%22%2f%3e%3c%2fsvg%3e");
  }
  .ss-navigationGlobal-trigger::after {
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    background: transparent;
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationGlobal-trigger.is-active::before {
    margin-top: 0;
    transform: translateY(-50%) rotate(-180deg);
  }
}

.ss-navigationMegaMenu {
  --padding: 2rem;
  display: none;
  position: absolute;
  z-index: 1000;
  left: 0;
  width: 100%;
  height: 0;
  background: #f8fbff;
  box-shadow: 0 1.6rem 1.6rem 0 rgba(35, 106, 219, 0.08);
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu {
    display: block;
    visibility: hidden;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: 3rem;
    overflow: hidden;
    opacity: 0;
    line-height: 1;
  }
  .ss-navigationMegaMenu.is-hide, .ss-navigationMegaMenu.is-show {
    transition: visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, height 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  }
  .ss-navigationMegaMenu.is-hide {
    visibility: hidden;
    height: 0;
    opacity: 0;
  }
  .ss-navigationMegaMenu.is-show {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu {
    top: 0;
    left: 100%;
    padding: 0;
    box-shadow: none;
  }
}
.ss-navigationMegaMenu.is-show {
  display: block;
}
.ss-navigationMegaMenu-body {
  max-width: calc(1520px + var(--padding) * 2);
  margin-inline: auto;
  padding: 4rem var(--padding);
}
.ss-navigationMegaMenu-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-body {
    padding: 0;
  }
}
.ss-navigationMegaMenu-list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-list {
    gap: 1.6rem;
    height: 100%;
  }
}
.ss-navigationMegaMenu-list button.of-goBack {
  width: 100%;
  padding: 0.9rem var(--padding);
  background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
}
.ss-navigationMegaMenu-list button.of-goBack > .ss-navigationMegaMenu-linkText {
  display: flex;
  position: relative;
  padding: 0 0 0 2.8rem;
  border-top: none;
  font-size: 1.2rem;
  font-weight: var(--SS_FONT_WEIGHT_MIDIUM);
  letter-spacing: -0.018rem;
}
.ss-navigationMegaMenu-list button.of-goBack > .ss-navigationMegaMenu-linkText::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M11%2e2953%2013%2e9617C10%2e9482%2014%2e3088%2010%2e3855%2014%2e3088%2010%2e0384%2013%2e9617L4%2e70504%208%2e62836C4%2e3579%208%2e28123%204%2e3579%207%2e71855%204%2e70504%207%2e37142L10%2e0384%202%2e03809C10%2e3855%201%2e69095%2010%2e9482%201%2e69095%2011%2e2953%202%2e03809C11%2e6424%202%2e38522%2011%2e6424%202%2e9479%2011%2e2953%203%2e29503L6%2e59045%207%2e99989L11%2e2953%2012%2e7048C11%2e6424%2013%2e0519%2011%2e6424%2013%2e6146%2011%2e2953%2013%2e9617Z%22%2f%3e%3c%2fsvg%3e");
}
.ss-navigationMegaMenu-list button.of-goBack > .ss-navigationMegaMenu-linkText::after {
  content: none;
}
.ss-navigationMegaMenu-list > li > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-list > li:last-child {
    height: 100%;
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-list a {
    display: block;
    padding: 0 var(--padding);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-listItem {
    position: relative;
  }
}
@media screen and (min-width: 1260px) and (hover: hover) {
  .ss-navigationMegaMenu-listItem:hover .ss-navigationMegaMenu-linkText {
    color: var(--SS_COLOR_BASE_BLUE);
  }
  .ss-navigationMegaMenu-listItem:hover .ss-navigationMegaMenu-linkText::after {
    right: 0.8rem;
  }
  .ss-navigationMegaMenu-listItem:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.4rem;
    background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-listItem:focus .ss-navigationMegaMenu-linkText {
    color: var(--SS_COLOR_BASE_BLUE);
  }
  .ss-navigationMegaMenu-listItem:focus .ss-navigationMegaMenu-linkText::after {
    right: 0.8rem;
  }
  .ss-navigationMegaMenu-listItem:focus::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.4rem;
    background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
  }
}
.ss-navigationMegaMenu-title {
  display: block;
  padding: 2.4rem var(--padding);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  font-size: 1.6rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-navigationMegaMenu-title.of-primary {
  margin-bottom: 1.6rem;
  padding: 0;
  padding-left: 0.4rem;
  font-size: 2.6rem;
  letter-spacing: -0.039rem;
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-title.of-primary {
    font-size: 2rem;
  }
}
.ss-navigationMegaMenu-media {
  display: flex;
  align-items: center;
  padding: 0.8rem 4.8rem 0.8rem 0.8rem;
  transition: background-color 0.3s ease;
  border-radius: 1.6rem;
  background-color: transparent;
  gap: 2.4rem;
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-media {
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .ss-navigationMegaMenu-media::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M0%2e325437%200%2e325437C0%2e759353%20%2d0%2e108479%201%2e4627%20%2d0%2e108479%201%2e89662%200%2e325437L8%2e56328%206%2e9921C8%2e9972%207%2e42602%208%2e9972%208%2e12937%208%2e56328%208%2e56328L1%2e89662%2015%2e23C1%2e4627%2015%2e6639%200%2e759353%2015%2e6639%200%2e325437%2015%2e23C%2d0%2e108479%2014%2e796%20%2d0%2e108479%2014%2e0927%200%2e325437%2013%2e6588L6%2e20651%207%2e77769L0%2e325437%201%2e89662C%2d0%2e108479%201%2e4627%20%2d0%2e108479%200%2e759353%200%2e325437%200%2e325437Z%22%2f%3e%3c%2fsvg%3e");
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-media {
    padding: 0 var(--padding);
  }
}
@media screen and (hover: hover) and (min-width: 1260px) {
  .ss-navigationMegaMenu-media:hover {
    background-color: #ebf4ff;
  }
  .ss-navigationMegaMenu-media:hover::after {
    transform: translate(0.6rem, -50%);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-media:focus {
    background-color: #ebf4ff;
  }
  .ss-navigationMegaMenu-media:focus::after {
    transform: translate(0.6rem, -50%);
  }
}
.ss-navigationMegaMenu-mediaText {
  transition: color 0.3s ease;
  color: var(--SS_COLOR_BASE_BLACK);
  font-size: 2.4rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  letter-spacing: -0.039rem;
  line-height: 1.25;
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-mediaText {
    display: block;
    position: relative;
    padding: 1.6rem 2.8rem 1.6rem 0;
    border-top: 0.1rem solid rgba(35, 106, 219, 0.2);
    color: var(--SS_COLOR_BASE_GRAY);
    font-size: 1.4rem;
    font-weight: var(--SS_FONT_WEIGHT_MIDIUM);
    letter-spacing: -0.021rem;
  }
  .ss-navigationMegaMenu-mediaText::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0.4rem;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383Z%22%2f%3e%3c%2fsvg%3e");
  }
}
.ss-navigationMegaMenu-mediaImage {
  flex-shrink: 0;
  width: 100%;
  max-width: 16rem;
  border: 0.1rem solid var(--color-line-gray, #dfdfdf);
  border-radius: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-mediaImage {
    max-width: 10rem;
  }
}
.ss-navigationMegaMenu-mediaImage img {
  border-radius: 1.6rem;
}
.ss-navigationMegaMenu-childList {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-childList {
    width: 100%;
    height: 100%;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-childList {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    margin-top: 0;
    background: #fff;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-childList > li {
    padding-bottom: 0.4rem;
  }
  .ss-navigationMegaMenu-childList > li:last-child {
    padding: 0;
  }
}
.ss-navigationMegaMenu-childList > li:last-child {
  margin-top: auto;
}
.ss-navigationMegaMenu-childList.is-show {
  display: block;
}
.ss-navigationMegaMenu-linkText {
  display: block;
  position: relative;
  padding: 1.4rem 3rem 0.8rem 0.8rem;
  transition: color 0.3s ease;
  color: var(--SS_COLOR_BASE_GRAY);
  font-size: 1.4rem;
  letter-spacing: -0.021rem;
}
.ss-navigationMegaMenu-linkText::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 1.4rem;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateY(-50%);
  transition: right 0.3s ease, transform 0.3s ease;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383Z%22%2f%3e%3c%2fsvg%3e");
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-linkText {
    padding: 1.6rem 2.8rem 1.6rem 0;
    border-top: 0.1rem solid rgba(35, 106, 219, 0.2);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-button {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.9rem 0.8rem 0.8rem;
    transition: background-color 0.3s ease;
    border: 0.1rem solid var(--SS_COLOR_BASE_BLUE);
    border-radius: 10rem;
    background-color: var(--SS_COLOR_BASE_BLUE);
    color: var(--SS_COLOR_BASE_WHITE);
    font-size: 1.3rem;
    font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
    gap: 0.8rem;
  }
  .ss-navigationMegaMenu-button::after {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2rem;
    transform: translateX(0);
    transition: transform 0.3s ease;
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23fff%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383%22%2f%3e%3c%2fsvg%3e");
  }
}
@media screen and (min-width: 1260px) and (hover: hover) {
  .ss-navigationMegaMenu-button:hover {
    background-color: var(--SS_COLOR_BASE_WHITE);
    color: var(--SS_COLOR_BASE_BLUE_PRIMARY);
  }
  .ss-navigationMegaMenu-button:hover::after {
    transform: translateX(0.6rem);
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%231461db%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383%22%2f%3e%3c%2fsvg%3e");
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-button:focus {
    background-color: var(--SS_COLOR_BASE_WHITE);
    color: var(--SS_COLOR_BASE_BLUE_PRIMARY);
  }
  .ss-navigationMegaMenu-button:focus::after {
    transform: translateX(0.6rem);
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%231461db%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383%22%2f%3e%3c%2fsvg%3e");
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationMegaMenu-buttonText {
    display: block;
    padding-top: 0.4rem;
  }
}
@media screen and (max-width: 1259px) {
  .ss-navigationMegaMenu-buttonText {
    display: block;
    position: relative;
    padding: 1.6rem 2.8rem 1.6rem 0;
    border-top: 0.1rem solid rgba(35, 106, 219, 0.2);
    color: var(--SS_COLOR_BASE_BLUE);
  }
  .ss-navigationMegaMenu-buttonText::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateY(-50%);
    transition: right 0.3s ease, transform 0.3s ease;
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M4%2e70469%202%2e0383C5%2e05182%201%2e69117%205%2e6145%201%2e69117%205%2e96163%202%2e0383L11%2e295%207%2e37164C11%2e6421%207%2e71877%2011%2e6421%208%2e28145%2011%2e295%208%2e62858L5%2e96163%2013%2e9619C5%2e6145%2014%2e309%205%2e05182%2014%2e309%204%2e70469%2013%2e9619C4%2e35755%2013%2e6148%204%2e35755%2013%2e0521%204%2e70469%2012%2e705L9%2e40955%208%2e00011L4%2e70469%203%2e29525C4%2e35755%202%2e94812%204%2e35755%202%2e38544%204%2e70469%202%2e0383Z%22%2f%3e%3c%2fsvg%3e");
  }
}

.ss-layout-megaMenuGrid {
  display: grid;
  gap: 8rem;
}
.ss-layout-megaMenuGrid.of-column-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ss-layout-megaMenuGrid.of-column-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ss-layout-megaMenuGrid.of-column-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ss-layout-megaMenuGrid.of-column-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ss-layout-megaMenuGrid.of-column-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ss-layout-megaMenuGrid.of-column-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ss-layout-megaMenuGrid.of-column-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ss-layout-megaMenuGrid.of-column-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ss-layout-megaMenuGrid.of-column-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ss-layout-megaMenuGrid.of-column-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ss-layout-megaMenuGrid.of-column-12 {
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 1259px) {
  .ss-layout-megaMenuGrid[class*=of-column-] {
    grid-template-columns: 1fr;
  }
}
.ss-layout-megaMenuGrid.of-column-2 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-3 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-3 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-4 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-4 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-4 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-5 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-5 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-5 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-5 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-6 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-6 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-6 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-6 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-6 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-7 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-7 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-7 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-7 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-7 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-7 > .ss-layout-megaMenuGrid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-megaMenuGrid.of-column-8 > .ss-layout-megaMenuGrid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-megaMenuGrid.of-column-9 > .ss-layout-megaMenuGrid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-megaMenuGrid.of-column-10 > .ss-layout-megaMenuGrid-column.of-column-10 {
  grid-column: span 10;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-10 {
  grid-column: span 10;
}
.ss-layout-megaMenuGrid.of-column-11 > .ss-layout-megaMenuGrid-column.of-column-11 {
  grid-column: span 11;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-2 {
  grid-column: span 2;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-3 {
  grid-column: span 3;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-4 {
  grid-column: span 4;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-5 {
  grid-column: span 5;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-6 {
  grid-column: span 6;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-7 {
  grid-column: span 7;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-8 {
  grid-column: span 8;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-9 {
  grid-column: span 9;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-10 {
  grid-column: span 10;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-11 {
  grid-column: span 11;
}
.ss-layout-megaMenuGrid.of-column-12 > .ss-layout-megaMenuGrid-column.of-column-12 {
  grid-column: span 12;
}
.ss-layout-megaMenuGrid-column {
  display: flex;
  flex-direction: column;
}
.ss-layout-megaMenuGrid-column > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1260px) {
  .ss-layout-megaMenuGrid-column {
    position: relative;
    justify-content: space-between;
    gap: 1.6rem;
  }
  .ss-layout-megaMenuGrid-column::before {
    content: "";
    position: absolute;
    right: -4rem;
    width: 0.1rem;
    height: 100%;
    background-color: var(--SS_COLOR_BASE_LIGHT_GRAY);
  }
  .ss-layout-megaMenuGrid-column:last-child::before {
    content: none;
  }
}
@media screen and (max-width: 1259px) {
  .ss-layout-megaMenuGrid {
    gap: 0;
  }
}

.ss-navigationSide-list {
  max-height: 48rem;
  overflow-y: auto;
}
.ss-navigationSide-list::after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ss-navigationSide-list.is-overflowing::after {
  display: block;
  background-image: linear-gradient(180deg, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0) 79%, hsla(0, 0%, 98%, 0.5) 90%, var(--SS_COLOR_BACKGROUND_PRIMARY));
}
.ss-navigationSide-list.is-scroll-bottom::after {
  display: none;
}
.ss-navigationSide-link {
  font-size: 1.3rem;
  letter-spacing: -0.015em;
  display: flex;
  align-items: center;
  padding: 1.6rem 2.4rem;
  border-left: 1px solid rgba(35, 106, 219, 0.2);
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  text-decoration: none;
}
@media (hover: hover) {
  .ss-navigationSide-link:hover {
    background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
    color: var(--SS_COLOR_BASE_BLUE);
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
}
.ss-navigationSide-link:focus {
  background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
  color: var(--SS_COLOR_BASE_BLUE);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.ss-navigationSide-link.is-current {
  border-left: 2px solid var(--SS_COLOR_BASE_BLUE);
  background-color: var(--SS_COLOR_BACKGROUND_SECONDARY);
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: bold;
}

.ss-navigationCategory {
  --padding: 2rem;
  position: relative;
}
.ss-navigationCategory-outer {
  position: sticky;
  z-index: 999;
  top: 0;
  margin-bottom: 2rem;
  padding: 0 2rem;
  background-image: var(--SS_GRADIENT_BLUE_PRIMARY);
}
.ss-navigationCategory-outer:has(.ss-navigationCategory.of-primary) {
  margin-bottom: 12rem;
  border-bottom: 0.1rem solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  background-color: var(--SS_COLOR_BASE_WHITE);
  background-image: none;
}
@media screen and (max-width: 1259px) {
  .ss-navigationCategory-outer:has(.ss-navigationCategory.of-primary) {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-navigationCategory-outer:has(.ss-navigationCategory.of-primary) {
    margin-bottom: 5.6rem;
  }
}
.ss-navigationCategory-content {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-color: var(--SS_COLOR_BASE_BLUE) #f0f0f0;
  scrollbar-width: thin;
}
@media screen and (max-width: 969px) {
  .ss-navigationCategory-content {
    margin: 0 -2rem 0 0;
  }
}
.ss-navigationCategory-list {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  padding: 2rem 0 1.4rem;
  gap: 4.8rem;
}
@media screen and (max-width: 1259px) {
  .ss-navigationCategory-list {
    padding: 1.2rem 0 0.6rem;
    gap: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-navigationCategory-list {
    justify-content: initial;
    padding: 2rem 0 1.4rem;
  }
  .ss-navigationCategory-list > li:last-child {
    padding-right: 2rem;
  }
}
.ss-navigationCategory-link {
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  display: grid;
  position: relative;
  padding: 0 0.4rem 0.6rem;
  transition: background-color 0.3s, font-weight 0.1s;
  color: var(--SS_COLOR_BASE_WHITE);
}
@media screen and (max-width: 969px) {
  .ss-navigationCategory-link {
    font-size: 1.4rem;
  }
}
.ss-navigationCategory-link::before {
  content: attr(data-text);
  visibility: hidden;
  grid-area: 1/1;
  font-weight: var(--SS_FONT_WEIGHT_BOLD);
  pointer-events: none;
}
.ss-navigationCategory-link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.5rem;
  left: calc(50% - 0.2rem);
  grid-area: 1/1;
  width: calc(100% + 0.4rem);
  height: 1px;
  transform: translateX(-50%);
  transition: background-color 0.3s;
  background-color: transparent;
}
@media (hover: hover) {
  .ss-navigationCategory-link:hover {
    font-weight: var(--SS_FONT_WEIGHT_BOLD);
  }
  .ss-navigationCategory-link:hover::after {
    background-color: currentColor;
  }
}
.ss-navigationCategory-link:focus {
  font-weight: var(--SS_FONT_WEIGHT_BOLD);
}
.ss-navigationCategory-link:focus::after {
  background-color: currentColor;
}
.ss-navigationCategory-link[aria-current=page] {
  font-weight: var(--SS_FONT_WEIGHT_BOLD);
}
.ss-navigationCategory-link[aria-current=page]::after {
  background-color: currentColor;
}
.ss-navigationCategory-label {
  grid-area: 1/1;
}
.ss-navigationCategory-overlay {
  position: absolute;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
  inset: 0;
}
@media screen and (max-width: 969px) {
  .ss-navigationCategory-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    right: -2rem;
    bottom: 0;
    width: 16rem;
    background-image: linear-gradient(90deg, color-mix(in srgb, #003882 0%, transparent) 4.38%, #003882 100%);
  }
}
.ss-navigationCategory-overlayInner {
  position: absolute;
  top: calc(50% + 0.6rem);
  right: 2rem;
  transform: translate(50%, -50%);
  cursor: pointer;
  pointer-events: none;
}
.ss-navigationCategory-overlayIcon {
  width: 4rem;
  height: 4rem;
}
.ss-navigationCategory.is-overflowing:not(.is-hasScrolled) .ss-navigationCategory-overlay {
  opacity: 1;
}
.ss-navigationCategory.is-overflowing:not(.is-hasScrolled) .ss-navigationCategory-overlayInner {
  pointer-events: auto;
}
.ss-navigationCategory.of-primary .ss-navigationCategory-link {
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-navigationCategory.of-primary .ss-navigationCategory-link:not(.is-current)::after {
  display: none;
}
.ss-navigationCategory.of-primary .ss-navigationCategory-link.is-current {
  font-weight: var(--SS_FONT_WEIGHT_BOLD);
}
.ss-navigationCategory.of-primary .ss-navigationCategory-link.is-current::after {
  background-color: var(--SS_COLOR_BASE_BLUE);
}
.ss-navigationCategory.of-primary .ss-navigationCategory-list {
  padding: var(--padding) var(--padding) 1.4rem;
}
@media screen and (max-width: 969px) {
  .ss-navigationCategory.of-primary .ss-navigationCategory-overlay::before {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 4.38%, #fff 100%);
  }
}

.ss-navigationAnchor {
  --padding: 2rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 969px) {
  .ss-navigationAnchor {
    margin-bottom: 3.2rem;
  }
}
.ss-navigationAnchor-content {
  padding: 0 8rem;
}
.ss-navigationAnchor-content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-navigationAnchor-content {
    padding: 0;
  }
}
.ss-navigationAnchor-list {
  display: grid;
  justify-content: center;
  margin-bottom: 1.6rem;
  column-gap: 4rem;
  row-gap: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-navigationAnchor-list {
    column-gap: 3.2rem;
  }
}
.ss-navigationAnchor-list.of-column-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ss-navigationAnchor-list.of-column-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ss-navigationAnchor-list.of-column-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ss-navigationAnchor-list.of-column-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ss-navigationAnchor-list.of-column-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ss-navigationAnchor-list.of-column-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ss-navigationAnchor-list.of-column-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ss-navigationAnchor-list.of-column-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ss-navigationAnchor-list.of-column-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ss-navigationAnchor-list.of-column-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ss-navigationAnchor-list.of-column-12 {
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 969px) {
  .ss-navigationAnchor-list.ss-smallScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-navigationAnchor-list.ss-smallScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 970px) {
  .ss-navigationAnchor-list.ss-largeScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-navigationAnchor-list.ss-largeScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1260px) {
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-navigationAnchor-list.ss-extraLargeScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 969px) {
  .ss-navigationAnchor-list[class*=of-column-] {
    grid-template-columns: 1fr;
  }
}
.ss-navigationAnchor-list > li {
  height: 100%;
}
.ss-navigationAnchor-list > li > *:last-child {
  margin-bottom: 0 !important;
}
.ss-navigationAnchor-link {
  display: flex;
  align-items: center;
  min-width: 6.4rem;
  height: 100%;
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
@media (hover: hover) {
  .ss-navigationAnchor-link:hover {
    color: var(--SS_COLOR_BASE_BLUE);
  }
}
.ss-navigationAnchor-link:focus {
  color: var(--SS_COLOR_BASE_BLUE);
}
.ss-navigationAnchor-text {
  display: block;
  position: relative;
  flex: 1;
  padding-right: 2rem;
  font-size: 1.6rem;
  letter-spacing: -0.015em;
}
.ss-navigationAnchor-text::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s ease;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M12%2e2165%204%2e11648C12%2e5203%204%2e42022%2012%2e5203%204%2e91256%2012%2e2165%205%2e2163L7%2e54986%209%2e88297C7%2e24612%2010%2e1867%206%2e75378%2010%2e1867%206%2e45004%209%2e88297L1%2e78337%205%2e2163C1%2e47963%204%2e91256%201%2e47963%204%2e42022%201%2e78337%204%2e11648C2%2e08711%203%2e81274%202%2e57946%203%2e81274%202%2e8832%204%2e11648L6%2e99995%208%2e23323L11%2e1167%204%2e11648C11%2e4204%203%2e81274%2011%2e9128%203%2e81274%2012%2e2165%204%2e11648Z%22%2f%3e%3c%2fsvg%3e");
}

.ss-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.ss-pager-body.of-previous .ss-linkInline, .ss-pager-body.of-next .ss-linkInline {
  margin-bottom: 0;
  color: var(--SS_COLOR_BASE_GRAY);
}
@media screen and (min-width: 970px) {
  .ss-pager-body.of-previous {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-pager-body.of-next {
    padding-left: 1.6rem;
  }
}
.ss-pager-body > *:last-child {
  margin-bottom: 0 !important;
}
.ss-pager-button {
  display: block;
  min-width: 4rem;
  min-height: 4rem;
  padding: 0.7rem 0.6rem 0.4rem;
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  border-radius: 50%;
  background: #fff;
  color: var(--SS_COLOR_BASE_GRAY);
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.ss-pager-button.is-current {
  border-color: var(--SS_COLOR_BASE_BLUE);
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.of-previous .ss-pager-button, .of-next .ss-pager-button {
  padding-bottom: 0.7rem;
}
.of-previous .ss-pager-button::before, .of-next .ss-pager-button::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2015%2015%22%20fill%3d%22%23666a6b%22%3e%3cpath%20d%3d%22M4%2e11843%201%2e78347C4%2e42217%201%2e47973%204%2e91452%201%2e47973%205%2e21826%201%2e78347L9%2e88492%206%2e45014C10%2e1887%206%2e75388%2010%2e1887%207%2e24622%209%2e88492%207%2e54996L5%2e21826%2012%2e2166C4%2e91452%2012%2e5204%204%2e42217%2012%2e5204%204%2e11843%2012%2e2166C3%2e81469%2011%2e9129%203%2e81469%2011%2e4205%204%2e11843%2011%2e1168L8%2e23518%207%2e00005L4%2e11843%202%2e8833C3%2e81469%202%2e57956%203%2e81469%202%2e08721%204%2e11843%201%2e78347Z%22%2f%3e%3c%2fsvg%3e");
}
.of-previous .ss-pager-button::before {
  margin-bottom: 0.2rem;
  margin-left: 0.2rem;
  transform: rotate(180deg);
}

.ss-section {
  --padding: 2rem;
  margin-bottom: 12rem;
}
.ss-section > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-section {
    margin-bottom: 8rem;
  }
}
.ss-section-outer {
  position: relative;
  z-index: 0;
}
.ss-section-outer::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -20;
  top: 26rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../../../../../../../img/ss/products/software/rk/rk_bg_01.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
@media screen and (max-width: 969px) {
  .ss-section-outer::after {
    top: clamp(350px, 903px + -0.906557377 * (100vw - 360px), 903px);
  }
}
.ss-section-content {
  max-width: calc(1520px + var(--padding) * 2);
  margin: 0 auto;
  padding: 0 var(--padding);
}
.ss-section-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-section-content:has(+ .ss-section-content) {
  padding-bottom: 8rem;
}
@media screen and (max-width: 969px) {
  .ss-section-content:has(+ .ss-section-content) {
    padding-bottom: 2.4rem;
  }
}
.ss-section-title {
  font-size: 4.8rem;
  letter-spacing: -0.015em;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: 1.15;
}
.ss-section-titleGroup {
  margin-bottom: 4.8rem;
}
.ss-section-titleGroup > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-section-titleGroup {
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-section-titleGroup {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1259px) {
  .ss-section-title {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-section-title {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
  }
}
html.theme-home .ss-section-title {
  margin-bottom: 5.6rem;
  font-size: 5.6rem;
}
@media screen and (max-width: 1259px) {
  html.theme-home .ss-section-title {
    margin-bottom: 4rem;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 969px) {
  html.theme-home .ss-section-title {
    font-size: 2.4rem;
  }
}
html.theme-home .ss-section-title:has(+ .ss-section-subtitle) {
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1259px) {
  html.theme-home .ss-section-title:has(+ .ss-section-subtitle) {
    margin-bottom: 1.6rem;
  }
}
.ss-section-subtitle {
  font-size: 2.4rem;
  letter-spacing: -0.015em;
  margin-bottom: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 1259px) {
  .ss-section-subtitle {
    margin-bottom: 0.8rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-section-subtitle {
    font-size: 1.6rem;
  }
}
.ss-section-text {
  font-size: 2.4rem;
  letter-spacing: -0.015em;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-section-text {
    font-size: 1.6rem;
  }
}
.ss-section.of-background-primary {
  background-image: url("../../../../../../../../img/ss/products/software/rk/platform_bg_05.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
.ss-section.of-background-primary .ss-section-content {
  padding: 16rem var(--padding) 0;
}
@media screen and (max-width: 1259px) {
  .ss-section.of-background-primary .ss-section-content {
    padding-top: 8rem;
  }
}
.ss-section.of-background-primary .ss-section-content:has(+ .ss-section-content) {
  padding-bottom: 0;
}
@media screen and (max-width: 969px) {
  .ss-section.of-background-primary .ss-section-content:has(+ .ss-section-content) {
    padding-bottom: 0;
  }
}
.ss-section.of-background-secondary {
  background-image: url("../../../../../../../../img/ss/products/software/rk/rpa-solutions_bg_02.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
}
.ss-section.of-background-secondary .ss-section-content {
  padding-top: 12rem;
}
@media screen and (max-width: 1259px) {
  .ss-section.of-background-secondary .ss-section-content {
    padding-top: 8rem;
  }
}
[data-script-enabled=true] .ss-section.of-animation {
  transform: translateY(4rem);
  opacity: 0;
}
[data-script-enabled=true] .ss-section.of-animation.is-show {
  transform: translateY(0);
  transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1);
  animation: fadeIn 1s ease-in-out forwards;
}

.ss-sectionConversion {
  --padding: 2rem;
  margin: 0 2rem 12rem;
  padding: 12rem 0;
  border-radius: 1.6rem;
  background-image: url(../../../../../../../../img/ss/products/software/rk/rk_bg_03.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: var(--SS_COLOR_BASE_WHITE);
}
.ss-sectionConversion > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-sectionConversion {
    margin-bottom: 8rem;
    padding: 8rem 0;
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionConversion {
    margin: 0 0;
    padding: 5.6rem 0;
  }
}
.ss-sectionConversion-content {
  max-width: calc(1260px + var(--padding) * 2);
  margin: 0 auto;
  padding: 0 var(--padding);
}
.ss-sectionConversion-content > *:last-child {
  margin-bottom: 0 !important;
}
.ss-sectionConversion-title {
  font-size: 4.8rem;
  letter-spacing: -0.015em;
  margin-bottom: 2.4rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
.ss-sectionConversion-titleGroup {
  display: flex;
  flex-direction: column;
  margin-bottom: 6.4rem;
  gap: 1.6rem;
}
.ss-sectionConversion-titleGroup > * {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-sectionConversion-titleGroup {
    margin-bottom: 5.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionConversion-titleGroup {
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 1259px) {
  .ss-sectionConversion-title {
    margin-bottom: 1.6rem;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionConversion-title {
    font-size: 2.4rem;
  }
}
.ss-sectionConversion-subtitle {
  font-size: 3.2rem;
  letter-spacing: -0.015em;
  margin-bottom: 2.4rem;
  font-weight: var(--SS_FONT_WEIGHT_MEDIUM);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-sectionConversion-subtitle {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionConversion-subtitle {
    font-size: 1.6rem;
  }
}
.ss-sectionConversion-textLead {
  font-size: 7.2rem;
  letter-spacing: -0.015em;
  margin-bottom: 4.8rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-sectionConversion-textLead {
    margin-bottom: 3.2rem;
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionConversion-textLead {
    font-size: 3.2rem;
  }
}
.ss-sectionConversion.of-animation {
  transform: translateY(4rem);
  opacity: 0;
}
.ss-sectionConversion.of-animation.is-show {
  transform: translateY(0);
  transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1);
  animation: fadeIn 1s ease-in-out forwards;
}
.ss-sectionConversion.of-primary {
  padding: 8rem 0;
  background-image: url("../../../../../../../../img/ss/products/software/rk/platform_bg_04.jpg");
}
@media screen and (max-width: 969px) {
  .ss-sectionConversion.of-primary {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-radius: 0;
  }
}

.ss-step {
  margin-bottom: 3.2rem;
}
.ss-step > *:last-child {
  margin-bottom: 0 !important;
}
.ss-step-label {
  display: inline-block;
  margin-bottom: 2.4rem;
  padding: 0.6rem 2.4rem 0.2rem;
  border-radius: 0.4rem;
  background-color: var(--SS_COLOR_BASE_GRAY);
  color: var(--SS_COLOR_BASE_WHITE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-step-labelOuter {
  display: inline-flex;
  margin-bottom: 2.4rem;
}
.ss-step-labelOuter > *:last-child {
  margin-bottom: 0 !important;
}
.ss-step-label > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-step-label {
    padding: 0.6rem 1.6rem 0.2rem;
  }
}
.ss-step-label.of-background-primary {
  background-image: var(--SS_GRADIENT_BLUE_PRIMARY);
}
.ss-step-header > *:last-child {
  margin-bottom: 0 !important;
}
.ss-step-between {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ss-step-betweenIcon {
  display: inline-block;
  width: 14.8rem;
  height: 4rem;
  background-image: linear-gradient(to left, #149dff, #236adb);
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
}
@media screen and (max-width: 969px) {
  .ss-step-betweenIcon {
    width: 10.8rem;
    height: 2.9rem;
  }
}
.ss-step-imageOuter > *:last-child {
  margin-bottom: 0 !important;
}

.ss-stepCompare {
  display: grid;
  grid-template-columns: 41% 1fr 41%;
  margin-bottom: 6.4rem;
}
.ss-stepCompare > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare {
    grid-template-columns: 45% 1fr 45%;
    margin-bottom: 5.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    max-width: 64rem;
    margin: 0 auto;
    margin-bottom: 4rem;
  }
}
.ss-stepCompare-title {
  font-size: 3.2rem;
  letter-spacing: -0.015em;
  margin-bottom: 1.6rem;
  color: var(--SS_COLOR_BASE_BLACK);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-title {
    font-size: 2.2rem;
  }
}
.ss-stepCompare-icon {
  width: 19.2rem;
  height: 15.8rem;
  margin-left: 2rem;
}
.ss-stepCompare-iconOuter {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-icon {
    width: 11.3rem;
    height: 10.3rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-icon {
    width: 8.8rem;
    height: 8rem;
  }
}
.ss-stepCompare-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 5.6rem;
  border: 1px solid var(--SS_COLOR_BASE_WHITE);
  border-radius: 1.2rem;
  background-color: rgba(255, 255, 255, 0.6);
}
.ss-stepCompare-column > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-column {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-column {
    padding: 2.4rem 1.6rem;
  }
}
.ss-stepCompare-column:has(.ss-stepCompare-iconOuter) {
  position: relative;
  padding-bottom: 17.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-column:has(.ss-stepCompare-iconOuter) {
    padding-bottom: 11.9rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-column:has(.ss-stepCompare-iconOuter) {
    padding-bottom: 9.6rem;
  }
}
.ss-stepCompare-column.of-after {
  background-color: rgb(121, 235, 255);
  background-image: url(../../../../../../../../img/ss/products/software/rk/rk_bg_04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-column.of-after {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-column.of-after {
    padding-left: 1.6rem;
  }
}
.ss-stepCompare-column.of-after .ss-stepCompare-title {
  font-size: 4rem;
  letter-spacing: -0.015em;
  line-height: 1.15;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-column.of-after .ss-stepCompare-title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-column.of-after .ss-stepCompare-title {
    font-size: 2.8rem;
  }
}
.ss-stepCompare-between {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ss-stepCompare-betweenIcon {
  display: inline-block;
  width: 9rem;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-betweenIcon {
    width: 4rem;
    height: 4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-betweenIcon {
    rotate: 90deg;
  }
}
.ss-stepCompare-list {
  width: 100%;
}
.ss-stepCompare-list.of-width-primary .ss-stepCompare-listItem {
  padding: 0.6rem 1.6rem 0.4rem 2.4rem;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-list.of-width-primary .ss-stepCompare-listItem {
    padding: 0.6rem 1.6rem 0.4rem;
  }
}
.ss-stepCompare-listItem {
  position: relative;
  padding: 1.8rem 2.4rem 1.6rem;
  border-radius: 0.8rem;
  background-color: var(--SS_COLOR_BASE_WHITE);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
@media screen and (max-width: 969px) {
  .ss-stepCompare-listItem {
    padding: 1rem 1.6rem 0.8rem;
  }
}
.ss-stepCompare-listItem > .ss-stepCompare {
  margin-top: 1.6rem;
}
@media screen and (max-width: 1259px) {
  .ss-stepCompare-listItem > .ss-stepCompare {
    margin-top: 0.8rem;
  }
}
[data-script-enabled=true] .ss-stepCompare.of-animation .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list {
  transform: translateY(-100%);
  backface-visibility: hidden;
}
[data-script-enabled=true] .ss-stepCompare.of-animation .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li {
  transform: translateY(-100%);
  backface-visibility: hidden;
  opacity: 0;
}
[data-script-enabled=true] .ss-stepCompare.of-animation .ss-stepCompare-betweenIcon {
  backface-visibility: hidden;
  opacity: 0;
}
[data-script-enabled=true] .ss-stepCompare.of-animation .ss-stepCompare-column.of-after {
  overflow: hidden;
  backface-visibility: hidden;
  transition: opacity 0.6s ease;
  opacity: 0;
}
[data-script-enabled=true] .ss-stepCompare.of-animation .ss-stepCompare-column.of-after > * {
  transform: scale(1.2);
  backface-visibility: hidden;
  opacity: 0;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list {
  animation: listDrop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  will-change: transform;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(1) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(2) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.1s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(3) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.2s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(4) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.3s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(5) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.4s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(6) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.5s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(7) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.6s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(8) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.7s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(9) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.8s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column:not(.of-after) .ss-stepCompare-list li:nth-last-child(10) {
  animation: brickDrop 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
  animation-delay: 0.9s;
  will-change: transform, opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-betweenIcon {
  animation: slideRightIn 0.4s ease forwards;
  animation-delay: 1s;
  will-change: opacity;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column.of-after {
  transition-delay: 1.4s;
  will-change: opacity;
  opacity: 1;
}
[data-script-enabled=true] .ss-stepCompare.of-animation.is-show .ss-stepCompare-column.of-after > * {
  animation: popIn 2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 1.4s;
  will-change: transform, opacity;
}

.ss-stepFeature {
  display: flex;
  flex-direction: column;
  row-gap: 10.4rem;
  margin-bottom: 2.4rem;
}
.ss-stepFeature > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-stepFeature {
    gap: 6rem;
  }
}
.ss-stepFeature-column > *:last-child {
  margin-bottom: 0 !important;
}
.ss-stepFeature-column:has(+ .ss-stepFeature-column) {
  position: relative;
}
.ss-stepFeature-column:has(+ .ss-stepFeature-column)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8rem;
  left: 50%;
  width: 14.8rem;
  height: 4rem;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #236adb 0%, #149dff 100%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 969px) {
  .ss-stepFeature-column:has(+ .ss-stepFeature-column)::after {
    bottom: -4.5rem;
    width: 10.8rem;
    height: 2.9rem;
  }
}
.ss-stepFeature-label {
  display: block;
  max-width: fit-content;
  margin-bottom: 1.6rem;
  padding: 0.6rem 2.4rem 0.4rem;
  border-radius: 0.4rem;
  background: var(--SS_GRADIENT_BLUE_PRIMARY);
  color: var(--SS_COLOR_BASE_WHITE);
  font-size: 1.6rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 969px) {
  .ss-stepFeature-label {
    max-width: none;
    padding: 0.6rem 1.6rem;
    font-size: 1.4rem;
  }
}
.ss-stepFeature-label.of-background-primary {
  background: linear-gradient(90deg, #06416b 1.39%, #00bebe 101.39%);
}
.ss-stepFeature-title {
  font-size: 2.6rem;
  letter-spacing: -0.015em;
  display: block;
  color: var(--SS_COLOR_BASE_BLACK);
}
@media screen and (max-width: 969px) {
  .ss-stepFeature-title {
    font-size: 1.6rem;
  }
}
.ss-stepFeature-titleGroup {
  margin-bottom: 3.2rem;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid var(--SS_COLOR_BASE_LIGHT_GRAY);
}
@media screen and (max-width: 969px) {
  .ss-stepFeature-titleGroup {
    padding-bottom: 1.6rem;
  }
}

.ss-stepFlow {
  display: grid;
  row-gap: 4.8rem;
  column-gap: 6.4rem;
}
.ss-stepFlow.of-column-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ss-stepFlow.of-column-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ss-stepFlow.of-column-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ss-stepFlow.of-column-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ss-stepFlow.of-column-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ss-stepFlow.of-column-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ss-stepFlow.of-column-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ss-stepFlow.of-column-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ss-stepFlow.of-column-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ss-stepFlow.of-column-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ss-stepFlow.of-column-12 {
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 969px) {
  .ss-stepFlow.ss-smallScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-stepFlow.ss-smallScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 970px) {
  .ss-stepFlow.ss-largeScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-stepFlow.ss-largeScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1260px) {
  .ss-stepFlow.ss-extraLargeScreen-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .ss-stepFlow.ss-extraLargeScreen-column-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 969px) {
  .ss-stepFlow[class*=of-column-] {
    grid-template-columns: 1fr;
  }
}
.ss-stepFlow-column {
  position: relative;
}
.ss-stepFlow-column > *:last-child {
  margin-bottom: 0 !important;
}
.ss-stepFlow-column:has(+ .ss-stepFlow-column)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -4.4rem;
  width: 2.8rem;
  height: 2.8rem;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%202%2e8rem%202%2e8rem%22%20fill%3d%22%23236adb%22%3e%3cpath%20d%3d%22M13%2e8724%202%2e20561C14%2e4799%201%2e59813%2015%2e4646%201%2e59813%2016%2e0721%202%2e20562L26%2e1832%2012%2e3168C26%2e2575%2012%2e3911%2026%2e324%2012%2e4732%2026%2e3822%2012%2e5613C26%2e4207%2012%2e6196%2026%2e4541%2012%2e6802%2026%2e4839%2012%2e7421C26%2e5178%2012%2e8124%2026%2e5474%2012%2e8852%2026%2e5705%2012%2e9609C26%2e5802%2012%2e9924%2026%2e5873%2013%2e0246%2026%2e5948%2013%2e0566C26%2e6223%2013%2e1722%2026%2e6389%2013%2e2925%2026%2e6389%2013%2e4166C26%2e6389%2013%2e5457%2026%2e6199%2013%2e6703%2026%2e5903%2013%2e7903C26%2e5838%2013%2e8166%2026%2e5784%2013%2e8432%2026%2e5705%2013%2e8693C26%2e5474%2013%2e9455%2026%2e518%2014%2e0188%2026%2e4839%2014%2e0895C26%2e4528%2014%2e1544%2026%2e4167%2014%2e217%2026%2e3761%2014%2e2779C26%2e3565%2014%2e3072%2026%2e3353%2014%2e3351%2026%2e3138%2014%2e363C26%2e2732%2014%2e4156%2026%2e2314%2014%2e4682%2026%2e1832%2014%2e5164L16%2e072%2024%2e6275C15%2e4646%2025%2e235%2014%2e4799%2025%2e235%2013%2e8724%2024%2e6275C13%2e2649%2024%2e0201%2013%2e265%2023%2e0354%2013%2e8724%2022%2e4279L21%2e3281%2014%2e9721L3%2e30556%2014%2e9721C2%2e44649%2014%2e9721%201%2e75007%2014%2e2756%201%2e75%2013%2e4166C1%2e75%2012%2e5575%202%2e44645%2011%2e861%203%2e30556%2011%2e861L21%2e3281%2011%2e861L13%2e8724%204%2e40527C13%2e2649%203%2e79781%2013%2e265%202%2e8131%2013%2e8724%202%2e20561Z%22%2f%3e%3c%2fsvg%3e");
}
@media screen and (max-width: 969px) {
  .ss-stepFlow-column:has(+ .ss-stepFlow-column)::before {
    top: auto;
    right: auto;
    bottom: -3.6rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
.ss-stepFlow-title {
  font-size: 2rem;
  letter-spacing: -0.015em;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-stepFlow-titleGroup {
  display: flex;
  gap: 1.6rem;
}
.ss-stepFlow-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 6.4rem;
  max-width: 6.4rem;
  min-height: 6.4rem;
  max-height: 6.4rem;
  padding: 1.4rem 1.4rem 0.9rem;
  border: 0.1rem solid var(--SS_COLOR_BASE_BLUE);
  border-radius: 50%;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-stepFlow-label > .ss-stepFlow-labelText {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  margin-bottom: -0.6rem;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-stepFlow-label > .ss-stepFlow-labelNumber {
  font-size: 2.4rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-stepFlow-textGroup {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.ss-stepPoint {
  display: grid;
  grid-template-columns: 48fr 35fr;
  grid-template-rows: repeat(3, auto);
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
.ss-stepPoint > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-stepPoint {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
.ss-stepPoint > .ss-stepPoint-column:first-child {
  grid-row: 1/4;
}
.ss-stepPoint-title {
  font-size: 2rem;
  letter-spacing: -0.015em;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-stepPoint-titleGroup {
  display: flex;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.ss-stepPoint-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 2.8rem;
  max-width: 2.8rem;
  min-height: 2.8rem;
  max-height: 2.8rem;
  padding: 1.2rem 1.3rem 0.9rem;
  border: 0.1rem solid var(--SS_COLOR_BASE_BLUE);
  border-radius: 50%;
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-stepPoint-label > .ss-stepPoint-labelText {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  margin-bottom: -0.6rem;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-stepPoint-label > .ss-stepPoint-labelNumber {
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLUE);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}

.ss-tabFeature {
  margin-bottom: 24rem;
}
@media screen and (min-width: 970px) {
  .ss-tabFeature {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6.4rem;
    align-items: center;
  }
}
@media screen and (max-width: 1259px) {
  .ss-tabFeature {
    margin-bottom: 8rem;
  }
}
.ss-tabFeature-title {
  margin-bottom: 4.8rem;
  padding-left: 4.8rem;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  font-size: 3.6rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1259px) {
  .ss-tabFeature-title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-title {
    margin-bottom: 3.2rem;
    padding-left: 0;
    font-size: 2.4rem;
    text-align: center;
  }
}
.ss-tabFeature-list {
  display: flex;
  flex-direction: column;
}
.ss-tabFeature-item {
  margin-left: 3.2rem;
  border-top: 0.1rem solid var(--SS_COLOR_BASE_LIGHT_GRAY);
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-item {
    margin-left: 0;
  }
}
.ss-tabFeature-item::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -3.3rem;
  width: 3px;
  height: calc(100% - 6px);
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.4s ease;
  border-radius: 99.99rem;
  background-color: var(--SS_COLOR_BASE_BLUE);
}
.ss-tabFeature-item.is-current {
  position: relative;
}
.ss-tabFeature-item.is-current::before {
  transform: scaleY(1);
}
.ss-tabFeature-item:last-child {
  border-bottom: 0.1rem solid var(--SS_COLOR_BASE_LIGHT_GRAY);
}
.ss-tabFeature-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3.3rem 1.6rem;
  gap: 0.8rem;
  transition: padding 0.25s ease;
}
@media screen and (max-width: 1259px) {
  .ss-tabFeature-button {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-button {
    padding: 1.6rem;
  }
}
.ss-tabFeature-button[aria-expanded=true] {
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}
@media screen and (max-width: 1259px) {
  .ss-tabFeature-button[aria-expanded=true] {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
.ss-tabFeature-button[aria-expanded=true] .ss-tabFeature-icon.of-collapsed {
  opacity: 0;
}
.ss-tabFeature-button[aria-expanded=true] .ss-tabFeature-text {
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-tabFeature-button[aria-expanded=false] .ss-tabFeature-icon.of-expanded {
  opacity: 0;
}
.ss-tabFeature-text {
  flex: 1;
  transition: font-size 0.25s ease, color 0.3s ease, text-shadow 0.1s ease;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  text-align: left;
  font-size: 2rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-text {
    font-size: 1.4rem;
  }
}
.ss-tabFeature-text.is-heightMeasuring .ss-tabFeature-button,
.ss-tabFeature-text.is-heightMeasuring .ss-tabFeature-text {
  transition: none !important;
}
.ss-tabFeature-icon {
  position: absolute;
  left: 0;
  width: 3.2rem;
  height: 3.2rem;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.ss-tabFeature-iconOuter {
  position: relative;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-iconOuter {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.ss-tabFeature-tab {
  display: block;
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-tab {
    width: 100%;
    padding: 1.6rem;
    text-align: left;
  }
}
.ss-tabFeature-navigation li {
  position: relative;
  margin-left: 4.8rem;
  padding: 3.3rem 6.4rem 3.3rem 0;
  border-top: 0.1rem solid var(--SS_COLOR_BASE_LIGHT_GRAY);
}
.ss-tabFeature-navigation li.is-active {
  padding: 4.8rem 6.4rem 4.8rem 0;
}
.ss-tabFeature-panel {
  overflow: hidden;
  border-radius: 1.6rem;
  background: url("../../../../../../../../img/ss/products/software/rk/platform_bg_02.png") center/cover no-repeat, linear-gradient(90deg, #0079cf 1.39%, #003882 101.39%);
  color: var(--SS_COLOR_BASE_WHITE);
}
@media screen and (min-width: 970px) {
  .ss-tabFeature-panel {
    display: grid;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    width: 100%;
    height: 100%;
    transform: translateY(1.2rem);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-panel {
    height: 0;
    transition: height 0.3s ease;
  }
}
.ss-tabFeature-panelGroup > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 970px) {
  .ss-tabFeature-panelGroup {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease;
    border-radius: 1.6rem;
  }
}
.ss-tabFeature-panelInner {
  padding: 4.8rem 5.6rem;
}
.ss-tabFeature-panelInner > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1259px) {
  .ss-tabFeature-panelInner {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-panelInner {
    padding: 2.4rem;
  }
}
.ss-tabFeature-panel.of-background-primary {
  background: url("../../../../../../../../img/ss/products/software/rk/platform_bg_03.png") center/cover no-repeat, linear-gradient(90deg, #06416b 1.39%, #00bebe 101.39%);
}
@media screen and (min-width: 970px) {
  .ss-tabFeature-panel.is-current {
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 969px) {
  .ss-tabFeature-panel[aria-hidden=false] {
    height: auto;
    margin-bottom: 1.6rem;
  }
}
.ss-tabFeature-panel .ss-headingLevel4, .ss-tabFeature-panel .ss-text {
  color: var(--SS_COLOR_BASE_WHITE);
}

.ss-table {
  margin-bottom: 4rem;
  table-layout: fixed;
}
.ss-table > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 969px) {
  .ss-table {
    display: table;
  }
}
.ss-table th,
.ss-table td {
  padding: 1.6rem 2.4rem;
  border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
@media screen and (max-width: 1259px) {
  .ss-table th,
  .ss-table td {
    padding: 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-table th,
  .ss-table td {
    display: block;
    width: auto;
    padding: 0;
  }
}
.ss-table th.of-backgroundColor-primary,
.ss-table td.of-backgroundColor-primary {
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
}
@media screen and (max-width: 969px) {
  .ss-table tr > * {
    border-top: 0;
  }
}
@media screen and (max-width: 969px) {
  .ss-table tr:first-child > *:first-child {
    border-top: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  }
}
.ss-table thead th,
.ss-table thead td {
  text-align: center;
}
.ss-table-body.of-backgroundColor-primary {
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
}
@media screen and (max-width: 969px) {
  .ss-table-bodyGroup {
    display: flex;
  }
  .ss-table-bodyGroup > * {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1.6rem;
    border-right: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  }
  .ss-table-bodyGroup > *:last-child {
    border-right: 0;
  }
}
.ss-table-outer {
  position: relative;
}
@media screen and (max-width: 969px) {
  .ss-table-outer {
    display: flex;
    padding-bottom: 2.4rem;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-color: var(--SS_COLOR_BASE_BLUE) #f0f0f0;
    scrollbar-width: thin;
  }
}
@media screen and (max-width: 969px) {
  .ss-table-outer .ss-table {
    flex-grow: 1;
    width: max-content;
  }
}
.ss-table-outer th,
.ss-table-outer td {
  min-width: 10.7rem;
}
@media screen and (max-width: 969px) {
  .ss-table-outer th,
  .ss-table-outer td {
    display: table-cell;
    padding: 1.6rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-table-outer tr > * {
    border: 1px solid var(--SS_COLOR_BASE_LIGHT_GRAY);
  }
}
@media screen and (max-width: 969px) {
  .ss-table-outer .ss-table-bodyGroup > * {
    padding: 0;
  }
}
.ss-table-outer .ss-table-overlay {
  position: absolute;
  overflow: hidden;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
  inset: 0;
}
.ss-table-outer .ss-table-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  bottom: 0;
  width: 16rem;
  background-image: linear-gradient(90deg, transparent 0%, var(--SS_COLOR_BASE_WHITE) 100%);
}
.ss-table-outer .ss-table-overlayInner {
  display: flex;
  position: absolute;
  top: 50%;
  right: 2rem;
  flex-direction: column-reverse;
  transform: translate(50%, -50%);
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  gap: 0.4rem;
}
.ss-table-outer .ss-table-overlayIcon {
  width: 4rem;
  height: 4rem;
}
.ss-table-outer .ss-table-overlayLabel {
  font-size: 1.3rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLUE);
}
.ss-table-wrapper.is-overflowing:not(.is-hasScrolled) .ss-table-overlay {
  opacity: 1;
}
.ss-table-wrapper.is-overflowing:not(.is-hasScrolled) .ss-table-overlayInner {
  pointer-events: auto;
}

.ss-text {
  font-size: 1.6rem;
  letter-spacing: -0.015em;
  margin-bottom: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-text > *:last-child {
  margin-bottom: 0 !important;
}
.ss-textPhone {
  max-width: 18rem;
  line-height: 1.5;
}

.ss-textAnnotation {
  font-size: 1.2rem;
  letter-spacing: -0.015em;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}

.ss-textValue {
  margin-bottom: 0.8rem;
  color: var(--SS_COLOR_BASE_BLUE);
  font-size: clamp(2rem, 1.5873015873vw, 3.2rem);
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}
@media screen and (max-width: 969px) {
  .ss-textValue {
    font-size: 3.2rem;
  }
}
.ss-textValue em {
  font-size: clamp(3.2rem, 3.2989690722vw, 5.6rem);
}
@media screen and (max-width: 969px) {
  .ss-textValue em {
    font-size: 5.6rem;
  }
}
.ss-textValue em.of-primary {
  font-size: clamp(2.4rem, 2.4742268041vw, 4rem);
}
@media screen and (max-width: 969px) {
  .ss-textValue em.of-primary {
    font-size: 4rem;
  }
}

.ss-textChecked {
  display: flex;
  position: relative;
  align-items: center;
  max-width: fit-content;
  margin: 0 auto;
  padding-top: 0.4rem;
  padding-left: 2.4rem;
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
  font-size: 1.8rem;
  letter-spacing: -0.015em;
}
.ss-textChecked::before, .ss-textChecked::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ss-textChecked::before {
  z-index: 1;
  left: 0.5rem;
  width: 0.7rem;
  height: 0.5rem;
  background-color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
  clip-path: polygon(34.25% 96.35%, 0% 50.68%, 8.56% 39.26%, 34.25% 73.52%, 89.46% 0%, 97.96% 11.42%);
}
.ss-textChecked::after {
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid var(--SS_COLOR_BASE_BLACK_PRIMARY);
  border-radius: 50%;
  background-color: var(--SS_COLOR_BASE_WHITE);
  aspect-ratio: 1/1;
}
.ss-textChecked-outer {
  margin-bottom: 2.4rem;
  padding: 0.8rem 2.4rem;
  border: 0.1rem solid rgba(35, 106, 219, 0.2);
  border-radius: 8px;
  background: linear-gradient(107deg, #bef5ff 0%, #d8ebff 98.85%);
}
.ss-textChecked.of-color-primary::after {
  border: 1px solid var(--SS_COLOR_BASE_BLUE);
  background-image: var(--SS_GRADIENT_SECONDARY);
}
.ss-textChecked.of-color-primary::before {
  background-color: var(--SS_COLOR_BASE_WHITE);
}
.ss-textChecked.of-color-secondary::after {
  border: 2px solid var(--SS_COLOR_BASE_BLUE);
  background-color: color-mix(in srgb, var(--SS_COLOR_BASE_WHITE) 80%, transparent);
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-color-secondary::after {
    border: 1px solid var(--SS_COLOR_BASE_BLUE);
  }
}
.ss-textChecked.of-color-secondary::before {
  background-color: var(--SS_COLOR_BASE_BLUE);
}
.ss-textChecked.of-primary {
  padding-left: 4.2rem;
  font-size: 2.4rem;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 1259px) {
  .ss-textChecked.of-primary {
    font-size: 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-primary {
    padding-left: 2.8rem;
    font-size: 1.6rem;
  }
}
.ss-textChecked.of-primary::before {
  left: -0.1rem;
  width: 1.6rem;
  height: 1.2rem;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-primary::before {
    left: 0;
    width: 0.8rem;
    height: 0.6rem;
  }
}
.ss-textChecked.of-primary::after {
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-primary::after {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.ss-textChecked.of-secondary {
  font-size: 2.4rem;
  letter-spacing: -0.015em;
  padding-left: 4.2rem;
}
@media screen and (max-width: 1259px) {
  .ss-textChecked.of-secondary {
    font-size: 2rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-secondary {
    padding-left: 3.6rem;
    font-size: 1.8rem;
  }
}
.ss-textChecked.of-secondary::before {
  left: 0;
  width: 1.6rem;
  height: 1.2rem;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-secondary::before {
    width: 1.2rem;
    height: 0.9rem;
  }
}
.ss-textChecked.of-secondary::after {
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 969px) {
  .ss-textChecked.of-secondary::after {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ss-video {
  position: absolute;
  z-index: -10;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  object-fit: cover;
}
.ss-video-button {
  position: relative;
  width: 3.6rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: var(--SS_COLOR_BACKGROUND_PRIMARY);
  aspect-ratio: 1/1;
}
.ss-video-buttonOuter {
  position: absolute;
  z-index: 10;
  right: 3.2rem;
  bottom: 3.2rem;
}
@media screen and (max-width: 1259px) {
  .ss-video-buttonOuter {
    right: 2.4rem;
    bottom: 2.4rem;
  }
}
@media screen and (max-width: 969px) {
  .ss-video-buttonOuter {
    right: 0.8rem;
    bottom: 0.8rem;
  }
}
.ss-video-buttonText {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.ss-video-button::before, .ss-video-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 0.3rem;
  height: 1.4rem;
  transform: translateY(-50%);
  border-radius: 0.3rem;
  background-color: rgb(35, 106, 219);
}
.ss-video-button::before {
  left: 1.15rem;
}
.ss-video-button::after {
  left: 1.95rem;
}
.ss-video-button.is-paused::before {
  border-width: 0.8rem 0 0.8rem 1.2rem;
  border-style: solid;
  border-color: transparent transparent transparent rgb(35, 106, 219);
  background: none;
}
.ss-video-button.is-paused::after {
  display: none;
}

@media screen and (max-width: 1259px) {
  .ss-extraLargeScreen-show {
    display: none;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-hide {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .ss-largeScreen-display-block {
    display: block;
  }
  .ss-largeScreen-display-inlineBlock {
    display: inline-block;
  }
  .ss-largeScreen-justifyContent-end {
    justify-content: end;
  }
  .ss-largeScreen-visuallyHidden {
    display: block;
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: none;
    opacity: 0;
    pointer-events: none;
  }
  .ss-largeScreen-line-break {
    display: block;
  }
  .ss-largeScreen-maxWidth-none {
    max-width: none;
  }
  .ss-largeScreen-padding-primary {
    padding: 0 4rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-smallScreen-show {
    display: none !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-hide {
    display: none !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-width-full {
    width: 100% !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-maxWidth-none {
    max-width: none !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-maxWidth-primary {
    max-width: calc(64rem + var(--padding) * 2);
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-padding-primary {
    padding: 0 2.4rem !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-height-auto {
    height: auto !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-borderRadius-none {
    border-radius: 0 !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-borderBottom-none {
    border-bottom: none !important;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-templateColumns-auto {
    grid-template-columns: auto !important;
  }
}

.ss-utility-textAlign-left {
  text-align: left;
}
.ss-utility-textAlign-center {
  text-align: center;
}
.ss-utility-textAlign-right {
  text-align: right;
}
.ss-utility-textAlign-justify {
  text-align: justify;
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-textAlign-left {
    text-align: left;
  }
  .ss-smallScreen-textAlign-center {
    text-align: center;
  }
  .ss-smallScreen-textAlign-right {
    text-align: right;
  }
  .ss-smallScreen-textAlign-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-textAlign-left {
    text-align: left;
  }
  .ss-largeScreen-textAlign-center {
    text-align: center;
  }
  .ss-largeScreen-textAlign-right {
    text-align: right;
  }
  .ss-largeScreen-textAlign-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-textAlign-left {
    text-align: left;
  }
  .ss-extraLargeScreen-textAlign-center {
    text-align: center;
  }
  .ss-extraLargeScreen-textAlign-right {
    text-align: right;
  }
  .ss-extraLargeScreen-textAlign-justify {
    text-align: justify;
  }
}
.ss-utility-justifyContent-start {
  justify-content: flex-start;
}
.ss-utility-justifyContent-end {
  justify-content: flex-end;
}
.ss-utility-justifyContent-center {
  justify-content: center;
}
.ss-utility-justifyContent-between {
  justify-content: space-between;
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .ss-smallScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .ss-smallScreen-justifyContent-center {
    justify-content: center;
  }
  .ss-smallScreen-justifyContent-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .ss-largeScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .ss-largeScreen-justifyContent-center {
    justify-content: center;
  }
  .ss-largeScreen-justifyContent-between {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .ss-extraLargeScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .ss-extraLargeScreen-justifyContent-center {
    justify-content: center;
  }
  .ss-extraLargeScreen-justifyContent-between {
    justify-content: space-between;
  }
}
.ss-utility-alignItems-start {
  align-items: start;
}
.ss-utility-alignItems-end {
  align-items: flex-end;
}
.ss-utility-alignItems-center {
  align-items: center;
}
.ss-utility-alignItems-stretch {
  align-items: stretch;
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-alignItems-start {
    align-items: start;
  }
  .ss-smallScreen-alignItems-end {
    align-items: flex-end;
  }
  .ss-smallScreen-alignItems-center {
    align-items: center;
  }
  .ss-smallScreen-alignItems-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-alignItems-start {
    align-items: start;
  }
  .ss-largeScreen-alignItems-end {
    align-items: flex-end;
  }
  .ss-largeScreen-alignItems-center {
    align-items: center;
  }
  .ss-largeScreen-alignItems-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-alignItems-start {
    align-items: start;
  }
  .ss-extraLargeScreen-alignItems-end {
    align-items: flex-end;
  }
  .ss-extraLargeScreen-alignItems-center {
    align-items: center;
  }
  .ss-extraLargeScreen-alignItems-stretch {
    align-items: stretch;
  }
}

.ss-utility-color-primary {
  color: var(--SS_COLOR_BASE_DARK_BLUE);
}
.ss-utility-color-secondary {
  color: var(--SS_COLOR_BASE_BLACK_PRIMARY);
}
.ss-utility-color-tertiary {
  color: var(--SS_COLOR_BASE_BLUE);
}
.ss-utility-color-quaternary {
  color: var(--SS_COLOR_BASE_BLACK);
}

.ss-utility-display-block {
  display: block;
}
.ss-utility-display-inlineBlock {
  display: inline-block;
}

@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-display-inline {
    display: inline;
  }
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-display-inline {
    display: inline;
  }
}
.ss-utility-flexShrink-0 {
  flex-shrink: 0;
}
.ss-utility-flexDirection-column {
  flex-direction: column;
}
.ss-utility-flexDirection-columnReverse {
  flex-direction: column-reverse;
}
.ss-utility-flexDirection-row {
  flex-direction: row;
}
.ss-utility-flexDirection-rowReverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-flexDirection-column {
    flex-direction: column;
  }
  .ss-smallScreen-flexDirection-columnReverse {
    flex-direction: column-reverse;
  }
  .ss-smallScreen-flexDirection-row {
    flex-direction: row;
  }
  .ss-smallScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-flexDirection-column {
    flex-direction: column;
  }
  .ss-largeScreen-flexDirection-columnReverse {
    flex-direction: column-reverse;
  }
  .ss-largeScreen-flexDirection-row {
    flex-direction: row;
  }
  .ss-largeScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-flexDirection-column {
    flex-direction: column;
  }
  .ss-extraLargeScreen-flexDirection-columnReverse {
    flex-direction: column-reverse;
  }
  .ss-extraLargeScreen-flexDirection-row {
    flex-direction: row;
  }
  .ss-extraLargeScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}

.ss-utility-fontWeight-normal {
  font-weight: var(--SS_FONT_WEIGHT_NORMAL);
}
.ss-utility-fontWeight-medium {
  font-weight: var(--SS_FONT_WEIGHT_MEDIUM);
}
.ss-utility-fontWeight-semiBold {
  font-weight: var(--SS_FONT_WEIGHT_SEMIBOLD);
}
.ss-utility-fontWeight-bold {
  font-weight: var(--SS_FONT_WEIGHT_BOLD);
}

.ss-utility-fontSize-0 {
  font-size: 0;
}
.ss-utility-fontSize-1 {
  font-size: 1.3rem;
}
.ss-utility-fontSize-2 {
  font-size: 1.4rem;
}
.ss-utility-fontSize-3 {
  font-size: 1.6rem;
}
.ss-utility-fontSize-4 {
  font-size: 1.8rem;
}
.ss-utility-fontSize-5 {
  font-size: 2rem;
}
.ss-utility-fontSize-6 {
  font-size: 2.4rem;
}
.ss-utility-fontSize-7 {
  font-size: 2.6rem;
}
.ss-utility-fontSize-8 {
  font-size: 3.2rem;
}
.ss-utility-fontSize-9 {
  font-size: 3.6rem;
}
.ss-utility-fontSize-10 {
  font-size: 4rem;
}
.ss-utility-fontSize-11 {
  font-size: 4.8rem;
}
.ss-utility-fontSize-12 {
  font-size: 5.6rem;
}
.ss-utility-fontSize-13 {
  font-size: 6.4rem;
}
.ss-utility-fontSize-14 {
  font-size: 8.8rem;
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-fontSize-0 {
    font-size: 0;
  }
  .ss-smallScreen-fontSize-1 {
    font-size: 1.3rem;
  }
  .ss-smallScreen-fontSize-2 {
    font-size: 1.4rem;
  }
  .ss-smallScreen-fontSize-3 {
    font-size: 1.6rem;
  }
  .ss-smallScreen-fontSize-4 {
    font-size: 1.8rem;
  }
  .ss-smallScreen-fontSize-5 {
    font-size: 2rem;
  }
  .ss-smallScreen-fontSize-6 {
    font-size: 2.4rem;
  }
  .ss-smallScreen-fontSize-7 {
    font-size: 2.6rem;
  }
  .ss-smallScreen-fontSize-8 {
    font-size: 3.2rem;
  }
  .ss-smallScreen-fontSize-9 {
    font-size: 3.6rem;
  }
  .ss-smallScreen-fontSize-10 {
    font-size: 4rem;
  }
  .ss-smallScreen-fontSize-11 {
    font-size: 4.8rem;
  }
  .ss-smallScreen-fontSize-12 {
    font-size: 5.6rem;
  }
  .ss-smallScreen-fontSize-13 {
    font-size: 6.4rem;
  }
  .ss-smallScreen-fontSize-14 {
    font-size: 8.8rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-fontSize-0 {
    font-size: 0;
  }
  .ss-largeScreen-fontSize-1 {
    font-size: 1.3rem;
  }
  .ss-largeScreen-fontSize-2 {
    font-size: 1.4rem;
  }
  .ss-largeScreen-fontSize-3 {
    font-size: 1.6rem;
  }
  .ss-largeScreen-fontSize-4 {
    font-size: 1.8rem;
  }
  .ss-largeScreen-fontSize-5 {
    font-size: 2rem;
  }
  .ss-largeScreen-fontSize-6 {
    font-size: 2.4rem;
  }
  .ss-largeScreen-fontSize-7 {
    font-size: 2.6rem;
  }
  .ss-largeScreen-fontSize-8 {
    font-size: 3.2rem;
  }
  .ss-largeScreen-fontSize-9 {
    font-size: 3.6rem;
  }
  .ss-largeScreen-fontSize-10 {
    font-size: 4rem;
  }
  .ss-largeScreen-fontSize-11 {
    font-size: 4.8rem;
  }
  .ss-largeScreen-fontSize-12 {
    font-size: 5.6rem;
  }
  .ss-largeScreen-fontSize-13 {
    font-size: 6.4rem;
  }
  .ss-largeScreen-fontSize-14 {
    font-size: 8.8rem;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-fontSize-0 {
    font-size: 0;
  }
  .ss-extraLargeScreen-fontSize-1 {
    font-size: 1.3rem;
  }
  .ss-extraLargeScreen-fontSize-2 {
    font-size: 1.4rem;
  }
  .ss-extraLargeScreen-fontSize-3 {
    font-size: 1.6rem;
  }
  .ss-extraLargeScreen-fontSize-4 {
    font-size: 1.8rem;
  }
  .ss-extraLargeScreen-fontSize-5 {
    font-size: 2rem;
  }
  .ss-extraLargeScreen-fontSize-6 {
    font-size: 2.4rem;
  }
  .ss-extraLargeScreen-fontSize-7 {
    font-size: 2.6rem;
  }
  .ss-extraLargeScreen-fontSize-8 {
    font-size: 3.2rem;
  }
  .ss-extraLargeScreen-fontSize-9 {
    font-size: 3.6rem;
  }
  .ss-extraLargeScreen-fontSize-10 {
    font-size: 4rem;
  }
  .ss-extraLargeScreen-fontSize-11 {
    font-size: 4.8rem;
  }
  .ss-extraLargeScreen-fontSize-12 {
    font-size: 5.6rem;
  }
  .ss-extraLargeScreen-fontSize-13 {
    font-size: 6.4rem;
  }
  .ss-extraLargeScreen-fontSize-14 {
    font-size: 8.8rem;
  }
}

.ss-utility-spaceX-0 {
  column-gap: 0;
}
.ss-utility-spaceY-0 {
  row-gap: 0;
}
.ss-utility-spaceX-1 {
  column-gap: 0.8rem;
}
.ss-utility-spaceY-1 {
  row-gap: 0.8rem;
}
.ss-utility-spaceX-2 {
  column-gap: 1.6rem;
}
.ss-utility-spaceY-2 {
  row-gap: 1.6rem;
}
.ss-utility-spaceX-3 {
  column-gap: 2.4rem;
}
.ss-utility-spaceY-3 {
  row-gap: 2.4rem;
}
.ss-utility-spaceX-4 {
  column-gap: 3.2rem;
}
.ss-utility-spaceY-4 {
  row-gap: 3.2rem;
}
.ss-utility-spaceX-5 {
  column-gap: 4rem;
}
.ss-utility-spaceY-5 {
  row-gap: 4rem;
}
.ss-utility-spaceX-6 {
  column-gap: 4.8rem;
}
.ss-utility-spaceY-6 {
  row-gap: 4.8rem;
}
.ss-utility-spaceX-7 {
  column-gap: 5.6rem;
}
.ss-utility-spaceY-7 {
  row-gap: 5.6rem;
}
.ss-utility-spaceX-8 {
  column-gap: 6.4rem;
}
.ss-utility-spaceY-8 {
  row-gap: 6.4rem;
}
.ss-utility-spaceX-9 {
  column-gap: 7.2rem;
}
.ss-utility-spaceY-9 {
  row-gap: 7.2rem;
}
.ss-utility-spaceX-10 {
  column-gap: 8rem;
}
.ss-utility-spaceY-10 {
  row-gap: 8rem;
}
.ss-utility-spaceX-11 {
  column-gap: 8.8rem;
}
.ss-utility-spaceY-11 {
  row-gap: 8.8rem;
}
.ss-utility-spaceX-12 {
  column-gap: 9.6rem;
}
.ss-utility-spaceY-12 {
  row-gap: 9.6rem;
}
.ss-utility-spaceX-13 {
  column-gap: 10.4rem;
}
.ss-utility-spaceY-13 {
  row-gap: 10.4rem;
}
.ss-utility-spaceX-14 {
  column-gap: 12rem;
}
.ss-utility-spaceY-14 {
  row-gap: 12rem;
}
.ss-utility-spaceX-15 {
  column-gap: 16rem;
}
.ss-utility-spaceY-15 {
  row-gap: 16rem;
}
.ss-utility-spaceX-16 {
  column-gap: 24rem;
}
.ss-utility-spaceY-16 {
  row-gap: 24rem;
}
@media screen and (max-width: 969px) {
  .ss-smallScreen-spaceX-0 {
    column-gap: 0;
  }
  .ss-smallScreen-spaceY-0 {
    row-gap: 0;
  }
  .ss-smallScreen-spaceX-1 {
    column-gap: 0.8rem;
  }
  .ss-smallScreen-spaceY-1 {
    row-gap: 0.8rem;
  }
  .ss-smallScreen-spaceX-2 {
    column-gap: 1.6rem;
  }
  .ss-smallScreen-spaceY-2 {
    row-gap: 1.6rem;
  }
  .ss-smallScreen-spaceX-3 {
    column-gap: 2.4rem;
  }
  .ss-smallScreen-spaceY-3 {
    row-gap: 2.4rem;
  }
  .ss-smallScreen-spaceX-4 {
    column-gap: 3.2rem;
  }
  .ss-smallScreen-spaceY-4 {
    row-gap: 3.2rem;
  }
  .ss-smallScreen-spaceX-5 {
    column-gap: 4rem;
  }
  .ss-smallScreen-spaceY-5 {
    row-gap: 4rem;
  }
  .ss-smallScreen-spaceX-6 {
    column-gap: 4.8rem;
  }
  .ss-smallScreen-spaceY-6 {
    row-gap: 4.8rem;
  }
  .ss-smallScreen-spaceX-7 {
    column-gap: 5.6rem;
  }
  .ss-smallScreen-spaceY-7 {
    row-gap: 5.6rem;
  }
  .ss-smallScreen-spaceX-8 {
    column-gap: 6.4rem;
  }
  .ss-smallScreen-spaceY-8 {
    row-gap: 6.4rem;
  }
  .ss-smallScreen-spaceX-9 {
    column-gap: 7.2rem;
  }
  .ss-smallScreen-spaceY-9 {
    row-gap: 7.2rem;
  }
  .ss-smallScreen-spaceX-10 {
    column-gap: 8rem;
  }
  .ss-smallScreen-spaceY-10 {
    row-gap: 8rem;
  }
  .ss-smallScreen-spaceX-11 {
    column-gap: 8.8rem;
  }
  .ss-smallScreen-spaceY-11 {
    row-gap: 8.8rem;
  }
  .ss-smallScreen-spaceX-12 {
    column-gap: 9.6rem;
  }
  .ss-smallScreen-spaceY-12 {
    row-gap: 9.6rem;
  }
  .ss-smallScreen-spaceX-13 {
    column-gap: 10.4rem;
  }
  .ss-smallScreen-spaceY-13 {
    row-gap: 10.4rem;
  }
  .ss-smallScreen-spaceX-14 {
    column-gap: 12rem;
  }
  .ss-smallScreen-spaceY-14 {
    row-gap: 12rem;
  }
  .ss-smallScreen-spaceX-15 {
    column-gap: 16rem;
  }
  .ss-smallScreen-spaceY-15 {
    row-gap: 16rem;
  }
  .ss-smallScreen-spaceX-16 {
    column-gap: 24rem;
  }
  .ss-smallScreen-spaceY-16 {
    row-gap: 24rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-spaceX-0 {
    column-gap: 0;
  }
  .ss-largeScreen-spaceY-0 {
    row-gap: 0;
  }
  .ss-largeScreen-spaceX-1 {
    column-gap: 0.8rem;
  }
  .ss-largeScreen-spaceY-1 {
    row-gap: 0.8rem;
  }
  .ss-largeScreen-spaceX-2 {
    column-gap: 1.6rem;
  }
  .ss-largeScreen-spaceY-2 {
    row-gap: 1.6rem;
  }
  .ss-largeScreen-spaceX-3 {
    column-gap: 2.4rem;
  }
  .ss-largeScreen-spaceY-3 {
    row-gap: 2.4rem;
  }
  .ss-largeScreen-spaceX-4 {
    column-gap: 3.2rem;
  }
  .ss-largeScreen-spaceY-4 {
    row-gap: 3.2rem;
  }
  .ss-largeScreen-spaceX-5 {
    column-gap: 4rem;
  }
  .ss-largeScreen-spaceY-5 {
    row-gap: 4rem;
  }
  .ss-largeScreen-spaceX-6 {
    column-gap: 4.8rem;
  }
  .ss-largeScreen-spaceY-6 {
    row-gap: 4.8rem;
  }
  .ss-largeScreen-spaceX-7 {
    column-gap: 5.6rem;
  }
  .ss-largeScreen-spaceY-7 {
    row-gap: 5.6rem;
  }
  .ss-largeScreen-spaceX-8 {
    column-gap: 6.4rem;
  }
  .ss-largeScreen-spaceY-8 {
    row-gap: 6.4rem;
  }
  .ss-largeScreen-spaceX-9 {
    column-gap: 7.2rem;
  }
  .ss-largeScreen-spaceY-9 {
    row-gap: 7.2rem;
  }
  .ss-largeScreen-spaceX-10 {
    column-gap: 8rem;
  }
  .ss-largeScreen-spaceY-10 {
    row-gap: 8rem;
  }
  .ss-largeScreen-spaceX-11 {
    column-gap: 8.8rem;
  }
  .ss-largeScreen-spaceY-11 {
    row-gap: 8.8rem;
  }
  .ss-largeScreen-spaceX-12 {
    column-gap: 9.6rem;
  }
  .ss-largeScreen-spaceY-12 {
    row-gap: 9.6rem;
  }
  .ss-largeScreen-spaceX-13 {
    column-gap: 10.4rem;
  }
  .ss-largeScreen-spaceY-13 {
    row-gap: 10.4rem;
  }
  .ss-largeScreen-spaceX-14 {
    column-gap: 12rem;
  }
  .ss-largeScreen-spaceY-14 {
    row-gap: 12rem;
  }
  .ss-largeScreen-spaceX-15 {
    column-gap: 16rem;
  }
  .ss-largeScreen-spaceY-15 {
    row-gap: 16rem;
  }
  .ss-largeScreen-spaceX-16 {
    column-gap: 24rem;
  }
  .ss-largeScreen-spaceY-16 {
    row-gap: 24rem;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-spaceX-0 {
    column-gap: 0;
  }
  .ss-extraLargeScreen-spaceY-0 {
    row-gap: 0;
  }
  .ss-extraLargeScreen-spaceX-1 {
    column-gap: 0.8rem;
  }
  .ss-extraLargeScreen-spaceY-1 {
    row-gap: 0.8rem;
  }
  .ss-extraLargeScreen-spaceX-2 {
    column-gap: 1.6rem;
  }
  .ss-extraLargeScreen-spaceY-2 {
    row-gap: 1.6rem;
  }
  .ss-extraLargeScreen-spaceX-3 {
    column-gap: 2.4rem;
  }
  .ss-extraLargeScreen-spaceY-3 {
    row-gap: 2.4rem;
  }
  .ss-extraLargeScreen-spaceX-4 {
    column-gap: 3.2rem;
  }
  .ss-extraLargeScreen-spaceY-4 {
    row-gap: 3.2rem;
  }
  .ss-extraLargeScreen-spaceX-5 {
    column-gap: 4rem;
  }
  .ss-extraLargeScreen-spaceY-5 {
    row-gap: 4rem;
  }
  .ss-extraLargeScreen-spaceX-6 {
    column-gap: 4.8rem;
  }
  .ss-extraLargeScreen-spaceY-6 {
    row-gap: 4.8rem;
  }
  .ss-extraLargeScreen-spaceX-7 {
    column-gap: 5.6rem;
  }
  .ss-extraLargeScreen-spaceY-7 {
    row-gap: 5.6rem;
  }
  .ss-extraLargeScreen-spaceX-8 {
    column-gap: 6.4rem;
  }
  .ss-extraLargeScreen-spaceY-8 {
    row-gap: 6.4rem;
  }
  .ss-extraLargeScreen-spaceX-9 {
    column-gap: 7.2rem;
  }
  .ss-extraLargeScreen-spaceY-9 {
    row-gap: 7.2rem;
  }
  .ss-extraLargeScreen-spaceX-10 {
    column-gap: 8rem;
  }
  .ss-extraLargeScreen-spaceY-10 {
    row-gap: 8rem;
  }
  .ss-extraLargeScreen-spaceX-11 {
    column-gap: 8.8rem;
  }
  .ss-extraLargeScreen-spaceY-11 {
    row-gap: 8.8rem;
  }
  .ss-extraLargeScreen-spaceX-12 {
    column-gap: 9.6rem;
  }
  .ss-extraLargeScreen-spaceY-12 {
    row-gap: 9.6rem;
  }
  .ss-extraLargeScreen-spaceX-13 {
    column-gap: 10.4rem;
  }
  .ss-extraLargeScreen-spaceY-13 {
    row-gap: 10.4rem;
  }
  .ss-extraLargeScreen-spaceX-14 {
    column-gap: 12rem;
  }
  .ss-extraLargeScreen-spaceY-14 {
    row-gap: 12rem;
  }
  .ss-extraLargeScreen-spaceX-15 {
    column-gap: 16rem;
  }
  .ss-extraLargeScreen-spaceY-15 {
    row-gap: 16rem;
  }
  .ss-extraLargeScreen-spaceX-16 {
    column-gap: 24rem;
  }
  .ss-extraLargeScreen-spaceY-16 {
    row-gap: 24rem;
  }
}

.ss-utility-gap-primary {
  gap: 1.8rem;
}
@media screen and (max-width: 969px) {
  .ss-utility-gap-primary {
    gap: 1.6rem;
  }
}

.ss-utility-imageShape-circle {
  clip-path: circle(50%);
}

.ss-utility-line-break {
  display: block;
  width: 100%;
}

.ss-utility-lineHeight-primary {
  line-height: var(--SS_LINE_HEIGHT_PRIMARY);
}

.ss-utility-marginTop-0 {
  margin-top: 0;
}

.ss-utility-marginTop-1 {
  margin-top: 0.8rem;
}

.ss-utility-marginTop-2 {
  margin-top: 1.6rem;
}

.ss-utility-marginTop-3 {
  margin-top: 2.4rem;
}

.ss-utility-marginTop-4 {
  margin-top: 3.2rem;
}

.ss-utility-marginTop-5 {
  margin-top: 4rem;
}

.ss-utility-marginTop-6 {
  margin-top: 4.8rem;
}

.ss-utility-marginTop-7 {
  margin-top: 5.6rem;
}

.ss-utility-marginTop-8 {
  margin-top: 6.4rem;
}

.ss-utility-marginTop-9 {
  margin-top: 7.2rem;
}

.ss-utility-marginTop-10 {
  margin-top: 8rem;
}

.ss-utility-marginTop-11 {
  margin-top: 8.8rem;
}

.ss-utility-marginTop-12 {
  margin-top: 9.6rem;
}

.ss-utility-marginTop-13 {
  margin-top: 10.4rem;
}

.ss-utility-marginTop-14 {
  margin-top: 12rem;
}

.ss-utility-marginTop-15 {
  margin-top: 16rem;
}

.ss-utility-marginTop-16 {
  margin-top: 24rem;
}

@media screen and (max-width: 969px) {
  .ss-smallScreen-marginTop-0 {
    margin-top: 0;
  }
  .ss-smallScreen-marginTop-1 {
    margin-top: 0.8rem;
  }
  .ss-smallScreen-marginTop-2 {
    margin-top: 1.6rem;
  }
  .ss-smallScreen-marginTop-3 {
    margin-top: 2.4rem;
  }
  .ss-smallScreen-marginTop-4 {
    margin-top: 3.2rem;
  }
  .ss-smallScreen-marginTop-5 {
    margin-top: 4rem;
  }
  .ss-smallScreen-marginTop-6 {
    margin-top: 4.8rem;
  }
  .ss-smallScreen-marginTop-7 {
    margin-top: 5.6rem;
  }
  .ss-smallScreen-marginTop-8 {
    margin-top: 6.4rem;
  }
  .ss-smallScreen-marginTop-9 {
    margin-top: 7.2rem;
  }
  .ss-smallScreen-marginTop-10 {
    margin-top: 8rem;
  }
  .ss-smallScreen-marginTop-11 {
    margin-top: 8.8rem;
  }
  .ss-smallScreen-marginTop-12 {
    margin-top: 9.6rem;
  }
  .ss-smallScreen-marginTop-13 {
    margin-top: 10.4rem;
  }
  .ss-smallScreen-marginTop-14 {
    margin-top: 12rem;
  }
  .ss-smallScreen-marginTop-15 {
    margin-top: 16rem;
  }
  .ss-smallScreen-marginTop-16 {
    margin-top: 24rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-marginTop-0 {
    margin-top: 0;
  }
  .ss-largeScreen-marginTop-1 {
    margin-top: 0.8rem;
  }
  .ss-largeScreen-marginTop-2 {
    margin-top: 1.6rem;
  }
  .ss-largeScreen-marginTop-3 {
    margin-top: 2.4rem;
  }
  .ss-largeScreen-marginTop-4 {
    margin-top: 3.2rem;
  }
  .ss-largeScreen-marginTop-5 {
    margin-top: 4rem;
  }
  .ss-largeScreen-marginTop-6 {
    margin-top: 4.8rem;
  }
  .ss-largeScreen-marginTop-7 {
    margin-top: 5.6rem;
  }
  .ss-largeScreen-marginTop-8 {
    margin-top: 6.4rem;
  }
  .ss-largeScreen-marginTop-9 {
    margin-top: 7.2rem;
  }
  .ss-largeScreen-marginTop-10 {
    margin-top: 8rem;
  }
  .ss-largeScreen-marginTop-11 {
    margin-top: 8.8rem;
  }
  .ss-largeScreen-marginTop-12 {
    margin-top: 9.6rem;
  }
  .ss-largeScreen-marginTop-13 {
    margin-top: 10.4rem;
  }
  .ss-largeScreen-marginTop-14 {
    margin-top: 12rem;
  }
  .ss-largeScreen-marginTop-15 {
    margin-top: 16rem;
  }
  .ss-largeScreen-marginTop-16 {
    margin-top: 24rem;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-marginTop-0 {
    margin-top: 0;
  }
  .ss-extraLargeScreen-marginTop-1 {
    margin-top: 0.8rem;
  }
  .ss-extraLargeScreen-marginTop-2 {
    margin-top: 1.6rem;
  }
  .ss-extraLargeScreen-marginTop-3 {
    margin-top: 2.4rem;
  }
  .ss-extraLargeScreen-marginTop-4 {
    margin-top: 3.2rem;
  }
  .ss-extraLargeScreen-marginTop-5 {
    margin-top: 4rem;
  }
  .ss-extraLargeScreen-marginTop-6 {
    margin-top: 4.8rem;
  }
  .ss-extraLargeScreen-marginTop-7 {
    margin-top: 5.6rem;
  }
  .ss-extraLargeScreen-marginTop-8 {
    margin-top: 6.4rem;
  }
  .ss-extraLargeScreen-marginTop-9 {
    margin-top: 7.2rem;
  }
  .ss-extraLargeScreen-marginTop-10 {
    margin-top: 8rem;
  }
  .ss-extraLargeScreen-marginTop-11 {
    margin-top: 8.8rem;
  }
  .ss-extraLargeScreen-marginTop-12 {
    margin-top: 9.6rem;
  }
  .ss-extraLargeScreen-marginTop-13 {
    margin-top: 10.4rem;
  }
  .ss-extraLargeScreen-marginTop-14 {
    margin-top: 12rem;
  }
  .ss-extraLargeScreen-marginTop-15 {
    margin-top: 16rem;
  }
  .ss-extraLargeScreen-marginTop-16 {
    margin-top: 24rem;
  }
}
.ss-utility-marginBottom-0 {
  margin-bottom: 0;
}

.ss-utility-marginBottom-1 {
  margin-bottom: 0.8rem;
}

.ss-utility-marginBottom-2 {
  margin-bottom: 1.6rem;
}

.ss-utility-marginBottom-3 {
  margin-bottom: 2.4rem;
}

.ss-utility-marginBottom-4 {
  margin-bottom: 3.2rem;
}

.ss-utility-marginBottom-5 {
  margin-bottom: 4rem;
}

.ss-utility-marginBottom-6 {
  margin-bottom: 4.8rem;
}

.ss-utility-marginBottom-7 {
  margin-bottom: 5.6rem;
}

.ss-utility-marginBottom-8 {
  margin-bottom: 6.4rem;
}

.ss-utility-marginBottom-9 {
  margin-bottom: 7.2rem;
}

.ss-utility-marginBottom-10 {
  margin-bottom: 8rem;
}

.ss-utility-marginBottom-11 {
  margin-bottom: 8.8rem;
}

.ss-utility-marginBottom-12 {
  margin-bottom: 9.6rem;
}

.ss-utility-marginBottom-13 {
  margin-bottom: 10.4rem;
}

.ss-utility-marginBottom-14 {
  margin-bottom: 12rem;
}

.ss-utility-marginBottom-15 {
  margin-bottom: 16rem;
}

.ss-utility-marginBottom-16 {
  margin-bottom: 24rem;
}

@media screen and (max-width: 969px) {
  .ss-smallScreen-marginBottom-0 {
    margin-bottom: 0;
  }
  .ss-smallScreen-marginBottom-1 {
    margin-bottom: 0.8rem;
  }
  .ss-smallScreen-marginBottom-2 {
    margin-bottom: 1.6rem;
  }
  .ss-smallScreen-marginBottom-3 {
    margin-bottom: 2.4rem;
  }
  .ss-smallScreen-marginBottom-4 {
    margin-bottom: 3.2rem;
  }
  .ss-smallScreen-marginBottom-5 {
    margin-bottom: 4rem;
  }
  .ss-smallScreen-marginBottom-6 {
    margin-bottom: 4.8rem;
  }
  .ss-smallScreen-marginBottom-7 {
    margin-bottom: 5.6rem;
  }
  .ss-smallScreen-marginBottom-8 {
    margin-bottom: 6.4rem;
  }
  .ss-smallScreen-marginBottom-9 {
    margin-bottom: 7.2rem;
  }
  .ss-smallScreen-marginBottom-10 {
    margin-bottom: 8rem;
  }
  .ss-smallScreen-marginBottom-11 {
    margin-bottom: 8.8rem;
  }
  .ss-smallScreen-marginBottom-12 {
    margin-bottom: 9.6rem;
  }
  .ss-smallScreen-marginBottom-13 {
    margin-bottom: 10.4rem;
  }
  .ss-smallScreen-marginBottom-14 {
    margin-bottom: 12rem;
  }
  .ss-smallScreen-marginBottom-15 {
    margin-bottom: 16rem;
  }
  .ss-smallScreen-marginBottom-16 {
    margin-bottom: 24rem;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-marginBottom-0 {
    margin-bottom: 0;
  }
  .ss-largeScreen-marginBottom-1 {
    margin-bottom: 0.8rem;
  }
  .ss-largeScreen-marginBottom-2 {
    margin-bottom: 1.6rem;
  }
  .ss-largeScreen-marginBottom-3 {
    margin-bottom: 2.4rem;
  }
  .ss-largeScreen-marginBottom-4 {
    margin-bottom: 3.2rem;
  }
  .ss-largeScreen-marginBottom-5 {
    margin-bottom: 4rem;
  }
  .ss-largeScreen-marginBottom-6 {
    margin-bottom: 4.8rem;
  }
  .ss-largeScreen-marginBottom-7 {
    margin-bottom: 5.6rem;
  }
  .ss-largeScreen-marginBottom-8 {
    margin-bottom: 6.4rem;
  }
  .ss-largeScreen-marginBottom-9 {
    margin-bottom: 7.2rem;
  }
  .ss-largeScreen-marginBottom-10 {
    margin-bottom: 8rem;
  }
  .ss-largeScreen-marginBottom-11 {
    margin-bottom: 8.8rem;
  }
  .ss-largeScreen-marginBottom-12 {
    margin-bottom: 9.6rem;
  }
  .ss-largeScreen-marginBottom-13 {
    margin-bottom: 10.4rem;
  }
  .ss-largeScreen-marginBottom-14 {
    margin-bottom: 12rem;
  }
  .ss-largeScreen-marginBottom-15 {
    margin-bottom: 16rem;
  }
  .ss-largeScreen-marginBottom-16 {
    margin-bottom: 24rem;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-marginBottom-0 {
    margin-bottom: 0;
  }
  .ss-extraLargeScreen-marginBottom-1 {
    margin-bottom: 0.8rem;
  }
  .ss-extraLargeScreen-marginBottom-2 {
    margin-bottom: 1.6rem;
  }
  .ss-extraLargeScreen-marginBottom-3 {
    margin-bottom: 2.4rem;
  }
  .ss-extraLargeScreen-marginBottom-4 {
    margin-bottom: 3.2rem;
  }
  .ss-extraLargeScreen-marginBottom-5 {
    margin-bottom: 4rem;
  }
  .ss-extraLargeScreen-marginBottom-6 {
    margin-bottom: 4.8rem;
  }
  .ss-extraLargeScreen-marginBottom-7 {
    margin-bottom: 5.6rem;
  }
  .ss-extraLargeScreen-marginBottom-8 {
    margin-bottom: 6.4rem;
  }
  .ss-extraLargeScreen-marginBottom-9 {
    margin-bottom: 7.2rem;
  }
  .ss-extraLargeScreen-marginBottom-10 {
    margin-bottom: 8rem;
  }
  .ss-extraLargeScreen-marginBottom-11 {
    margin-bottom: 8.8rem;
  }
  .ss-extraLargeScreen-marginBottom-12 {
    margin-bottom: 9.6rem;
  }
  .ss-extraLargeScreen-marginBottom-13 {
    margin-bottom: 10.4rem;
  }
  .ss-extraLargeScreen-marginBottom-14 {
    margin-bottom: 12rem;
  }
  .ss-extraLargeScreen-marginBottom-15 {
    margin-bottom: 16rem;
  }
  .ss-extraLargeScreen-marginBottom-16 {
    margin-bottom: 24rem;
  }
}
.ss-utility-marginLeft-auto {
  margin-left: auto !important;
}

@media screen and (max-width: 969px) {
  .ss-smallScreen-marginLeft-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-marginLeft-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-marginLeft-auto {
    margin-left: auto !important;
  }
}
.ss-utility-marginRight-auto {
  margin-right: auto !important;
}

@media screen and (max-width: 969px) {
  .ss-smallScreen-marginRight-auto {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 970px) {
  .ss-largeScreen-marginRight-auto {
    margin-right: auto !important;
  }
}
@media screen and (min-width: 1260px) {
  .ss-extraLargeScreen-marginRight-auto {
    margin-right: auto !important;
  }
}
.ss-utility-visuallyHidden {
  display: block;
  visibility: visible;
  position: fixed;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: none;
  opacity: 0;
  pointer-events: none;
}

.ss-utility-maxWidth-none {
  max-width: none;
}

.ss-utility-order-primary {
  order: 1;
}
.ss-utility-order-secondary {
  order: 2;
}
.ss-utility-order-tertiary {
  order: 3;
}
.ss-utility-order-quaternary {
  order: 4;
}
.ss-utility-order-quinary {
  order: 5;
}