@charset "UTF-8";
/*!
* [Service Name]
* Copyright 2099 [Cliant Name].
* All rights reserved.
* Developed by Nanoconnect, Inc.
*/
:root {
  --sans-serif: sans-serif;
  --serif: serif;
  --monospace: "Source Code Pro", monospace;
  --bgColor: var(--white-color);
  --txtColor: var(--default-color);
  --linkColor: var(--primary-color);
  --borderColor: rgb(var(--default-rgb) / 0.2);
  --controlPadding: 0.75em 1.5em;
  --white-color: #fff;
  --white-rgb: 255 255 255;
  --white-hs: 0deg 0%;
  --white-l: 100%;
  --gray-color: hsl(215, 5%, 50%);
  --gray-rgb: 121.125 126.4375 133.875;
  --gray-hs: 215deg 5%;
  --gray-l: 50%;
  --black-color: #000;
  --black-rgb: 0 0 0;
  --black-hs: 0deg 0%;
  --black-l: 0%;
  --red-color: hsl(359, 99%, 64%);
  --red-rgb: 254.082 72.318 75.3474;
  --red-hs: 359deg 99%;
  --red-l: 64%;
  --orange-color: hsl(25, 90%, 50%);
  --orange-rgb: 242.25 108.375 12.75;
  --orange-hs: 25deg 90%;
  --orange-l: 50%;
  --amber-color: hsl(44, 90%, 50%);
  --amber-rgb: 242.25 181.05 12.75;
  --amber-hs: 44deg 90%;
  --amber-l: 50%;
  --yellow-color: hsl(55, 100%, 50%);
  --yellow-rgb: 255 233.75 0;
  --yellow-hs: 55deg 100%;
  --yellow-l: 50%;
  --lime-color: hsl(75, 95%, 45%);
  --lime-rgb: 169.25625 223.7625 5.7375;
  --lime-hs: 75deg 95%;
  --lime-l: 45%;
  --green-color: hsl(140, 95%, 35%);
  --green-rgb: 4.4625 174.0375 60.9875;
  --green-hs: 140deg 95%;
  --green-l: 35%;
  --teal-color: hsl(165, 95%, 35%);
  --teal-rgb: 4.4625 174.0375 131.64375;
  --teal-hs: 165deg 95%;
  --teal-l: 35%;
  --cyan-color: hsl(180, 80%, 50%);
  --cyan-rgb: 25.5 229.5 229.5;
  --cyan-hs: 180deg 80%;
  --cyan-l: 50%;
  --sky-color: hsl(199, 100%, 45%);
  --sky-rgb: 0 156.825 229.5;
  --sky-hs: 199deg 100%;
  --sky-l: 45%;
  --blue-color: hsl(212, 78%, 44%);
  --blue-rgb: 24.684 106.3656 199.716;
  --blue-hs: 212deg 78%;
  --blue-l: 44%;
  --indigo-color: hsl(230, 60%, 50%);
  --indigo-rgb: 51 76.5 204;
  --indigo-hs: 230deg 60%;
  --indigo-l: 50%;
  --violet-color: hsl(260, 60%, 50%);
  --violet-rgb: 102 51 204;
  --violet-hs: 260deg 60%;
  --violet-l: 50%;
  --purple-color: hsl(280, 60%, 50%);
  --purple-rgb: 153 51 204;
  --purple-hs: 280deg 60%;
  --purple-l: 50%;
  --magenta-color: hsl(305, 85%, 55%);
  --magenta-rgb: 237.7875 42.7125 221.53125;
  --magenta-hs: 305deg 85%;
  --magenta-l: 55%;
  --pink-color: hsl(335, 90%, 55%);
  --pink-rgb: 243.525 36.975 123.0375;
  --pink-hs: 335deg 90%;
  --pink-l: 55%;
  --default-color: hsl(215, 5%, 20%);
  --default-rgb: 48.45 50.575 53.55;
  --default-hs: 215deg 5%;
  --default-l: 20%;
  --primary-color: hsl(199, 100%, 45%);
  --primary-rgb: 0 156.825 229.5;
  --primary-hs: 199deg 100%;
  --primary-l: 45%;
  --secondary-color: hsl(212, 78%, 44%);
  --secondary-rgb: 24.684 106.3656 199.716;
  --secondary-hs: 212deg 78%;
  --secondary-l: 44%;
  --tertiary-color: hsl(230, 60%, 50%);
  --tertiary-rgb: 51 76.5 204;
  --tertiary-hs: 230deg 60%;
  --tertiary-l: 50%;
  --accent-color: hsl(44, 90%, 50%);
  --accent-rgb: 242.25 181.05 12.75;
  --accent-hs: 44deg 90%;
  --accent-l: 50%;
  --success-color: hsl(165, 95%, 35%);
  --success-rgb: 4.4625 174.0375 131.64375;
  --success-hs: 165deg 95%;
  --success-l: 35%;
  --warning-color: hsl(55, 100%, 50%);
  --warning-rgb: 255 233.75 0;
  --warning-hs: 55deg 100%;
  --warning-l: 50%;
  --danger-color: hsl(355, 80%, 50%);
  --danger-rgb: 229.5 25.5 42.5;
  --danger-hs: 355deg 80%;
  --danger-l: 50%;
  --muted-color: hsl(215, 5%, 45%);
  --muted-rgb: 109.0125 113.79375 120.4875;
  --muted-hs: 215deg 5%;
  --muted-l: 45%;
  --font-xxs: 10px;
  --font-xs: 0.75rem;
  --font-sm: 0.8875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-xxl: 1.5rem;
  --bgAlpha: 1;
  --txtAlpha: 1;
}

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

html {
  height: 100%;
  font-size: 1rem;
  font-family: "Noto Sans JP", "Urbanist", sans-serif;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
  overflow-x: hidden;
  margin: 0;
  width: 100%;
  -webkit-print-color-adjust: exact;
}

body {
  overflow-x: hidden;
  margin: 0;
  width: 100%;
  min-height: 100%;
  -webkit-print-color-adjust: exact;
}

a {
  color: var(--linkColor, #326fe9);
  text-decoration: none;
}
@media (hover: hover) {
  a:hover {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
    text-decoration: underline;
  }
}
a:active {
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
  text-decoration: underline;
}
a:not([href]) {
  color: inherit;
}
a:not([href]):hover {
  -webkit-filter: none;
  filter: none;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0.5em 1em;
  border: 1px solid #ccc;
  color: inherit;
  font-size: 1rem;
  font-family: inherit;
  cursor: pointer;
}

blockquote {
  margin: 0;
  padding: 0;
}

code {
  background-color: #eee;
  color: #cc2233;
  font-size: 0.875rem;
  font-family: var(--monospace);
}

* + dl {
  margin: 0.75rem 0 0;
}

dd {
  margin: 0;
}

fieldset {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

figure {
  margin: 0;
  padding: 0;
}
figure > * {
  display: block;
}
* + figure {
  margin: 0.75rem 0 0;
}

figcaption {
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  opacity: 0.65;
}

hr {
  overflow: visible;
  height: 1px;
  border: 0;
  background-color: #ccc;
  box-sizing: content-box;
}

input {
  margin: 0;
}

[type=text],
[type=password],
[type=email],
[type=url],
[type=tel],
[type=number],
[type=month],
[type=week],
[type=date],
[type=datetime-local],
[type=time],
[type=search] {
  padding: 0.5em 1em;
  border: 1px solid #ccc;
  color: inherit;
  font-size: 1rem;
  font-family: inherit;
}

[type=file] {
  border: 0;
}

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::-ms-input-placeholder {
  color: #999;
}

::placeholder {
  color: #999;
}

pre {
  margin: 0;
  padding: 0;
  word-break: normal;
}

section {
  margin: 0;
}

select {
  font-family: "Noto Sans JP", "Urbanist", sans-serif;
  margin: 0;
  box-sizing: border-box;
  padding-block: 0.5em;
  padding-inline: 0.875em 0;
  border: 1px solid transparent;
  color: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  font-size: inherit;
}

textarea {
  margin: 0;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border: 1px solid #ccc;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

h6, h5, h4, h3, h2, h1 {
  margin: 0;
}
h6[id], h5[id], h4[id], h3[id], h2[id], h1[id] {
  position: relative;
}
h1 + h6, h1 + h5, h1 + h4, h1 + h3, h1 + h2, h1 + h1, h2 + h6, h2 + h5, h2 + h4, h2 + h3, h2 + h2, h2 + h1, h3 + h6, h3 + h5, h3 + h4, h3 + h3, h3 + h2, h3 + h1, h4 + h6, h4 + h5, h4 + h4, h4 + h3, h4 + h2, h4 + h1, h5 + h6, h5 + h5, h5 + h4, h5 + h3, h5 + h2, h5 + h1, h6 + h6, h6 + h5, h6 + h4, h6 + h3, h6 + h2, h6 + h1 {
  margin-top: 1rem;
}

h1 {
  font-size: 2rem;
}
* + h1 {
  margin-top: 3.5em;
}

h2 {
  font-size: 1.75rem;
}
* + h2 {
  margin-top: 3.5em;
}

h3 {
  font-size: 1.5rem;
}
* + h3 {
  margin-top: 3.5em;
}

h4 {
  font-size: 1.25rem;
}
* + h4 {
  margin-top: 3.5em;
}

h5 {
  font-size: 1rem;
}
* + h5 {
  margin-top: 3.5em;
}

h6 {
  font-size: 0.875rem;
}
* + h6 {
  margin-top: 1.5em;
}

p {
  margin: 0;
  line-height: 1.75;
}
* + p {
  margin-top: 1em;
}

ul,
ol {
  margin: 0;
  line-height: 1.75;
}
* + ul,
* + ol {
  margin: 0.75rem 0 0;
}

.ClosedPage {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: clamp(3rem, 25vw, 3.75rem);
  padding-bottom: clamp(4rem, 25vw, 5rem);
}

.DictPage {
  position: relative;
  padding-top: clamp(3rem, 25vw, 3.75rem);
  padding-bottom: clamp(4rem, 25vw, 5rem);
  background-color: hsl(215, 5%, 90%);
}

.DictPage__main {
  padding: 1rem;
}

.DictPage__heading {
  color: hsl(215, 5%, 50%);
}

.DictPage__search {
  margin: 0.5rem 0 1rem;
}

.RulePage {
  position: relative;
  padding-top: clamp(3rem, 25vw, 3.75rem);
  padding-bottom: clamp(4rem, 25vw, 5rem);
}

.RulePage__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 10rem;
  background-color: hsl(199, 100%, 45%);
  color: var(--white-color);
  font-weight: normal;
  letter-spacing: 0.25em;
}

@media screen and (max-width: 63.875em) {
  .RulePage__toc {
    padding: 1rem;
  }
  .RulePage__contents {
    padding: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .RulePage__main {
    display: grid;
    grid-template: "title title" 10rem "toc contents" auto/22rem calc(100% - 22rem);
  }
  .RulePage__heading {
    grid-area: title;
  }
  .RulePage__toc {
    grid-area: toc;
    padding: 1rem;
  }
  .RulePage__contents {
    grid-area: contents;
    padding-block: 1rem;
    padding-inline: calc(1rem + 2.5vw);
    max-width: 100%;
  }
}
@media print {
  .RulePage {
    padding-top: 0;
  }
  .RulePage__heading {
    margin-bottom: 2rem;
    height: 3em;
  }
  .RulePage__contents {
    margin-top: 2rem;
  }
}
.TopPage {
  position: relative;
  padding-top: clamp(3rem, 25vw, 3.75rem);
  padding-bottom: clamp(4rem, 25vw, 5rem);
}

.ComingSoon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: auto;
  width: 100%;
  height: 25vw;
  background-color: #f2f2f2;
  text-align: center;
}

.ComingSoon__heading {
  margin: 0;
}

.ComingSoon__p {
  margin: 0 0 1rem 0;
}

.Directries {
  list-style: none;
  margin: 0;
  padding: 1rem;
  background-color: hsl(215, 5%, 90%);
  font-family: "Source Code Pro", monospace;
  font-size: 0.875rem;
  line-height: 1.5;
}

.Directries__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Directries__item {
  position: relative;
  padding-left: 1.25rem;
}
.Directries__item::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  content: "";
  display: block;
}
.Directries__item._folder::before {
  top: 0.375rem;
  transform: translateY(25%);
  width: 0.875rem;
  height: 0.5rem;
  border-radius: 0.125rem;
  background-color: hsl(199, 100%, 45%);
  box-shadow: -0.1875rem -0.375rem 0 -0.1875rem hsl(199, 100%, 45%);
}
.Directries__item._scss::before {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.125rem;
  background-color: hsl(350, 80%, 95%);
  background-image: url(../../images/logo-sass.svg);
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: center center;
}
.Directries__item._dots {
  color: hsl(215, 5%, 60%);
}

.UpdateLogs {
  position: relative;
  border: 1px solid var(--linkColor);
  border-width: 1px 0;
}

.UpdateLogs__expand {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  visibility: hidden;
}

.UpdateLogs__expand_button {
  position: absolute;
  z-index: 100;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: auto;
  padding: 0 1rem;
  text-align: center;
  background-color: var(--white-color);
  border: 1px solid var(--linkColor);
  border-radius: 1em;
  font-size: 0.75rem;
  line-height: 2;
  color: hsl(215, 5%, 60%);
  font-weight: bold;
  cursor: pointer;
}
.UpdateLogs__expand_button::before {
  content: "広げる";
}
:checked ~ .UpdateLogs__expand_button::before {
  content: "たたむ";
}
.UpdateLogs__expand_button:hover {
  background-color: hsl(215, 5%, 90%);
}

.UpdateLogs__list {
  list-style: none;
  margin: 0;
  padding: 0.5rem 0 1rem;
  overflow: auto;
  height: 40vh;
  transition: height 0.3s ease-in-out;
}
.UpdateLogs__list > * + * {
  margin-top: 1rem;
}
.UpdateLogs__item {
  padding: 0.5rem;
}

.UpdateLogs__date {
  position: relative;
  display: inline-block;
  padding: 0.5em 1em;
  background-color: hsl(199, 100%, 45%);
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
.UpdateLogs__date::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  display: block;
  width: 0;
  height: 0;
  border: 1em solid hsl(199, 100%, 45%);
  border-right-color: transparent;
}

.UpdateLogs__contens {
  list-style: disc;
}

.UpdateLogs__details {
  margin: 0 0 1rem;
  padding-left: 1rem;
  font-size: 0.875em;
}

.Footer {
  width: 100%;
  padding: 0;
  margin: 0 0 6rem 0;
}

.Footer__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Footer__content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.Footer__content.--corporate {
  align-items: center;
  gap: 2.5rem;
  border-top: 1px solid var(--primary-color, 0.5);
  margin-top: 1.5rem;
  padding-top: 1rem;
}

.Footer__link {
  width: 40%;
}
.Footer__link:hover {
  text-decoration: unset;
}

.Footer__title {
  font-size: 1.125rem;
  letter-spacing: 1px;
  color: var(--txtColor);
}

.Footer__logo {
  width: 400px;
  padding-top: 0.5rem;
}

.Footer__nav {
  width: 60%;
  display: flex;
  align-items: flex-end;
}

.Footer__list {
  width: 100%;
  height: 90px;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  list-style: none;
}

.Footer__link_menu {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--txtColor);
}
.Footer__link_menu:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.Footer__corporate_img {
  width: auto;
  height: 27px;
}

.Footer__corporate_address {
  font-size: 1rem;
  font-weight: 500;
  color: var(--txtColor);
}

.Footer__corporate_list {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
}

.Footer__corporate_menu {
  font-size: 1rem;
  font-weight: 500;
  color: var(--txtColor);
}
.Footer__corporate_menu:hover {
  color: var(--primary-color);
  text-decoration: none;
}

@media screen and (max-width: 89.875em) {
  .Footer__container {
    max-width: 1000px;
  }
}
@media screen and (max-width: 79.875em) {
  .Footer__container {
    max-width: unset;
    width: 80%;
  }
  .Footer__content.--corporate {
    gap: 1rem;
    justify-content: space-around;
  }
  .Footer__logo {
    width: 330px;
  }
  .Footer__corporate_img {
    width: 120px;
    height: auto;
  }
  .Footer__title {
    display: flex;
    flex-direction: column;
  }
  .Footer__list {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .Footer__corporate_list {
    gap: 1rem;
  }
}
@media screen and (max-width: 63.875em) {
  .Footer__content {
    flex-direction: column;
  }
  .Footer__content.--corporate {
    margin-top: 0;
    padding-top: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .Footer__link {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--primary-color, 0.5);
  }
  .Footer__logo {
    max-width: 400px;
  }
  .Footer__item {
    width: 100%;
  }
  .Footer__list {
    padding: 0;
    height: auto;
    gap: 1rem;
    margin: 2rem 0;
  }
  .Footer__corporate_list {
    flex-direction: column;
  }
  .Footer__corporate_img {
    width: 200px;
  }
  .Footer__corporate_address {
    font-size: 1.125rem;
    line-height: 1.75;
  }
  .Footer__corporate_menu {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 36.875em) {
  .Footer__container {
    width: 90%;
  }
  .Footer__title {
    width: 95%;
  }
  .Footer__text {
    font-size: 1rem;
  }
  .Footer__logo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 280px;
  }
  .Footer__link_menu {
    font-size: 1rem;
  }
  .Footer__corporate_address {
    font-size: 1rem;
    line-height: 1.6;
  }
  .Footer__corporate_menu {
    font-size: 1rem;
  }
}
.Header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 2rem;
  height: clamp(3rem, 25vw, 3.75rem);
  background-color: var(--white-color);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
}

.Header__link {
  display: block;
  text-decoration: none;
  color: var(--txtColor);
}
.Header__link:hover {
  color: hsl(199, 100%, 45%);
  text-decoration: none;
}

.Header__title,
.Header__logo {
  width: 160px;
  height: 100%;
}

.Header__nav {
  margin-left: auto;
}

.Header__list {
  display: flex;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.Header__item {
  height: 2.5rem;
  line-height: 2.5rem;
  font-weight: 500;
}

.Header__item_button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.Header__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: auto;
  height: 2.5rem;
  border-radius: 2.5rem;
  padding: 0 1.5rem;
  font-weight: 500;
  -webkit-filter: drop-shadow(0px 2px 3px #ccc);
  filter: drop-shadow(0px 2px 3px #ccc);
  cursor: pointer;
}
.Header__button:hover {
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  text-decoration: none;
  transition: 0.2s;
}

.button__download {
  color: var(--primary-color);
  background: var(--white-color);
  border: 1px solid var(--primary-color);
}

.button__contact {
  color: var(--white-color);
  background: var(--red-color);
  border: 1px solid var(--red-color);
}

.Header__menu {
  margin-right: -1rem;
  height: 100%;
  background: none;
  border: 0;
}

@media screen and (max-width: 79.875em) {
  .Header__nav {
    position: absolute;
    top: clamp(3rem, 25vw, 3.75rem);
    right: 0;
    padding: 2rem 4rem;
    width: 50%;
    height: calc(100vh - clamp(3rem, 25vw, 3.75rem));
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
  .Header__list {
    flex-direction: column;
    gap: 1.25rem;
  }
  .Header__link._menu {
    height: 100%;
    font-size: 1.125rem;
  }
  .Header__menu {
    margin-left: auto;
  }
  .Header__item_button {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }
  .Header__button {
    width: 150px;
  }
}
@media screen and (min-width: 80em) {
  .Header__list {
    gap: 1.5rem;
  }
  .Header__menu {
    display: none;
  }
}
@media screen and (max-width: 36.875em) {
  .Header {
    padding: 0 1rem;
  }
  .Header__nav {
    width: 100%;
  }
  .Header__list {
    align-items: center;
  }
  .Header__link._menu {
    font-size: 1.25rem;
  }
}
@media print {
  .Header {
    display: none;
  }
}
@media screen and (max-width: 23.875em) {
  .Header__title,
  .Header__logo {
    width: 140px;
    height: 100%;
  }
  .text__small {
    font-size: 12px;
  }
  .text__point {
    font-size: 1rem;
  }
}
.Hero {
  position: relative;
  width: 100%;
  z-index: 1;
  display: block;
}

.Hero__copy {
  position: absolute;
  font-size: 4.25rem;
  font-weight: bold;
  color: var(--primary-color);
  text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.75);
  width: 962px;
  left: calc(50% - 452px);
  top: 40%;
  letter-spacing: 1px;
}

.Hero__items {
  position: absolute;
  bottom: 15%;
  width: 850px;
  left: calc(50% - 425px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  z-index: 3;
}

.Hero__text {
  font-size: 1.375rem;
  line-height: 1.8;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

.Hero__buttons {
  display: flex;
  gap: 1rem;
}

.img__hero {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.img__hero._sp {
  display: none;
}

@media screen and (max-width: 89.875em) {
  .Hero {
    top: 0;
  }
  .Hero__items {
    bottom: 10%;
    gap: 1rem;
  }
  .Hero__copy {
    font-size: 3.75rem;
    width: 850px;
    left: calc(50% - 390px);
  }
  .Hero__text {
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 79.875em) {
  .Hero__items {
    width: 560px;
    left: calc(50% - 280px);
    bottom: 10%;
    gap: 0.75rem;
  }
  .Hero__copy {
    font-size: 3.5rem;
    line-height: 1.35;
    width: 510px;
    left: calc(50% - 220px);
    top: 35%;
  }
  .Hero__text {
    font-size: 16px;
  }
  .Hero__buttons {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 63.875em) {
  .Hero__copy {
    top: calc(50% - 80px);
    font-size: 3rem;
    line-height: 1.25;
    width: 440px;
    left: calc(50% - 190px);
  }
  .Hero__items {
    bottom: 5%;
    gap: 0.5rem;
  }
  .Hero__text {
    font-size: 14px;
  }
  .Hero__buttons {
    width: 90%;
  }
}
@media screen and (max-width: 48.875em) {
  .Hero__wrapper {
    padding-top: 60px;
  }
  .img__hero._sp {
    display: block;
  }
  .img__hero._pc {
    display: none;
  }
  .Hero__items {
    display: none;
  }
  .Hero__copy {
    top: calc(10% + 30px);
    left: 5%;
    width: 100%;
    margin: 0 auto;
    font-size: clamp(1.5rem, 7.5vw + 1rem, 4.5rem);
    letter-spacing: 3px;
  }
  .Hero__text {
    display: none;
  }
  .Hero__buttons {
    width: 100%;
  }
}
@media screen and (max-width: 36.875em) {
  .Hero__copy {
    letter-spacing: 0;
    top: calc(10% + 30px);
    font-size: clamp(1rem, 7vw + 1rem, 4.5rem);
  }
}
@media screen and (max-width: 23.875em) {
  .Hero__copy {
    font-size: clamp(1rem, 5vw + 1rem, 4.5rem);
  }
}
.Works {
  position: relative;
  width: 100%;
  background: #fff;
  z-index: 2;
  will-change: transform, opacity;
}

.Works__content .Works__sp,
.Works__content .Works__sp__text {
  display: none;
}

.logo__slider {
  overflow: hidden;
  width: 100%;
  padding: 1rem 0 0;
  background: #fff;
}

.logo__track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  flex-shrink: 0;
}
.logo__track .img__badge {
  height: 80px;
}
.logo__track .img__logo {
  height: 40px;
}

.WorksSlider__container {
  width: 100%;
  display: flex;
  padding: 1rem;
}

.swiper-slide {
  width: auto;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 650px;
}

.WorksSlider__box {
  display: flex;
  width: 100%;
  height: 200px;
  max-width: 650px;
  box-shadow: 0px 0px 5px 2px rgba(0, 160, 233, 0.5);
  border-radius: 20px;
  padding: 1rem;
  background-color: #fff;
}

.WorksSlider__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.WorksSlider__img {
  width: 40%;
}
.WorksSlider__img .img__example {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #ccc;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

/* テキスト */
.WorksSlider__text {
  width: 60%;
}
.WorksSlider__text .text__title {
  display: block;
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: bold;
  color: var(--primary-color);
}
.WorksSlider__text .text__subtitle {
  display: block;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 500;
}
.WorksSlider__text .text__paragraph {
  display: block;
  font-size: 1rem;
  line-height: 1.8;
}

@media screen and (max-width: 79.875em) {
  .logo__track {
    gap: 1rem;
  }
  .logo__track .img__badge {
    height: 65px;
  }
  .logo__track .img__logo {
    height: 35px;
  }
}
@media screen and (max-width: 63.875em) {
  .logo__track {
    gap: 0.75rem;
  }
  .logo__track .img__badge {
    height: 62px;
  }
  .logo__track .img__logo {
    height: 30px;
  }
  .WorksSlider__box {
    height: 180px;
  }
  .WorksSlider__img {
    width: 30%;
  }
  .WorksSlider__text {
    width: 70%;
  }
  .WorksSlider__text .text__paragraph {
    font-size: 0.875rem;
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 48.875em) {
  .Works {
    margin-top: 0rem;
  }
  .Works .logo__track {
    gap: 1rem;
    width: 100%;
    height: unset;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
  }
  .Works .logo__track .img__badge {
    display: none;
  }
  .Works .logo__track .img__logo {
    height: 45px;
  }
  .Works .Works__sp {
    display: flex;
    width: 100%;
    max-width: unset;
    height: auto;
    padding: 1.5rem 2rem;
    margin: 0;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(#b8eaff, #1bbbff);
  }
  .Works .Works__sp__text {
    display: block;
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0px 5px rgba(0, 139, 197, 0.75);
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 36.875em) {
  .logo__slider {
    margin: 0;
    padding: 1.25rem 0 0;
  }
  .logo__track {
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .logo__track .img__logo {
    height: 35px;
  }
  .WorksSlider__box {
    height: 155px;
  }
  .WorksSlider__img {
    width: 45%;
  }
  .WorksSlider__text {
    width: 55%;
  }
  .WorksSlider__text .text__title {
    font-size: 1rem;
  }
  .WorksSlider__text .text__subtitle {
    font-size: 0.875rem;
  }
  .WorksSlider__text .text__paragraph {
    display: none;
  }
  .WorksSlider__items {
    gap: 0.75rem;
  }
}
@media screen and (max-width: 23.875em) {
  .Works {
    margin-top: 0rem;
  }
  .Works .Works__sp {
    padding: 1rem;
  }
  .Works .Works__sp__text {
    font-size: 14px;
  }
  .WorksSlider__box {
    display: none;
  }
}
.Whats {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 4rem 0;
  background: #fff;
  z-index: 2;
  will-change: transform, opacity;
}

.Whats__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Whats__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.Whats__text {
  width: 45%;
  display: flex;
  flex-direction: column;
}

.Whats__logo {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
.Whats__logo .img__logo {
  width: 280px;
}
.Whats__logo .text__logo {
  margin-left: 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.Whats__subtitle {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.Whats__subtitle .subtitle__point {
  color: var(--primary-color);
}

.Whats__paragraph {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.8;
}
.Whats__paragraph .text__small {
  font-size: 0.875em;
}

.Whats__img_sp {
  display: none;
}

.Whats__img {
  width: 50%;
}
.Whats__img .img__circle {
  width: 100%;
  max-width: 600px;
}

@media screen and (max-width: 89.875em) {
  .Whats__container {
    max-width: 1000px;
  }
  .Whats__content {
    gap: 20px;
  }
  .Whats__subtitle {
    font-size: 2rem;
  }
  .Whats__text {
    width: 45%;
  }
  .Whats__img {
    width: 55%;
  }
}
@media screen and (max-width: 79.875em) {
  .Whats__container {
    max-width: unset;
    width: 80%;
  }
  .Whats__content {
    flex-direction: column;
    gap: unset;
  }
  .Whats__subtitle {
    font-size: 2.25rem;
    margin: 0;
  }
  .Whats__text {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  .Whats__logo {
    width: auto;
    margin: 0;
  }
  .Whats__img {
    display: none;
  }
  .Whats__img_sp {
    display: block;
  }
  .Whats__img_sp .img__circle {
    width: 100%;
    max-width: 650px;
  }
  .Whats__paragraph {
    width: 85%;
  }
}
@media screen and (max-width: 36.875em) {
  .Whats {
    padding: 2rem 0 4rem;
  }
  .Whats__container {
    width: 90%;
  }
  .Whats__logo .img__logo {
    width: 225px;
  }
  .Whats__logo .text__logo {
    margin-left: 0.7rem;
    margin-bottom: 0.7rem;
  }
  .Whats__subtitle {
    font-size: 1.75rem;
  }
  .Whats__paragraph {
    width: 100%;
  }
}
@media screen and (max-width: 23.875em) {
  .Whats {
    padding: 0 0 4rem;
  }
  .Whats__logo .img__logo {
    width: 210px;
  }
  .Whats__logo .text__logo {
    font-size: 0.875rem;
    margin-left: 0.5rem;
    margin-bottom: 0.7rem;
  }
  .Whats__subtitle {
    font-size: 1.5rem;
  }
}
.Service {
  width: 100%;
  margin: 6rem 0 0;
  padding: 0;
  background: #fff;
}

.Service__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.Service__content {
  width: 100%;
  padding-top: 4rem;
}

.Service__title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding-left: 10px;
  border-left: 6px solid transparent;
  border-radius: 2px;
}
.Service__title._user {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.Service__title._management {
  color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.Service__box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 80px;
}
.Service__box:last-child {
  margin-bottom: 0;
}

.Service__item {
  width: 25%;
  max-width: 242px;
  background: #fff;
  border: 1px solid rgba(0, 160, 233, 0.8);
  padding: 1rem 0.5rem;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}

.Service__icon {
  max-width: 20px;
}

@media screen and (max-width: 89.875em) {
  .Service__container {
    max-width: 1000px;
  }
}
@media screen and (max-width: 79.875em) {
  .Service__container {
    max-width: unset;
    width: 80%;
  }
  .Service__item {
    width: 32.5%;
    max-width: unset;
  }
}
@media screen and (max-width: 63.875em) {
  .Service__item {
    width: 48.5%;
    max-width: unset;
  }
}
@media screen and (max-width: 36.875em) {
  .Service__container {
    width: 90%;
  }
  .Service__item {
    width: 100%;
    height: 45px;
    font-size: 0.875rem;
  }
  .Service__icon {
    width: 18px;
  }
}
@media screen and (max-width: 23.875em) {
  .Service {
    margin: 4rem 0 0;
  }
}
.UseCases {
  position: relative;
  width: 100%;
  padding: 6rem 0;
  background: linear-gradient(#dcf6fd, #cce9fd, #fff);
  z-index: 2;
}

.UseCases__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.UseCase__content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
}

.UseCases__group {
  width: 100%;
  margin-top: 1.5rem;
}
.UseCases__group:first-child {
  margin-top: 0;
}

.UseCases__caption {
  width: 100%;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.UseCases__caption._2column {
  width: 75%;
}
.UseCases__caption._1column {
  width: 25%;
}

.UseCases__caption_column {
  display: flex;
  gap: 5px;
}

.UseCases__box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.UseCases__item {
  width: 24%;
  display: block;
  background: #fff;
  color: var(--text-color);
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.5);
  border-radius: 20px;
  cursor: pointer;
  transition: 0.1s;
}
.UseCases__item:hover {
  transform: scale(1.025);
  text-decoration: none;
  -webkit-filter: opacity(0.85);
  filter: opacity(0.85);
}
.UseCases__item .img__case {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}

.UseCases__text {
  width: 100%;
  padding: 1rem;
}

.UseCases__title {
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--primary-color);
  margin-bottom: 5px;
}

.UseCases__paragraph {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-color);
}

.UseCases__button {
  width: 100%;
  padding-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 89.875em) {
  .UseCases__container {
    max-width: 1000px;
  }
  .UseCases__text {
    padding: 1rem;
  }
  .UseCases__paragraph {
    font-size: 15px;
  }
}
@media screen and (max-width: 79.875em) {
  .UseCases {
    padding: 6rem 0 2rem;
  }
  .UseCases__container {
    max-width: unset;
    width: 80%;
  }
  .UseCases__text {
    padding: 1rem 0.5rem;
  }
  .UseCases__title {
    font-size: 1rem;
  }
  .UseCases__paragraph {
    font-size: 14px;
  }
}
@media screen and (max-width: 63.875em) {
  .UseCases__container {
    width: 90%;
  }
  .UseCases__caption {
    display: none;
  }
  .UseCases__box {
    width: 100%;
    justify-content: center;
    gap: 1.5rem;
  }
  .UseCases__item {
    width: 47%;
  }
  .UseCases__text {
    padding: 0.25rem 0.75rem 1rem 0.75rem;
  }
  .UseCases__title {
    font-size: 18px;
  }
  .UseCases__paragraph {
    font-size: 16px;
  }
}
@media screen and (max-width: 36.875em) {
  .UseCases__container {
    width: 90%;
  }
  .UseCases__item {
    min-height: 220px;
  }
  .UseCases__box {
    gap: 1rem;
  }
  .UseCases__title {
    font-size: 16px;
  }
  .UseCases__paragraph {
    font-size: 12px;
  }
}
@media screen and (max-width: 23.875em) {
  .UseCases {
    padding: 4rem 0;
  }
  .UseCases__item {
    width: 80%;
    min-height: unset;
  }
  .UseCases__paragraph {
    font-size: 14px;
  }
}
.Devices {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
}

.Devices__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Devices__content {
  width: 100%;
  margin: 4rem 0;
}

.Devices__box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.5);
  border-radius: 40px;
  padding: 2.5rem;
  height: 380px;
}

.Devices__text {
  width: 50%;
}

.Devices__title {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.Devices__title .Devices__points {
  color: var(--primary-color);
}

.Devices__paragraph {
  width: 95%;
  font-size: 1.125rem;
  line-height: 1.8;
  font-weight: 500;
}

.Devices__img {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 80px;
}
.Devices__img .img__device {
  width: 500px;
}

@media screen and (max-width: 89.875em) {
  .Devices__container {
    max-width: 1000px;
  }
  .Devices__box {
    height: 370px;
    padding: 2.5rem;
  }
  .Devices__text {
    width: 53%;
  }
  .Devices__paragraph {
    width: 100%;
  }
  .Devices__img {
    width: 47%;
  }
  .Devices__img .img__device {
    width: 425px;
  }
}
@media screen and (max-width: 79.875em) {
  .Devices__container {
    max-width: unset;
    width: 80%;
  }
  .Devices__box {
    padding: 2rem;
    gap: 0.5rem;
  }
  .Devices__title {
    font-size: 25px;
    margin-bottom: 0.5rem;
  }
  .Devices__img {
    margin-bottom: 0;
  }
  .Devices__img .img__device {
    width: 352px;
  }
}
@media screen and (max-width: 63.875em) {
  .Devices__box {
    flex-direction: column-reverse;
    height: auto;
    padding: 1.75rem;
  }
  .Devices__title {
    font-size: 26px;
    margin: 0;
  }
  .Devices__paragraph {
    width: 100%;
    font-size: 1rem;
  }
  .Devices__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .Devices__img {
    width: 100%;
  }
  .Devices__img .img__device {
    width: 410px;
  }
}
@media screen and (max-width: 36.875em) {
  .Devices__container {
    width: 90%;
  }
  .Devices__box {
    height: auto;
    border-radius: 20px;
  }
  .Devices__title {
    font-size: 25px;
  }
  .Devices__text {
    margin-bottom: 0rem;
    gap: 0.5rem;
  }
  .Devices__img .img__device {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 23.875em) {
  .Devices__content {
    margin: 2rem 0 4rem;
  }
  .Devices__box {
    padding: 1.5rem;
  }
}
.Plan {
  width: 100%;
  padding: 6rem 0;
  background: linear-gradient(#fff, #dcf6fd, #cce9fd);
  border-radius: 80px;
}

.Plan__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Plan__content {
  width: 100%;
  padding: 4rem 0;
  background: #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.5);
  border-radius: 40px;
}

.Price__container {
  width: 100%;
}

.Price__details {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
  margin: 2rem 0;
}

.Price__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 50%;
}

.Price__item {
  width: 220px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border-radius: 50%;
  font-weight: bold;
  letter-spacing: 0.1em;
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.25);
}
.Price__item._01 {
  background-color: #00a0e9;
  color: #fff;
}
.Price__item._02 {
  border: 2px solid #00a0e9;
  color: #00a0e9;
}

.Price__button {
  margin-bottom: 20px;
}

.Price__button,
.Price__illust {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Price__calculation {
  width: 40%;
}

.Price__text {
  color: #00a0e9;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 89.875em) {
  .Plan__container {
    max-width: 1000px;
  }
  .Price__item {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 79.875em) {
  .Plan__container {
    max-width: unset;
    width: 80%;
  }
  .Plan__content {
    padding: 3rem;
  }
  .Price__circle {
    width: 60%;
    justify-content: center;
  }
  .Price__item {
    width: 180px;
    height: 180px;
  }
  .Price__calculation {
    width: 40%;
  }
}
@media screen and (max-width: 63.875em) {
  .Price__details {
    flex-direction: column;
  }
  .Price__circle {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .Price__calculation {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 36.875em) {
  .Plan {
    border-radius: 40px;
  }
  .Plan__container {
    width: 90%;
  }
  .Plan__content {
    padding: 3rem 1.5rem 3rem;
    border-radius: 20px;
  }
  .Price__item {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    font-size: 1.25rem;
  }
  .Price__circle {
    gap: 5px;
  }
  .img__plus {
    width: 30px;
    height: 30px;
  }
  .Price__illust img {
    display: none;
  }
}
@media screen and (max-width: 23.875em) {
  .Plan {
    padding: 4rem 0;
  }
  .Price__item {
    font-size: 1.125rem;
  }
}
.Flow {
  width: 100%;
  margin: 6rem 0;
  padding: 0;
  background: #fff;
}

.Flow__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Flow__content {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 4rem 0;
}
.Flow__content::after {
  content: "";
  position: absolute;
  border: 3px solid #00a0e9;
  width: 100%;
  z-index: -1;
  top: 80px;
}

.Flow__box {
  width: 20%;
  height: 100%;
  min-height: 250px;
  background: #fff;
  box-shadow: 0px 0px 5px 2px rgba(0, 160, 233, 0.5);
  border-radius: 20px;
  padding: 15px;
}

.Flow__title {
  font-family: "Urbanist", sans-serif;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 15px;
  border-bottom: 1px solid #00a0e9;
}
.Flow__title .Flow__en {
  color: #00a0e9;
  display: block;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  margin-right: 2px;
}
.Flow__title .Flow__number {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #00a0e9;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  padding-top: 3px;
}
.Flow__title .Flow__captcha {
  display: block;
  width: 100%;
  text-align: center;
}

.Flow__text {
  padding-top: 15px;
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width: 89.875em) {
  .Flow__container {
    max-width: 1000px;
  }
  .Flow__box {
    min-height: 280px;
  }
}
@media screen and (max-width: 79.875em) {
  .Flow__container {
    max-width: unset;
    width: 80%;
  }
  .Flow__content {
    gap: 0.75rem;
  }
  .Flow__box {
    min-height: 320px;
  }
}
@media screen and (max-width: 63.875em) {
  .Flow__content {
    flex-direction: column;
    gap: 1.5rem;
  }
  .Flow__content::after {
    width: auto;
    height: 90%;
  }
  .Flow__box {
    width: 80%;
    max-width: 650px;
    min-height: 190px;
  }
}
@media screen and (max-width: 36.875em) {
  .Flow__container {
    width: 90%;
  }
  .Flow__box {
    width: 90%;
  }
}
@media screen and (max-width: 23.875em) {
  .Flow {
    margin: 4rem 0;
  }
}
.Contact {
  width: 100%;
  margin: 4rem 0 8rem;
  padding-top: 4rem;
  background-image: linear-gradient(180deg, rgb(0, 160, 233) 20%, rgba(255, 255, 255, 0));
  border-radius: 80px 80px 0 0;
}

.Contact__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.Contact__content {
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.5);
  border-radius: 40px;
  padding: 40px 20px;
  margin-top: 60px;
}

.Contact__box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.Contact__download,
.Contact__trial,
.Contact__form {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 1rem;
}

.Contact__trial {
  border-left: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
}

.Contact__title {
  font-size: 22px;
  font-weight: bold;
  color: #00a0e9;
}

.Contact__img {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.Contact__img .img__contact {
  width: 100%;
  max-width: 250px;
}

.Contact__text {
  font-size: 16px;
  line-height: 1.6;
  height: 60px;
}

.ContactCTA {
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgb(0, 160, 233) 100%);
  border-radius: 0 0 80px 80px;
  margin-top: -8.5rem;
}
.ContactCTA._usecase {
  margin-top: -12rem;
}

.ContactCTA__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.ContactCTA__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}

.ContactCTA__linka {
  width: 270px;
}

.ContactCTA__btn {
  display: flex;
  height: 180px;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

@media screen and (max-width: 89.875em) {
  .ContactCTA__container,
  .Contact__container {
    max-width: 1000px;
  }
  .ContactCTA._usecase {
    margin-top: -8rem;
  }
  .ContactCTA__btn {
    gap: 0.5rem;
  }
  .ContactCTA__linka {
    width: 235px;
  }
}
@media screen and (max-width: 79.875em) {
  .ContactCTA__container,
  .Contact__container {
    max-width: unset;
    width: 80%;
  }
  .Contact__content {
    padding: 20px 0;
  }
  .Contact__box {
    gap: 0;
  }
  .Contact__download,
  .Contact__trial,
  .Contact__form {
    padding: 1rem;
  }
  .Contact__img {
    height: 160px;
  }
  .Contact__img .img__contact {
    max-width: 220px;
  }
  .ContactCTA {
    margin-top: -7.5rem;
  }
  .ContactCTA._usecase {
    margin-top: -9rem;
  }
  .ContactCTA__btn {
    height: 160px;
  }
  .ContactCTA__linka {
    width: 214px;
  }
}
@media screen and (max-width: 63.875em) {
  .Contact__content {
    width: 80%;
    max-width: 650px;
    margin: 40px auto 0;
  }
  .Contact__box {
    flex-direction: column;
  }
  .Contact__download,
  .Contact__trial,
  .Contact__form {
    width: 80%;
    padding: 2rem 0;
  }
  .Contact__trial {
    border-left: none;
    border-right: none;
    border-top: 1px solid #00a0e9;
    border-bottom: 1px solid #00a0e9;
  }
  .Contact__img {
    height: auto;
  }
  .Contact__img .img__contact {
    max-width: 300px;
  }
  .Contact__img .Contact__text {
    height: auto;
  }
  .ContactCTA._usecase {
    margin-top: -4rem;
  }
  .ContactCTA__btn {
    width: 100%;
    max-width: 400px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    height: 240px;
    gap: 0.5rem;
    padding-bottom: 1.5rem;
  }
}
@media screen and (max-width: 36.875em) {
  .Contact {
    border-radius: 40px 40px 0 0;
    margin: 4rem 0 4rem;
  }
  .Contact__container {
    width: 90%;
  }
  .Contact__content {
    width: 100%;
    border-radius: 20px;
    padding: 0;
  }
  .Contact__download,
  .Contact__trial,
  .Contact__form {
    width: 90%;
  }
  .ContactCTA {
    margin-top: -4rem;
    border-radius: 0 0 20px 20px;
  }
  .ContactCTA__linka {
    display: none;
  }
  .ContactCTA__btn {
    align-items: center;
    justify-content: center;
    height: unset;
    gap: 1rem;
    margin: 2.5rem 0;
    padding: 0;
  }
}
.ContactForm {
  margin: 6rem 0;
}

.ContactForm__title {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: var(--primary-color);
  margin-bottom: 1rem;
}

.ContactForm__text {
  text-align: center;
  margin: 0;
}

.ContactForm__copyright {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: #d4efff;
  padding: 1rem;
}
.ContactForm__copyright._fixed {
  position: fixed;
  bottom: 0;
}

.ContactForm__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.ContactForm__inner .text__normal {
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
  margin: 0;
}
.ContactForm__inner .text__bold {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
}
.ContactForm__inner .text__bold .text__point {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--primary-color);
}
.ContactForm__inner .text__small {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #555;
  margin: 0;
}

.ContactForm__border {
  width: 100%;
  display: block;
  border-bottom: 1px dashed var(--primary-color);
  opacity: 0.5;
  height: 1rem;
}

.copyright__text {
  text-align: center;
  color: #72b3d9;
  font-size: 0.875rem;
}

@media screen and (max-width: 63.875em) {
  .ContactForm__title {
    font-size: 1.75rem;
  }
  .ContactForm__text,
  .ContactForm__title {
    width: 90%;
    margin: 0 auto 1.5rem;
  }
}
@media screen and (max-width: 36.875em) {
  .ContactForm {
    margin: 6rem 0 4rem;
  }
  .ContactForm__copyright {
    height: 80px;
  }
}
.HeroSub {
  position: relative;
  margin: 0;
  padding: 0;
}

.HeroSub__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.HeroSub__content {
  display: flex;
  margin-top: calc(64px + 4rem);
  margin-bottom: 8rem;
  align-items: center;
  gap: 2.5rem;
}

.HeroSub__text {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.HeroSub__title {
  font-size: 38px;
  line-height: 1.35;
  font-weight: bold;
}
.HeroSub__title .text__point {
  font-size: 38px;
  font-weight: bold;
  color: var(--primary-color);
}

.HeroSub__paragraph {
  font-size: 1rem;
  line-height: 1.7;
}

.HeroSub__img {
  width: 55%;
  max-width: 600px;
}
.HeroSub__img .img__sub_fv {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.HeroSub__note {
  color: #555;
}

@media screen and (max-width: 89.875em) {
  .HeroSub__container {
    max-width: 1000px;
  }
  .HeroSub__content {
    gap: 1.5rem;
  }
  .HeroSub__title {
    font-size: 36px;
  }
  .HeroSub__title .text__point {
    font-size: 36px;
  }
}
@media screen and (max-width: 79.875em) {
  .HeroSub__container {
    max-width: unset;
    width: 80%;
  }
  .HeroSub__content {
    gap: 1rem;
  }
  .HeroSub__title {
    font-size: 34px;
  }
  .HeroSub__title .text__point {
    font-size: 34px;
  }
  .HeroSub__text {
    width: 50%;
    gap: 1rem;
  }
  .HeroSub__img {
    width: 50%;
  }
}
@media screen and (max-width: 63.875em) {
  .HeroSub__content {
    flex-direction: column-reverse;
    margin-top: calc(64px + 2rem);
    margin-bottom: 4rem;
  }
  .HeroSub__text {
    width: 100%;
    gap: 1.5rem;
  }
  .HeroSub__img {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 36.875em) {
  .HeroSub__container {
    width: 90%;
  }
  .HeroSub__title {
    font-size: 30px;
  }
  .HeroSub__title .text__point {
    font-size: 30px;
  }
  .HeroSub__text {
    gap: 1rem;
  }
}
.Problem {
  position: relative;
  background: linear-gradient(180deg, rgb(255, 255, 255) 25%, rgb(220, 246, 253));
}

.Problem::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 50vw 0 50vw;
  border-color: rgb(220, 246, 253) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  bottom: -60px;
  left: calc(50% - 50vw);
  z-index: -1;
}

.Problem__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.Problem__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 4rem 0;
  padding-bottom: 1.25rem;
}

.Problem__balloon {
  position: relative;
  width: 32%;
  background: #fff;
  border: 1px solid var(--primary-color);
  padding: 1rem;
  border-radius: 1.5rem;
  font-weight: 500;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Problem__balloon .balloon__point {
  color: var(--primary-color);
}
.Problem__balloon::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #fff;
  border-right: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  transform: translate(-50%, 55%) rotate(45deg);
  transform-origin: center center;
}

@media screen and (max-width: 89.875em) {
  .Problem__container {
    max-width: 1000px;
  }
}
@media screen and (max-width: 79.875em) {
  .Problem__container {
    max-width: unset;
    width: 80%;
  }
  .Problem__content {
    gap: 0.5rem;
  }
  .Problem__balloon {
    font-size: 14px;
    height: 100px;
  }
}
@media screen and (max-width: 63.875em) {
  .Problem__content {
    gap: 1.5rem;
    margin: 2rem 0 6rem;
  }
  .Problem__balloon {
    width: 100%;
    max-width: 500px;
    font-size: 1rem;
  }
  .Problem__balloon._04 {
    display: none;
  }
  .Problem__balloon._05 {
    display: none;
  }
}
.Answer {
  position: relative;
  width: 100%;
  margin: 0;
}

.Answer__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.Answer__content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4rem 0 0;
}

.Answer__img {
  width: 35%;
}
.Answer__img .img__answer {
  width: 100%;
  max-width: 300px;
}

.Answer__text .Answer__logo {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.Answer__text .Answer__logo .img__logo {
  width: 280px;
}
.Answer__text .Answer__logo .logo__text {
  margin-left: 0.75rem;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.Answer__text .Answer__title {
  font-size: 22px;
  line-height: 1.6;
  font-weight: bold;
}
.Answer__text .Answer__solution {
  font-size: 32px;
  font-weight: bold;
  color: var(--primary-color);
  margin-top: 0.5rem;
}

@media screen and (max-width: 89.875em) {
  .Answer__container {
    max-width: 1000px;
  }
}
@media screen and (max-width: 79.875em) {
  .Answer__container {
    max-width: unset;
    width: 80%;
  }
  .Answer__text .Answer__logo .img__logo {
    width: 220px;
  }
  .Answer__text .Answer__solution {
    font-size: 30px;
  }
  .Answer__img {
    width: 25%;
  }
}
@media screen and (max-width: 63.875em) {
  .Answer__content {
    flex-direction: column-reverse;
    margin: 4rem 0 0;
  }
  .Answer__img {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 36.875em) {
  .Answer__container {
    width: 90%;
  }
}
@media screen and (max-width: 23.875em) {
  .Answer__text .Answer__title {
    font-size: 20px;
  }
  .Answer__text .Answer__solution {
    font-size: 26px;
    margin-top: 0.25rem;
  }
}
.PointList {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 5rem;
}

.PointList__container_min {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.PointList__container_max {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.PointList__content {
  margin: 4rem 0;
}
.PointList__content._bg__blue {
  background: linear-gradient(#dcf6fd, #cce9fd);
  padding: 4rem 0;
  border-radius: 40px 0;
}
.PointList__content._last {
  max-width: 1400px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0 0 60px 60px;
  padding-bottom: 6rem;
}

.PointList__box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
}
.PointList__box .PointList__title {
  width: 100%;
  max-width: 1000px;
  font-size: 2rem;
  font-weight: bold;
}
.PointList__box .PointList__title._full {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.PointList__box .PointList__title .text__point {
  font-size: 2rem;
  color: var(--primary-color);
}
.PointList__box .PointList__text {
  width: 40%;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
}
.PointList__box .PointList__text._full {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.PointList__box .PointList__text .text__note {
  display: block;
  margin-top: 0.5rem;
  color: #555;
  font-weight: normal;
}
.PointList__box .PointList__flow {
  width: 100%;
}
.PointList__box .PointList__flow .img__flow {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.PointList__box .PointList__subtitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.PointList__box .PointList__subtitle .text__point {
  font-size: 24px;
  color: var(--primary-color);
}
.PointList__box .PointList__column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PointList__box .PointList__column._reverse {
  flex-direction: row-reverse;
}
.PointList__box .PointList__img {
  width: 55%;
}
.PointList__box .PointList__img .img__point {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 89.875em) {
  .PointList__container_max,
  .PointList__container_min {
    max-width: 1000px;
  }
  .PointList__content._last {
    max-width: 1100px;
  }
}
@media screen and (max-width: 79.875em) {
  .PointList__container_max,
  .PointList__container_min {
    width: 80%;
    max-width: unset;
  }
  .PointList__content._last {
    max-width: unset;
    width: 90%;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 63.875em) {
  .PointList__content._last {
    max-width: unset;
    width: 95%;
  }
  .PointList__box .PointList__title {
    width: 100%;
    max-width: unset;
  }
  .PointList__box .PointList__text {
    width: 100%;
  }
  .PointList__box .PointList__img {
    width: 100%;
  }
  .PointList__box .PointList__column {
    flex-direction: column;
    gap: 1rem;
    margin: 2rem 0;
  }
  .PointList__box .PointList__column._reverse {
    flex-direction: column;
  }
  .PointList__box .PointList__column:last-child {
    margin: 0;
  }
}
@media screen and (max-width: 36.875em) {
  .PointList__container_max,
  .PointList__container_min {
    width: 90%;
  }
  .PointList__content._last {
    border-radius: 0 0 20px 20px;
    padding-bottom: 2rem;
  }
  .PointList__box {
    gap: 1.5rem;
  }
  .PointList__box .PointList__title {
    font-size: 1.75rem;
  }
  .PointList__box .PointList__title .text__point {
    font-size: 1.75rem;
  }
}
.Strong {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background: linear-gradient(#fff, #dcf6fd);
  transform-origin: bottom center;
  will-change: transform, opacity;
  z-index: 2;
}

.Strong__container {
  width: 80%;
  margin: 0 auto;
  padding: 8rem 0 10rem;
  background: linear-gradient(#b8eaff, #1bbbff);
  border-radius: 80px;
}

.Strong__content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 4rem;
}

.Strong__box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 43%;
  padding-bottom: 2.5rem;
  background: #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.5);
  border-radius: 40px 100px 40px 80px;
  transition: 0.1s;
  will-change: transform, opacity;
}
.Strong__box._min {
  width: 31%;
  height: 500px;
  margin-top: 2rem;
  box-sizing: border-box;
}
.Strong__box:hover {
  transform: scale(1.025);
}
.Strong__box:nth-of-type(2) {
  margin-top: 4rem;
}

.Strong__img {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 0;
}
.Strong__img .img__strong {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 40px 100px 0px 0px;
}
.Strong__img::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 60px;
  bottom: 0;
  left: 0;
  border-radius: 0 40px 0 0;
  background: #fff;
  z-index: 10;
}

.Strong__number {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  position: absolute;
  bottom: -6px;
  z-index: 20;
}
.Strong__number .img__number {
  height: 45px;
}

.Strong__title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5rem 2rem 0;
}
.Strong__title .text__point {
  color: var(--primary-color);
  font-size: 24px;
  font-weight: bold;
}

.Strong__text {
  font-size: 1rem;
  line-height: 1.8;
  padding: 0rem 2rem 1rem;
}

.Strong__link {
  width: 90%;
  margin: 0 auto;
  padding-top: 1rem;
}
.Strong__link .link__text {
  position: relative;
  color: var(--txtColor);
}
.Strong__link .link__text::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -27px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--primary-color);
}
.Strong__link .link__text::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 89.875em) {
  .Strong__container {
    width: 100%;
    padding: 6rem 0;
  }
  .Strong__content {
    width: 90%;
    margin-top: 2rem;
  }
  .Strong__box {
    width: 46%;
  }
  .Strong__box._min {
    height: 450px;
    border-radius: 40px 100px 40px 60px;
  }
}
@media screen and (max-width: 79.875em) {
  .Strong__content {
    gap: 1rem;
  }
  .Strong__box._min {
    width: 31%;
  }
  .Strong__number {
    padding: 0 1.25rem;
  }
  .Strong__title {
    font-size: 22px;
    padding: 0.5rem 1.25rem 0;
  }
  .Strong__text {
    padding: 0rem 1.25rem 1rem;
  }
}
@media screen and (max-width: 63.875em) {
  .Strong__content {
    gap: 2rem;
  }
  .Strong__box {
    width: 80%;
    max-width: 650px;
    padding: 1rem;
  }
  .Strong__box._min {
    width: 80%;
    height: auto;
    margin-top: 0;
  }
  .Strong__box:nth-of-type(2) {
    margin-top: 0rem;
  }
  .Strong__number {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .Strong__title {
    font-size: 24px;
    padding: 0.5rem 2rem 0;
  }
  .Strong__text {
    padding: 0rem 2rem 1rem;
  }
}
@media screen and (max-width: 36.875em) {
  .Strong__container {
    width: 100%;
    border-radius: 40px;
    padding: 6rem 0;
  }
  .Strong__content {
    gap: 1.25rem;
  }
  .Strong__box {
    width: 100%;
    padding: 0;
    border-radius: 20px 60px 20px 40px;
  }
  .Strong__box._min {
    width: 100%;
    border-radius: 20px 60px 20px 40px;
  }
  .Strong__img .img__strong {
    border-radius: 20px 60px 0px 0px;
  }
  .Strong__number .img__number {
    height: 40px;
  }
  .Strong__title {
    padding: 0.5rem 1rem 0;
    font-size: 22px;
  }
  .Strong__title .text__point {
    font-size: 22px;
  }
  .Strong__text {
    padding: 0rem 1rem 2rem;
  }
}
@media screen and (max-width: 23.875em) {
  .Strong__container {
    padding: 4rem 0;
  }
  .Strong__content {
    gap: 1rem;
  }
}
.StrongPoints {
  position: relative;
  width: 100%;
  background: #fff;
}

.StrongPoints__container {
  width: 80%;
  margin: 0 auto;
  background: linear-gradient(#b8eaff, #1bbbff);
  padding: 8rem 0;
  border-radius: 80px;
}

.StrongPoints__heading {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.StrongPoints__heading .heading__point {
  font-size: 3.5rem;
  font-family: "Urbanist";
  margin: 0 5px;
}

.StrongPoints__content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 4rem;
}

.StrongPoints__links {
  display: block;
  color: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
.StrongPoints__links:active {
  -webkit-filter: unset;
  filter: unset;
  text-decoration: underline;
}
.StrongPoints__links:hover {
  -webkit-filter: unset;
  filter: unset;
  text-decoration: underline;
}

.StrongPoints__box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 32%;
  padding: 1.5rem 0;
  background: #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 160, 233, 0.5);
  border-radius: 40px;
  cursor: pointer;
  transition: 0.1s;
}
.StrongPoints__box:hover {
  transform: scale(1.025) !important;
  *        filter: opacity(0.85);
}
.StrongPoints__box:nth-child(4) {
  margin-top: 1.5rem;
}
.StrongPoints__box:nth-child(5) {
  margin-top: 1.5rem;
}

.StrongPoints__number {
  position: absolute;
  top: -25px;
  left: 5px;
}

.StrongPoints__img {
  width: 90%;
  margin: 0 auto;
}
.StrongPoints__img .img__strong {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}

.StrongPoints__title {
  width: 85%;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  text-decoration: none;
}
.StrongPoints__title .text__point {
  color: var(--primary-color);
  font-size: 20px;
  font-weight: bold;
}

.StrongPoints__link {
  width: 85%;
  margin: 0 auto;
  margin-top: auto;
}
.StrongPoints__link .link__text {
  position: relative;
  color: var(--txtColor);
}
.StrongPoints__link .link__text::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -27px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--primary-color);
}
.StrongPoints__link .link__text::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 89.875em) {
  .StrongPoints__container {
    width: 100%;
  }
  .StrongPoints__content {
    width: 90%;
  }
  .StrongPoints__title,
  .StrongPoints__link {
    width: 90%;
  }
}
@media screen and (max-width: 79.875em) {
  .StrongPoints__container {
    max-width: unset;
    width: 100%;
  }
  .StrongPoints__content {
    gap: 1rem;
  }
  .StrongPoints__title {
    font-size: 18px;
    line-height: 1.5;
  }
  .StrongPoints__title .text__point {
    font-size: 18px;
  }
  .StrongPoints__title .letter-spacing {
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 63.875em) {
  .StrongPoints__box {
    width: 48%;
    min-height: 325px;
  }
  .StrongPoints__box:nth-child(4) {
    margin-top: 0;
  }
  .StrongPoints__box:nth-child(5) {
    margin-top: 0;
  }
  .StrongPoints__heading {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
  .StrongPoints__heading .heading__text {
    display: flex;
    align-items: center;
    margin-top: -5px;
  }
  .StrongPoints__number {
    position: absolute;
    top: -5px;
    left: 10px;
  }
  .StrongPoints__title .letter-spacing {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 36.875em) {
  .StrongPoints__container {
    width: 100%;
    border-radius: 40px;
    padding: 6rem 0;
  }
  .StrongPoints__content {
    margin-top: 2rem;
  }
  .StrongPoints__heading {
    font-size: 1.5rem;
  }
  .StrongPoints__heading .heading__point {
    font-size: 3rem;
    font-family: "Urbanist";
    margin: 0 2px;
  }
  .StrongPoints__heading img {
    width: 250px;
  }
  .StrongPoints__title {
    font-size: 20px;
    line-height: 1.6;
  }
  .StrongPoints__title .text__point {
    font-size: 20px;
  }
  .StrongPoints__box {
    width: 100%;
  }
}
.alert {
  --bgColor: hsl(var(--accent-hs) 92%);
  --borderColor: var(--accent-color);
  --headingColor: inherit;
  padding: 1rem 1.5rem;
  border-left: 0.25rem solid var(--borderColor);
  background-color: var(--bgColor);
}
.alert._danger {
  --bgColor: hsl(var(--danger-hs) 95%);
  --borderColor: var(--danger-color);
  --headingColor: hsl(var(--danger-hs) 45%);
}
.alert._warning {
  --bgColor: hsl(var(--warning-hs) 95%);
  --borderColor: var(--warning-color);
  --headingColor: hsl(var(--warning-hs) 45%);
}
.alert._success {
  --bgColor: hsl(var(--success-hs) 95%);
  --borderColor: var(--success-color);
  --headingColor: hsl(var(--success-hs) 40%);
}

.alert__heading {
  color: var(--headingColor);
  font-size: 1.25rem;
}

.btn {
  height: 50px;
  border-radius: 25px;
  padding: 0 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 2px 3px #ccc);
  filter: drop-shadow(0px 2px 3px #ccc);
}
.btn._small {
  height: 40px;
  border-radius: 20px;
}
.btn._big {
  height: 60px;
  min-width: 220px;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 30px;
}
.btn._cta {
  height: 75px;
  border-radius: 40px;
  padding: 0 4rem;
  width: 350px;
  flex-direction: column;
}
.btn._plan {
  height: 84px;
  border-radius: 42px;
  width: 100%;
  max-width: 450px;
  flex-direction: column;
}
.btn:hover {
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  text-decoration: none;
  transition: 0.2s;
}
.btn:active {
  text-decoration: none;
}

.Primary__btn {
  background: var(--primary-color);
  color: var(--white-color);
  border: 1px solid var(--primary-color);
}

.Default__btn {
  background: var(--white-color);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.Secondary__btn {
  color: var(--white-color);
  background: var(--red-color);
  border: 1px solid var(--red-color);
}

.text__point {
  font-size: 1.25rem;
  font-weight: bold;
}

.text__small {
  font-size: 1rem;
  font-weight: normal;
}

.Contact__btn {
  width: 100%;
  max-width: 250px;
}

@media screen and (max-width: 89.875em) {
  .btn._cta {
    height: 70px;
    padding: 0 2.5rem;
    width: 320px;
  }
}
@media screen and (max-width: 79.875em) {
  .btn._cta {
    height: 65px;
    padding: 0 2.5rem;
    width: 270px;
  }
  .btn .text__point {
    font-size: 1rem;
  }
  .Contact__btn {
    width: 230px;
  }
  .text__small {
    font-size: 14px;
  }
}
@media screen and (max-width: 63.875em) {
  .btn._cta {
    padding: 0.25rem;
    width: 100%;
    max-width: 400px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 36.875em) {
  .btn._cta {
    height: 54px;
  }
  .text__point {
    font-size: 1rem;
  }
  .text__small {
    font-size: 12px;
  }
}
.card {
  background-color: var(--white-color);
}
.card:not(:first-child) {
  margin: 2rem 0 0 0;
}

.card__header {
  padding: 1rem 1rem 0;
}

.card__body {
  padding: 1rem;
}

.card__title + .card__tags {
  margin-top: 0;
}

.card__footer {
  padding: 1rem;
}

.card__note {
  padding: 1rem;
}

.codeHighlight {
  color: hsl(0, 100%, 100%);
}
.codeHighlight._comment {
  color: hsl(120, 10%, 50%);
}
.codeHighlight._entity, .codeHighlight._function {
  color: hsl(210, 90%, 80%);
}
.codeHighlight._attr, .codeHighlight._default {
  color: hsl(180, 95%, 85%);
}
.codeHighlight._value, .codeHighlight._strings {
  color: hsl(45, 100%, 70%);
}
.codeHighlight._selector {
  color: hsl(50, 90%, 60%);
}
.codeHighlight._pseudo {
  color: hsl(60, 70%, 80%);
}
.codeHighlight._property {
  color: hsl(190, 80%, 80%);
}
.codeHighlight._important {
  color: hsl(0, 70%, 70%);
}
.codeHighlight._num {
  color: hsl(120, 50%, 80%);
}
.codeHighlight._keyword, .codeHighlight._atkey {
  color: hsl(340, 90%, 85%);
}
.codeHighlight._var {
  color: hsl(180, 80%, 80%);
}

.counter {
  counter-reset: itemCounter;
}

.counter__item {
  counter-increment: itemCounter;
}

.counter__display._before::before {
  content: counter(itemCounter);
}
.counter__display._after::after {
  content: counter(itemCounter);
}

.Heading {
  font-weight: bold;
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  text-align: center;
}
.Heading._white {
  color: #fff;
}

.Heading__en {
  position: relative;
  font-family: "Urbanist", sans-serif;
  color: #00a0e9;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
}
.Heading__en._white {
  color: #fff;
}
.Heading__en::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: calc(50% - 13px);
  width: 26px;
  height: 2px;
  background: var(--primary-color);
}

.Heading__ja {
  display: block;
  font-size: 2.375rem;
  line-height: 1.25;
  margin-top: 1rem;
}

.Heading__text {
  font-size: 1rem;
  line-height: 1.8;
  text-align: center;
}

@media screen and (max-width: 63.875em) {
  .Heading__ja {
    font-size: 1.75rem;
  }
  .Heading__en {
    font-size: 0.875rem;
  }
  .Heading__text {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 36.875em) {
  .Heading {
    margin-bottom: 1rem;
  }
  .Heading__en {
    font-size: 0.875rem;
  }
  .Heading__text {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 23.875em) {
  .Heading {
    margin-bottom: 1rem;
  }
  .Heading__en {
    font-size: 0.875rem;
  }
  .Heading__text {
    font-size: 0.875rem;
  }
}
.hint {
  font-size: 0.75em;
  line-height: 1.5;
  opacity: 0.65;
}

.icMenu, .icMenu:before, .icMenu:after {
  display: block;
  width: 1.5rem;
  height: 0.125rem;
  background-color: hsl(199, 100%, 45%);
}

.icMenu {
  position: relative;
}

.icMenu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -0.375rem);
}

.icMenu:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0.375rem);
}

.list._col3 {
  columns: 3 auto;
}
.list._col3 .list__item {
  margin: 0 0 0.375rem;
}
.list._style_none {
  list-style: none;
  padding: 0;
}

.note {
  color: hsl(215, 5%, 40%);
  font-size: 0.875rem;
}
.note._list {
  list-style-type: "※ ";
  padding: 0 0 0 1rem;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table__header {
  border-bottom: 2px solid var(--linkColor);
}

.table__row {
  border-bottom: 1px solid var(--linkColor);
}

.table__heading {
  padding: 0.25rem 1rem;
  color: hsl(215, 5%, 60%);
  font-size: 0.875rem;
}

.table__cell {
  padding: 0.25rem 1rem;
}

.toc {
  position: -webkit-sticky;
  position: sticky;
  top: clamp(3rem, 25vw, 3.75rem);
}

.toc__heading {
  color: hsl(215, 5%, 60%);
  font-size: 0.75rem;
}

.toc__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.toc__list._second {
  margin: 0.125rem 0 0.5rem;
  font-size: 0.875em;
}
.toc__list._third {
  list-style: "- " inside;
  margin: 0;
  color: hsl(215, 5%, 60%);
}
.toc__list._other {
  margin: 0;
  color: hsl(215, 5%, 60%);
  font-size: 0.875em;
}

.toc__item {
  color: hsl(215, 5%, 50%);
}
.toc__item.-title {
  padding-top: 0.25rem;
}

.toc__title {
  font-weight: bold;
}

.toc__link {
  display: inline-block;
  padding: 0.125rem 0 0.25rem;
  color: inherit;
}

.slide-enter-active,
.slide-leave-active {
  transition: all 0.3s ease;
}

.slide-enter,
.slide-leave-to {
  transform: translateX(100%);
}

.selectBox {
  border-color: var(--primary-color);
  border-radius: 5px;
  padding: 0.5rem 1rem;
  height: 50px;
  width: 100%;
}

.Price__selectbox {
  position: relative;
}
.Price__selectbox::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  transform: rotate(45deg);
}
.Price__selectbox:focus {
  outline: 1px solid var(--primary-color);
}

.br__xl {
  display: block;
}

.br__only__xl {
  display: none;
}

.br__lg {
  display: block;
}

.br__only__lg {
  display: none;
}

.br__md {
  display: block;
}

.br__only__md {
  display: none;
}

.br__sm {
  display: block;
}

.br__only__sm {
  display: none;
}

.br__xs {
  display: block;
}

.br__only__xs {
  display: none;
}

@media screen and (max-width: 89.875em) {
  .br__xl {
    display: none;
  }
  .br__only__xl {
    display: block;
  }
}
@media screen and (max-width: 79.875em) {
  .br__lg {
    display: none;
  }
  .br__only__lg {
    display: block;
  }
}
@media screen and (max-width: 63.875em) {
  .br__md {
    display: none;
  }
  .br__only__md {
    display: block;
  }
}
@media screen and (max-width: 36.875em) {
  .br__sm {
    display: none;
  }
  .br__only__sm {
    display: block;
  }
}
@media screen and (max-width: 23.875em) {
  .br__xs {
    display: none;
  }
  .br__only__xs {
    display: block;
  }
}
.frame__warper {
  width: 70%;
  margin: 40px auto 0;
  height: 1700px;
  display: block;
  border-radius: 40px;
}

@media screen and (max-width: 79.875em) {
  .frame__warper {
    width: 80%;
    height: 1500px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 63.875em) {
  .frame__warper {
    width: 90%;
    height: 1800px;
  }
}
@media screen and (max-width: 36.875em) {
  .frame__warper {
    width: 100%;
    height: 1900px;
    border-radius: 0px;
  }
}
.u_running {
  animation-play-state: running;
}

.u_paused {
  animation-play-state: paused;
}

.u_delay_00-1 {
  animation-delay: "0.1s";
}

.u_delay_00-2 {
  animation-delay: "0.2s";
}

.u_delay_00-3 {
  animation-delay: "0.3s";
}

.u_delay_00-4 {
  animation-delay: "0.4s";
}

.u_delay_00-5 {
  animation-delay: "0.5s";
}

.u_delay_00-6 {
  animation-delay: "0.6s";
}

.u_delay_00-7 {
  animation-delay: "0.7s";
}

.u_delay_00-8 {
  animation-delay: "0.8s";
}

.u_delay_00-9 {
  animation-delay: "0.9s";
}

.u_delay_01-0 {
  animation-delay: "1s";
}

.u_delay_01-1 {
  animation-delay: "1.1s";
}

.u_delay_01-2 {
  animation-delay: "1.2s";
}

.u_delay_01-3 {
  animation-delay: "1.3s";
}

.u_delay_01-4 {
  animation-delay: "1.4s";
}

.u_delay_01-5 {
  animation-delay: "1.5s";
}

.u_delay_01-6 {
  animation-delay: "1.6s";
}

.u_delay_01-7 {
  animation-delay: "1.7s";
}

.u_delay_01-8 {
  animation-delay: "1.8s";
}

.u_delay_01-9 {
  animation-delay: "1.9s";
}

.u_delay_02-0 {
  animation-delay: "2s";
}

.u_delay_02-1 {
  animation-delay: "2.1s";
}

.u_delay_02-2 {
  animation-delay: "2.2s";
}

.u_delay_02-3 {
  animation-delay: "2.3s";
}

.u_delay_02-4 {
  animation-delay: "2.4s";
}

.u_delay_02-5 {
  animation-delay: "2.5s";
}

.u_delay_02-6 {
  animation-delay: "2.6s";
}

.u_delay_02-7 {
  animation-delay: "2.7s";
}

.u_delay_02-8 {
  animation-delay: "2.8s";
}

.u_delay_02-9 {
  animation-delay: "2.9s";
}

.u_delay_03-0 {
  animation-delay: "3s";
}

.u_delay_03-1 {
  animation-delay: "3.1s";
}

.u_delay_03-2 {
  animation-delay: "3.2s";
}

.u_delay_03-3 {
  animation-delay: "3.3s";
}

.u_delay_03-4 {
  animation-delay: "3.4s";
}

.u_delay_03-5 {
  animation-delay: "3.5s";
}

.u_delay_03-6 {
  animation-delay: "3.6s";
}

.u_delay_03-7 {
  animation-delay: "3.7s";
}

.u_delay_03-8 {
  animation-delay: "3.8s";
}

.u_delay_03-9 {
  animation-delay: "3.9s";
}

.u_delay_04-0 {
  animation-delay: "4s";
}

.u_delay_04-1 {
  animation-delay: "4.1s";
}

.u_delay_04-2 {
  animation-delay: "4.2s";
}

.u_delay_04-3 {
  animation-delay: "4.3s";
}

.u_delay_04-4 {
  animation-delay: "4.4s";
}

.u_delay_04-5 {
  animation-delay: "4.5s";
}

.u_delay_04-6 {
  animation-delay: "4.6s";
}

.u_delay_04-7 {
  animation-delay: "4.7s";
}

.u_delay_04-8 {
  animation-delay: "4.8s";
}

.u_delay_04-9 {
  animation-delay: "4.9s";
}

.u_delay_05-0 {
  animation-delay: "5s";
}

.u_delay_05-1 {
  animation-delay: "5.1s";
}

.u_delay_05-2 {
  animation-delay: "5.2s";
}

.u_delay_05-3 {
  animation-delay: "5.3s";
}

.u_delay_05-4 {
  animation-delay: "5.4s";
}

.u_delay_05-5 {
  animation-delay: "5.5s";
}

.u_delay_05-6 {
  animation-delay: "5.6s";
}

.u_delay_05-7 {
  animation-delay: "5.7s";
}

.u_delay_05-8 {
  animation-delay: "5.8s";
}

.u_delay_05-9 {
  animation-delay: "5.9s";
}

.u_delay_06-0 {
  animation-delay: "6s";
}

.u_delay_06-1 {
  animation-delay: "6.1s";
}

.u_delay_06-2 {
  animation-delay: "6.2s";
}

.u_delay_06-3 {
  animation-delay: "6.3s";
}

.u_delay_06-4 {
  animation-delay: "6.4s";
}

.u_delay_06-5 {
  animation-delay: "6.5s";
}

.u_delay_06-6 {
  animation-delay: "6.6s";
}

.u_delay_06-7 {
  animation-delay: "6.7s";
}

.u_delay_06-8 {
  animation-delay: "6.8s";
}

.u_delay_06-9 {
  animation-delay: "6.9s";
}

.u_delay_07-0 {
  animation-delay: "7s";
}

.u_delay_07-1 {
  animation-delay: "7.1s";
}

.u_delay_07-2 {
  animation-delay: "7.2s";
}

.u_delay_07-3 {
  animation-delay: "7.3s";
}

.u_delay_07-4 {
  animation-delay: "7.4s";
}

.u_delay_07-5 {
  animation-delay: "7.5s";
}

.u_delay_07-6 {
  animation-delay: "7.6s";
}

.u_delay_07-7 {
  animation-delay: "7.7s";
}

.u_delay_07-8 {
  animation-delay: "7.8s";
}

.u_delay_07-9 {
  animation-delay: "7.9s";
}

.u_delay_08-0 {
  animation-delay: "8s";
}

.u_delay_08-1 {
  animation-delay: "8.1s";
}

.u_delay_08-2 {
  animation-delay: "8.2s";
}

.u_delay_08-3 {
  animation-delay: "8.3s";
}

.u_delay_08-4 {
  animation-delay: "8.4s";
}

.u_delay_08-5 {
  animation-delay: "8.5s";
}

.u_delay_08-6 {
  animation-delay: "8.6s";
}

.u_delay_08-7 {
  animation-delay: "8.7s";
}

.u_delay_08-8 {
  animation-delay: "8.8s";
}

.u_delay_08-9 {
  animation-delay: "8.9s";
}

.u_delay_09-0 {
  animation-delay: "9s";
}

.u_delay_09-1 {
  animation-delay: "9.1s";
}

.u_delay_09-2 {
  animation-delay: "9.2s";
}

.u_delay_09-3 {
  animation-delay: "9.3s";
}

.u_delay_09-4 {
  animation-delay: "9.4s";
}

.u_delay_09-5 {
  animation-delay: "9.5s";
}

.u_delay_09-6 {
  animation-delay: "9.6s";
}

.u_delay_09-7 {
  animation-delay: "9.7s";
}

.u_delay_09-8 {
  animation-delay: "9.8s";
}

.u_delay_09-9 {
  animation-delay: "9.9s";
}

.u_delay_10-0 {
  animation-delay: "10s";
}

.u_bg_white {
  background-color: rgb(var(--white-rgb)/var(--bgAlpha));
}

.u_bg_black {
  background-color: rgb(var(--black-rgb)/var(--bgAlpha));
}

.u_bg_gray {
  background-color: rgb(var(--gray-rgb)/var(--bgAlpha));
}

.u_bg_default {
  background-color: rgb(var(--default-rgb)/var(--bgAlpha));
}

.u_bg_primary {
  background-color: rgb(var(--primary-rgb)/var(--bgAlpha));
}

.u_bg_secondary {
  background-color: rgb(var(--secondary-rgb)/var(--bgAlpha));
}

.u_bg_tertiary {
  background-color: rgb(var(--tertiary-rgb)/var(--bgAlpha));
}

.u_bg_accent {
  background-color: rgb(var(--accent-rgb)/var(--bgAlpha));
}

.u_bg_success {
  background-color: rgb(var(--success-rgb)/var(--bgAlpha));
}

.u_bg_warning {
  background-color: rgb(var(--warning-rgb)/var(--bgAlpha));
}

.u_bg_danger {
  background-color: rgb(var(--danger-rgb)/var(--bgAlpha));
}

.u_bg_muted {
  background-color: rgb(var(--muted-rgb)/var(--bgAlpha));
}

.u_bg_white_050 {
  background-color: hsl(var(--white-hs) 95%/var(--bgAlpha));
}

.u_bg_white_100 {
  background-color: hsl(var(--white-hs) 90%/var(--bgAlpha));
}

.u_bg_white_150 {
  background-color: hsl(var(--white-hs) 85%/var(--bgAlpha));
}

.u_bg_white_200 {
  background-color: hsl(var(--white-hs) 80%/var(--bgAlpha));
}

.u_bg_white_250 {
  background-color: hsl(var(--white-hs) 75%/var(--bgAlpha));
}

.u_bg_white_300 {
  background-color: hsl(var(--white-hs) 70%/var(--bgAlpha));
}

.u_bg_white_350 {
  background-color: hsl(var(--white-hs) 65%/var(--bgAlpha));
}

.u_bg_white_400 {
  background-color: hsl(var(--white-hs) 60%/var(--bgAlpha));
}

.u_bg_white_450 {
  background-color: hsl(var(--white-hs) 55%/var(--bgAlpha));
}

.u_bg_white_500 {
  background-color: hsl(var(--white-hs) 50%/var(--bgAlpha));
}

.u_bg_white_550 {
  background-color: hsl(var(--white-hs) 45%/var(--bgAlpha));
}

.u_bg_white_600 {
  background-color: hsl(var(--white-hs) 40%/var(--bgAlpha));
}

.u_bg_white_650 {
  background-color: hsl(var(--white-hs) 35%/var(--bgAlpha));
}

.u_bg_white_700 {
  background-color: hsl(var(--white-hs) 30%/var(--bgAlpha));
}

.u_bg_white_750 {
  background-color: hsl(var(--white-hs) 25%/var(--bgAlpha));
}

.u_bg_white_800 {
  background-color: hsl(var(--white-hs) 20%/var(--bgAlpha));
}

.u_bg_white_850 {
  background-color: hsl(var(--white-hs) 15%/var(--bgAlpha));
}

.u_bg_white_900 {
  background-color: hsl(var(--white-hs) 10%/var(--bgAlpha));
}

.u_bg_white_950 {
  background-color: hsl(var(--white-hs) 5%/var(--bgAlpha));
}

.u_bg_black_050 {
  background-color: hsl(var(--black-hs) 95%/var(--bgAlpha));
}

.u_bg_black_100 {
  background-color: hsl(var(--black-hs) 90%/var(--bgAlpha));
}

.u_bg_black_150 {
  background-color: hsl(var(--black-hs) 85%/var(--bgAlpha));
}

.u_bg_black_200 {
  background-color: hsl(var(--black-hs) 80%/var(--bgAlpha));
}

.u_bg_black_250 {
  background-color: hsl(var(--black-hs) 75%/var(--bgAlpha));
}

.u_bg_black_300 {
  background-color: hsl(var(--black-hs) 70%/var(--bgAlpha));
}

.u_bg_black_350 {
  background-color: hsl(var(--black-hs) 65%/var(--bgAlpha));
}

.u_bg_black_400 {
  background-color: hsl(var(--black-hs) 60%/var(--bgAlpha));
}

.u_bg_black_450 {
  background-color: hsl(var(--black-hs) 55%/var(--bgAlpha));
}

.u_bg_black_500 {
  background-color: hsl(var(--black-hs) 50%/var(--bgAlpha));
}

.u_bg_black_550 {
  background-color: hsl(var(--black-hs) 45%/var(--bgAlpha));
}

.u_bg_black_600 {
  background-color: hsl(var(--black-hs) 40%/var(--bgAlpha));
}

.u_bg_black_650 {
  background-color: hsl(var(--black-hs) 35%/var(--bgAlpha));
}

.u_bg_black_700 {
  background-color: hsl(var(--black-hs) 30%/var(--bgAlpha));
}

.u_bg_black_750 {
  background-color: hsl(var(--black-hs) 25%/var(--bgAlpha));
}

.u_bg_black_800 {
  background-color: hsl(var(--black-hs) 20%/var(--bgAlpha));
}

.u_bg_black_850 {
  background-color: hsl(var(--black-hs) 15%/var(--bgAlpha));
}

.u_bg_black_900 {
  background-color: hsl(var(--black-hs) 10%/var(--bgAlpha));
}

.u_bg_black_950 {
  background-color: hsl(var(--black-hs) 5%/var(--bgAlpha));
}

.u_bg_gray_050 {
  background-color: hsl(var(--gray-hs) 95%/var(--bgAlpha));
}

.u_bg_gray_100 {
  background-color: hsl(var(--gray-hs) 90%/var(--bgAlpha));
}

.u_bg_gray_150 {
  background-color: hsl(var(--gray-hs) 85%/var(--bgAlpha));
}

.u_bg_gray_200 {
  background-color: hsl(var(--gray-hs) 80%/var(--bgAlpha));
}

.u_bg_gray_250 {
  background-color: hsl(var(--gray-hs) 75%/var(--bgAlpha));
}

.u_bg_gray_300 {
  background-color: hsl(var(--gray-hs) 70%/var(--bgAlpha));
}

.u_bg_gray_350 {
  background-color: hsl(var(--gray-hs) 65%/var(--bgAlpha));
}

.u_bg_gray_400 {
  background-color: hsl(var(--gray-hs) 60%/var(--bgAlpha));
}

.u_bg_gray_450 {
  background-color: hsl(var(--gray-hs) 55%/var(--bgAlpha));
}

.u_bg_gray_500 {
  background-color: hsl(var(--gray-hs) 50%/var(--bgAlpha));
}

.u_bg_gray_550 {
  background-color: hsl(var(--gray-hs) 45%/var(--bgAlpha));
}

.u_bg_gray_600 {
  background-color: hsl(var(--gray-hs) 40%/var(--bgAlpha));
}

.u_bg_gray_650 {
  background-color: hsl(var(--gray-hs) 35%/var(--bgAlpha));
}

.u_bg_gray_700 {
  background-color: hsl(var(--gray-hs) 30%/var(--bgAlpha));
}

.u_bg_gray_750 {
  background-color: hsl(var(--gray-hs) 25%/var(--bgAlpha));
}

.u_bg_gray_800 {
  background-color: hsl(var(--gray-hs) 20%/var(--bgAlpha));
}

.u_bg_gray_850 {
  background-color: hsl(var(--gray-hs) 15%/var(--bgAlpha));
}

.u_bg_gray_900 {
  background-color: hsl(var(--gray-hs) 10%/var(--bgAlpha));
}

.u_bg_gray_950 {
  background-color: hsl(var(--gray-hs) 5%/var(--bgAlpha));
}

.u_bg_default_050 {
  background-color: hsl(var(--default-hs) 95%/var(--bgAlpha));
}

.u_bg_default_100 {
  background-color: hsl(var(--default-hs) 90%/var(--bgAlpha));
}

.u_bg_default_150 {
  background-color: hsl(var(--default-hs) 85%/var(--bgAlpha));
}

.u_bg_default_200 {
  background-color: hsl(var(--default-hs) 80%/var(--bgAlpha));
}

.u_bg_default_250 {
  background-color: hsl(var(--default-hs) 75%/var(--bgAlpha));
}

.u_bg_default_300 {
  background-color: hsl(var(--default-hs) 70%/var(--bgAlpha));
}

.u_bg_default_350 {
  background-color: hsl(var(--default-hs) 65%/var(--bgAlpha));
}

.u_bg_default_400 {
  background-color: hsl(var(--default-hs) 60%/var(--bgAlpha));
}

.u_bg_default_450 {
  background-color: hsl(var(--default-hs) 55%/var(--bgAlpha));
}

.u_bg_default_500 {
  background-color: hsl(var(--default-hs) 50%/var(--bgAlpha));
}

.u_bg_default_550 {
  background-color: hsl(var(--default-hs) 45%/var(--bgAlpha));
}

.u_bg_default_600 {
  background-color: hsl(var(--default-hs) 40%/var(--bgAlpha));
}

.u_bg_default_650 {
  background-color: hsl(var(--default-hs) 35%/var(--bgAlpha));
}

.u_bg_default_700 {
  background-color: hsl(var(--default-hs) 30%/var(--bgAlpha));
}

.u_bg_default_750 {
  background-color: hsl(var(--default-hs) 25%/var(--bgAlpha));
}

.u_bg_default_800 {
  background-color: hsl(var(--default-hs) 20%/var(--bgAlpha));
}

.u_bg_default_850 {
  background-color: hsl(var(--default-hs) 15%/var(--bgAlpha));
}

.u_bg_default_900 {
  background-color: hsl(var(--default-hs) 10%/var(--bgAlpha));
}

.u_bg_default_950 {
  background-color: hsl(var(--default-hs) 5%/var(--bgAlpha));
}

.u_bg_primary_050 {
  background-color: hsl(var(--primary-hs) 95%/var(--bgAlpha));
}

.u_bg_primary_100 {
  background-color: hsl(var(--primary-hs) 90%/var(--bgAlpha));
}

.u_bg_primary_150 {
  background-color: hsl(var(--primary-hs) 85%/var(--bgAlpha));
}

.u_bg_primary_200 {
  background-color: hsl(var(--primary-hs) 80%/var(--bgAlpha));
}

.u_bg_primary_250 {
  background-color: hsl(var(--primary-hs) 75%/var(--bgAlpha));
}

.u_bg_primary_300 {
  background-color: hsl(var(--primary-hs) 70%/var(--bgAlpha));
}

.u_bg_primary_350 {
  background-color: hsl(var(--primary-hs) 65%/var(--bgAlpha));
}

.u_bg_primary_400 {
  background-color: hsl(var(--primary-hs) 60%/var(--bgAlpha));
}

.u_bg_primary_450 {
  background-color: hsl(var(--primary-hs) 55%/var(--bgAlpha));
}

.u_bg_primary_500 {
  background-color: hsl(var(--primary-hs) 50%/var(--bgAlpha));
}

.u_bg_primary_550 {
  background-color: hsl(var(--primary-hs) 45%/var(--bgAlpha));
}

.u_bg_primary_600 {
  background-color: hsl(var(--primary-hs) 40%/var(--bgAlpha));
}

.u_bg_primary_650 {
  background-color: hsl(var(--primary-hs) 35%/var(--bgAlpha));
}

.u_bg_primary_700 {
  background-color: hsl(var(--primary-hs) 30%/var(--bgAlpha));
}

.u_bg_primary_750 {
  background-color: hsl(var(--primary-hs) 25%/var(--bgAlpha));
}

.u_bg_primary_800 {
  background-color: hsl(var(--primary-hs) 20%/var(--bgAlpha));
}

.u_bg_primary_850 {
  background-color: hsl(var(--primary-hs) 15%/var(--bgAlpha));
}

.u_bg_primary_900 {
  background-color: hsl(var(--primary-hs) 10%/var(--bgAlpha));
}

.u_bg_primary_950 {
  background-color: hsl(var(--primary-hs) 5%/var(--bgAlpha));
}

.u_bg_secondary_050 {
  background-color: hsl(var(--secondary-hs) 95%/var(--bgAlpha));
}

.u_bg_secondary_100 {
  background-color: hsl(var(--secondary-hs) 90%/var(--bgAlpha));
}

.u_bg_secondary_150 {
  background-color: hsl(var(--secondary-hs) 85%/var(--bgAlpha));
}

.u_bg_secondary_200 {
  background-color: hsl(var(--secondary-hs) 80%/var(--bgAlpha));
}

.u_bg_secondary_250 {
  background-color: hsl(var(--secondary-hs) 75%/var(--bgAlpha));
}

.u_bg_secondary_300 {
  background-color: hsl(var(--secondary-hs) 70%/var(--bgAlpha));
}

.u_bg_secondary_350 {
  background-color: hsl(var(--secondary-hs) 65%/var(--bgAlpha));
}

.u_bg_secondary_400 {
  background-color: hsl(var(--secondary-hs) 60%/var(--bgAlpha));
}

.u_bg_secondary_450 {
  background-color: hsl(var(--secondary-hs) 55%/var(--bgAlpha));
}

.u_bg_secondary_500 {
  background-color: hsl(var(--secondary-hs) 50%/var(--bgAlpha));
}

.u_bg_secondary_550 {
  background-color: hsl(var(--secondary-hs) 45%/var(--bgAlpha));
}

.u_bg_secondary_600 {
  background-color: hsl(var(--secondary-hs) 40%/var(--bgAlpha));
}

.u_bg_secondary_650 {
  background-color: hsl(var(--secondary-hs) 35%/var(--bgAlpha));
}

.u_bg_secondary_700 {
  background-color: hsl(var(--secondary-hs) 30%/var(--bgAlpha));
}

.u_bg_secondary_750 {
  background-color: hsl(var(--secondary-hs) 25%/var(--bgAlpha));
}

.u_bg_secondary_800 {
  background-color: hsl(var(--secondary-hs) 20%/var(--bgAlpha));
}

.u_bg_secondary_850 {
  background-color: hsl(var(--secondary-hs) 15%/var(--bgAlpha));
}

.u_bg_secondary_900 {
  background-color: hsl(var(--secondary-hs) 10%/var(--bgAlpha));
}

.u_bg_secondary_950 {
  background-color: hsl(var(--secondary-hs) 5%/var(--bgAlpha));
}

.u_bg_tertiary_050 {
  background-color: hsl(var(--tertiary-hs) 95%/var(--bgAlpha));
}

.u_bg_tertiary_100 {
  background-color: hsl(var(--tertiary-hs) 90%/var(--bgAlpha));
}

.u_bg_tertiary_150 {
  background-color: hsl(var(--tertiary-hs) 85%/var(--bgAlpha));
}

.u_bg_tertiary_200 {
  background-color: hsl(var(--tertiary-hs) 80%/var(--bgAlpha));
}

.u_bg_tertiary_250 {
  background-color: hsl(var(--tertiary-hs) 75%/var(--bgAlpha));
}

.u_bg_tertiary_300 {
  background-color: hsl(var(--tertiary-hs) 70%/var(--bgAlpha));
}

.u_bg_tertiary_350 {
  background-color: hsl(var(--tertiary-hs) 65%/var(--bgAlpha));
}

.u_bg_tertiary_400 {
  background-color: hsl(var(--tertiary-hs) 60%/var(--bgAlpha));
}

.u_bg_tertiary_450 {
  background-color: hsl(var(--tertiary-hs) 55%/var(--bgAlpha));
}

.u_bg_tertiary_500 {
  background-color: hsl(var(--tertiary-hs) 50%/var(--bgAlpha));
}

.u_bg_tertiary_550 {
  background-color: hsl(var(--tertiary-hs) 45%/var(--bgAlpha));
}

.u_bg_tertiary_600 {
  background-color: hsl(var(--tertiary-hs) 40%/var(--bgAlpha));
}

.u_bg_tertiary_650 {
  background-color: hsl(var(--tertiary-hs) 35%/var(--bgAlpha));
}

.u_bg_tertiary_700 {
  background-color: hsl(var(--tertiary-hs) 30%/var(--bgAlpha));
}

.u_bg_tertiary_750 {
  background-color: hsl(var(--tertiary-hs) 25%/var(--bgAlpha));
}

.u_bg_tertiary_800 {
  background-color: hsl(var(--tertiary-hs) 20%/var(--bgAlpha));
}

.u_bg_tertiary_850 {
  background-color: hsl(var(--tertiary-hs) 15%/var(--bgAlpha));
}

.u_bg_tertiary_900 {
  background-color: hsl(var(--tertiary-hs) 10%/var(--bgAlpha));
}

.u_bg_tertiary_950 {
  background-color: hsl(var(--tertiary-hs) 5%/var(--bgAlpha));
}

.u_bg_accent_050 {
  background-color: hsl(var(--accent-hs) 95%/var(--bgAlpha));
}

.u_bg_accent_100 {
  background-color: hsl(var(--accent-hs) 90%/var(--bgAlpha));
}

.u_bg_accent_150 {
  background-color: hsl(var(--accent-hs) 85%/var(--bgAlpha));
}

.u_bg_accent_200 {
  background-color: hsl(var(--accent-hs) 80%/var(--bgAlpha));
}

.u_bg_accent_250 {
  background-color: hsl(var(--accent-hs) 75%/var(--bgAlpha));
}

.u_bg_accent_300 {
  background-color: hsl(var(--accent-hs) 70%/var(--bgAlpha));
}

.u_bg_accent_350 {
  background-color: hsl(var(--accent-hs) 65%/var(--bgAlpha));
}

.u_bg_accent_400 {
  background-color: hsl(var(--accent-hs) 60%/var(--bgAlpha));
}

.u_bg_accent_450 {
  background-color: hsl(var(--accent-hs) 55%/var(--bgAlpha));
}

.u_bg_accent_500 {
  background-color: hsl(var(--accent-hs) 50%/var(--bgAlpha));
}

.u_bg_accent_550 {
  background-color: hsl(var(--accent-hs) 45%/var(--bgAlpha));
}

.u_bg_accent_600 {
  background-color: hsl(var(--accent-hs) 40%/var(--bgAlpha));
}

.u_bg_accent_650 {
  background-color: hsl(var(--accent-hs) 35%/var(--bgAlpha));
}

.u_bg_accent_700 {
  background-color: hsl(var(--accent-hs) 30%/var(--bgAlpha));
}

.u_bg_accent_750 {
  background-color: hsl(var(--accent-hs) 25%/var(--bgAlpha));
}

.u_bg_accent_800 {
  background-color: hsl(var(--accent-hs) 20%/var(--bgAlpha));
}

.u_bg_accent_850 {
  background-color: hsl(var(--accent-hs) 15%/var(--bgAlpha));
}

.u_bg_accent_900 {
  background-color: hsl(var(--accent-hs) 10%/var(--bgAlpha));
}

.u_bg_accent_950 {
  background-color: hsl(var(--accent-hs) 5%/var(--bgAlpha));
}

.u_bg_success_050 {
  background-color: hsl(var(--success-hs) 95%/var(--bgAlpha));
}

.u_bg_success_100 {
  background-color: hsl(var(--success-hs) 90%/var(--bgAlpha));
}

.u_bg_success_150 {
  background-color: hsl(var(--success-hs) 85%/var(--bgAlpha));
}

.u_bg_success_200 {
  background-color: hsl(var(--success-hs) 80%/var(--bgAlpha));
}

.u_bg_success_250 {
  background-color: hsl(var(--success-hs) 75%/var(--bgAlpha));
}

.u_bg_success_300 {
  background-color: hsl(var(--success-hs) 70%/var(--bgAlpha));
}

.u_bg_success_350 {
  background-color: hsl(var(--success-hs) 65%/var(--bgAlpha));
}

.u_bg_success_400 {
  background-color: hsl(var(--success-hs) 60%/var(--bgAlpha));
}

.u_bg_success_450 {
  background-color: hsl(var(--success-hs) 55%/var(--bgAlpha));
}

.u_bg_success_500 {
  background-color: hsl(var(--success-hs) 50%/var(--bgAlpha));
}

.u_bg_success_550 {
  background-color: hsl(var(--success-hs) 45%/var(--bgAlpha));
}

.u_bg_success_600 {
  background-color: hsl(var(--success-hs) 40%/var(--bgAlpha));
}

.u_bg_success_650 {
  background-color: hsl(var(--success-hs) 35%/var(--bgAlpha));
}

.u_bg_success_700 {
  background-color: hsl(var(--success-hs) 30%/var(--bgAlpha));
}

.u_bg_success_750 {
  background-color: hsl(var(--success-hs) 25%/var(--bgAlpha));
}

.u_bg_success_800 {
  background-color: hsl(var(--success-hs) 20%/var(--bgAlpha));
}

.u_bg_success_850 {
  background-color: hsl(var(--success-hs) 15%/var(--bgAlpha));
}

.u_bg_success_900 {
  background-color: hsl(var(--success-hs) 10%/var(--bgAlpha));
}

.u_bg_success_950 {
  background-color: hsl(var(--success-hs) 5%/var(--bgAlpha));
}

.u_bg_warning_050 {
  background-color: hsl(var(--warning-hs) 95%/var(--bgAlpha));
}

.u_bg_warning_100 {
  background-color: hsl(var(--warning-hs) 90%/var(--bgAlpha));
}

.u_bg_warning_150 {
  background-color: hsl(var(--warning-hs) 85%/var(--bgAlpha));
}

.u_bg_warning_200 {
  background-color: hsl(var(--warning-hs) 80%/var(--bgAlpha));
}

.u_bg_warning_250 {
  background-color: hsl(var(--warning-hs) 75%/var(--bgAlpha));
}

.u_bg_warning_300 {
  background-color: hsl(var(--warning-hs) 70%/var(--bgAlpha));
}

.u_bg_warning_350 {
  background-color: hsl(var(--warning-hs) 65%/var(--bgAlpha));
}

.u_bg_warning_400 {
  background-color: hsl(var(--warning-hs) 60%/var(--bgAlpha));
}

.u_bg_warning_450 {
  background-color: hsl(var(--warning-hs) 55%/var(--bgAlpha));
}

.u_bg_warning_500 {
  background-color: hsl(var(--warning-hs) 50%/var(--bgAlpha));
}

.u_bg_warning_550 {
  background-color: hsl(var(--warning-hs) 45%/var(--bgAlpha));
}

.u_bg_warning_600 {
  background-color: hsl(var(--warning-hs) 40%/var(--bgAlpha));
}

.u_bg_warning_650 {
  background-color: hsl(var(--warning-hs) 35%/var(--bgAlpha));
}

.u_bg_warning_700 {
  background-color: hsl(var(--warning-hs) 30%/var(--bgAlpha));
}

.u_bg_warning_750 {
  background-color: hsl(var(--warning-hs) 25%/var(--bgAlpha));
}

.u_bg_warning_800 {
  background-color: hsl(var(--warning-hs) 20%/var(--bgAlpha));
}

.u_bg_warning_850 {
  background-color: hsl(var(--warning-hs) 15%/var(--bgAlpha));
}

.u_bg_warning_900 {
  background-color: hsl(var(--warning-hs) 10%/var(--bgAlpha));
}

.u_bg_warning_950 {
  background-color: hsl(var(--warning-hs) 5%/var(--bgAlpha));
}

.u_bg_danger_050 {
  background-color: hsl(var(--danger-hs) 95%/var(--bgAlpha));
}

.u_bg_danger_100 {
  background-color: hsl(var(--danger-hs) 90%/var(--bgAlpha));
}

.u_bg_danger_150 {
  background-color: hsl(var(--danger-hs) 85%/var(--bgAlpha));
}

.u_bg_danger_200 {
  background-color: hsl(var(--danger-hs) 80%/var(--bgAlpha));
}

.u_bg_danger_250 {
  background-color: hsl(var(--danger-hs) 75%/var(--bgAlpha));
}

.u_bg_danger_300 {
  background-color: hsl(var(--danger-hs) 70%/var(--bgAlpha));
}

.u_bg_danger_350 {
  background-color: hsl(var(--danger-hs) 65%/var(--bgAlpha));
}

.u_bg_danger_400 {
  background-color: hsl(var(--danger-hs) 60%/var(--bgAlpha));
}

.u_bg_danger_450 {
  background-color: hsl(var(--danger-hs) 55%/var(--bgAlpha));
}

.u_bg_danger_500 {
  background-color: hsl(var(--danger-hs) 50%/var(--bgAlpha));
}

.u_bg_danger_550 {
  background-color: hsl(var(--danger-hs) 45%/var(--bgAlpha));
}

.u_bg_danger_600 {
  background-color: hsl(var(--danger-hs) 40%/var(--bgAlpha));
}

.u_bg_danger_650 {
  background-color: hsl(var(--danger-hs) 35%/var(--bgAlpha));
}

.u_bg_danger_700 {
  background-color: hsl(var(--danger-hs) 30%/var(--bgAlpha));
}

.u_bg_danger_750 {
  background-color: hsl(var(--danger-hs) 25%/var(--bgAlpha));
}

.u_bg_danger_800 {
  background-color: hsl(var(--danger-hs) 20%/var(--bgAlpha));
}

.u_bg_danger_850 {
  background-color: hsl(var(--danger-hs) 15%/var(--bgAlpha));
}

.u_bg_danger_900 {
  background-color: hsl(var(--danger-hs) 10%/var(--bgAlpha));
}

.u_bg_danger_950 {
  background-color: hsl(var(--danger-hs) 5%/var(--bgAlpha));
}

.u_bg_muted_050 {
  background-color: hsl(var(--muted-hs) 95%/var(--bgAlpha));
}

.u_bg_muted_100 {
  background-color: hsl(var(--muted-hs) 90%/var(--bgAlpha));
}

.u_bg_muted_150 {
  background-color: hsl(var(--muted-hs) 85%/var(--bgAlpha));
}

.u_bg_muted_200 {
  background-color: hsl(var(--muted-hs) 80%/var(--bgAlpha));
}

.u_bg_muted_250 {
  background-color: hsl(var(--muted-hs) 75%/var(--bgAlpha));
}

.u_bg_muted_300 {
  background-color: hsl(var(--muted-hs) 70%/var(--bgAlpha));
}

.u_bg_muted_350 {
  background-color: hsl(var(--muted-hs) 65%/var(--bgAlpha));
}

.u_bg_muted_400 {
  background-color: hsl(var(--muted-hs) 60%/var(--bgAlpha));
}

.u_bg_muted_450 {
  background-color: hsl(var(--muted-hs) 55%/var(--bgAlpha));
}

.u_bg_muted_500 {
  background-color: hsl(var(--muted-hs) 50%/var(--bgAlpha));
}

.u_bg_muted_550 {
  background-color: hsl(var(--muted-hs) 45%/var(--bgAlpha));
}

.u_bg_muted_600 {
  background-color: hsl(var(--muted-hs) 40%/var(--bgAlpha));
}

.u_bg_muted_650 {
  background-color: hsl(var(--muted-hs) 35%/var(--bgAlpha));
}

.u_bg_muted_700 {
  background-color: hsl(var(--muted-hs) 30%/var(--bgAlpha));
}

.u_bg_muted_750 {
  background-color: hsl(var(--muted-hs) 25%/var(--bgAlpha));
}

.u_bg_muted_800 {
  background-color: hsl(var(--muted-hs) 20%/var(--bgAlpha));
}

.u_bg_muted_850 {
  background-color: hsl(var(--muted-hs) 15%/var(--bgAlpha));
}

.u_bg_muted_900 {
  background-color: hsl(var(--muted-hs) 10%/var(--bgAlpha));
}

.u_bg_muted_950 {
  background-color: hsl(var(--muted-hs) 5%/var(--bgAlpha));
}

.u_float_left {
  float: left;
}

.u_float_right {
  float: right;
}

.u_float_start {
  float: start;
}

.u_float_end {
  float: end;
}

.u_float_none {
  float: none;
}

.u_float_clear {
  clear: both;
}

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

.u_ghost {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.u_hide {
  display: none;
}

@media screen and (min-width: 24em) {
  .u_hide_min-xs {
    display: none;
  }
}
@media screen and (max-width: 23.875em) {
  .u_hide_max-xs {
    display: none;
  }
}
@media screen and (min-width: 24em) and (max-width: 36.875em) {
  .u_hide_xs-sm {
    display: none;
  }
}
@media screen and (min-width: 24em) and (max-width: 48.875em) {
  .u_hide_xs-tab {
    display: none;
  }
}
@media screen and (min-width: 24em) and (max-width: 63.875em) {
  .u_hide_xs-md {
    display: none;
  }
}
@media screen and (min-width: 24em) and (max-width: 79.875em) {
  .u_hide_xs-lg {
    display: none;
  }
}
@media screen and (min-width: 24em) and (max-width: 89.875em) {
  .u_hide_xs-xl {
    display: none;
  }
}
@media screen and (min-width: 37em) {
  .u_hide_min-sm {
    display: none;
  }
}
@media screen and (max-width: 36.875em) {
  .u_hide_max-sm {
    display: none;
  }
}
@media screen and (min-width: 37em) and (max-width: 23.875em) {
  .u_hide_sm-xs {
    display: none;
  }
}
@media screen and (min-width: 37em) and (max-width: 48.875em) {
  .u_hide_sm-tab {
    display: none;
  }
}
@media screen and (min-width: 37em) and (max-width: 63.875em) {
  .u_hide_sm-md {
    display: none;
  }
}
@media screen and (min-width: 37em) and (max-width: 79.875em) {
  .u_hide_sm-lg {
    display: none;
  }
}
@media screen and (min-width: 37em) and (max-width: 89.875em) {
  .u_hide_sm-xl {
    display: none;
  }
}
@media screen and (min-width: 49em) {
  .u_hide_min-tab {
    display: none;
  }
}
@media screen and (max-width: 48.875em) {
  .u_hide_max-tab {
    display: none;
  }
}
@media screen and (min-width: 49em) and (max-width: 23.875em) {
  .u_hide_tab-xs {
    display: none;
  }
}
@media screen and (min-width: 49em) and (max-width: 36.875em) {
  .u_hide_tab-sm {
    display: none;
  }
}
@media screen and (min-width: 49em) and (max-width: 63.875em) {
  .u_hide_tab-md {
    display: none;
  }
}
@media screen and (min-width: 49em) and (max-width: 79.875em) {
  .u_hide_tab-lg {
    display: none;
  }
}
@media screen and (min-width: 49em) and (max-width: 89.875em) {
  .u_hide_tab-xl {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .u_hide_min-md {
    display: none;
  }
}
@media screen and (max-width: 63.875em) {
  .u_hide_max-md {
    display: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 23.875em) {
  .u_hide_md-xs {
    display: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 36.875em) {
  .u_hide_md-sm {
    display: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 48.875em) {
  .u_hide_md-tab {
    display: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 79.875em) {
  .u_hide_md-lg {
    display: none;
  }
}
@media screen and (min-width: 64em) and (max-width: 89.875em) {
  .u_hide_md-xl {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .u_hide_min-lg {
    display: none;
  }
}
@media screen and (max-width: 79.875em) {
  .u_hide_max-lg {
    display: none;
  }
}
@media screen and (min-width: 80em) and (max-width: 23.875em) {
  .u_hide_lg-xs {
    display: none;
  }
}
@media screen and (min-width: 80em) and (max-width: 36.875em) {
  .u_hide_lg-sm {
    display: none;
  }
}
@media screen and (min-width: 80em) and (max-width: 48.875em) {
  .u_hide_lg-tab {
    display: none;
  }
}
@media screen and (min-width: 80em) and (max-width: 63.875em) {
  .u_hide_lg-md {
    display: none;
  }
}
@media screen and (min-width: 80em) and (max-width: 89.875em) {
  .u_hide_lg-xl {
    display: none;
  }
}
@media screen and (min-width: 90em) {
  .u_hide_min-xl {
    display: none;
  }
}
@media screen and (max-width: 89.875em) {
  .u_hide_max-xl {
    display: none;
  }
}
@media screen and (min-width: 90em) and (max-width: 23.875em) {
  .u_hide_xl-xs {
    display: none;
  }
}
@media screen and (min-width: 90em) and (max-width: 36.875em) {
  .u_hide_xl-sm {
    display: none;
  }
}
@media screen and (min-width: 90em) and (max-width: 48.875em) {
  .u_hide_xl-tab {
    display: none;
  }
}
@media screen and (min-width: 90em) and (max-width: 63.875em) {
  .u_hide_xl-md {
    display: none;
  }
}
@media screen and (min-width: 90em) and (max-width: 79.875em) {
  .u_hide_xl-lg {
    display: none;
  }
}
@media print {
  .u_hide_print {
    display: none;
  }
}
@media print {
  .u_page_break_before {
    page-break-before: always;
    margin-top: 0;
  }
  .u_page_not_break_before {
    page-break-before: avoid;
  }
  .u_page_break_after {
    page-break-after: always;
    margin-bottom: 0;
  }
  .u_page_not_break_after {
    page-break-after: avoid;
  }
  .u_page_not_break_inside {
    page-break-inside: avoid;
  }
}
.u_reset_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.u_sr_only {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.u_fit_width {
  display: block;
  width: 100%;
  height: auto;
}

.u_fit_height {
  display: block;
  width: auto;
  height: 100%;
}

.u_height_50vh {
  display: block;
  width: auto;
  max-height: 50vh;
}

.u_obj_fill {
  -o-object-fit: fill;
  object-fit: fill;
}

.u_obj_cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.u_obj_contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.u_obj_none {
  -o-object-fit: none;
  object-fit: none;
}

.u_obj_scaledown {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.u_width_0 {
  width: 0%;
}

.u_max_width_0 {
  max-width: 0%;
}

.u_height_0 {
  height: 0%;
}

.u_max_height_0 {
  max-height: 0%;
}

.u_width_5 {
  width: 5%;
}

.u_max_width_5 {
  max-width: 5%;
}

.u_height_5 {
  height: 5%;
}

.u_max_height_5 {
  max-height: 5%;
}

.u_width_10 {
  width: 10%;
}

.u_max_width_10 {
  max-width: 10%;
}

.u_height_10 {
  height: 10%;
}

.u_max_height_10 {
  max-height: 10%;
}

.u_width_15 {
  width: 15%;
}

.u_max_width_15 {
  max-width: 15%;
}

.u_height_15 {
  height: 15%;
}

.u_max_height_15 {
  max-height: 15%;
}

.u_width_20 {
  width: 20%;
}

.u_max_width_20 {
  max-width: 20%;
}

.u_height_20 {
  height: 20%;
}

.u_max_height_20 {
  max-height: 20%;
}

.u_width_25 {
  width: 25%;
}

.u_max_width_25 {
  max-width: 25%;
}

.u_height_25 {
  height: 25%;
}

.u_max_height_25 {
  max-height: 25%;
}

.u_width_30 {
  width: 30%;
}

.u_max_width_30 {
  max-width: 30%;
}

.u_height_30 {
  height: 30%;
}

.u_max_height_30 {
  max-height: 30%;
}

.u_width_35 {
  width: 35%;
}

.u_max_width_35 {
  max-width: 35%;
}

.u_height_35 {
  height: 35%;
}

.u_max_height_35 {
  max-height: 35%;
}

.u_width_40 {
  width: 40%;
}

.u_max_width_40 {
  max-width: 40%;
}

.u_height_40 {
  height: 40%;
}

.u_max_height_40 {
  max-height: 40%;
}

.u_width_45 {
  width: 45%;
}

.u_max_width_45 {
  max-width: 45%;
}

.u_height_45 {
  height: 45%;
}

.u_max_height_45 {
  max-height: 45%;
}

.u_width_50 {
  width: 50%;
}

.u_max_width_50 {
  max-width: 50%;
}

.u_height_50 {
  height: 50%;
}

.u_max_height_50 {
  max-height: 50%;
}

.u_width_55 {
  width: 55%;
}

.u_max_width_55 {
  max-width: 55%;
}

.u_height_55 {
  height: 55%;
}

.u_max_height_55 {
  max-height: 55%;
}

.u_width_60 {
  width: 60%;
}

.u_max_width_60 {
  max-width: 60%;
}

.u_height_60 {
  height: 60%;
}

.u_max_height_60 {
  max-height: 60%;
}

.u_width_65 {
  width: 65%;
}

.u_max_width_65 {
  max-width: 65%;
}

.u_height_65 {
  height: 65%;
}

.u_max_height_65 {
  max-height: 65%;
}

.u_width_70 {
  width: 70%;
}

.u_max_width_70 {
  max-width: 70%;
}

.u_height_70 {
  height: 70%;
}

.u_max_height_70 {
  max-height: 70%;
}

.u_width_75 {
  width: 75%;
}

.u_max_width_75 {
  max-width: 75%;
}

.u_height_75 {
  height: 75%;
}

.u_max_height_75 {
  max-height: 75%;
}

.u_width_80 {
  width: 80%;
}

.u_max_width_80 {
  max-width: 80%;
}

.u_height_80 {
  height: 80%;
}

.u_max_height_80 {
  max-height: 80%;
}

.u_width_85 {
  width: 85%;
}

.u_max_width_85 {
  max-width: 85%;
}

.u_height_85 {
  height: 85%;
}

.u_max_height_85 {
  max-height: 85%;
}

.u_width_90 {
  width: 90%;
}

.u_max_width_90 {
  max-width: 90%;
}

.u_height_90 {
  height: 90%;
}

.u_max_height_90 {
  max-height: 90%;
}

.u_width_95 {
  width: 95%;
}

.u_max_width_95 {
  max-width: 95%;
}

.u_height_95 {
  height: 95%;
}

.u_max_height_95 {
  max-height: 95%;
}

.u_width_100 {
  width: 100%;
}

.u_max_width_100 {
  max-width: 100%;
}

.u_height_100 {
  height: 100%;
}

.u_max_height_100 {
  max-height: 100%;
}

.u_width_auto {
  width: auto;
}

.u_max_width_auto {
  max-width: auto;
}

.u_height_auto {
  height: auto;
}

.u_max_height_auto {
  max-height: auto;
}

@media print {
  .u_height_print_xs {
    height: 40mm;
  }
  .u_height_print_sm {
    height: 60mm;
  }
  .u_height_print_md {
    height: 80mm;
  }
  .u_height_print_lg {
    height: 120mm;
  }
  .u_height_print_xl {
    height: 160mm;
  }
}
.u_txt_smaller {
  font-size: 0.9375em;
}

.u_txt_larger {
  font-size: 1.0625em;
}

.u_txt_normal {
  font-weight: normal;
}

.u_txt_bold {
  font-weight: bold;
}

.u_txt_italic {
  font-style: italic;
}

.u_txt_underline {
  text-decoration: underline;
}

.u_txt_line_through {
  text-decoration: line-through;
}

.u_txt_left {
  text-align: left;
}

.u_txt_right {
  text-align: right;
}

.u_txt_center {
  text-align: center;
}

.u_txt_justify {
  text-align: justify;
}

.u_txt_white {
  color: rgb(var(--white-rgb)/var(--txtAlpha));
}

.u_txt_black {
  color: rgb(var(--black-rgb)/var(--txtAlpha));
}

.u_txt_gray {
  color: rgb(var(--gray-rgb)/var(--txtAlpha));
}

.u_txt_default {
  color: rgb(var(--default-rgb)/var(--txtAlpha));
}

.u_txt_primary {
  color: rgb(var(--primary-rgb)/var(--txtAlpha));
}

.u_txt_secondary {
  color: rgb(var(--secondary-rgb)/var(--txtAlpha));
}

.u_txt_tertiary {
  color: rgb(var(--tertiary-rgb)/var(--txtAlpha));
}

.u_txt_accent {
  color: rgb(var(--accent-rgb)/var(--txtAlpha));
}

.u_txt_success {
  color: rgb(var(--success-rgb)/var(--txtAlpha));
}

.u_txt_warning {
  color: rgb(var(--warning-rgb)/var(--txtAlpha));
}

.u_txt_danger {
  color: rgb(var(--danger-rgb)/var(--txtAlpha));
}

.u_txt_muted {
  color: rgb(var(--muted-rgb)/var(--txtAlpha));
}

.u_txt_white_050 {
  color: hsl(var(--white-hs) 95%/var(--bgAlpha));
}

.u_txt_white_100 {
  color: hsl(var(--white-hs) 90%/var(--bgAlpha));
}

.u_txt_white_150 {
  color: hsl(var(--white-hs) 85%/var(--bgAlpha));
}

.u_txt_white_200 {
  color: hsl(var(--white-hs) 80%/var(--bgAlpha));
}

.u_txt_white_250 {
  color: hsl(var(--white-hs) 75%/var(--bgAlpha));
}

.u_txt_white_300 {
  color: hsl(var(--white-hs) 70%/var(--bgAlpha));
}

.u_txt_white_350 {
  color: hsl(var(--white-hs) 65%/var(--bgAlpha));
}

.u_txt_white_400 {
  color: hsl(var(--white-hs) 60%/var(--bgAlpha));
}

.u_txt_white_450 {
  color: hsl(var(--white-hs) 55%/var(--bgAlpha));
}

.u_txt_white_500 {
  color: hsl(var(--white-hs) 50%/var(--bgAlpha));
}

.u_txt_white_550 {
  color: hsl(var(--white-hs) 45%/var(--bgAlpha));
}

.u_txt_white_600 {
  color: hsl(var(--white-hs) 40%/var(--bgAlpha));
}

.u_txt_white_650 {
  color: hsl(var(--white-hs) 35%/var(--bgAlpha));
}

.u_txt_white_700 {
  color: hsl(var(--white-hs) 30%/var(--bgAlpha));
}

.u_txt_white_750 {
  color: hsl(var(--white-hs) 25%/var(--bgAlpha));
}

.u_txt_white_800 {
  color: hsl(var(--white-hs) 20%/var(--bgAlpha));
}

.u_txt_white_850 {
  color: hsl(var(--white-hs) 15%/var(--bgAlpha));
}

.u_txt_white_900 {
  color: hsl(var(--white-hs) 10%/var(--bgAlpha));
}

.u_txt_white_950 {
  color: hsl(var(--white-hs) 5%/var(--bgAlpha));
}

.u_txt_black_050 {
  color: hsl(var(--black-hs) 95%/var(--bgAlpha));
}

.u_txt_black_100 {
  color: hsl(var(--black-hs) 90%/var(--bgAlpha));
}

.u_txt_black_150 {
  color: hsl(var(--black-hs) 85%/var(--bgAlpha));
}

.u_txt_black_200 {
  color: hsl(var(--black-hs) 80%/var(--bgAlpha));
}

.u_txt_black_250 {
  color: hsl(var(--black-hs) 75%/var(--bgAlpha));
}

.u_txt_black_300 {
  color: hsl(var(--black-hs) 70%/var(--bgAlpha));
}

.u_txt_black_350 {
  color: hsl(var(--black-hs) 65%/var(--bgAlpha));
}

.u_txt_black_400 {
  color: hsl(var(--black-hs) 60%/var(--bgAlpha));
}

.u_txt_black_450 {
  color: hsl(var(--black-hs) 55%/var(--bgAlpha));
}

.u_txt_black_500 {
  color: hsl(var(--black-hs) 50%/var(--bgAlpha));
}

.u_txt_black_550 {
  color: hsl(var(--black-hs) 45%/var(--bgAlpha));
}

.u_txt_black_600 {
  color: hsl(var(--black-hs) 40%/var(--bgAlpha));
}

.u_txt_black_650 {
  color: hsl(var(--black-hs) 35%/var(--bgAlpha));
}

.u_txt_black_700 {
  color: hsl(var(--black-hs) 30%/var(--bgAlpha));
}

.u_txt_black_750 {
  color: hsl(var(--black-hs) 25%/var(--bgAlpha));
}

.u_txt_black_800 {
  color: hsl(var(--black-hs) 20%/var(--bgAlpha));
}

.u_txt_black_850 {
  color: hsl(var(--black-hs) 15%/var(--bgAlpha));
}

.u_txt_black_900 {
  color: hsl(var(--black-hs) 10%/var(--bgAlpha));
}

.u_txt_black_950 {
  color: hsl(var(--black-hs) 5%/var(--bgAlpha));
}

.u_txt_gray_050 {
  color: hsl(var(--gray-hs) 95%/var(--bgAlpha));
}

.u_txt_gray_100 {
  color: hsl(var(--gray-hs) 90%/var(--bgAlpha));
}

.u_txt_gray_150 {
  color: hsl(var(--gray-hs) 85%/var(--bgAlpha));
}

.u_txt_gray_200 {
  color: hsl(var(--gray-hs) 80%/var(--bgAlpha));
}

.u_txt_gray_250 {
  color: hsl(var(--gray-hs) 75%/var(--bgAlpha));
}

.u_txt_gray_300 {
  color: hsl(var(--gray-hs) 70%/var(--bgAlpha));
}

.u_txt_gray_350 {
  color: hsl(var(--gray-hs) 65%/var(--bgAlpha));
}

.u_txt_gray_400 {
  color: hsl(var(--gray-hs) 60%/var(--bgAlpha));
}

.u_txt_gray_450 {
  color: hsl(var(--gray-hs) 55%/var(--bgAlpha));
}

.u_txt_gray_500 {
  color: hsl(var(--gray-hs) 50%/var(--bgAlpha));
}

.u_txt_gray_550 {
  color: hsl(var(--gray-hs) 45%/var(--bgAlpha));
}

.u_txt_gray_600 {
  color: hsl(var(--gray-hs) 40%/var(--bgAlpha));
}

.u_txt_gray_650 {
  color: hsl(var(--gray-hs) 35%/var(--bgAlpha));
}

.u_txt_gray_700 {
  color: hsl(var(--gray-hs) 30%/var(--bgAlpha));
}

.u_txt_gray_750 {
  color: hsl(var(--gray-hs) 25%/var(--bgAlpha));
}

.u_txt_gray_800 {
  color: hsl(var(--gray-hs) 20%/var(--bgAlpha));
}

.u_txt_gray_850 {
  color: hsl(var(--gray-hs) 15%/var(--bgAlpha));
}

.u_txt_gray_900 {
  color: hsl(var(--gray-hs) 10%/var(--bgAlpha));
}

.u_txt_gray_950 {
  color: hsl(var(--gray-hs) 5%/var(--bgAlpha));
}

.u_txt_default_050 {
  color: hsl(var(--default-hs) 95%/var(--bgAlpha));
}

.u_txt_default_100 {
  color: hsl(var(--default-hs) 90%/var(--bgAlpha));
}

.u_txt_default_150 {
  color: hsl(var(--default-hs) 85%/var(--bgAlpha));
}

.u_txt_default_200 {
  color: hsl(var(--default-hs) 80%/var(--bgAlpha));
}

.u_txt_default_250 {
  color: hsl(var(--default-hs) 75%/var(--bgAlpha));
}

.u_txt_default_300 {
  color: hsl(var(--default-hs) 70%/var(--bgAlpha));
}

.u_txt_default_350 {
  color: hsl(var(--default-hs) 65%/var(--bgAlpha));
}

.u_txt_default_400 {
  color: hsl(var(--default-hs) 60%/var(--bgAlpha));
}

.u_txt_default_450 {
  color: hsl(var(--default-hs) 55%/var(--bgAlpha));
}

.u_txt_default_500 {
  color: hsl(var(--default-hs) 50%/var(--bgAlpha));
}

.u_txt_default_550 {
  color: hsl(var(--default-hs) 45%/var(--bgAlpha));
}

.u_txt_default_600 {
  color: hsl(var(--default-hs) 40%/var(--bgAlpha));
}

.u_txt_default_650 {
  color: hsl(var(--default-hs) 35%/var(--bgAlpha));
}

.u_txt_default_700 {
  color: hsl(var(--default-hs) 30%/var(--bgAlpha));
}

.u_txt_default_750 {
  color: hsl(var(--default-hs) 25%/var(--bgAlpha));
}

.u_txt_default_800 {
  color: hsl(var(--default-hs) 20%/var(--bgAlpha));
}

.u_txt_default_850 {
  color: hsl(var(--default-hs) 15%/var(--bgAlpha));
}

.u_txt_default_900 {
  color: hsl(var(--default-hs) 10%/var(--bgAlpha));
}

.u_txt_default_950 {
  color: hsl(var(--default-hs) 5%/var(--bgAlpha));
}

.u_txt_primary_050 {
  color: hsl(var(--primary-hs) 95%/var(--bgAlpha));
}

.u_txt_primary_100 {
  color: hsl(var(--primary-hs) 90%/var(--bgAlpha));
}

.u_txt_primary_150 {
  color: hsl(var(--primary-hs) 85%/var(--bgAlpha));
}

.u_txt_primary_200 {
  color: hsl(var(--primary-hs) 80%/var(--bgAlpha));
}

.u_txt_primary_250 {
  color: hsl(var(--primary-hs) 75%/var(--bgAlpha));
}

.u_txt_primary_300 {
  color: hsl(var(--primary-hs) 70%/var(--bgAlpha));
}

.u_txt_primary_350 {
  color: hsl(var(--primary-hs) 65%/var(--bgAlpha));
}

.u_txt_primary_400 {
  color: hsl(var(--primary-hs) 60%/var(--bgAlpha));
}

.u_txt_primary_450 {
  color: hsl(var(--primary-hs) 55%/var(--bgAlpha));
}

.u_txt_primary_500 {
  color: hsl(var(--primary-hs) 50%/var(--bgAlpha));
}

.u_txt_primary_550 {
  color: hsl(var(--primary-hs) 45%/var(--bgAlpha));
}

.u_txt_primary_600 {
  color: hsl(var(--primary-hs) 40%/var(--bgAlpha));
}

.u_txt_primary_650 {
  color: hsl(var(--primary-hs) 35%/var(--bgAlpha));
}

.u_txt_primary_700 {
  color: hsl(var(--primary-hs) 30%/var(--bgAlpha));
}

.u_txt_primary_750 {
  color: hsl(var(--primary-hs) 25%/var(--bgAlpha));
}

.u_txt_primary_800 {
  color: hsl(var(--primary-hs) 20%/var(--bgAlpha));
}

.u_txt_primary_850 {
  color: hsl(var(--primary-hs) 15%/var(--bgAlpha));
}

.u_txt_primary_900 {
  color: hsl(var(--primary-hs) 10%/var(--bgAlpha));
}

.u_txt_primary_950 {
  color: hsl(var(--primary-hs) 5%/var(--bgAlpha));
}

.u_txt_secondary_050 {
  color: hsl(var(--secondary-hs) 95%/var(--bgAlpha));
}

.u_txt_secondary_100 {
  color: hsl(var(--secondary-hs) 90%/var(--bgAlpha));
}

.u_txt_secondary_150 {
  color: hsl(var(--secondary-hs) 85%/var(--bgAlpha));
}

.u_txt_secondary_200 {
  color: hsl(var(--secondary-hs) 80%/var(--bgAlpha));
}

.u_txt_secondary_250 {
  color: hsl(var(--secondary-hs) 75%/var(--bgAlpha));
}

.u_txt_secondary_300 {
  color: hsl(var(--secondary-hs) 70%/var(--bgAlpha));
}

.u_txt_secondary_350 {
  color: hsl(var(--secondary-hs) 65%/var(--bgAlpha));
}

.u_txt_secondary_400 {
  color: hsl(var(--secondary-hs) 60%/var(--bgAlpha));
}

.u_txt_secondary_450 {
  color: hsl(var(--secondary-hs) 55%/var(--bgAlpha));
}

.u_txt_secondary_500 {
  color: hsl(var(--secondary-hs) 50%/var(--bgAlpha));
}

.u_txt_secondary_550 {
  color: hsl(var(--secondary-hs) 45%/var(--bgAlpha));
}

.u_txt_secondary_600 {
  color: hsl(var(--secondary-hs) 40%/var(--bgAlpha));
}

.u_txt_secondary_650 {
  color: hsl(var(--secondary-hs) 35%/var(--bgAlpha));
}

.u_txt_secondary_700 {
  color: hsl(var(--secondary-hs) 30%/var(--bgAlpha));
}

.u_txt_secondary_750 {
  color: hsl(var(--secondary-hs) 25%/var(--bgAlpha));
}

.u_txt_secondary_800 {
  color: hsl(var(--secondary-hs) 20%/var(--bgAlpha));
}

.u_txt_secondary_850 {
  color: hsl(var(--secondary-hs) 15%/var(--bgAlpha));
}

.u_txt_secondary_900 {
  color: hsl(var(--secondary-hs) 10%/var(--bgAlpha));
}

.u_txt_secondary_950 {
  color: hsl(var(--secondary-hs) 5%/var(--bgAlpha));
}

.u_txt_tertiary_050 {
  color: hsl(var(--tertiary-hs) 95%/var(--bgAlpha));
}

.u_txt_tertiary_100 {
  color: hsl(var(--tertiary-hs) 90%/var(--bgAlpha));
}

.u_txt_tertiary_150 {
  color: hsl(var(--tertiary-hs) 85%/var(--bgAlpha));
}

.u_txt_tertiary_200 {
  color: hsl(var(--tertiary-hs) 80%/var(--bgAlpha));
}

.u_txt_tertiary_250 {
  color: hsl(var(--tertiary-hs) 75%/var(--bgAlpha));
}

.u_txt_tertiary_300 {
  color: hsl(var(--tertiary-hs) 70%/var(--bgAlpha));
}

.u_txt_tertiary_350 {
  color: hsl(var(--tertiary-hs) 65%/var(--bgAlpha));
}

.u_txt_tertiary_400 {
  color: hsl(var(--tertiary-hs) 60%/var(--bgAlpha));
}

.u_txt_tertiary_450 {
  color: hsl(var(--tertiary-hs) 55%/var(--bgAlpha));
}

.u_txt_tertiary_500 {
  color: hsl(var(--tertiary-hs) 50%/var(--bgAlpha));
}

.u_txt_tertiary_550 {
  color: hsl(var(--tertiary-hs) 45%/var(--bgAlpha));
}

.u_txt_tertiary_600 {
  color: hsl(var(--tertiary-hs) 40%/var(--bgAlpha));
}

.u_txt_tertiary_650 {
  color: hsl(var(--tertiary-hs) 35%/var(--bgAlpha));
}

.u_txt_tertiary_700 {
  color: hsl(var(--tertiary-hs) 30%/var(--bgAlpha));
}

.u_txt_tertiary_750 {
  color: hsl(var(--tertiary-hs) 25%/var(--bgAlpha));
}

.u_txt_tertiary_800 {
  color: hsl(var(--tertiary-hs) 20%/var(--bgAlpha));
}

.u_txt_tertiary_850 {
  color: hsl(var(--tertiary-hs) 15%/var(--bgAlpha));
}

.u_txt_tertiary_900 {
  color: hsl(var(--tertiary-hs) 10%/var(--bgAlpha));
}

.u_txt_tertiary_950 {
  color: hsl(var(--tertiary-hs) 5%/var(--bgAlpha));
}

.u_txt_accent_050 {
  color: hsl(var(--accent-hs) 95%/var(--bgAlpha));
}

.u_txt_accent_100 {
  color: hsl(var(--accent-hs) 90%/var(--bgAlpha));
}

.u_txt_accent_150 {
  color: hsl(var(--accent-hs) 85%/var(--bgAlpha));
}

.u_txt_accent_200 {
  color: hsl(var(--accent-hs) 80%/var(--bgAlpha));
}

.u_txt_accent_250 {
  color: hsl(var(--accent-hs) 75%/var(--bgAlpha));
}

.u_txt_accent_300 {
  color: hsl(var(--accent-hs) 70%/var(--bgAlpha));
}

.u_txt_accent_350 {
  color: hsl(var(--accent-hs) 65%/var(--bgAlpha));
}

.u_txt_accent_400 {
  color: hsl(var(--accent-hs) 60%/var(--bgAlpha));
}

.u_txt_accent_450 {
  color: hsl(var(--accent-hs) 55%/var(--bgAlpha));
}

.u_txt_accent_500 {
  color: hsl(var(--accent-hs) 50%/var(--bgAlpha));
}

.u_txt_accent_550 {
  color: hsl(var(--accent-hs) 45%/var(--bgAlpha));
}

.u_txt_accent_600 {
  color: hsl(var(--accent-hs) 40%/var(--bgAlpha));
}

.u_txt_accent_650 {
  color: hsl(var(--accent-hs) 35%/var(--bgAlpha));
}

.u_txt_accent_700 {
  color: hsl(var(--accent-hs) 30%/var(--bgAlpha));
}

.u_txt_accent_750 {
  color: hsl(var(--accent-hs) 25%/var(--bgAlpha));
}

.u_txt_accent_800 {
  color: hsl(var(--accent-hs) 20%/var(--bgAlpha));
}

.u_txt_accent_850 {
  color: hsl(var(--accent-hs) 15%/var(--bgAlpha));
}

.u_txt_accent_900 {
  color: hsl(var(--accent-hs) 10%/var(--bgAlpha));
}

.u_txt_accent_950 {
  color: hsl(var(--accent-hs) 5%/var(--bgAlpha));
}

.u_txt_success_050 {
  color: hsl(var(--success-hs) 95%/var(--bgAlpha));
}

.u_txt_success_100 {
  color: hsl(var(--success-hs) 90%/var(--bgAlpha));
}

.u_txt_success_150 {
  color: hsl(var(--success-hs) 85%/var(--bgAlpha));
}

.u_txt_success_200 {
  color: hsl(var(--success-hs) 80%/var(--bgAlpha));
}

.u_txt_success_250 {
  color: hsl(var(--success-hs) 75%/var(--bgAlpha));
}

.u_txt_success_300 {
  color: hsl(var(--success-hs) 70%/var(--bgAlpha));
}

.u_txt_success_350 {
  color: hsl(var(--success-hs) 65%/var(--bgAlpha));
}

.u_txt_success_400 {
  color: hsl(var(--success-hs) 60%/var(--bgAlpha));
}

.u_txt_success_450 {
  color: hsl(var(--success-hs) 55%/var(--bgAlpha));
}

.u_txt_success_500 {
  color: hsl(var(--success-hs) 50%/var(--bgAlpha));
}

.u_txt_success_550 {
  color: hsl(var(--success-hs) 45%/var(--bgAlpha));
}

.u_txt_success_600 {
  color: hsl(var(--success-hs) 40%/var(--bgAlpha));
}

.u_txt_success_650 {
  color: hsl(var(--success-hs) 35%/var(--bgAlpha));
}

.u_txt_success_700 {
  color: hsl(var(--success-hs) 30%/var(--bgAlpha));
}

.u_txt_success_750 {
  color: hsl(var(--success-hs) 25%/var(--bgAlpha));
}

.u_txt_success_800 {
  color: hsl(var(--success-hs) 20%/var(--bgAlpha));
}

.u_txt_success_850 {
  color: hsl(var(--success-hs) 15%/var(--bgAlpha));
}

.u_txt_success_900 {
  color: hsl(var(--success-hs) 10%/var(--bgAlpha));
}

.u_txt_success_950 {
  color: hsl(var(--success-hs) 5%/var(--bgAlpha));
}

.u_txt_warning_050 {
  color: hsl(var(--warning-hs) 95%/var(--bgAlpha));
}

.u_txt_warning_100 {
  color: hsl(var(--warning-hs) 90%/var(--bgAlpha));
}

.u_txt_warning_150 {
  color: hsl(var(--warning-hs) 85%/var(--bgAlpha));
}

.u_txt_warning_200 {
  color: hsl(var(--warning-hs) 80%/var(--bgAlpha));
}

.u_txt_warning_250 {
  color: hsl(var(--warning-hs) 75%/var(--bgAlpha));
}

.u_txt_warning_300 {
  color: hsl(var(--warning-hs) 70%/var(--bgAlpha));
}

.u_txt_warning_350 {
  color: hsl(var(--warning-hs) 65%/var(--bgAlpha));
}

.u_txt_warning_400 {
  color: hsl(var(--warning-hs) 60%/var(--bgAlpha));
}

.u_txt_warning_450 {
  color: hsl(var(--warning-hs) 55%/var(--bgAlpha));
}

.u_txt_warning_500 {
  color: hsl(var(--warning-hs) 50%/var(--bgAlpha));
}

.u_txt_warning_550 {
  color: hsl(var(--warning-hs) 45%/var(--bgAlpha));
}

.u_txt_warning_600 {
  color: hsl(var(--warning-hs) 40%/var(--bgAlpha));
}

.u_txt_warning_650 {
  color: hsl(var(--warning-hs) 35%/var(--bgAlpha));
}

.u_txt_warning_700 {
  color: hsl(var(--warning-hs) 30%/var(--bgAlpha));
}

.u_txt_warning_750 {
  color: hsl(var(--warning-hs) 25%/var(--bgAlpha));
}

.u_txt_warning_800 {
  color: hsl(var(--warning-hs) 20%/var(--bgAlpha));
}

.u_txt_warning_850 {
  color: hsl(var(--warning-hs) 15%/var(--bgAlpha));
}

.u_txt_warning_900 {
  color: hsl(var(--warning-hs) 10%/var(--bgAlpha));
}

.u_txt_warning_950 {
  color: hsl(var(--warning-hs) 5%/var(--bgAlpha));
}

.u_txt_danger_050 {
  color: hsl(var(--danger-hs) 95%/var(--bgAlpha));
}

.u_txt_danger_100 {
  color: hsl(var(--danger-hs) 90%/var(--bgAlpha));
}

.u_txt_danger_150 {
  color: hsl(var(--danger-hs) 85%/var(--bgAlpha));
}

.u_txt_danger_200 {
  color: hsl(var(--danger-hs) 80%/var(--bgAlpha));
}

.u_txt_danger_250 {
  color: hsl(var(--danger-hs) 75%/var(--bgAlpha));
}

.u_txt_danger_300 {
  color: hsl(var(--danger-hs) 70%/var(--bgAlpha));
}

.u_txt_danger_350 {
  color: hsl(var(--danger-hs) 65%/var(--bgAlpha));
}

.u_txt_danger_400 {
  color: hsl(var(--danger-hs) 60%/var(--bgAlpha));
}

.u_txt_danger_450 {
  color: hsl(var(--danger-hs) 55%/var(--bgAlpha));
}

.u_txt_danger_500 {
  color: hsl(var(--danger-hs) 50%/var(--bgAlpha));
}

.u_txt_danger_550 {
  color: hsl(var(--danger-hs) 45%/var(--bgAlpha));
}

.u_txt_danger_600 {
  color: hsl(var(--danger-hs) 40%/var(--bgAlpha));
}

.u_txt_danger_650 {
  color: hsl(var(--danger-hs) 35%/var(--bgAlpha));
}

.u_txt_danger_700 {
  color: hsl(var(--danger-hs) 30%/var(--bgAlpha));
}

.u_txt_danger_750 {
  color: hsl(var(--danger-hs) 25%/var(--bgAlpha));
}

.u_txt_danger_800 {
  color: hsl(var(--danger-hs) 20%/var(--bgAlpha));
}

.u_txt_danger_850 {
  color: hsl(var(--danger-hs) 15%/var(--bgAlpha));
}

.u_txt_danger_900 {
  color: hsl(var(--danger-hs) 10%/var(--bgAlpha));
}

.u_txt_danger_950 {
  color: hsl(var(--danger-hs) 5%/var(--bgAlpha));
}

.u_txt_muted_050 {
  color: hsl(var(--muted-hs) 95%/var(--bgAlpha));
}

.u_txt_muted_100 {
  color: hsl(var(--muted-hs) 90%/var(--bgAlpha));
}

.u_txt_muted_150 {
  color: hsl(var(--muted-hs) 85%/var(--bgAlpha));
}

.u_txt_muted_200 {
  color: hsl(var(--muted-hs) 80%/var(--bgAlpha));
}

.u_txt_muted_250 {
  color: hsl(var(--muted-hs) 75%/var(--bgAlpha));
}

.u_txt_muted_300 {
  color: hsl(var(--muted-hs) 70%/var(--bgAlpha));
}

.u_txt_muted_350 {
  color: hsl(var(--muted-hs) 65%/var(--bgAlpha));
}

.u_txt_muted_400 {
  color: hsl(var(--muted-hs) 60%/var(--bgAlpha));
}

.u_txt_muted_450 {
  color: hsl(var(--muted-hs) 55%/var(--bgAlpha));
}

.u_txt_muted_500 {
  color: hsl(var(--muted-hs) 50%/var(--bgAlpha));
}

.u_txt_muted_550 {
  color: hsl(var(--muted-hs) 45%/var(--bgAlpha));
}

.u_txt_muted_600 {
  color: hsl(var(--muted-hs) 40%/var(--bgAlpha));
}

.u_txt_muted_650 {
  color: hsl(var(--muted-hs) 35%/var(--bgAlpha));
}

.u_txt_muted_700 {
  color: hsl(var(--muted-hs) 30%/var(--bgAlpha));
}

.u_txt_muted_750 {
  color: hsl(var(--muted-hs) 25%/var(--bgAlpha));
}

.u_txt_muted_800 {
  color: hsl(var(--muted-hs) 20%/var(--bgAlpha));
}

.u_txt_muted_850 {
  color: hsl(var(--muted-hs) 15%/var(--bgAlpha));
}

.u_txt_muted_900 {
  color: hsl(var(--muted-hs) 10%/var(--bgAlpha));
}

.u_txt_muted_950 {
  color: hsl(var(--muted-hs) 5%/var(--bgAlpha));
}

.u_truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

/*# sourceMappingURL=style.css.map */