@font-face {
  font-family: "his-icons";
  src: url(../fonts/hisicons-icomoon.woff) format("woff");
}
.u-show-sp-md {
  display: block;
}
@media screen and (min-width: 1104px) {
  .u-show-sp-md {
    display: none;
  }
}
.u-show-md-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-show-md-pc {
    display: block;
  }
}
.u-show-pc {
  display: none;
}
@media screen and (min-width: 1104px) {
  .u-show-pc {
    display: block;
  }
}
.u-show-md {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-show-md {
    display: block;
  }
}
@media screen and (min-width: 1104px) {
  .u-show-md {
    display: none;
  }
}
.u-show-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .u-show-sp {
    display: none;
  }
}
.u-show-sp-tab {
  display: block;
}
@media (max-width: screen and (min-width: 768px)) {
  .u-show-sp-tab {
    display: none;
  }
}
@media screen and (min-width: 1104px) {
  .u-show-sp-tab {
    display: none;
  }
}
:root {
  --ui-static-unleash-blue-90: #10069f;
  --ui-static-white: #ffffff;
  --ui-static-gray-10: #fcfcfc;
  --ui-static-gray-15: #f8f8f8;
  --ui-static-gray-20: #f3f3f3;
  --ui-static-gray-25: #ededed;
  --ui-static-gray-30: #e6e6e6;
  --ui-static-gray-35: #e0e0e0;
  --ui-static-gray-40: #d3d3d3;
  --ui-static-gray-45: #cbcbcb;
  --ui-static-gray-50: #bdbdbd;
  --ui-static-gray-55: #ababab;
  --ui-static-gray-60: #a3a3a3;
  --ui-static-gray-65: #888888;
  --ui-static-gray-70: #7e7e7e;
  --ui-static-gray-75: #6d6d6d;
  --ui-static-gray-80: #545454;
  --ui-static-gray-90: #373737;
  --ui-static-black: #2c2a29;
  --ui-static-navy-20: #f5f7fa;
  --ui-static-navy-30: #e9ecf2;
  --ui-static-navy-40: #c0c5cc;
  --ui-static-navy-50: #acb5bf;
  --ui-static-navy-60: #939dad;
  --ui-static-navy-70: #697180;
  --ui-static-navy-80: #515760;
  --ui-static-navy-90: #38393a;
  --ui-static-unleash-blue-10: #f0f7ff;
  --ui-static-unleash-blue-20: #e0edff;
  --ui-static-unleash-blue-30: #c0dbff;
  --ui-static-unleash-blue-40: #99c4fd;
  --ui-static-unleash-blue-50: #66a4f9;
  --ui-static-unleash-blue-60: #4285eb;
  --ui-static-unleash-blue-70: #3064d5;
  --ui-static-unleash-blue-80: #163bbf;
  --ui-static-unleash-blue-90: #10069f;
  --ui-static-unleash-blue-100: #140d77;
  --ui-static-aqua-blue-20: #e8f8ff;
  --ui-static-aqua-blue-30: #c2ecff;
  --ui-static-aqua-blue-40: #96deff;
  --ui-static-aqua-blue-50: #6cc9f4;
  --ui-static-aqua-blue-60: #35abe2;
  --ui-static-aqua-blue-70: #0894cb;
  --ui-static-aqua-blue-80: #00729e;
  --ui-static-aqua-blue-90: #004e6c;
  --ui-static-sky-blue-20: #eaf6ff;
  --ui-static-sky-blue-30: #a1d8ff;
  --ui-static-sky-blue-40: #71c8ff;
  --ui-static-sky-blue-50: #37b3ff;
  --ui-static-sky-blue-60: #1f9dff;
  --ui-static-sky-blue-70: #007cdd;
  --ui-static-sky-blue-80: #0063b0;
  --ui-static-sky-blue-90: #00467c;
  --ui-static-indigo-20: #f1f1ff;
  --ui-static-indigo-30: #ccccff;
  --ui-static-indigo-40: #a6a6ff;
  --ui-static-indigo-50: #8080ff;
  --ui-static-indigo-60: #4e4ed8;
  --ui-static-indigo-70: #3535cb;
  --ui-static-indigo-80: #352fb2;
  --ui-static-indigo-90: #21218e;
  --ui-static-deep-purple-20: #f4eeff;
  --ui-static-deep-purple-30: #d8c5ff;
  --ui-static-deep-purple-40: #c4a5ff;
  --ui-static-deep-purple-50: #9e74ff;
  --ui-static-deep-purple-60: #824eea;
  --ui-static-deep-purple-70: #6631cf;
  --ui-static-deep-purple-80: #4f269e;
  --ui-static-deep-purple-90: #3e2176;
  --ui-static-purple-20: #faedff;
  --ui-static-purple-30: #eed4f8;
  --ui-static-purple-40: #d5afe8;
  --ui-static-purple-50: #bd98d1;
  --ui-static-purple-60: #a96dc5;
  --ui-static-purple-70: #a354b2;
  --ui-static-purple-80: #8e469c;
  --ui-static-purple-90: #6b2279;
  --ui-static-magenta-20: #ffebf7;
  --ui-static-magenta-30: #ffc9e8;
  --ui-static-magenta-40: #ff99cb;
  --ui-static-magenta-50: #ff66aa;
  --ui-static-magenta-60: #f83b93;
  --ui-static-magenta-70: #e41a78;
  --ui-static-magenta-80: #ba0254;
  --ui-static-magenta-90: #83083f;
  --ui-static-salomn-pink-20: #ffedef;
  --ui-static-salomn-pink-30: #fdd1d6;
  --ui-static-salomn-pink-40: #f4b2ba;
  --ui-static-salomn-pink-50: #f18c98;
  --ui-static-salomn-pink-60: #f6537c;
  --ui-static-salomn-pink-70: #e73562;
  --ui-static-salomn-pink-80: #c9003d;
  --ui-static-salomn-pink-90: #7d0022;
  --ui-static-red-20: #fff7f7;
  --ui-static-red-30: #ffe1e1;
  --ui-static-red-40: #ffaba6;
  --ui-static-red-50: #fa7269;
  --ui-static-red-60: #f32b1e;
  --ui-static-red-70: #df0d00;
  --ui-static-red-80: #bb0b00;
  --ui-static-red-90: #850000;
  --ui-static-vermilion-20: #fff7f2;
  --ui-static-vermilion-30: #ffe2d1;
  --ui-static-vermilion-40: #ffbc96;
  --ui-static-vermilion-50: #ff865b;
  --ui-static-vermilion-60: #ff6427;
  --ui-static-vermilion-70: #f14400;
  --ui-static-vermilion-80: #cf3700;
  --ui-static-vermilion-90: #9e2a00;
  --ui-static-orange-20: #fffcd5;
  --ui-static-orange-30: #fff2af;
  --ui-static-orange-40: #ffe470;
  --ui-static-orange-50: #ffcf4a;
  --ui-static-orange-60: #f5b213;
  --ui-static-orange-70: #f29f05;
  --ui-static-orange-80: #f29423;
  --ui-static-orange-90: #ec7f00;
  --ui-static-yellow-20: #fdffe5;
  --ui-static-yellow-30: #fbffbf;
  --ui-static-yellow-40: #fdff6a;
  --ui-static-yellow-50: #fffc3a;
  --ui-static-yellow-60: #fff500;
  --ui-static-yellow-70: #ffe500;
  --ui-static-yellow-80: #ffd900;
  --ui-static-yellow-90: #f5cf3f;
  --ui-static-yellow-green-20: #f7fae0;
  --ui-static-yellow-green-30: #e8eeb2;
  --ui-static-yellow-green-40: #cde081;
  --ui-static-yellow-green-50: #b6cf54;
  --ui-static-yellow-green-60: #a5ce30;
  --ui-static-yellow-green-70: #8fc31f;
  --ui-static-yellow-green-80: #65a427;
  --ui-static-yellow-green-90: #5a8114;
  --ui-static-fresh-green-20: #f3ffe8;
  --ui-static-fresh-green-30: #d5fad0;
  --ui-static-fresh-green-40: #b6efae;
  --ui-static-fresh-green-50: #89d85f;
  --ui-static-fresh-green-60: #68c636;
  --ui-static-fresh-green-70: #34b50a;
  --ui-static-fresh-green-80: #2ea307;
  --ui-static-fresh-green-90: #268507;
  --ui-static-light-green-20: #f2fff7;
  --ui-static-light-green-30: #b9fcd9;
  --ui-static-light-green-40: #81f1b7;
  --ui-static-light-green-50: #33de86;
  --ui-static-light-green-60: #07c362;
  --ui-static-light-green-70: #10a34d;
  --ui-static-light-green-80: #008552;
  --ui-static-light-green-90: #135b2c;
  --ui-static-teal-20: #eafffa;
  --ui-static-teal-30: #c5fcf2;
  --ui-static-teal-40: #94f6df;
  --ui-static-teal-50: #46e4b5;
  --ui-static-teal-60: #23c9ab;
  --ui-static-teal-70: #13b182;
  --ui-static-teal-80: #148e65;
  --ui-static-teal-90: #147252;
  --ui-static-cyan-20: #ebffff;
  --ui-static-cyan-30: #bffdfc;
  --ui-static-cyan-40: #82f1f0;
  --ui-static-cyan-50: #64d8d7;
  --ui-static-cyan-60: #3abdbc;
  --ui-static-cyan-70: #1098a1;
  --ui-static-cyan-80: #09858d;
  --ui-static-cyan-90: #01676d;
  --ui-static-camel-20: #fbf9ef;
  --ui-static-camel-30: #ece8d4;
  --ui-static-camel-40: #ddd4b1;
  --ui-static-camel-50: #d9c269;
  --ui-static-camel-60: #c7a739;
  --ui-static-camel-70: #967915;
  --ui-static-camel-80: #644900;
  --ui-static-camel-90: #391f00;
}
.c-main {
  box-sizing: border-box;
  min-width: 320px;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .c-main {
    min-width: 100%;
  }
}
@media screen and (min-width: 1104px) {
  .c-main {
    min-width: 1200px;
  }
}
.c-container {
  margin-top: 30px;
  width: 100%;
  padding: 0 24px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-container {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1104px) {
  .c-container {
    width: 1200px;
  }
}
.c-container-full-sp {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .c-container-full-sp {
    padding: 0 30px;
  }
}
.c-title {
  font-size: 32px;
  text-align: center;
  font-weight: 700;
}
.c-heading {
  background: #824eea;
  color: #fff;
  padding: 6px 16px 8px;
  margin: 10px 0;
}
.c-heading h2 {
  font-weight: 700;
  font-size: 24px;
  margin: 0;
}
.c-heading p {
  font-weight: 400;
  font-size: 14px;
  margin: 8px 0 0;
}
.c-heading-pink {
  background: #e41a78;
}
.c-heading-pink p {
  background-color: #ffe81b;
  padding: 3px 5px;
  border-radius: 4px;
  width: max-content;
  color: #333;
}
.c-subtitle {
  width: max-content;
  font-size: 16px;
  padding: 10px;
  font-weight: 700;
  letter-spacing: 0em;
  color: #4f269e;
  background-color: #d8c5ff;
  border-radius: 4px;
  margin: 8px 0;
}
.c-subtitle-pink {
  font-size: 32px;
  color: #e41a78;
  background: none;
}
.c-subtitle-pink-sm {
  color: #e41a78;
  background-color: #ffc9e8;
}
.c-sub-heading {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}
.c-list {
  list-style-type: none;
  padding: 0;
}
.c-list li {
  padding: 5px 0;
}
.c-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 32px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .c-button-wrapper {
    justify-content: flex-start;
    gap: 24px;
  }
}
.c-form-group-1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px 24px;
}
@media screen and (min-width: 768px) {
  .c-form-group-1 {
    grid-template-columns: 164px 256px auto;
  }
}
.c-form-group-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px 24px;
}
@media screen and (min-width: 768px) {
  .c-form-group-2 {
    grid-template-columns: 200px 200px auto;
  }
}
@media screen and (min-width: 1104px) {
  .c-form-group-2 {
    grid-template-columns: 400px 400px auto;
  }
}
.page-top {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 200;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  .page-top {
    bottom: 24px;
    right: 24px;
  }
}
.page-top-button {
  display: flex;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-out;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(105, 113, 128, 0.5);
  outline: none;
  border: none;
  width: 48px;
  height: 48px;
}
.page-top-button .ui-static-icon {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .page-top-button {
    width: 40px;
    height: 40px;
  }
}
.page-top-button--fixed {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
.page-top:hover {
  opacity: 0.8;
}
.ui-static-image {
  position: relative;
  display: block;
  overflow: hidden;
  transition: opacity 0.3s ease-out;
  width: 100%;
}
.ui-static-image img {
  transition: all ease-out 0.2s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ui-static-image.ui-static-image-fill {
  width: 100%;
}
.ui-static-image.ui-static-image-fill img {
  position: relative !important;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ui-static-image.ui-static-image-round {
  border-radius: 8px;
}
.ui-static-image-caption {
  font-size: 0.75rem;
  color: #606b78;
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.ui-static-image .ui-static-icon-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 8px;
  bottom: 8px;
}
.ui-static-image.ui-static-image-aspect-ratio-736x300 {
  aspect-ratio: 736/300;
}
.ui-static-image.ui-static-image-aspect-ratio-540x324 {
  aspect-ratio: 540/324;
}
.ui-static-image.ui-static-image-aspect-ratio-350x350 {
  aspect-ratio: 350/350;
}
.ui-static-image.ui-static-image-aspect-ratio-258x159 {
  aspect-ratio: 258/159;
}
.ui-static-image.ui-static-image-aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}
.ui-static-image.ui-static-image-aspect-ratio-1x2 {
  aspect-ratio: 1/2;
}
.ui-static-image.ui-static-image-aspect-ratio-2x1 {
  aspect-ratio: 2/1;
}
.ui-static-image.ui-static-image-aspect-ratio-2x3 {
  aspect-ratio: 2/3;
}
.ui-static-image.ui-static-image-aspect-ratio-3x2 {
  aspect-ratio: 3/2;
}
.ui-static-image.ui-static-image-aspect-ratio-3x4 {
  aspect-ratio: 3/4;
}
.ui-static-image.ui-static-image-aspect-ratio-4x3 {
  aspect-ratio: 4/3;
}
.ui-static-image.ui-static-image-aspect-ratio-5x4 {
  aspect-ratio: 5/4;
}
.ui-static-image.ui-static-image-aspect-ratio-4x5 {
  aspect-ratio: 4/5;
}
.ui-static-image.ui-static-image-aspect-ratio-9x16 {
  aspect-ratio: 9/16;
}
.ui-static-image.ui-static-image-aspect-ratio-16x9 {
  aspect-ratio: 16/9;
}
.ui-static-image.ui-static-image-aspect-ratio-16x8 {
  aspect-ratio: 16/8;
}
.ui-static-image.ui-static-image-aspect-ratio-15x4 {
  aspect-ratio: 15/4;
}
.ui-static-image.ui-static-image-aspect-ratio-13x6 {
  aspect-ratio: 13/6;
}
.ui-static-image.ui-static-image-aspect-ratio-7x5 {
  aspect-ratio: 7/5;
}
.ui-static-image.ui-static-image-aspect-ratio-16x4 {
  aspect-ratio: 16/4;
}
.ui-static-image.ui-static-image-aspect-ratio-16x14 {
  aspect-ratio: 16/14;
}
.ui-static-image.has-link:hover {
  opacity: 0.7;
}
.ui-static-slider {
  position: relative;
}
.ui-static-slider
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.ui-static-slider
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 2px;
  opacity: 1;
}
.ui-static-slider .swiper-pagination-fraction,
.ui-static-slider .swiper-pagination-custom,
.ui-static-slider .swiper-horizontal > .swiper-pagination-bullets,
.ui-static-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 4px;
}
.ui-static-slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: rgba(192, 197, 204, 0.6980392157);
}
.ui-static-slider .swiper-pagination-bullet-active {
  background-color: #fff;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.ui-static-slider .ui-static-slider-button-prev,
.ui-static-slider .ui-static-slider-button-next {
  border: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-slider .ui-static-slider-button-prev,
  .ui-static-slider .ui-static-slider-button-next {
    display: flex;
  }
}
.ui-static-slider .swiper-button-disabled {
  display: none;
}
.ui-static-slider .swiper-pagination-lock,
.ui-static-slider .swiper-button-lock {
  display: none;
}
.ui-static-slider .ui-static-slider-button-prev::after,
.ui-static-slider .ui-static-slider-button-next::after {
  display: none;
}
.ui-static-slider[data-pagination-position="out"] {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-slider[data-pagination-position="out"] {
    padding-bottom: 30px;
  }
}
.ui-static-slider[data-pagination-position="out"] .swiper-pagination-fraction,
.ui-static-slider[data-pagination-position="out"] .swiper-pagination-custom,
.ui-static-slider[data-pagination-position="out"]
  .swiper-horizontal
  > .swiper-pagination-bullets,
.ui-static-slider[data-pagination-position="out"]
  .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
.ui-static-slider[data-pagination-position="out"] .swiper-pagination-bullet {
  background-color: #e9ecf2;
  margin: 0;
}
.ui-static-slider[data-pagination-position="out"]
  .swiper-pagination-bullet-active {
  box-shadow: none;
  background-color: #939dad;
}
.ui-static-slider[data-pagination-position="out"] .ui-static-slider-button-prev,
.ui-static-slider[data-pagination-position="out"]
  .ui-static-slider-button-next {
  top: 42%;
}
.ui-static-slider[data-pagination-position="out"] .ui-static-image {
  border-radius: 8px;
}
.ui-static-slider .ui-static-slider-button-prev {
  left: -16px;
}
@media screen and (min-width: 1104px) {
  .ui-static-slider .ui-static-slider-button-prev {
    left: -52px;
  }
}
.ui-static-slider .ui-static-slider-button-next {
  right: -16px;
}
@media screen and (min-width: 1104px) {
  .ui-static-slider .ui-static-slider-button-next {
    right: -52px;
  }
}
.ui-static-slider.ui-static-slider-multiple .swiper {
  padding: 0 90px;
}
.ui-static-slider.ui-static-slider-multiple .ui-static-slider-button-prev {
  left: 18px;
}
@media screen and (min-width: 768px) {
  .ui-static-slider.ui-static-slider-multiple .ui-static-slider-button-prev {
    left: 18px;
  }
}
.ui-static-slider.ui-static-slider-multiple .ui-static-slider-button-next {
  right: 18px;
}
@media screen and (min-width: 768px) {
  .ui-static-slider.ui-static-slider-multiple .ui-static-slider-button-next {
    right: 18px;
  }
}
.ui-static-slider[data-slide-type="multiple"] {
  padding-bottom: 40px;
}
.ui-static-slider[data-slide-type="multiple"] .swiper {
  overflow: visible;
}
.ui-static-slider[data-slide-type="multiple"] .ui-static-slider-button-prev,
.ui-static-slider[data-slide-type="multiple"] .ui-static-slider-button-next {
  top: calc(50% - 22px);
}
.ui-static-slider[data-slide-type="multiple"] .swiper-pagination-bullet {
  background-color: #e9ecf2;
  margin: 0;
}
.ui-static-slider[data-slide-type="multiple"] .swiper-pagination-bullet-active {
  box-shadow: none;
  background-color: #939dad;
}
.ui-static-slider[data-slide-type="multiple"] .ui-static-image {
  border-radius: 0;
}
.ui-static-link {
  position: relative;
  transition: all 0.3s ease-out;
  color: #3064d5;
}
.ui-static-link:hover,
.ui-static-link:focus {
  color: #140d77;
}
.ui-static-link:hover .ui-static-icon,
.ui-static-link:focus .ui-static-icon {
  color: #140d77;
}
.ui-static-link-black {
  color: #2c2a29;
}
.ui-static-link-with-icon {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.ui-static-link-with-icon span {
  text-decoration: underline;
}
.ui-static-link-with-icon .ui-static-icon {
  position: relative;
  top: 2px;
}
:root {
  --fill: 0;
  --wght: 400;
  --grad: 0;
  --opsz: 24;
}
.material-symbols-rounded {
  font-variation-settings:
    "FILL" var(--fill),
    "wght" var(--wght),
    "GRAD" var(--grad),
    "opsz" var(--opsz);
}
.material-symbols-rounded-fill {
  --fill: 1;
  --wght: 700;
  --grad: 200;
  --opsz: 48;
}
.ui-static-icon {
  transition: 0.2s ease-out;
}
.ui-static-icon-size-small {
  font-size: 16px;
}
.ui-static-icon-size-medium {
  font-size: 24px;
}
.ui-static-icon-size-large {
  font-size: 40px;
}
.ui-static-icon-size-custom-1 {
  font-size: 1px;
}
.ui-static-icon-size-custom-2 {
  font-size: 2px;
}
.ui-static-icon-size-custom-3 {
  font-size: 3px;
}
.ui-static-icon-size-custom-4 {
  font-size: 4px;
}
.ui-static-icon-size-custom-5 {
  font-size: 5px;
}
.ui-static-icon-size-custom-6 {
  font-size: 6px;
}
.ui-static-icon-size-custom-7 {
  font-size: 7px;
}
.ui-static-icon-size-custom-8 {
  font-size: 8px;
}
.ui-static-icon-size-custom-9 {
  font-size: 9px;
}
.ui-static-icon-size-custom-10 {
  font-size: 10px;
}
.ui-static-icon-size-custom-11 {
  font-size: 11px;
}
.ui-static-icon-size-custom-12 {
  font-size: 12px;
}
.ui-static-icon-size-custom-13 {
  font-size: 13px;
}
.ui-static-icon-size-custom-14 {
  font-size: 14px;
}
.ui-static-icon-size-custom-15 {
  font-size: 15px;
}
.ui-static-icon-size-custom-16 {
  font-size: 16px;
}
.ui-static-icon-size-custom-17 {
  font-size: 17px;
}
.ui-static-icon-size-custom-18 {
  font-size: 18px;
}
.ui-static-icon-size-custom-19 {
  font-size: 19px;
}
.ui-static-icon-size-custom-20 {
  font-size: 20px;
}
.ui-static-icon-size-custom-21 {
  font-size: 21px;
}
.ui-static-icon-size-custom-22 {
  font-size: 22px;
}
.ui-static-icon-size-custom-23 {
  font-size: 23px;
}
.ui-static-icon-size-custom-24 {
  font-size: 24px;
}
.ui-static-icon-size-custom-25 {
  font-size: 25px;
}
.ui-static-icon-size-custom-26 {
  font-size: 26px;
}
.ui-static-icon-size-custom-27 {
  font-size: 27px;
}
.ui-static-icon-size-custom-28 {
  font-size: 28px;
}
.ui-static-icon-size-custom-29 {
  font-size: 29px;
}
.ui-static-icon-size-custom-30 {
  font-size: 30px;
}
.ui-static-icon-size-custom-31 {
  font-size: 31px;
}
.ui-static-icon-size-custom-32 {
  font-size: 32px;
}
.ui-static-icon-size-custom-33 {
  font-size: 33px;
}
.ui-static-icon-size-custom-34 {
  font-size: 34px;
}
.ui-static-icon-size-custom-35 {
  font-size: 35px;
}
.ui-static-icon-size-custom-36 {
  font-size: 36px;
}
.ui-static-icon-size-custom-37 {
  font-size: 37px;
}
.ui-static-icon-size-custom-38 {
  font-size: 38px;
}
.ui-static-icon-size-custom-39 {
  font-size: 39px;
}
.ui-static-icon-size-custom-40 {
  font-size: 40px;
}
.ui-static-icon-size-custom-41 {
  font-size: 41px;
}
.ui-static-icon-size-custom-42 {
  font-size: 42px;
}
.ui-static-icon-size-custom-43 {
  font-size: 43px;
}
.ui-static-icon-size-custom-44 {
  font-size: 44px;
}
.ui-static-icon-size-custom-45 {
  font-size: 45px;
}
.ui-static-icon-size-custom-46 {
  font-size: 46px;
}
.ui-static-icon-size-custom-47 {
  font-size: 47px;
}
.ui-static-icon-size-custom-48 {
  font-size: 48px;
}
.ui-static-icon-size-custom-49 {
  font-size: 49px;
}
.ui-static-icon-size-custom-50 {
  font-size: 50px;
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-small-md {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-medium-md {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-large-md {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-1-md {
    font-size: 1px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-2-md {
    font-size: 2px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-3-md {
    font-size: 3px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-4-md {
    font-size: 4px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-5-md {
    font-size: 5px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-6-md {
    font-size: 6px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-7-md {
    font-size: 7px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-8-md {
    font-size: 8px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-9-md {
    font-size: 9px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-10-md {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-11-md {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-12-md {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-13-md {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-14-md {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-15-md {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-16-md {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-17-md {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-18-md {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-19-md {
    font-size: 19px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-20-md {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-21-md {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-22-md {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-23-md {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-24-md {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-25-md {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-26-md {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-27-md {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-28-md {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-29-md {
    font-size: 29px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-30-md {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-31-md {
    font-size: 31px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-32-md {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-33-md {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-34-md {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-35-md {
    font-size: 35px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-36-md {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-37-md {
    font-size: 37px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-38-md {
    font-size: 38px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-39-md {
    font-size: 39px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-40-md {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-41-md {
    font-size: 41px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-42-md {
    font-size: 42px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-43-md {
    font-size: 43px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-44-md {
    font-size: 44px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-45-md {
    font-size: 45px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-46-md {
    font-size: 46px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-47-md {
    font-size: 47px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-48-md {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-49-md {
    font-size: 49px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-icon-size-custom-50-md {
    font-size: 50px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-small-lg {
    font-size: 16px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-medium-lg {
    font-size: 24px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-large-lg {
    font-size: 40px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-1-lg {
    font-size: 1px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-2-lg {
    font-size: 2px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-3-lg {
    font-size: 3px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-4-lg {
    font-size: 4px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-5-lg {
    font-size: 5px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-6-lg {
    font-size: 6px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-7-lg {
    font-size: 7px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-8-lg {
    font-size: 8px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-9-lg {
    font-size: 9px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-10-lg {
    font-size: 10px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-11-lg {
    font-size: 11px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-12-lg {
    font-size: 12px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-13-lg {
    font-size: 13px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-14-lg {
    font-size: 14px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-15-lg {
    font-size: 15px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-16-lg {
    font-size: 16px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-17-lg {
    font-size: 17px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-18-lg {
    font-size: 18px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-19-lg {
    font-size: 19px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-20-lg {
    font-size: 20px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-21-lg {
    font-size: 21px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-22-lg {
    font-size: 22px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-23-lg {
    font-size: 23px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-24-lg {
    font-size: 24px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-25-lg {
    font-size: 25px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-26-lg {
    font-size: 26px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-27-lg {
    font-size: 27px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-28-lg {
    font-size: 28px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-29-lg {
    font-size: 29px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-30-lg {
    font-size: 30px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-31-lg {
    font-size: 31px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-32-lg {
    font-size: 32px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-33-lg {
    font-size: 33px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-34-lg {
    font-size: 34px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-35-lg {
    font-size: 35px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-36-lg {
    font-size: 36px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-37-lg {
    font-size: 37px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-38-lg {
    font-size: 38px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-39-lg {
    font-size: 39px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-40-lg {
    font-size: 40px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-41-lg {
    font-size: 41px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-42-lg {
    font-size: 42px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-43-lg {
    font-size: 43px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-44-lg {
    font-size: 44px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-45-lg {
    font-size: 45px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-46-lg {
    font-size: 46px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-47-lg {
    font-size: 47px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-48-lg {
    font-size: 48px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-49-lg {
    font-size: 49px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-icon-size-custom-50-lg {
    font-size: 50px;
  }
}
.ui-static-icon-color-gray-light {
  color: #acb5bf;
}
.ui-static-icon-color-gray-light.ui-static-icon-star-half::after {
  color: #acb5bf;
}
.ui-static-icon-color-gray {
  color: #697180;
}
.ui-static-icon-color-gray.ui-static-icon-star-half::after {
  color: #697180;
}
.ui-static-icon-color-blue-70 {
  color: #3064d5;
}
.ui-static-icon-color-blue-70.ui-static-icon-star-half::after {
  color: #3064d5;
}
.ui-static-icon-color-blue {
  color: #10069f;
}
.ui-static-icon-color-blue.ui-static-icon-star-half::after {
  color: #10069f;
}
.ui-static-icon-color-dark-blue {
  color: #140d77;
}
.ui-static-icon-color-dark-blue.ui-static-icon-star-half::after {
  color: #140d77;
}
.ui-static-icon-color-light-blue {
  color: #9ec5f1;
}
.ui-static-icon-color-light-blue.ui-static-icon-star-half::after {
  color: #9ec5f1;
}
.ui-static-icon-color-blue-10 {
  color: #66a4f9;
}
.ui-static-icon-color-blue-10.ui-static-icon-star-half::after {
  color: #66a4f9;
}
.ui-static-icon-color-white {
  color: #fff;
}
.ui-static-icon-color-white.ui-static-icon-star-half::after {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .ui-static-icon-color-gray-md {
    color: #697180;
  }
}
.ui-static-icon-color-domestic {
  color: #2ea307;
}
.ui-static-icon-color-domestic.ui-static-icon-star-half::after {
  color: #2ea307;
}
.ui-static-icon-color-overseas {
  color: #007cdd;
}
.ui-static-icon-color-overseas.ui-static-icon-star-half::after {
  color: #007cdd;
}
.ui-static-icon-color-common {
  color: #1098a1;
}
.ui-static-icon-color-common.ui-static-icon-star-half::after {
  color: #1098a1;
}
.ui-static-icon.disabled {
  color: #acb5bf;
}
.ui-static-icon.ui-static-icon-link {
  cursor: pointer;
  transition: color 0.3s ease-out;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-link {
  color: #3064d5;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-link .ui-static-icon-svg {
  fill: #3064d5;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-link.active,
.ui-static-icon.ui-static-icon-link.ui-static-icon-link:hover,
.ui-static-icon.ui-static-icon-link.ui-static-icon-link:focus {
  color: #140d77;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui {
  color: #697180;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui .ui-static-icon-svg {
  fill: #697180;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui.active,
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui:hover,
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui:focus {
  color: #140d77;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui.active
  .ui-static-icon-svg,
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui:hover .ui-static-icon-svg,
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui:focus
  .ui-static-icon-svg {
  fill: #140d77;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic {
  color: #699edd;
  transition: color 0.3s ease-out;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic .ui-static-icon-svg {
  fill: #699edd;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic.active,
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic:hover,
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic:focus {
  color: #140d77;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic.active
  .ui-static-icon-svg,
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic:hover
  .ui-static-icon-svg,
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic:focus
  .ui-static-icon-svg {
  fill: #140d77;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-form {
  color: #e9ecf2;
  transition: color 0.3s ease-out;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-form .ui-static-icon-svg {
  fill: #e9ecf2;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-form.active,
.ui-static-icon.ui-static-icon-link.ui-static-icon-form:hover,
.ui-static-icon.ui-static-icon-link.ui-static-icon-form:focus {
  color: #3064d5;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-form.active
  .ui-static-icon-svg,
.ui-static-icon.ui-static-icon-link.ui-static-icon-form:hover
  .ui-static-icon-svg,
.ui-static-icon.ui-static-icon-link.ui-static-icon-form:focus
  .ui-static-icon-svg {
  fill: #3064d5;
}
.ui-static-icon.expanded {
  padding: 10px;
}
.ui-static-icon-client {
  font-family: "his-icons";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.ui-static-icon-star-half {
  position: relative;
  color: #e9ecf2;
}
.ui-static-icon-star-half::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
#allIcons li,
#clientAllIcons li,
#sbIcons li {
  cursor: pointer;
}
.ui-static-icon-smartphone:before {
  content: "";
}
.ui-static-icon-visibility:before {
  content: "";
}
.ui-static-icon-visibility_off:before {
  content: "";
}
.ui-static-icon-arrow_right:before {
  content: "";
}
.ui-static-icon-activities:before {
  content: "";
}
.ui-static-icon-amenities:before {
  content: "";
}
.ui-static-icon-attendant:before {
  content: "";
}
.ui-static-icon-balloon:before {
  content: "";
}
.ui-static-icon-branch:before {
  content: "";
}
.ui-static-icon-bullet_train:before {
  content: "";
}
.ui-static-icon-counter_10:before {
  content: "";
}
.ui-static-icon-counter_10_outline:before {
  content: "";
}
.ui-static-icon-crown:before {
  content: "";
}
.ui-static-icon-diversity:before {
  content: "";
}
.ui-static-icon-garage:before {
  content: "";
}
.ui-static-icon-hojin:before {
  content: "";
}
.ui-static-icon-honeymoon:before {
  content: "";
}
.ui-static-icon-hotel_building:before {
  content: "";
}
.ui-static-icon-infant:before {
  content: "";
}
.ui-static-icon-infant_baby:before {
  content: "";
}
.ui-static-icon-kokunai:before {
  content: "";
}
.ui-static-icon-landing:before {
  content: "";
}
.ui-static-icon-made_fan_off:before {
  content: "";
}
.ui-static-icon-meeting_room:before {
  content: "";
}
.ui-static-icon-online_experience:before {
  content: "";
}
.ui-static-icon-order_made_tour:before {
  content: "";
}
.ui-static-icon-pack:before {
  content: "";
}
.ui-static-icon-pet_bottles:before {
  content: "";
}
.ui-static-icon-pocket_wifi:before {
  content: "";
}
.ui-static-icon-push_pin:before {
  content: "";
}
.ui-static-icon-round_trip:before {
  content: "";
}
.ui-static-icon-ryokan:before {
  content: "";
}
.ui-static-icon-space:before {
  content: "";
}
.ui-static-icon-tablet:before {
  content: "";
}
.ui-static-icon-train_hotel:before {
  content: "";
}
.ui-static-icon-transfer:before {
  content: "";
}
.ui-static-button {
  transition: all ease-out 0.2s;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 10px;
  color: #2c2a29;
  font-size: 0.875rem;
  line-height: 1;
  border-radius: 100px;
  font-weight: 700;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  cursor: pointer;
}
.ui-static-button:disabled,
.ui-static-button.is-disabled {
  color: #939dad;
  border-color: #c0c5cc;
  background-color: #e9ecf2;
  cursor: auto;
  pointer-events: none;
}
.ui-static-button:disabled .ui-static-icon,
.ui-static-button.is-disabled .ui-static-icon {
  color: #939dad !important;
}
.ui-static-button-primary {
  background: #10069f;
  color: #fff;
  border-color: #10069f;
}
.ui-static-button-primary .ui-static-icon {
  color: #fff;
}
.ui-static-button-primary:not(.active):not(:disabled):hover,
.ui-static-button-primary:not(.active):not(:disabled):active,
.ui-static-button-primary:focus,
.ui-static-button-primary.active,
.ui-static-button-primary.focused {
  border-color: #140d77;
  background-color: #140d77;
}
.ui-static-button-secondary {
  background: #fff;
  color: #2c2a29;
  border-color: #939dad;
}
.ui-static-button-secondary .ui-static-icon {
  color: #697180;
}
.ui-static-button-secondary:not(.active):not(:disabled):hover,
.ui-static-button-secondary:not(.active):not(:disabled):active,
.ui-static-button-secondary:focus,
.ui-static-button-secondary.active,
.ui-static-button-secondary.focused {
  border-color: #99c4fd;
  background: #f0f7ff;
  color: #140d77;
}
.ui-static-button-secondary:not(.active):not(:disabled):hover .ui-static-icon,
.ui-static-button-secondary:not(.active):not(:disabled):active .ui-static-icon,
.ui-static-button-secondary:focus .ui-static-icon,
.ui-static-button-secondary.active .ui-static-icon,
.ui-static-button-secondary.focused .ui-static-icon {
  color: #140d77;
}
.ui-static-button-small {
  font-size: 0.75rem;
  padding: 7px 16px 9px;
  height: 30px;
}
.ui-static-button-medium {
  font-size: 0.875rem;
  padding: 10px 16px 12px;
  height: 38px;
}
.ui-static-button-medium-x {
  font-size: 0.875rem;
  padding: 10px 16px 12px;
  height: 44px;
  width: max-content;
  min-width: 140px;
}
@media screen and (min-width: 768px) {
  .ui-static-button-medium-x {
    min-width: 160px;
  }
}
.ui-static-button-large {
  font-size: 16px;
  line-height: 1;
  padding: 12px 16px 14px;
  height: 44px;
  min-width: 256px;
}
@media screen and (min-width: 768px) {
  .ui-static-button-small-md {
    font-size: 0.75rem;
    padding: 7px 16px 9px;
    height: 30px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-button-medium-md {
    font-size: 0.875rem;
    padding: 10px 16px 12px;
    height: 38px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-button-medium-x-md {
    font-size: 0.875rem;
    padding: 10px 16px 12px;
    height: 44px;
    width: max-content;
    min-width: 160px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-button-large-md {
    font-size: 1rem;
    line-height: 1;
    padding: 12px 16px 14px;
    height: 44px;
    min-width: 256px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-button-small-lg {
    font-size: 0.75rem;
    padding: 7px 16px 9px;
    height: 30px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-button-medium-lg {
    font-size: 0.875rem;
    padding: 10px 16px 12px;
    height: 38px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-button-medium-x-lg {
    font-size: 0.875rem;
    padding: 10px 16px 12px;
    height: 44px;
    width: max-content;
    min-width: 160px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-button-large-lg {
    font-size: 1rem;
    line-height: 1;
    padding: 12px 16px 14px;
    height: 44px;
    min-width: 256px;
  }
}
.ui-static-button-shadow {
  border: none;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-out;
  background-color: #fff;
}
.ui-static-button-shadow:not(.active):not(:disabled):hover,
.ui-static-button-shadow:not(.active):not(:disabled):active,
.ui-static-button-shadow.active,
.ui-static-button-shadow.focused {
  box-shadow: none;
  background-color: #f0f7ff;
  color: #140d77;
}
.ui-static-button-with-icon-left .ui-static-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ui-static-button-with-icon-left.ui-static-button-large {
  padding-right: 24px;
  padding-left: 36px;
}
.ui-static-button-with-icon-left.ui-static-button-large .ui-static-icon {
  left: 16px;
}
.ui-static-button-with-icon-left.ui-static-button-medium {
  padding-left: 32px;
}
.ui-static-button-with-icon-left.ui-static-button-medium .ui-static-icon {
  left: 12px;
}
.ui-static-button-with-icon-left.ui-static-button-small {
  padding-left: 32px;
}
.ui-static-button-with-icon-left.ui-static-button-small .ui-static-icon {
  left: 12px;
}
.ui-static-button-with-icon-right {
  padding-right: 36px;
}
.ui-static-button-with-icon-right .ui-static-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ui-static-button-with-icon-right.ui-static-button-large .ui-static-icon {
  right: 16px;
}
.ui-static-button-with-icon-right.ui-static-button-medium {
  padding-right: 32px;
}
.ui-static-button-with-icon-right.ui-static-button-medium .ui-static-icon {
  right: 12px;
}
.ui-static-button-with-icon-right.ui-static-button-small {
  padding-right: 32px;
}
.ui-static-button-with-icon-right.ui-static-button-small .ui-static-icon {
  right: 12px;
}
.ui-static-button-theme-foreign {
  border-color: #428fed;
  color: #3271c9;
}
.ui-static-button-theme-domestic {
  border-color: #2ea307;
  color: #008552;
}
a.ui-static-button {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}
.ui-static-grid-list {
  width: 100%;
  display: grid;
  align-items: flex-start;
  margin: 0;
  padding: 0;
}
.ui-static-grid-item {
  list-style: none;
  list-style-type: none;
}
.ui-static-grid-item p {
  word-break: break-all;
}
.ui-static-grid-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.ui-static-grid-col-1-1 {
  grid-template-columns: 1fr 1fr;
}
.ui-static-grid-col-1-2 {
  grid-template-columns: 1fr 2fr;
}
.ui-static-grid-col-1-3 {
  grid-template-columns: 1fr 3fr;
}
.ui-static-grid-col-1-4 {
  grid-template-columns: 1fr 4fr;
}
.ui-static-grid-col-1-5 {
  grid-template-columns: 1fr 5fr;
}
.ui-static-grid-col-1-6 {
  grid-template-columns: 1fr 6fr;
}
.ui-static-grid-col-1-7 {
  grid-template-columns: 1fr 7fr;
}
.ui-static-grid-col-1-8 {
  grid-template-columns: 1fr 8fr;
}
.ui-static-grid-col-1-9 {
  grid-template-columns: 1fr 9fr;
}
.ui-static-grid-col-1-10 {
  grid-template-columns: 1fr 10fr;
}
.ui-static-grid-col-1-11 {
  grid-template-columns: 1fr 11fr;
}
.ui-static-grid-col-1-12 {
  grid-template-columns: 1fr 12fr;
}
.ui-static-grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ui-static-grid-col-2-1 {
  grid-template-columns: 2fr 1fr;
}
.ui-static-grid-col-2-2 {
  grid-template-columns: 2fr 2fr;
}
.ui-static-grid-col-2-3 {
  grid-template-columns: 2fr 3fr;
}
.ui-static-grid-col-2-4 {
  grid-template-columns: 2fr 4fr;
}
.ui-static-grid-col-2-5 {
  grid-template-columns: 2fr 5fr;
}
.ui-static-grid-col-2-6 {
  grid-template-columns: 2fr 6fr;
}
.ui-static-grid-col-2-7 {
  grid-template-columns: 2fr 7fr;
}
.ui-static-grid-col-2-8 {
  grid-template-columns: 2fr 8fr;
}
.ui-static-grid-col-2-9 {
  grid-template-columns: 2fr 9fr;
}
.ui-static-grid-col-2-10 {
  grid-template-columns: 2fr 10fr;
}
.ui-static-grid-col-2-11 {
  grid-template-columns: 2fr 11fr;
}
.ui-static-grid-col-2-12 {
  grid-template-columns: 2fr 12fr;
}
.ui-static-grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ui-static-grid-col-3-1 {
  grid-template-columns: 3fr 1fr;
}
.ui-static-grid-col-3-2 {
  grid-template-columns: 3fr 2fr;
}
.ui-static-grid-col-3-3 {
  grid-template-columns: 3fr 3fr;
}
.ui-static-grid-col-3-4 {
  grid-template-columns: 3fr 4fr;
}
.ui-static-grid-col-3-5 {
  grid-template-columns: 3fr 5fr;
}
.ui-static-grid-col-3-6 {
  grid-template-columns: 3fr 6fr;
}
.ui-static-grid-col-3-7 {
  grid-template-columns: 3fr 7fr;
}
.ui-static-grid-col-3-8 {
  grid-template-columns: 3fr 8fr;
}
.ui-static-grid-col-3-9 {
  grid-template-columns: 3fr 9fr;
}
.ui-static-grid-col-3-10 {
  grid-template-columns: 3fr 10fr;
}
.ui-static-grid-col-3-11 {
  grid-template-columns: 3fr 11fr;
}
.ui-static-grid-col-3-12 {
  grid-template-columns: 3fr 12fr;
}
.ui-static-grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ui-static-grid-col-4-1 {
  grid-template-columns: 4fr 1fr;
}
.ui-static-grid-col-4-2 {
  grid-template-columns: 4fr 2fr;
}
.ui-static-grid-col-4-3 {
  grid-template-columns: 4fr 3fr;
}
.ui-static-grid-col-4-4 {
  grid-template-columns: 4fr 4fr;
}
.ui-static-grid-col-4-5 {
  grid-template-columns: 4fr 5fr;
}
.ui-static-grid-col-4-6 {
  grid-template-columns: 4fr 6fr;
}
.ui-static-grid-col-4-7 {
  grid-template-columns: 4fr 7fr;
}
.ui-static-grid-col-4-8 {
  grid-template-columns: 4fr 8fr;
}
.ui-static-grid-col-4-9 {
  grid-template-columns: 4fr 9fr;
}
.ui-static-grid-col-4-10 {
  grid-template-columns: 4fr 10fr;
}
.ui-static-grid-col-4-11 {
  grid-template-columns: 4fr 11fr;
}
.ui-static-grid-col-4-12 {
  grid-template-columns: 4fr 12fr;
}
.ui-static-grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ui-static-grid-col-5-1 {
  grid-template-columns: 5fr 1fr;
}
.ui-static-grid-col-5-2 {
  grid-template-columns: 5fr 2fr;
}
.ui-static-grid-col-5-3 {
  grid-template-columns: 5fr 3fr;
}
.ui-static-grid-col-5-4 {
  grid-template-columns: 5fr 4fr;
}
.ui-static-grid-col-5-5 {
  grid-template-columns: 5fr 5fr;
}
.ui-static-grid-col-5-6 {
  grid-template-columns: 5fr 6fr;
}
.ui-static-grid-col-5-7 {
  grid-template-columns: 5fr 7fr;
}
.ui-static-grid-col-5-8 {
  grid-template-columns: 5fr 8fr;
}
.ui-static-grid-col-5-9 {
  grid-template-columns: 5fr 9fr;
}
.ui-static-grid-col-5-10 {
  grid-template-columns: 5fr 10fr;
}
.ui-static-grid-col-5-11 {
  grid-template-columns: 5fr 11fr;
}
.ui-static-grid-col-5-12 {
  grid-template-columns: 5fr 12fr;
}
.ui-static-grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ui-static-grid-col-6-1 {
  grid-template-columns: 6fr 1fr;
}
.ui-static-grid-col-6-2 {
  grid-template-columns: 6fr 2fr;
}
.ui-static-grid-col-6-3 {
  grid-template-columns: 6fr 3fr;
}
.ui-static-grid-col-6-4 {
  grid-template-columns: 6fr 4fr;
}
.ui-static-grid-col-6-5 {
  grid-template-columns: 6fr 5fr;
}
.ui-static-grid-col-6-6 {
  grid-template-columns: 6fr 6fr;
}
.ui-static-grid-col-6-7 {
  grid-template-columns: 6fr 7fr;
}
.ui-static-grid-col-6-8 {
  grid-template-columns: 6fr 8fr;
}
.ui-static-grid-col-6-9 {
  grid-template-columns: 6fr 9fr;
}
.ui-static-grid-col-6-10 {
  grid-template-columns: 6fr 10fr;
}
.ui-static-grid-col-6-11 {
  grid-template-columns: 6fr 11fr;
}
.ui-static-grid-col-6-12 {
  grid-template-columns: 6fr 12fr;
}
.ui-static-grid-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ui-static-grid-col-7-1 {
  grid-template-columns: 7fr 1fr;
}
.ui-static-grid-col-7-2 {
  grid-template-columns: 7fr 2fr;
}
.ui-static-grid-col-7-3 {
  grid-template-columns: 7fr 3fr;
}
.ui-static-grid-col-7-4 {
  grid-template-columns: 7fr 4fr;
}
.ui-static-grid-col-7-5 {
  grid-template-columns: 7fr 5fr;
}
.ui-static-grid-col-7-6 {
  grid-template-columns: 7fr 6fr;
}
.ui-static-grid-col-7-7 {
  grid-template-columns: 7fr 7fr;
}
.ui-static-grid-col-7-8 {
  grid-template-columns: 7fr 8fr;
}
.ui-static-grid-col-7-9 {
  grid-template-columns: 7fr 9fr;
}
.ui-static-grid-col-7-10 {
  grid-template-columns: 7fr 10fr;
}
.ui-static-grid-col-7-11 {
  grid-template-columns: 7fr 11fr;
}
.ui-static-grid-col-7-12 {
  grid-template-columns: 7fr 12fr;
}
.ui-static-grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ui-static-grid-col-8-1 {
  grid-template-columns: 8fr 1fr;
}
.ui-static-grid-col-8-2 {
  grid-template-columns: 8fr 2fr;
}
.ui-static-grid-col-8-3 {
  grid-template-columns: 8fr 3fr;
}
.ui-static-grid-col-8-4 {
  grid-template-columns: 8fr 4fr;
}
.ui-static-grid-col-8-5 {
  grid-template-columns: 8fr 5fr;
}
.ui-static-grid-col-8-6 {
  grid-template-columns: 8fr 6fr;
}
.ui-static-grid-col-8-7 {
  grid-template-columns: 8fr 7fr;
}
.ui-static-grid-col-8-8 {
  grid-template-columns: 8fr 8fr;
}
.ui-static-grid-col-8-9 {
  grid-template-columns: 8fr 9fr;
}
.ui-static-grid-col-8-10 {
  grid-template-columns: 8fr 10fr;
}
.ui-static-grid-col-8-11 {
  grid-template-columns: 8fr 11fr;
}
.ui-static-grid-col-8-12 {
  grid-template-columns: 8fr 12fr;
}
.ui-static-grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ui-static-grid-col-9-1 {
  grid-template-columns: 9fr 1fr;
}
.ui-static-grid-col-9-2 {
  grid-template-columns: 9fr 2fr;
}
.ui-static-grid-col-9-3 {
  grid-template-columns: 9fr 3fr;
}
.ui-static-grid-col-9-4 {
  grid-template-columns: 9fr 4fr;
}
.ui-static-grid-col-9-5 {
  grid-template-columns: 9fr 5fr;
}
.ui-static-grid-col-9-6 {
  grid-template-columns: 9fr 6fr;
}
.ui-static-grid-col-9-7 {
  grid-template-columns: 9fr 7fr;
}
.ui-static-grid-col-9-8 {
  grid-template-columns: 9fr 8fr;
}
.ui-static-grid-col-9-9 {
  grid-template-columns: 9fr 9fr;
}
.ui-static-grid-col-9-10 {
  grid-template-columns: 9fr 10fr;
}
.ui-static-grid-col-9-11 {
  grid-template-columns: 9fr 11fr;
}
.ui-static-grid-col-9-12 {
  grid-template-columns: 9fr 12fr;
}
.ui-static-grid-col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ui-static-grid-col-10-1 {
  grid-template-columns: 10fr 1fr;
}
.ui-static-grid-col-10-2 {
  grid-template-columns: 10fr 2fr;
}
.ui-static-grid-col-10-3 {
  grid-template-columns: 10fr 3fr;
}
.ui-static-grid-col-10-4 {
  grid-template-columns: 10fr 4fr;
}
.ui-static-grid-col-10-5 {
  grid-template-columns: 10fr 5fr;
}
.ui-static-grid-col-10-6 {
  grid-template-columns: 10fr 6fr;
}
.ui-static-grid-col-10-7 {
  grid-template-columns: 10fr 7fr;
}
.ui-static-grid-col-10-8 {
  grid-template-columns: 10fr 8fr;
}
.ui-static-grid-col-10-9 {
  grid-template-columns: 10fr 9fr;
}
.ui-static-grid-col-10-10 {
  grid-template-columns: 10fr 10fr;
}
.ui-static-grid-col-10-11 {
  grid-template-columns: 10fr 11fr;
}
.ui-static-grid-col-10-12 {
  grid-template-columns: 10fr 12fr;
}
.ui-static-grid-col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ui-static-grid-col-11-1 {
  grid-template-columns: 11fr 1fr;
}
.ui-static-grid-col-11-2 {
  grid-template-columns: 11fr 2fr;
}
.ui-static-grid-col-11-3 {
  grid-template-columns: 11fr 3fr;
}
.ui-static-grid-col-11-4 {
  grid-template-columns: 11fr 4fr;
}
.ui-static-grid-col-11-5 {
  grid-template-columns: 11fr 5fr;
}
.ui-static-grid-col-11-6 {
  grid-template-columns: 11fr 6fr;
}
.ui-static-grid-col-11-7 {
  grid-template-columns: 11fr 7fr;
}
.ui-static-grid-col-11-8 {
  grid-template-columns: 11fr 8fr;
}
.ui-static-grid-col-11-9 {
  grid-template-columns: 11fr 9fr;
}
.ui-static-grid-col-11-10 {
  grid-template-columns: 11fr 10fr;
}
.ui-static-grid-col-11-11 {
  grid-template-columns: 11fr 11fr;
}
.ui-static-grid-col-11-12 {
  grid-template-columns: 11fr 12fr;
}
.ui-static-grid-col-12 {
  grid-template-columns: repeat(12, 1fr);
}
.ui-static-grid-col-12-1 {
  grid-template-columns: 12fr 1fr;
}
.ui-static-grid-col-12-2 {
  grid-template-columns: 12fr 2fr;
}
.ui-static-grid-col-12-3 {
  grid-template-columns: 12fr 3fr;
}
.ui-static-grid-col-12-4 {
  grid-template-columns: 12fr 4fr;
}
.ui-static-grid-col-12-5 {
  grid-template-columns: 12fr 5fr;
}
.ui-static-grid-col-12-6 {
  grid-template-columns: 12fr 6fr;
}
.ui-static-grid-col-12-7 {
  grid-template-columns: 12fr 7fr;
}
.ui-static-grid-col-12-8 {
  grid-template-columns: 12fr 8fr;
}
.ui-static-grid-col-12-9 {
  grid-template-columns: 12fr 9fr;
}
.ui-static-grid-col-12-10 {
  grid-template-columns: 12fr 10fr;
}
.ui-static-grid-col-12-11 {
  grid-template-columns: 12fr 11fr;
}
.ui-static-grid-col-12-12 {
  grid-template-columns: 12fr 12fr;
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-1-1 {
    grid-template-columns: 1fr 1fr;
  }
  .ui-static-grid-md-col-1-2 {
    grid-template-columns: 1fr 2fr;
  }
  .ui-static-grid-md-col-1-3 {
    grid-template-columns: 1fr 3fr;
  }
  .ui-static-grid-md-col-1-4 {
    grid-template-columns: 1fr 4fr;
  }
  .ui-static-grid-md-col-1-5 {
    grid-template-columns: 1fr 5fr;
  }
  .ui-static-grid-md-col-1-6 {
    grid-template-columns: 1fr 6fr;
  }
  .ui-static-grid-md-col-1-7 {
    grid-template-columns: 1fr 7fr;
  }
  .ui-static-grid-md-col-1-8 {
    grid-template-columns: 1fr 8fr;
  }
  .ui-static-grid-md-col-1-9 {
    grid-template-columns: 1fr 9fr;
  }
  .ui-static-grid-md-col-1-10 {
    grid-template-columns: 1fr 10fr;
  }
  .ui-static-grid-md-col-1-11 {
    grid-template-columns: 1fr 11fr;
  }
  .ui-static-grid-md-col-1-12 {
    grid-template-columns: 1fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-2-1 {
    grid-template-columns: 2fr 1fr;
  }
  .ui-static-grid-md-col-2-2 {
    grid-template-columns: 2fr 2fr;
  }
  .ui-static-grid-md-col-2-3 {
    grid-template-columns: 2fr 3fr;
  }
  .ui-static-grid-md-col-2-4 {
    grid-template-columns: 2fr 4fr;
  }
  .ui-static-grid-md-col-2-5 {
    grid-template-columns: 2fr 5fr;
  }
  .ui-static-grid-md-col-2-6 {
    grid-template-columns: 2fr 6fr;
  }
  .ui-static-grid-md-col-2-7 {
    grid-template-columns: 2fr 7fr;
  }
  .ui-static-grid-md-col-2-8 {
    grid-template-columns: 2fr 8fr;
  }
  .ui-static-grid-md-col-2-9 {
    grid-template-columns: 2fr 9fr;
  }
  .ui-static-grid-md-col-2-10 {
    grid-template-columns: 2fr 10fr;
  }
  .ui-static-grid-md-col-2-11 {
    grid-template-columns: 2fr 11fr;
  }
  .ui-static-grid-md-col-2-12 {
    grid-template-columns: 2fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-3-1 {
    grid-template-columns: 3fr 1fr;
  }
  .ui-static-grid-md-col-3-2 {
    grid-template-columns: 3fr 2fr;
  }
  .ui-static-grid-md-col-3-3 {
    grid-template-columns: 3fr 3fr;
  }
  .ui-static-grid-md-col-3-4 {
    grid-template-columns: 3fr 4fr;
  }
  .ui-static-grid-md-col-3-5 {
    grid-template-columns: 3fr 5fr;
  }
  .ui-static-grid-md-col-3-6 {
    grid-template-columns: 3fr 6fr;
  }
  .ui-static-grid-md-col-3-7 {
    grid-template-columns: 3fr 7fr;
  }
  .ui-static-grid-md-col-3-8 {
    grid-template-columns: 3fr 8fr;
  }
  .ui-static-grid-md-col-3-9 {
    grid-template-columns: 3fr 9fr;
  }
  .ui-static-grid-md-col-3-10 {
    grid-template-columns: 3fr 10fr;
  }
  .ui-static-grid-md-col-3-11 {
    grid-template-columns: 3fr 11fr;
  }
  .ui-static-grid-md-col-3-12 {
    grid-template-columns: 3fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-4-1 {
    grid-template-columns: 4fr 1fr;
  }
  .ui-static-grid-md-col-4-2 {
    grid-template-columns: 4fr 2fr;
  }
  .ui-static-grid-md-col-4-3 {
    grid-template-columns: 4fr 3fr;
  }
  .ui-static-grid-md-col-4-4 {
    grid-template-columns: 4fr 4fr;
  }
  .ui-static-grid-md-col-4-5 {
    grid-template-columns: 4fr 5fr;
  }
  .ui-static-grid-md-col-4-6 {
    grid-template-columns: 4fr 6fr;
  }
  .ui-static-grid-md-col-4-7 {
    grid-template-columns: 4fr 7fr;
  }
  .ui-static-grid-md-col-4-8 {
    grid-template-columns: 4fr 8fr;
  }
  .ui-static-grid-md-col-4-9 {
    grid-template-columns: 4fr 9fr;
  }
  .ui-static-grid-md-col-4-10 {
    grid-template-columns: 4fr 10fr;
  }
  .ui-static-grid-md-col-4-11 {
    grid-template-columns: 4fr 11fr;
  }
  .ui-static-grid-md-col-4-12 {
    grid-template-columns: 4fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-5-1 {
    grid-template-columns: 5fr 1fr;
  }
  .ui-static-grid-md-col-5-2 {
    grid-template-columns: 5fr 2fr;
  }
  .ui-static-grid-md-col-5-3 {
    grid-template-columns: 5fr 3fr;
  }
  .ui-static-grid-md-col-5-4 {
    grid-template-columns: 5fr 4fr;
  }
  .ui-static-grid-md-col-5-5 {
    grid-template-columns: 5fr 5fr;
  }
  .ui-static-grid-md-col-5-6 {
    grid-template-columns: 5fr 6fr;
  }
  .ui-static-grid-md-col-5-7 {
    grid-template-columns: 5fr 7fr;
  }
  .ui-static-grid-md-col-5-8 {
    grid-template-columns: 5fr 8fr;
  }
  .ui-static-grid-md-col-5-9 {
    grid-template-columns: 5fr 9fr;
  }
  .ui-static-grid-md-col-5-10 {
    grid-template-columns: 5fr 10fr;
  }
  .ui-static-grid-md-col-5-11 {
    grid-template-columns: 5fr 11fr;
  }
  .ui-static-grid-md-col-5-12 {
    grid-template-columns: 5fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-6-1 {
    grid-template-columns: 6fr 1fr;
  }
  .ui-static-grid-md-col-6-2 {
    grid-template-columns: 6fr 2fr;
  }
  .ui-static-grid-md-col-6-3 {
    grid-template-columns: 6fr 3fr;
  }
  .ui-static-grid-md-col-6-4 {
    grid-template-columns: 6fr 4fr;
  }
  .ui-static-grid-md-col-6-5 {
    grid-template-columns: 6fr 5fr;
  }
  .ui-static-grid-md-col-6-6 {
    grid-template-columns: 6fr 6fr;
  }
  .ui-static-grid-md-col-6-7 {
    grid-template-columns: 6fr 7fr;
  }
  .ui-static-grid-md-col-6-8 {
    grid-template-columns: 6fr 8fr;
  }
  .ui-static-grid-md-col-6-9 {
    grid-template-columns: 6fr 9fr;
  }
  .ui-static-grid-md-col-6-10 {
    grid-template-columns: 6fr 10fr;
  }
  .ui-static-grid-md-col-6-11 {
    grid-template-columns: 6fr 11fr;
  }
  .ui-static-grid-md-col-6-12 {
    grid-template-columns: 6fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-7-1 {
    grid-template-columns: 7fr 1fr;
  }
  .ui-static-grid-md-col-7-2 {
    grid-template-columns: 7fr 2fr;
  }
  .ui-static-grid-md-col-7-3 {
    grid-template-columns: 7fr 3fr;
  }
  .ui-static-grid-md-col-7-4 {
    grid-template-columns: 7fr 4fr;
  }
  .ui-static-grid-md-col-7-5 {
    grid-template-columns: 7fr 5fr;
  }
  .ui-static-grid-md-col-7-6 {
    grid-template-columns: 7fr 6fr;
  }
  .ui-static-grid-md-col-7-7 {
    grid-template-columns: 7fr 7fr;
  }
  .ui-static-grid-md-col-7-8 {
    grid-template-columns: 7fr 8fr;
  }
  .ui-static-grid-md-col-7-9 {
    grid-template-columns: 7fr 9fr;
  }
  .ui-static-grid-md-col-7-10 {
    grid-template-columns: 7fr 10fr;
  }
  .ui-static-grid-md-col-7-11 {
    grid-template-columns: 7fr 11fr;
  }
  .ui-static-grid-md-col-7-12 {
    grid-template-columns: 7fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-8-1 {
    grid-template-columns: 8fr 1fr;
  }
  .ui-static-grid-md-col-8-2 {
    grid-template-columns: 8fr 2fr;
  }
  .ui-static-grid-md-col-8-3 {
    grid-template-columns: 8fr 3fr;
  }
  .ui-static-grid-md-col-8-4 {
    grid-template-columns: 8fr 4fr;
  }
  .ui-static-grid-md-col-8-5 {
    grid-template-columns: 8fr 5fr;
  }
  .ui-static-grid-md-col-8-6 {
    grid-template-columns: 8fr 6fr;
  }
  .ui-static-grid-md-col-8-7 {
    grid-template-columns: 8fr 7fr;
  }
  .ui-static-grid-md-col-8-8 {
    grid-template-columns: 8fr 8fr;
  }
  .ui-static-grid-md-col-8-9 {
    grid-template-columns: 8fr 9fr;
  }
  .ui-static-grid-md-col-8-10 {
    grid-template-columns: 8fr 10fr;
  }
  .ui-static-grid-md-col-8-11 {
    grid-template-columns: 8fr 11fr;
  }
  .ui-static-grid-md-col-8-12 {
    grid-template-columns: 8fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-9-1 {
    grid-template-columns: 9fr 1fr;
  }
  .ui-static-grid-md-col-9-2 {
    grid-template-columns: 9fr 2fr;
  }
  .ui-static-grid-md-col-9-3 {
    grid-template-columns: 9fr 3fr;
  }
  .ui-static-grid-md-col-9-4 {
    grid-template-columns: 9fr 4fr;
  }
  .ui-static-grid-md-col-9-5 {
    grid-template-columns: 9fr 5fr;
  }
  .ui-static-grid-md-col-9-6 {
    grid-template-columns: 9fr 6fr;
  }
  .ui-static-grid-md-col-9-7 {
    grid-template-columns: 9fr 7fr;
  }
  .ui-static-grid-md-col-9-8 {
    grid-template-columns: 9fr 8fr;
  }
  .ui-static-grid-md-col-9-9 {
    grid-template-columns: 9fr 9fr;
  }
  .ui-static-grid-md-col-9-10 {
    grid-template-columns: 9fr 10fr;
  }
  .ui-static-grid-md-col-9-11 {
    grid-template-columns: 9fr 11fr;
  }
  .ui-static-grid-md-col-9-12 {
    grid-template-columns: 9fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-10-1 {
    grid-template-columns: 10fr 1fr;
  }
  .ui-static-grid-md-col-10-2 {
    grid-template-columns: 10fr 2fr;
  }
  .ui-static-grid-md-col-10-3 {
    grid-template-columns: 10fr 3fr;
  }
  .ui-static-grid-md-col-10-4 {
    grid-template-columns: 10fr 4fr;
  }
  .ui-static-grid-md-col-10-5 {
    grid-template-columns: 10fr 5fr;
  }
  .ui-static-grid-md-col-10-6 {
    grid-template-columns: 10fr 6fr;
  }
  .ui-static-grid-md-col-10-7 {
    grid-template-columns: 10fr 7fr;
  }
  .ui-static-grid-md-col-10-8 {
    grid-template-columns: 10fr 8fr;
  }
  .ui-static-grid-md-col-10-9 {
    grid-template-columns: 10fr 9fr;
  }
  .ui-static-grid-md-col-10-10 {
    grid-template-columns: 10fr 10fr;
  }
  .ui-static-grid-md-col-10-11 {
    grid-template-columns: 10fr 11fr;
  }
  .ui-static-grid-md-col-10-12 {
    grid-template-columns: 10fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-11-1 {
    grid-template-columns: 11fr 1fr;
  }
  .ui-static-grid-md-col-11-2 {
    grid-template-columns: 11fr 2fr;
  }
  .ui-static-grid-md-col-11-3 {
    grid-template-columns: 11fr 3fr;
  }
  .ui-static-grid-md-col-11-4 {
    grid-template-columns: 11fr 4fr;
  }
  .ui-static-grid-md-col-11-5 {
    grid-template-columns: 11fr 5fr;
  }
  .ui-static-grid-md-col-11-6 {
    grid-template-columns: 11fr 6fr;
  }
  .ui-static-grid-md-col-11-7 {
    grid-template-columns: 11fr 7fr;
  }
  .ui-static-grid-md-col-11-8 {
    grid-template-columns: 11fr 8fr;
  }
  .ui-static-grid-md-col-11-9 {
    grid-template-columns: 11fr 9fr;
  }
  .ui-static-grid-md-col-11-10 {
    grid-template-columns: 11fr 10fr;
  }
  .ui-static-grid-md-col-11-11 {
    grid-template-columns: 11fr 11fr;
  }
  .ui-static-grid-md-col-11-12 {
    grid-template-columns: 11fr 12fr;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-col-12-1 {
    grid-template-columns: 12fr 1fr;
  }
  .ui-static-grid-md-col-12-2 {
    grid-template-columns: 12fr 2fr;
  }
  .ui-static-grid-md-col-12-3 {
    grid-template-columns: 12fr 3fr;
  }
  .ui-static-grid-md-col-12-4 {
    grid-template-columns: 12fr 4fr;
  }
  .ui-static-grid-md-col-12-5 {
    grid-template-columns: 12fr 5fr;
  }
  .ui-static-grid-md-col-12-6 {
    grid-template-columns: 12fr 6fr;
  }
  .ui-static-grid-md-col-12-7 {
    grid-template-columns: 12fr 7fr;
  }
  .ui-static-grid-md-col-12-8 {
    grid-template-columns: 12fr 8fr;
  }
  .ui-static-grid-md-col-12-9 {
    grid-template-columns: 12fr 9fr;
  }
  .ui-static-grid-md-col-12-10 {
    grid-template-columns: 12fr 10fr;
  }
  .ui-static-grid-md-col-12-11 {
    grid-template-columns: 12fr 11fr;
  }
  .ui-static-grid-md-col-12-12 {
    grid-template-columns: 12fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-1-1 {
    grid-template-columns: 1fr 1fr;
  }
  .ui-static-grid-lg-col-1-2 {
    grid-template-columns: 1fr 2fr;
  }
  .ui-static-grid-lg-col-1-3 {
    grid-template-columns: 1fr 3fr;
  }
  .ui-static-grid-lg-col-1-4 {
    grid-template-columns: 1fr 4fr;
  }
  .ui-static-grid-lg-col-1-5 {
    grid-template-columns: 1fr 5fr;
  }
  .ui-static-grid-lg-col-1-6 {
    grid-template-columns: 1fr 6fr;
  }
  .ui-static-grid-lg-col-1-7 {
    grid-template-columns: 1fr 7fr;
  }
  .ui-static-grid-lg-col-1-8 {
    grid-template-columns: 1fr 8fr;
  }
  .ui-static-grid-lg-col-1-9 {
    grid-template-columns: 1fr 9fr;
  }
  .ui-static-grid-lg-col-1-10 {
    grid-template-columns: 1fr 10fr;
  }
  .ui-static-grid-lg-col-1-11 {
    grid-template-columns: 1fr 11fr;
  }
  .ui-static-grid-lg-col-1-12 {
    grid-template-columns: 1fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-2-1 {
    grid-template-columns: 2fr 1fr;
  }
  .ui-static-grid-lg-col-2-2 {
    grid-template-columns: 2fr 2fr;
  }
  .ui-static-grid-lg-col-2-3 {
    grid-template-columns: 2fr 3fr;
  }
  .ui-static-grid-lg-col-2-4 {
    grid-template-columns: 2fr 4fr;
  }
  .ui-static-grid-lg-col-2-5 {
    grid-template-columns: 2fr 5fr;
  }
  .ui-static-grid-lg-col-2-6 {
    grid-template-columns: 2fr 6fr;
  }
  .ui-static-grid-lg-col-2-7 {
    grid-template-columns: 2fr 7fr;
  }
  .ui-static-grid-lg-col-2-8 {
    grid-template-columns: 2fr 8fr;
  }
  .ui-static-grid-lg-col-2-9 {
    grid-template-columns: 2fr 9fr;
  }
  .ui-static-grid-lg-col-2-10 {
    grid-template-columns: 2fr 10fr;
  }
  .ui-static-grid-lg-col-2-11 {
    grid-template-columns: 2fr 11fr;
  }
  .ui-static-grid-lg-col-2-12 {
    grid-template-columns: 2fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-3-1 {
    grid-template-columns: 3fr 1fr;
  }
  .ui-static-grid-lg-col-3-2 {
    grid-template-columns: 3fr 2fr;
  }
  .ui-static-grid-lg-col-3-3 {
    grid-template-columns: 3fr 3fr;
  }
  .ui-static-grid-lg-col-3-4 {
    grid-template-columns: 3fr 4fr;
  }
  .ui-static-grid-lg-col-3-5 {
    grid-template-columns: 3fr 5fr;
  }
  .ui-static-grid-lg-col-3-6 {
    grid-template-columns: 3fr 6fr;
  }
  .ui-static-grid-lg-col-3-7 {
    grid-template-columns: 3fr 7fr;
  }
  .ui-static-grid-lg-col-3-8 {
    grid-template-columns: 3fr 8fr;
  }
  .ui-static-grid-lg-col-3-9 {
    grid-template-columns: 3fr 9fr;
  }
  .ui-static-grid-lg-col-3-10 {
    grid-template-columns: 3fr 10fr;
  }
  .ui-static-grid-lg-col-3-11 {
    grid-template-columns: 3fr 11fr;
  }
  .ui-static-grid-lg-col-3-12 {
    grid-template-columns: 3fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-4-1 {
    grid-template-columns: 4fr 1fr;
  }
  .ui-static-grid-lg-col-4-2 {
    grid-template-columns: 4fr 2fr;
  }
  .ui-static-grid-lg-col-4-3 {
    grid-template-columns: 4fr 3fr;
  }
  .ui-static-grid-lg-col-4-4 {
    grid-template-columns: 4fr 4fr;
  }
  .ui-static-grid-lg-col-4-5 {
    grid-template-columns: 4fr 5fr;
  }
  .ui-static-grid-lg-col-4-6 {
    grid-template-columns: 4fr 6fr;
  }
  .ui-static-grid-lg-col-4-7 {
    grid-template-columns: 4fr 7fr;
  }
  .ui-static-grid-lg-col-4-8 {
    grid-template-columns: 4fr 8fr;
  }
  .ui-static-grid-lg-col-4-9 {
    grid-template-columns: 4fr 9fr;
  }
  .ui-static-grid-lg-col-4-10 {
    grid-template-columns: 4fr 10fr;
  }
  .ui-static-grid-lg-col-4-11 {
    grid-template-columns: 4fr 11fr;
  }
  .ui-static-grid-lg-col-4-12 {
    grid-template-columns: 4fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-5-1 {
    grid-template-columns: 5fr 1fr;
  }
  .ui-static-grid-lg-col-5-2 {
    grid-template-columns: 5fr 2fr;
  }
  .ui-static-grid-lg-col-5-3 {
    grid-template-columns: 5fr 3fr;
  }
  .ui-static-grid-lg-col-5-4 {
    grid-template-columns: 5fr 4fr;
  }
  .ui-static-grid-lg-col-5-5 {
    grid-template-columns: 5fr 5fr;
  }
  .ui-static-grid-lg-col-5-6 {
    grid-template-columns: 5fr 6fr;
  }
  .ui-static-grid-lg-col-5-7 {
    grid-template-columns: 5fr 7fr;
  }
  .ui-static-grid-lg-col-5-8 {
    grid-template-columns: 5fr 8fr;
  }
  .ui-static-grid-lg-col-5-9 {
    grid-template-columns: 5fr 9fr;
  }
  .ui-static-grid-lg-col-5-10 {
    grid-template-columns: 5fr 10fr;
  }
  .ui-static-grid-lg-col-5-11 {
    grid-template-columns: 5fr 11fr;
  }
  .ui-static-grid-lg-col-5-12 {
    grid-template-columns: 5fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-6-1 {
    grid-template-columns: 6fr 1fr;
  }
  .ui-static-grid-lg-col-6-2 {
    grid-template-columns: 6fr 2fr;
  }
  .ui-static-grid-lg-col-6-3 {
    grid-template-columns: 6fr 3fr;
  }
  .ui-static-grid-lg-col-6-4 {
    grid-template-columns: 6fr 4fr;
  }
  .ui-static-grid-lg-col-6-5 {
    grid-template-columns: 6fr 5fr;
  }
  .ui-static-grid-lg-col-6-6 {
    grid-template-columns: 6fr 6fr;
  }
  .ui-static-grid-lg-col-6-7 {
    grid-template-columns: 6fr 7fr;
  }
  .ui-static-grid-lg-col-6-8 {
    grid-template-columns: 6fr 8fr;
  }
  .ui-static-grid-lg-col-6-9 {
    grid-template-columns: 6fr 9fr;
  }
  .ui-static-grid-lg-col-6-10 {
    grid-template-columns: 6fr 10fr;
  }
  .ui-static-grid-lg-col-6-11 {
    grid-template-columns: 6fr 11fr;
  }
  .ui-static-grid-lg-col-6-12 {
    grid-template-columns: 6fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-7-1 {
    grid-template-columns: 7fr 1fr;
  }
  .ui-static-grid-lg-col-7-2 {
    grid-template-columns: 7fr 2fr;
  }
  .ui-static-grid-lg-col-7-3 {
    grid-template-columns: 7fr 3fr;
  }
  .ui-static-grid-lg-col-7-4 {
    grid-template-columns: 7fr 4fr;
  }
  .ui-static-grid-lg-col-7-5 {
    grid-template-columns: 7fr 5fr;
  }
  .ui-static-grid-lg-col-7-6 {
    grid-template-columns: 7fr 6fr;
  }
  .ui-static-grid-lg-col-7-7 {
    grid-template-columns: 7fr 7fr;
  }
  .ui-static-grid-lg-col-7-8 {
    grid-template-columns: 7fr 8fr;
  }
  .ui-static-grid-lg-col-7-9 {
    grid-template-columns: 7fr 9fr;
  }
  .ui-static-grid-lg-col-7-10 {
    grid-template-columns: 7fr 10fr;
  }
  .ui-static-grid-lg-col-7-11 {
    grid-template-columns: 7fr 11fr;
  }
  .ui-static-grid-lg-col-7-12 {
    grid-template-columns: 7fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-8-1 {
    grid-template-columns: 8fr 1fr;
  }
  .ui-static-grid-lg-col-8-2 {
    grid-template-columns: 8fr 2fr;
  }
  .ui-static-grid-lg-col-8-3 {
    grid-template-columns: 8fr 3fr;
  }
  .ui-static-grid-lg-col-8-4 {
    grid-template-columns: 8fr 4fr;
  }
  .ui-static-grid-lg-col-8-5 {
    grid-template-columns: 8fr 5fr;
  }
  .ui-static-grid-lg-col-8-6 {
    grid-template-columns: 8fr 6fr;
  }
  .ui-static-grid-lg-col-8-7 {
    grid-template-columns: 8fr 7fr;
  }
  .ui-static-grid-lg-col-8-8 {
    grid-template-columns: 8fr 8fr;
  }
  .ui-static-grid-lg-col-8-9 {
    grid-template-columns: 8fr 9fr;
  }
  .ui-static-grid-lg-col-8-10 {
    grid-template-columns: 8fr 10fr;
  }
  .ui-static-grid-lg-col-8-11 {
    grid-template-columns: 8fr 11fr;
  }
  .ui-static-grid-lg-col-8-12 {
    grid-template-columns: 8fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-9-1 {
    grid-template-columns: 9fr 1fr;
  }
  .ui-static-grid-lg-col-9-2 {
    grid-template-columns: 9fr 2fr;
  }
  .ui-static-grid-lg-col-9-3 {
    grid-template-columns: 9fr 3fr;
  }
  .ui-static-grid-lg-col-9-4 {
    grid-template-columns: 9fr 4fr;
  }
  .ui-static-grid-lg-col-9-5 {
    grid-template-columns: 9fr 5fr;
  }
  .ui-static-grid-lg-col-9-6 {
    grid-template-columns: 9fr 6fr;
  }
  .ui-static-grid-lg-col-9-7 {
    grid-template-columns: 9fr 7fr;
  }
  .ui-static-grid-lg-col-9-8 {
    grid-template-columns: 9fr 8fr;
  }
  .ui-static-grid-lg-col-9-9 {
    grid-template-columns: 9fr 9fr;
  }
  .ui-static-grid-lg-col-9-10 {
    grid-template-columns: 9fr 10fr;
  }
  .ui-static-grid-lg-col-9-11 {
    grid-template-columns: 9fr 11fr;
  }
  .ui-static-grid-lg-col-9-12 {
    grid-template-columns: 9fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-10-1 {
    grid-template-columns: 10fr 1fr;
  }
  .ui-static-grid-lg-col-10-2 {
    grid-template-columns: 10fr 2fr;
  }
  .ui-static-grid-lg-col-10-3 {
    grid-template-columns: 10fr 3fr;
  }
  .ui-static-grid-lg-col-10-4 {
    grid-template-columns: 10fr 4fr;
  }
  .ui-static-grid-lg-col-10-5 {
    grid-template-columns: 10fr 5fr;
  }
  .ui-static-grid-lg-col-10-6 {
    grid-template-columns: 10fr 6fr;
  }
  .ui-static-grid-lg-col-10-7 {
    grid-template-columns: 10fr 7fr;
  }
  .ui-static-grid-lg-col-10-8 {
    grid-template-columns: 10fr 8fr;
  }
  .ui-static-grid-lg-col-10-9 {
    grid-template-columns: 10fr 9fr;
  }
  .ui-static-grid-lg-col-10-10 {
    grid-template-columns: 10fr 10fr;
  }
  .ui-static-grid-lg-col-10-11 {
    grid-template-columns: 10fr 11fr;
  }
  .ui-static-grid-lg-col-10-12 {
    grid-template-columns: 10fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-11-1 {
    grid-template-columns: 11fr 1fr;
  }
  .ui-static-grid-lg-col-11-2 {
    grid-template-columns: 11fr 2fr;
  }
  .ui-static-grid-lg-col-11-3 {
    grid-template-columns: 11fr 3fr;
  }
  .ui-static-grid-lg-col-11-4 {
    grid-template-columns: 11fr 4fr;
  }
  .ui-static-grid-lg-col-11-5 {
    grid-template-columns: 11fr 5fr;
  }
  .ui-static-grid-lg-col-11-6 {
    grid-template-columns: 11fr 6fr;
  }
  .ui-static-grid-lg-col-11-7 {
    grid-template-columns: 11fr 7fr;
  }
  .ui-static-grid-lg-col-11-8 {
    grid-template-columns: 11fr 8fr;
  }
  .ui-static-grid-lg-col-11-9 {
    grid-template-columns: 11fr 9fr;
  }
  .ui-static-grid-lg-col-11-10 {
    grid-template-columns: 11fr 10fr;
  }
  .ui-static-grid-lg-col-11-11 {
    grid-template-columns: 11fr 11fr;
  }
  .ui-static-grid-lg-col-11-12 {
    grid-template-columns: 11fr 12fr;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-col-12-1 {
    grid-template-columns: 12fr 1fr;
  }
  .ui-static-grid-lg-col-12-2 {
    grid-template-columns: 12fr 2fr;
  }
  .ui-static-grid-lg-col-12-3 {
    grid-template-columns: 12fr 3fr;
  }
  .ui-static-grid-lg-col-12-4 {
    grid-template-columns: 12fr 4fr;
  }
  .ui-static-grid-lg-col-12-5 {
    grid-template-columns: 12fr 5fr;
  }
  .ui-static-grid-lg-col-12-6 {
    grid-template-columns: 12fr 6fr;
  }
  .ui-static-grid-lg-col-12-7 {
    grid-template-columns: 12fr 7fr;
  }
  .ui-static-grid-lg-col-12-8 {
    grid-template-columns: 12fr 8fr;
  }
  .ui-static-grid-lg-col-12-9 {
    grid-template-columns: 12fr 9fr;
  }
  .ui-static-grid-lg-col-12-10 {
    grid-template-columns: 12fr 10fr;
  }
  .ui-static-grid-lg-col-12-11 {
    grid-template-columns: 12fr 11fr;
  }
  .ui-static-grid-lg-col-12-12 {
    grid-template-columns: 12fr 12fr;
  }
}
.ui-static-grid-width-max.ui-static-grid-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ui-static-grid-width-max.ui-static-grid-col-12 {
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-width-max.ui-static-grid-md-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-1 {
    grid-template-columns: repeat(1, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-2 {
    grid-template-columns: repeat(2, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-3 {
    grid-template-columns: repeat(3, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-4 {
    grid-template-columns: repeat(4, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-5 {
    grid-template-columns: repeat(5, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-6 {
    grid-template-columns: repeat(6, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-7 {
    grid-template-columns: repeat(7, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-8 {
    grid-template-columns: repeat(8, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-9 {
    grid-template-columns: repeat(9, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-10 {
    grid-template-columns: repeat(10, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-11 {
    grid-template-columns: repeat(11, max-content);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-width-max.ui-static-grid-lg-col-12 {
    grid-template-columns: repeat(12, max-content);
  }
}
.ui-static-grid-space-basic {
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-grid-space-basic {
    gap: 24px;
  }
}
.ui-static-grid-space-wide {
  gap: 24px;
}
.ui-static-grid-space-wider {
  gap: 64px;
}
.ui-static-grid-space-narrow {
  gap: 8px;
}
.ui-static-grid-space-banner {
  gap: 16px;
}
.ui-static-grid-space-article-card {
  row-gap: 40px;
  column-gap: 16px;
}
.ui-static-grid-space-banner-narrow {
  gap: 16px 8px;
}
.ui-static-grid-space-1 {
  gap: 1px;
}
.ui-static-grid-space-2 {
  gap: 2px;
}
.ui-static-grid-space-3 {
  gap: 3px;
}
.ui-static-grid-space-4 {
  gap: 4px;
}
.ui-static-grid-space-5 {
  gap: 5px;
}
.ui-static-grid-space-6 {
  gap: 6px;
}
.ui-static-grid-space-7 {
  gap: 7px;
}
.ui-static-grid-space-8 {
  gap: 8px;
}
.ui-static-grid-space-9 {
  gap: 9px;
}
.ui-static-grid-space-10 {
  gap: 10px;
}
.ui-static-grid-space-11 {
  gap: 11px;
}
.ui-static-grid-space-12 {
  gap: 12px;
}
.ui-static-grid-space-13 {
  gap: 13px;
}
.ui-static-grid-space-14 {
  gap: 14px;
}
.ui-static-grid-space-15 {
  gap: 15px;
}
.ui-static-grid-space-16 {
  gap: 16px;
}
.ui-static-grid-space-17 {
  gap: 17px;
}
.ui-static-grid-space-18 {
  gap: 18px;
}
.ui-static-grid-space-19 {
  gap: 19px;
}
.ui-static-grid-space-20 {
  gap: 20px;
}
.ui-static-grid-space-21 {
  gap: 21px;
}
.ui-static-grid-space-22 {
  gap: 22px;
}
.ui-static-grid-space-23 {
  gap: 23px;
}
.ui-static-grid-space-24 {
  gap: 24px;
}
.ui-static-grid-space-25 {
  gap: 25px;
}
.ui-static-grid-space-26 {
  gap: 26px;
}
.ui-static-grid-space-27 {
  gap: 27px;
}
.ui-static-grid-space-28 {
  gap: 28px;
}
.ui-static-grid-space-29 {
  gap: 29px;
}
.ui-static-grid-space-30 {
  gap: 30px;
}
.ui-static-grid-space-31 {
  gap: 31px;
}
.ui-static-grid-space-32 {
  gap: 32px;
}
.ui-static-grid-space-33 {
  gap: 33px;
}
.ui-static-grid-space-34 {
  gap: 34px;
}
.ui-static-grid-space-35 {
  gap: 35px;
}
.ui-static-grid-space-36 {
  gap: 36px;
}
.ui-static-grid-space-37 {
  gap: 37px;
}
.ui-static-grid-space-38 {
  gap: 38px;
}
.ui-static-grid-space-39 {
  gap: 39px;
}
.ui-static-grid-space-40 {
  gap: 40px;
}
.ui-static-grid-space-41 {
  gap: 41px;
}
.ui-static-grid-space-42 {
  gap: 42px;
}
.ui-static-grid-space-43 {
  gap: 43px;
}
.ui-static-grid-space-44 {
  gap: 44px;
}
.ui-static-grid-space-45 {
  gap: 45px;
}
.ui-static-grid-space-46 {
  gap: 46px;
}
.ui-static-grid-space-47 {
  gap: 47px;
}
.ui-static-grid-space-48 {
  gap: 48px;
}
.ui-static-grid-space-49 {
  gap: 49px;
}
.ui-static-grid-space-50 {
  gap: 50px;
}
.ui-static-grid-space-51 {
  gap: 51px;
}
.ui-static-grid-space-52 {
  gap: 52px;
}
.ui-static-grid-space-53 {
  gap: 53px;
}
.ui-static-grid-space-54 {
  gap: 54px;
}
.ui-static-grid-space-55 {
  gap: 55px;
}
.ui-static-grid-space-56 {
  gap: 56px;
}
.ui-static-grid-space-57 {
  gap: 57px;
}
.ui-static-grid-space-58 {
  gap: 58px;
}
.ui-static-grid-space-59 {
  gap: 59px;
}
.ui-static-grid-space-60 {
  gap: 60px;
}
.ui-static-grid-space-61 {
  gap: 61px;
}
.ui-static-grid-space-62 {
  gap: 62px;
}
.ui-static-grid-space-63 {
  gap: 63px;
}
.ui-static-grid-space-64 {
  gap: 64px;
}
.ui-static-grid-space-65 {
  gap: 65px;
}
.ui-static-grid-space-66 {
  gap: 66px;
}
.ui-static-grid-space-67 {
  gap: 67px;
}
.ui-static-grid-space-68 {
  gap: 68px;
}
.ui-static-grid-space-69 {
  gap: 69px;
}
.ui-static-grid-space-70 {
  gap: 70px;
}
.ui-static-grid-space-71 {
  gap: 71px;
}
.ui-static-grid-space-72 {
  gap: 72px;
}
.ui-static-grid-space-73 {
  gap: 73px;
}
.ui-static-grid-space-74 {
  gap: 74px;
}
.ui-static-grid-space-75 {
  gap: 75px;
}
.ui-static-grid-space-76 {
  gap: 76px;
}
.ui-static-grid-space-77 {
  gap: 77px;
}
.ui-static-grid-space-78 {
  gap: 78px;
}
.ui-static-grid-space-79 {
  gap: 79px;
}
.ui-static-grid-space-80 {
  gap: 80px;
}
.ui-static-grid-space-81 {
  gap: 81px;
}
.ui-static-grid-space-82 {
  gap: 82px;
}
.ui-static-grid-space-83 {
  gap: 83px;
}
.ui-static-grid-space-84 {
  gap: 84px;
}
.ui-static-grid-space-85 {
  gap: 85px;
}
.ui-static-grid-space-86 {
  gap: 86px;
}
.ui-static-grid-space-87 {
  gap: 87px;
}
.ui-static-grid-space-88 {
  gap: 88px;
}
.ui-static-grid-space-89 {
  gap: 89px;
}
.ui-static-grid-space-90 {
  gap: 90px;
}
.ui-static-grid-space-91 {
  gap: 91px;
}
.ui-static-grid-space-92 {
  gap: 92px;
}
.ui-static-grid-space-93 {
  gap: 93px;
}
.ui-static-grid-space-94 {
  gap: 94px;
}
.ui-static-grid-space-95 {
  gap: 95px;
}
.ui-static-grid-space-96 {
  gap: 96px;
}
.ui-static-grid-space-97 {
  gap: 97px;
}
.ui-static-grid-space-98 {
  gap: 98px;
}
.ui-static-grid-space-99 {
  gap: 99px;
}
.ui-static-grid-space-100 {
  gap: 100px;
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-wide {
    gap: 24px;
  }
}
.ui-static-grid-md-space-wider {
  gap: 64px;
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-narrow {
    gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-banner {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-article-card {
    row-gap: 48px;
    column-gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-grid-md-space-100 {
    gap: 100px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-wide {
    gap: 24px;
  }
}
.ui-static-grid-lg-space-wider {
  gap: 64px;
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-narrow {
    gap: 8px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-banner {
    gap: 16px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-article-card {
    row-gap: 48px;
    column-gap: 24px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-1 {
    gap: 1px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-2 {
    gap: 2px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-3 {
    gap: 3px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-4 {
    gap: 4px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-5 {
    gap: 5px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-6 {
    gap: 6px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-7 {
    gap: 7px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-8 {
    gap: 8px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-9 {
    gap: 9px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-10 {
    gap: 10px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-11 {
    gap: 11px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-12 {
    gap: 12px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-13 {
    gap: 13px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-14 {
    gap: 14px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-15 {
    gap: 15px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-16 {
    gap: 16px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-17 {
    gap: 17px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-18 {
    gap: 18px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-19 {
    gap: 19px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-20 {
    gap: 20px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-21 {
    gap: 21px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-22 {
    gap: 22px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-23 {
    gap: 23px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-24 {
    gap: 24px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-25 {
    gap: 25px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-26 {
    gap: 26px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-27 {
    gap: 27px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-28 {
    gap: 28px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-29 {
    gap: 29px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-30 {
    gap: 30px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-31 {
    gap: 31px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-32 {
    gap: 32px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-33 {
    gap: 33px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-34 {
    gap: 34px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-35 {
    gap: 35px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-36 {
    gap: 36px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-37 {
    gap: 37px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-38 {
    gap: 38px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-39 {
    gap: 39px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-40 {
    gap: 40px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-41 {
    gap: 41px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-42 {
    gap: 42px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-43 {
    gap: 43px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-44 {
    gap: 44px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-45 {
    gap: 45px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-46 {
    gap: 46px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-47 {
    gap: 47px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-48 {
    gap: 48px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-49 {
    gap: 49px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-50 {
    gap: 50px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-51 {
    gap: 51px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-52 {
    gap: 52px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-53 {
    gap: 53px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-54 {
    gap: 54px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-55 {
    gap: 55px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-56 {
    gap: 56px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-57 {
    gap: 57px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-58 {
    gap: 58px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-59 {
    gap: 59px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-60 {
    gap: 60px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-61 {
    gap: 61px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-62 {
    gap: 62px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-63 {
    gap: 63px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-64 {
    gap: 64px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-65 {
    gap: 65px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-66 {
    gap: 66px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-67 {
    gap: 67px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-68 {
    gap: 68px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-69 {
    gap: 69px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-70 {
    gap: 70px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-71 {
    gap: 71px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-72 {
    gap: 72px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-73 {
    gap: 73px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-74 {
    gap: 74px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-75 {
    gap: 75px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-76 {
    gap: 76px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-77 {
    gap: 77px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-78 {
    gap: 78px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-79 {
    gap: 79px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-80 {
    gap: 80px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-81 {
    gap: 81px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-82 {
    gap: 82px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-83 {
    gap: 83px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-84 {
    gap: 84px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-85 {
    gap: 85px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-86 {
    gap: 86px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-87 {
    gap: 87px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-88 {
    gap: 88px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-89 {
    gap: 89px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-90 {
    gap: 90px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-91 {
    gap: 91px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-92 {
    gap: 92px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-93 {
    gap: 93px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-94 {
    gap: 94px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-95 {
    gap: 95px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-96 {
    gap: 96px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-97 {
    gap: 97px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-98 {
    gap: 98px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-99 {
    gap: 99px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-grid-lg-space-100 {
    gap: 100px;
  }
}
.ui-static-grid-center {
  align-items: center;
}
.ui-static-heading {
  color: #2c2a29;
  margin: 0;
  font-weight: 400;
  width: 100%;
}
.ui-static-heading-with-icon {
  display: grid;
  gap: 8px;
}
.ui-static-heading-light {
  font-weight: 400;
}
.ui-static-heading-bold {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .ui-static-heading-light-md {
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-heading-bold-md {
    font-weight: 700;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-heading-light-lg {
    font-weight: 400;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-heading-bold-lg {
    font-weight: 700;
  }
}
.ui-static-heading-left {
  text-align: left;
}
.ui-static-heading-left.ui-static-heading-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ui-static-heading-center {
  text-align: center;
}
.ui-static-heading-center.ui-static-heading-with-icon {
  justify-content: center;
  align-items: center;
}
.ui-static-heading-right {
  text-align: right;
}
.ui-static-heading-right.ui-static-heading-with-icon {
  justify-content: right;
  align-items: center;
}
.ui-static-heading-size-enormous {
  line-height: 1.3;
  font-size: 32px;
}
@media screen and (min-width: 768px) {
  .ui-static-heading-size-enormous {
    font-size: 40px;
  }
}
.ui-static-heading-size-huge {
  line-height: 1.3;
  font-size: 28px;
}
@media screen and (min-width: 768px) {
  .ui-static-heading-size-huge {
    font-size: 36px;
  }
}
.ui-static-heading-size-large {
  line-height: 1.3;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .ui-static-heading-size-large {
    font-size: 32px;
  }
}
.ui-static-heading-size-medium {
  line-height: 1.3;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .ui-static-heading-size-medium {
    font-size: 26px;
  }
}
.ui-static-heading-size-small {
  line-height: 1.5;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-heading-size-small {
    font-size: 20px;
  }
}
.ui-static-heading-size-tiny {
  line-height: 1.5;
  font-weight: 700;
  font-size: 14px;
}
.ui-static-heading-bg-image {
  background-size: cover;
  padding: 17px 24px 18px;
  color: #fff;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4509803922);
}
.ui-static-heading-bg-color {
  color: #2c2a29;
  padding: 17px 24px 18px;
}
.ui-static-heading-underline {
  padding-bottom: 14px;
  position: relative;
}
.ui-static-heading-underline::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #10069f;
  position: absolute;
  bottom: 0px;
}
.ui-static-heading-underline.ui-static-heading-left::after {
  left: 0;
  transform: skew(-20deg);
}
.ui-static-heading-underline.ui-static-heading-center::after {
  left: 50%;
  transform: skew(-20deg) translateX(-50%);
}
.ui-static-heading-underline.ui-static-heading-right::after {
  right: 0;
  transform: skew(-20deg);
}
.ui-static-heading-subtitle {
  font-size: 14px;
  font-weight: 700;
  display: block;
}
.ui-static-heading-with-subtitle-top {
  width: 100%;
  line-height: 1.7;
}
.ui-static-heading-with-subtitle-top.ui-static-heading-underline {
  line-height: 1.64;
}
.ui-static-heading-with-subtitle-bottom {
  width: 100%;
  line-height: 1.74;
}
.ui-static-heading-with-subtitle-bottom::after {
  bottom: 0;
}
.ui-static-heading-with-subtitle-bottom.ui-static-heading-underline {
  line-height: 1.7;
  padding-bottom: 18px;
}
.ui-static-tag {
  font-weight: 700;
  font-size: 12px;
  border-radius: 4px;
  border: none;
  line-height: 1.08;
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
}
.ui-static-tag-customization-container {
  background-color: #ddd;
  padding: 10px;
}
.ui-static-tag-customization {
  padding: 0 6px;
  border-radius: 4px;
}
.ui-static-tag-customization-sale {
  background-color: #ea6078;
  color: #fff;
}
.ui-static-tag-customization-hawaii {
  background-color: #fff;
  color: #b06219;
}
.ui-static-tag-customization-fair {
  background: linear-gradient(rgb(241, 246, 126) 0%, rgb(163, 143, 5) 100%) 0%
    0% no-repeat padding-box padding-box rgba(0, 0, 0, 0);
  color: #423100;
}
.ui-static-tag-basic {
  color: #697180;
  background: #f5f7fa;
}
.ui-static-tag-success {
  color: #008552;
  background: #f2fff7;
}
.ui-static-tag-warning {
  color: #cc3600;
  background: #fffcd5;
}
.ui-static-tag-danger {
  color: #d63333;
  background: #fff7f7;
}
.ui-static-tag-highlight {
  color: #2c2a29;
  background: #ffee1d;
}
.ui-static-tag-domestic {
  color: #008552;
  background: #f2ffe0;
}
.ui-static-tag-overseas {
  color: #0063b0;
  background: #f0f7ff;
}
.ui-static-tag-sale {
  color: #fff;
  background: #cc3600;
}
.ui-static-tag-advertisement {
  color: #cc3600;
  background: #fffcd5;
}
.ui-static-tag-line {
  color: #fff;
  background: #06c755;
}
body {
  counter-reset: list;
}
.ui-static-list-item {
  display: flex;
  align-items: flex-start;
  list-style: none;
}
.ui-static-list-item.ui-static-list-item-prepend {
  display: flex;
  align-items: flex-start;
}
.ui-static-list-item::before {
  padding-right: 8px;
}
.ui-static-list-item.ui-static-list-item-disc::before {
  content: "•";
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.ui-static-list-item.ui-static-list-item-decimal::before {
  counter-increment: list;
  content: counter(list) ".";
  font-size: 14px;
}
.ui-static-list-item.ui-static-list-item-asterisk::before {
  content: "※";
  font-size: 12px;
}
.ui-static-list-item.ui-static-list-item-small {
  font-size: 12px;
  line-height: 18px;
}
.ui-static-list-item.ui-static-list-item-medium {
  font-size: 14px;
  line-height: 21px;
}
.ui-static-list-item.ui-static-list-item-large {
  font-size: 16px;
  line-height: 29px;
}
.ui-static-list-item.ui-static-list-item-bold {
  font-weight: 700;
}
.ui-static-list-item .ui-static-list-item-prepend {
  padding-right: 8px;
  display: inline-flex;
}
.ui-static-text {
  color: #697180;
}
.ui-static-text-black {
  color: #2c2a29;
}
.ui-static-text-gray {
  color: #697180;
}
.ui-static-text-large {
  font-size: 1rem;
  line-height: 28.8px;
  font-weight: 400;
}
.ui-static-text-medium {
  font-size: 0.875rem;
  line-height: 21px;
}
.ui-static-text-small {
  font-size: 0.75rem;
  line-height: 18px;
}
.ui-static-text-bold {
  font-weight: 700;
}
.ui-static-text-align-left {
  text-align: left;
}
.ui-static-text-align-center {
  text-align: center;
}
.ui-static-text-align-right {
  text-align: right;
}
.ui-static-text-list {
  padding: 0 20px;
  margin: 8px 0;
}
.ui-static-text-list-reference-mark {
  padding: 0;
  margin: 8px 0;
}
.ui-static-text-list-item-bullet::marker {
  font-size: 10px;
}
.ui-static-text-list-item-num::marker {
  font-size: 14px;
}
.ui-static-text-list-reference-mark-item {
  list-style: none;
  padding: 0;
  padding-left: 20px;
  position: relative;
}
.ui-static-text-list-reference-mark-item:before {
  content: "※";
  font-size: 1.2em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 5px;
  font-size: 13px;
}
.ui-static-tab {
  padding: 4px 4px 8px;
}
.ui-static-tab-button-list {
  display: flex;
  column-gap: 4px;
  width: max-content;
}
.ui-static-tab-button {
  padding: 10px 16px 12px 16px;
  color: #2c2a29;
  background-color: #e9ecf2;
  text-align: center;
  border-radius: 0.25rem;
  font-size: 14px;
  cursor: pointer;
  border: none;
}
.ui-static-tab-button::before {
  content: "";
  position: absolute;
  background-color: #697180;
  left: 50%;
  bottom: -13px;
  display: block;
  width: 16px;
  height: 16px;
  transform: rotate(45deg) translateX(-100%);
  opacity: 0;
}
.ui-static-tab-button:hover {
  background: #f0f7ff;
  color: #140d77;
}
.ui-static-tab-button.is-active {
  font-weight: 700;
  background: #697180;
  color: #fff;
  position: relative;
}
.ui-static-tab-button.is-active::before {
  opacity: 1;
  transform: rotate(45deg) translateX(-68%);
}
.ui-static-tab-content {
  margin-top: 26px;
}
.ui-static-tab-content-item {
  display: none;
}
.ui-static-tab-content-item.is-active {
  display: block;
}
.ui-static-tab-col-1 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: auto;
}
.ui-static-tab-col-1 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-1 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-1.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(1, max-content);
}
.ui-static-tab-col-1.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-2 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: auto;
}
.ui-static-tab-col-2 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-2 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-2.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(2, max-content);
}
.ui-static-tab-col-2.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-3 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: auto;
}
.ui-static-tab-col-3 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-3 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-3.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(3, max-content);
}
.ui-static-tab-col-3.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-4 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: auto;
}
.ui-static-tab-col-4 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-4 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-4.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(4, max-content);
}
.ui-static-tab-col-4.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-5 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: auto;
}
.ui-static-tab-col-5 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-5 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-5.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(5, max-content);
}
.ui-static-tab-col-5.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-6 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: auto;
}
.ui-static-tab-col-6 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-6 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-6.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(6, max-content);
}
.ui-static-tab-col-6.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-7 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: auto;
}
.ui-static-tab-col-7 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-7 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-7.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(7, max-content);
}
.ui-static-tab-col-7.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-8 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: auto;
}
.ui-static-tab-col-8 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-8 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-8.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(8, max-content);
}
.ui-static-tab-col-8.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-9 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  width: auto;
}
.ui-static-tab-col-9 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-9 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-9.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(9, max-content);
}
.ui-static-tab-col-9.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-10 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  width: auto;
}
.ui-static-tab-col-10 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-10 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-10.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(10, max-content);
}
.ui-static-tab-col-10.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-11 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  width: auto;
}
.ui-static-tab-col-11 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-11 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-11.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(11, max-content);
}
.ui-static-tab-col-11.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-col-12 .ui-static-tab-button-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: auto;
}
.ui-static-tab-col-12 .ui-static-tab-button-list .ui-static-tab-button {
  min-width: 106px;
}
.ui-static-tab-col-12 .ui-static-tab-button-list + .ui-static-tab-content {
  margin-top: 32px;
}
.ui-static-tab-col-12.ui-static-tab-type-rounded .ui-static-tab-button-list {
  grid-template-columns: repeat(12, max-content);
}
.ui-static-tab-col-12.ui-static-tab-type-rounded .ui-static-tab-button {
  padding: 0 1rem;
  min-width: unset;
}
.ui-static-tab-type-line .ui-static-tab-button-list {
  column-gap: 0;
}
.ui-static-tab-type-line .ui-static-tab-button {
  font-size: 0.875rem;
  color: #2c2a29;
  position: relative;
  padding: 0 24px 28px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.ui-static-tab-type-line .ui-static-tab-button::before {
  content: "";
  height: 4px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  background-color: #e9ecf2;
  transition: all ease-out 0.2s;
  transform: rotate(0deg) translateX(0);
}
.ui-static-tab-type-line .ui-static-tab-button:hover {
  color: #140d77;
}
.ui-static-tab-type-line .ui-static-tab-button:first-child::before {
  border-radius: 100px 0 0 100px;
}
.ui-static-tab-type-line .ui-static-tab-button:last-child::before {
  border-radius: 0 100px 100px 0;
}
.ui-static-tab-type-line .ui-static-tab-button.is-active {
  color: #2c2a29;
}
.ui-static-tab-type-line .ui-static-tab-button.is-active::before {
  background-color: #697180;
}
.ui-static-tab-type-line + .ui-static-tab-content {
  margin-top: 22px;
}
.ui-static-tab-type-rounded {
  column-gap: 4px;
}
.ui-static-tab-type-rounded .ui-static-tab-button {
  display: flex;
  align-items: center;
  min-height: 1.875rem;
  padding: 0 1rem;
  font-size: 0.75rem;
  border: 1px solid #939dad;
  color: #2c2a29;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.2s ease-out;
}
.ui-static-tab-type-rounded .ui-static-tab-button:hover {
  border-color: #99c4fd;
  background-color: #f0f7ff;
  color: #140d77;
}
.ui-static-tab-type-rounded .ui-static-tab-button:hover .ui-static-icon {
  color: #140d77;
}
.ui-static-tab-type-rounded .ui-static-tab-button.is-active {
  color: #fff;
  background: #697180;
  border-color: rgba(0, 0, 0, 0);
}
.ui-static-tab-type-rounded .ui-static-tab-button.is-active::before {
  display: none;
}
.ui-static-tab-type-rounded .ui-static-tab-button.is-active .ui-static-icon {
  color: #fff;
}
.ui-static-tab-type-rounded .ui-static-tab-button .ui-static-icon {
  position: relative;
  margin-right: 5px;
}
.ui-static-tab-type-rounded .ui-static-tab-button.has-icon {
  padding: 4px 14px 5px 11px;
  display: flex;
  align-items: center;
}
.is-scrollable {
  overflow: scroll hidden;
  margin-right: -20px;
  padding-right: 20px;
  padding-bottom: 8px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.is-scrollable::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .is-scrollable {
    margin-right: -30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1104px) {
  .is-scrollable {
    margin-right: auto;
    padding-right: 4px;
  }
}
.ui-static-progress {
  position: relative;
  max-width: 672px;
}
.ui-static-progress[data-progress-type="line"] {
  background: #d4e8ff;
}
.ui-static-progress[data-progress-type="line"],
.ui-static-progress-liner {
  border-radius: 8px;
  width: 100%;
  height: 8px;
}
.ui-static-progress-liner {
  background-color: #3063d5;
  transition: width 0.3s ease-out;
}
.ui-static-progress-line {
  width: 100%;
  height: 8px;
  border-radius: 100px;
  background-color: #c0dbff;
  overflow: hidden;
}
.ui-static-progress-line::before {
  content: "";
  position: relative;
  display: block;
  border-radius: 100px;
  width: 0%;
  height: 100%;
  background-color: #3063d5;
  animation: line 2s infinite linear;
}
.ui-static-progress-dot {
  color: #3063d5;
  font-size: 10px;
  left: 2.5em;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.ui-static-progress-dot,
.ui-static-progress-dot::before,
.ui-static-progress-dot::after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: dot 1.8s infinite ease-in-out;
  animation: dot 1.8s infinite ease-in-out;
}
.ui-static-progress-dot::before,
.ui-static-progress-dot::after {
  content: "";
  position: absolute;
  top: 0;
}
.ui-static-progress-dot::before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.ui-static-progress-dot::after {
  left: 3.5em;
  animation-delay: 0.2s;
}
.ui-static-progress-circle {
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(48, 100, 213, 0.2);
  border-right: 1.1em solid rgba(48, 100, 213, 0.2);
  border-bottom: 1.1em solid rgba(48, 100, 213, 0.2);
  border-left: 1.1em solid #3063d5;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: circle 1.1s infinite linear;
  animation: circle 1.1s infinite linear;
}
.ui-static-progress-circle,
.ui-static-progress-circle::after {
  border-radius: 50%;
  width: 74px;
  height: 74px;
}
@keyframes line {
  100% {
    width: 100%;
  }
}
@keyframes dot {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ui-static-tooltip:has([data-placement="left"]) {
  display: flex;
  justify-content: right;
}
.ui-static-tooltip-inner {
  position: relative;
  width: fit-content;
}
.ui-static-tooltip button {
  border: none;
  background: none;
  padding: 0;
}
.ui-static-tooltip-text {
  display: inline-block;
  font-size: 14px;
  padding: 6px;
}
.ui-static-tooltip .ui-static-icon {
  vertical-align: middle;
}
.ui-static-tooltip .ui-static-icon span {
  font-size: 16px;
}
.ui-static-tooltip .ui-static-tooltip-message {
  opacity: 0;
  color: #2c2a29;
  font-size: 14px;
  transition: opacity ease-out 0.2s;
  z-index: -1;
  background-color: #e9ecf2;
  border-radius: 10px;
  width: max-content;
}
.ui-static-tooltip .ui-static-tooltip-message-text {
  padding: 4px 8px 6px;
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
}
.ui-static-tooltip .ui-static-tooltip-message-close {
  border: none;
  border-radius: 50%;
  width: 20.09px;
  height: 20.09px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #697180;
  position: absolute;
  top: -7px;
  right: -7px;
}
.ui-static-tooltip .ui-static-tooltip-message-close .ui-static-icon {
  color: #fff;
  font-size: 16px;
}
.ui-static-tooltip .ui-static-tooltip-message .ui-static-message,
.ui-static-tooltip .ui-static-tooltip-message p {
  margin: 0;
}
.ui-static-tooltip .ui-static-tooltip-message .ui-static-message {
  text-align: center;
}
.ui-static-tooltip
  .ui-static-tooltip-message
  .ui-static-message
  .ui-static-message-text {
  text-align: left;
}
.ui-static-tooltip
  .ui-static-tooltip-message
  .ui-static-tooltip-inner-close-button {
  margin-top: 10px;
  color: #3064d5;
  display: inline-flex;
  width: fit-content;
  gap: 8px;
  align-items: center;
}
.ui-static-tooltip
  .ui-static-tooltip-message
  .ui-static-tooltip-inner-close-button
  .ui-static-icon {
  color: #007cdd;
  font-size: 16px;
}
.ui-static-tooltip .ui-static-tooltip-message-fade-out {
  opacity: 0;
  transition: opacity ease-out 0.2s;
}
.ui-static-tooltip .ui-static-tooltip-message-fade-in {
  opacity: 1;
  z-index: 10;
}
.ui-static-tooltip .ui-static-tooltip-message-arrow,
.ui-static-tooltip .ui-static-tooltip-message-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}
.ui-static-tooltip .ui-static-tooltip-message-arrow {
  visibility: hidden;
}
.ui-static-tooltip .ui-static-tooltip-message-arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}
.ui-static-tooltip .ui-static-tooltip-message[data-popper-placement^="top"] {
  transform: translate(97px, -35px);
}
.ui-static-tooltip
  .ui-static-tooltip-message[data-popper-placement^="top"]
  .ui-static-tooltip-message-arrow {
  bottom: -4px;
}
.ui-static-tooltip
  .ui-static-tooltip-message[data-popper-placement^="bottom"]
  .ui-static-tooltip-message-arrow {
  top: -4px;
}
.ui-static-tooltip
  .ui-static-tooltip-message[data-popper-placement^="bottom-start"]
  .ui-static-tooltip-message-arrow {
  top: -4px;
  left: 6px;
}
.ui-static-tooltip
  .ui-static-tooltip-message[data-popper-placement^="left"]
  .ui-static-tooltip-message-arrow {
  right: -4px;
}
.ui-static-tooltip
  .ui-static-tooltip-message[data-popper-placement^="right"]
  .ui-static-tooltip-message-arrow {
  left: -4px;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-default
  .ui-static-tooltip-message-text {
  background-color: #c0dbff;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-success
  .ui-static-tooltip-message-text {
  background-color: #c5fcf2;
  color: #147252;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-success
  .ui-static-tooltip-message-text
  .ui-static-icon {
  color: #23c9ab;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-warning
  .ui-static-tooltip-message-text {
  background-color: #fff2af;
  color: #cf3700;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-warning
  .ui-static-tooltip-message-text
  .ui-static-icon {
  color: #f29423;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-error
  .ui-static-tooltip-message-text {
  background-color: #ffe1e1;
  color: #bb0b00;
}
.ui-static-tooltip
  .ui-static-tooltip-message--variant-error
  .ui-static-tooltip-message-text
  .ui-static-icon {
  color: #df0d00;
}
.ui-static-checkbox {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  user-select: none;
  font-size: 0.875rem;
  color: #2c2a29;
  text-align: left;
}
.ui-static-checkbox.is-disabled {
  color: #939dad;
}
.ui-static-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ui-static-checkbox input:checked ~ .checkmark {
  border-color: #3064d5;
  background: #3064d5;
}
.ui-static-checkbox input:checked ~ .checkmark::after {
  visibility: visible;
  transform: translate(-50%, -50%);
}
.ui-static-checkbox input:focus ~ .checkmark {
  border-color: #3064d5;
}
.ui-static-checkbox .checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: #fff;
  border: 2px solid #939dad;
  border-radius: 4px;
  transition: all ease-out 0.2s;
}
.ui-static-checkbox .checkmark::after {
  content: "check";
  font-family: "Material Symbols Rounded";
  position: absolute;
  visibility: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  font-size: 20px;
  color: #fff;
}
.ui-static-checkbox.is-disabled {
  color: #939dad;
  cursor: auto;
}
.ui-static-checkbox.is-disabled .checkmark {
  background: #e9ecf2;
  border-color: #c0c5cc;
}
.ui-static-checkbox:not(.is-disabled):hover .checkmark,
.ui-static-checkbox:not(.is-disabled):focus-visible .checkmark {
  border-color: #3064d5;
}
.ui-static-checkbox:not(.is-disabled):hover input:checked ~ .checkmark,
.ui-static-checkbox:not(.is-disabled):focus-visible input:checked ~ .checkmark {
  border-color: #140d77;
  background: #140d77;
}
.ui-static-toggle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .ui-static-toggle {
    width: 335px;
  }
}
.ui-static-toggle input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  right: 0;
}
.ui-static-toggle input:checked ~ .ui-static-toggle-slider {
  background: #c2e4fa;
}
.ui-static-toggle input:checked ~ .ui-static-toggle-slider::after {
  background: #3064d5;
  transform: translateY(-50%) translateX(24px);
}
.ui-static-toggle input:focus ~ .ui-static-toggle-slider {
  outline: auto;
  outline-offset: 2px;
  outline-color: #3064d5;
}
.ui-static-toggle-label {
  font-size: 0.875rem;
  color: #2c2a29;
}
.ui-static-toggle-slider {
  height: 16px;
  width: 48px;
  border-radius: 8px;
  background: #e9ecf2;
  position: relative;
}
.ui-static-toggle-slider::after {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #c0c5cc;
  transition: all ease-out 0.2s;
}
.fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
  list-style-type: none;
  padding: 0;
  border: none;
  margin: 0;
}
.fieldset.fieldset-vertical {
  flex-direction: column;
  gap: 12px;
}
.fieldset.fieldset-space-wide-col {
  gap: 16px 24px;
}
.ui-static-input {
  position: relative;
}
.ui-static-input + .ui-static-input {
  margin-top: 20px;
}
.ui-static-input-label {
  position: relative;
}
.ui-static-input-text-input {
  color: #2c2a29;
  border: 1px solid #939dad;
  border-radius: 8px;
  padding: 13px 8px 15px;
  font-size: 0.875rem;
  outline: none;
  width: 100%;
  height: 100%;
}
.ui-static-input-text-input.focused {
  background: #f0f7ff;
  border-color: #99c4fd;
  border-width: 2px;
}
.ui-static-input-text-input:focus {
  background: #f0f7ff;
  border-color: #99c4fd;
  border-width: 2px;
}
.ui-static-input-text-input::placeholder {
  color: #939dad;
}
.ui-static-input.ui-static-input-primary .ui-static-input-label {
  font-size: 16px;
  font-weight: 700;
  margin-right: 8px;
}
.ui-static-input.ui-static-input-primary .ui-static-input-text-input {
  margin-top: 8px;
}
.ui-static-input.ui-static-input-primary.is-required
  .ui-static-input-label::before {
  content: "必須";
  position: absolute;
  color: #d63333;
  background: #fff7f7;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 4px;
  padding: 0 8px 1px;
  top: 56%;
  transform: translateY(-50%);
  left: calc(100% + 8px);
  white-space: nowrap;
}
.ui-static-input.ui-static-input-secondary {
  position: relative;
}
.ui-static-input.ui-static-input-secondary .ui-static-input-label {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 0.75rem;
  color: #2c2a29;
  z-index: 1;
}
.ui-static-input.ui-static-input-secondary .ui-static-input-text-input {
  padding: 27px 8px 5px;
  position: relative;
}
.ui-static-input.ui-static-input-secondary.is-required::after {
  content: "check_circle";
  font-family: "Material Symbols Rounded";
  position: absolute;
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  color: #939dad;
}
.ui-static-input.ui-static-input-secondary.is-required.is-valid::after {
  font-family: "Material Symbols Rounded";
  color: #23c9ab;
}
.ui-static-input.ui-static-input-select .ui-static-icon {
  position: absolute;
  top: 60%;
  right: 8px;
}
.ui-static-input.is-disabled .ui-static-input-label {
  color: #939dad;
}
.ui-static-input.is-disabled .ui-static-input-text-input {
  background: #e9ecf2;
  border-color: #c0c5cc;
  color: #939dad;
}
.ui-static-input.has-info .ui-static-input-label {
  position: relative;
}
.ui-static-input.has-info .ui-static-input-label::after {
  content: "help";
  font-family: "Material Symbols Rounded";
  font-variation-settings:
    "FILL" 1,
    "wght" 700,
    "GRAD" 200,
    "opsz" 48;
  color: #3064d5;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -71%;
}
.ui-static-input.has-info .ui-static-input-label:hover::after {
  color: #140d77;
}
.ui-static-input.has-info:not(.is-required) .ui-static-input-label::after {
  right: -29%;
}
.ui-static-input.has-icon {
  position: relative;
}
.ui-static-input.has-icon .ui-static-icon {
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #697180;
}
.ui-static-input.has-icon .ui-static-input-label {
  left: 32px;
}
.ui-static-input.has-icon .ui-static-input-text-input {
  padding-left: 30px;
}
.ui-static-input.has-icon-pc {
  position: relative;
}
@media screen and (min-width: 1104px) {
  .ui-static-input.has-icon-pc .ui-static-icon {
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    color: #697180;
  }
  .ui-static-input.has-icon-pc .ui-static-input-label {
    left: 32px;
  }
  .ui-static-input.has-icon-pc .ui-static-input-text-input {
    padding-left: 30px;
  }
}
.ui-static-input-search {
  position: relative;
  max-width: 333px;
}
.ui-static-input-search .ui-static-icon {
  position: absolute;
  color: #697180;
  left: 2%;
  top: 50%;
  font-size: 16px;
  transform: translateY(-50%);
}
.ui-static-input-search .ui-static-input-text-input {
  padding-left: 30px;
}
.ui-static-input-select-value-trigger {
  cursor: pointer;
}
.ui-static-input-select-value {
  position: relative;
  background-color: #fff;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.ui-static-input-select-value span {
  display: block;
}
.ui-static-input-select-value .ui-static-icon {
  color: #697180;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.ui-static-input-select-value:hover,
.ui-static-input-select-value.is-active {
  border-color: #99c4fd;
  background-color: #f0f7ff;
}
.ui-static-input input.ui-static-input-select-value::after {
  display: none;
}
.ui-static-input-select-options {
  display: none;
  position: absolute;
  width: 100%;
  padding: 0;
  top: 100%;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.ui-static-input-select-options li {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 21px;
  list-style: none;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.ui-static-input-select-options li:hover {
  background-color: #c0dbff;
}
.ui-static-input-select-options li:first-child {
  border-radius: 8px 8px 0 0;
}
.ui-static-input-select-options li:last-child {
  border-radius: 0 0 8px 8px;
}
.ui-static-input-select-options .is-active {
  font-weight: 700;
}
.ui-static-input-select-options.is-active {
  display: block;
}
.ui-static-input-group {
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: 8px;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .ui-static-input-group {
    grid-template-columns: 1fr 6fr;
  }
}
.ui-static-input-group + .ui-static-input-group {
  margin-top: 4px;
}
.ui-static-input-group-label {
  font-size: 14px;
  color: #2c2a29;
  font-weight: 700;
  text-align: right;
}
.ui-static-input-group-input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.ui-static-input.has-error .ui-static-input-text-input {
  background-color: #fff7f7;
  border-color: rgba(214, 51, 51, 0.4);
  border-width: 2px;
}
.ui-static-input.has-error .ui-static-icon {
  top: 40%;
}
.ui-static-input .error-message {
  font-size: 12px;
  color: #df0d00;
  position: relative;
  top: 4px;
}
.ui-static-input .error-message .ui-static-icon {
  color: #df0d00;
  margin-right: 8px;
  position: relative;
  left: 0;
}
.ui-static-input-field-label-wrapper {
  display: inline-flex;
  align-items: center;
}
.ui-static-input-field-label-wrapper .ui-static-input-field-label {
  font-size: 16px;
  font-weight: 700;
  margin-right: 8px;
}
.ui-static-input-field-label-wrapper .ui-static-input-field-icon,
.ui-static-input-field-label-wrapper .ui-static-input-field-tag {
  margin-right: 8px;
}
.ui-static-input-field-label-wrapper .ui-static-input-field-tag,
.ui-static-input-field-label-wrapper .ui-static-input-field-icon {
  flex-shrink: 0;
}
.ui-static-input-field-icon {
  display: inline-flex;
  align-items: center;
}
.ui-static-input-field.ui-static-input-field-position-top
  .ui-static-input-field-input-form {
  margin-top: 8px;
}
.ui-static-input-field.ui-static-input-field-position-left {
  display: flex;
  align-items: center;
}
.ui-static-input-field.ui-static-input-field-position-left
  .ui-static-input-field-label-wrapper {
  flex-wrap: wrap;
}
.ui-static-input-field.ui-static-input-field-position-left
  .ui-static-input-field-label {
  display: inline-block;
}
.ui-static-input-field.ui-static-input-field-position-left
  .ui-static-input-field-input-form {
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 50%;
  padding-left: 16px;
}
.ui-static-radio {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  user-select: none;
  font-size: 0.875rem;
  color: #2c2a29;
}
.ui-static-radio:focus-within .radiocheck {
  border-color: #3064d5;
  outline: auto;
}
.ui-static-radio.is-disabled {
  color: #939dad;
}
.ui-static-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ui-static-radio input[type="radio"]:checked ~ .radiocheck {
  border-color: #3064d5;
}
.ui-static-radio input[type="radio"]:checked ~ .radiocheck::after {
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.ui-static-radio .radiocheck {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 2px solid #939dad;
  border-radius: 50%;
  transition: all ease-out 0.2s;
}
.ui-static-radio .radiocheck::after {
  content: "";
  position: absolute;
  visibility: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #3064d5;
  transition: all ease-out 0.2s;
}
.ui-static-radio.is-disabled {
  color: #939dad;
  cursor: auto;
}
.ui-static-radio.is-disabled .radiocheck {
  background: #e9ecf2;
  border-color: #c0c5cc;
}
.ui-static-radio:hover:not(.is-disabled) .radiocheck,
.ui-static-radio.focused:not(.is-disabled) .radiocheck {
  border-color: #3064d5;
}
.ui-static-validation-field {
  position: relative;
  min-width: 32px;
  min-height: 32px;
  display: block;
}
.ui-static-validation-field input {
  background: rgba(0, 0, 0, 0);
}
.ui-static-validation-field input:focus {
  background: #f0f7ff;
  border-color: #9ec5f1;
}
.ui-static-validation-field input:disabled {
  background: #e9ecf2;
  border-color: #c0c5cc;
  color: #939dad;
}
.ui-static-validation-field.has-error {
  background-color: #fff7f7;
  border-color: rgba(222, 53, 53, 0.4);
}
.ui-static-validation-field.has-error
  .ui-static-validation-field-status-icon
  svg {
  fill: #d63333;
}
.ui-static-validation-field.is-valid:not(.has-error)
  .ui-static-validation-field-status-icon
  svg {
  fill: #2ea307;
}
.ui-static-validation-field-icon,
.ui-static-validation-field-status-icon {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.ui-static-validation-field-status-icon {
  right: 8px;
}
.ui-static-validation-field-icon {
  left: 16px;
}
.ui-static-validation-field-error-text {
  margin-top: 4px;
  font-size: 0.75rem;
  color: #d63333;
}
.ui-static-qty-selector {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-qty-selector {
    width: 200px;
  }
}
.ui-static-qty-selector .ui-static-icon-button {
  box-shadow: none;
  background-color: #e9ecf2;
}
.ui-static-qty-selector + .ui-static-qty-selector {
  margin-top: 16px;
}
.ui-static-qty-selector-labels,
.ui-static-qty-selector-controls {
  display: flex;
  align-items: center;
}
.ui-static-qty-selector-labels {
  flex-wrap: wrap;
}
.ui-static-qty-selector-label {
  font-size: 0.875rem;
  color: #2c2a29;
  margin-right: 8px;
}
.ui-static-qty-selector-note {
  font-size: 0.75rem;
  color: #2c2a29;
  margin-right: 0;
}
.ui-static-qty-selector-controls {
  margin-left: 8px;
}
.ui-static-qty-selector-button:disabled {
  pointer-events: none;
  background: #f5f7fa;
  opacity: 0.7;
}
.ui-static-qty-selector-button:disabled .ui-static-icon {
  color: #c0c5cc;
}
.ui-static-qty-selector-display-area {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  min-width: 32px;
  margin: 0 3px;
  text-align: center;
  border: none;
  width: 0;
}
.ui-static-select {
  position: relative;
}
.ui-static-select-options {
  transition: all ease-out 0.2s;
  background: #fff;
  box-shadow: 0px 3px 6px #2c2a29;
  border-radius: 8px;
  list-style: none;
  display: inline-block;
  padding: 21px 0 11px;
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 3px;
  z-index: 1;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-select-options {
    padding-top: 21px;
    padding-bottom: 11px;
  }
}
.ui-static-select-options.is-open {
  opacity: 1;
  display: block;
  animation: show ease-out 0.2s;
}
.ui-static-select-options li {
  font-size: 0.875rem;
  min-height: 30px;
  transition: all ease-out 0.2s;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .ui-static-select-options li {
    padding: 0 24px;
  }
}
.ui-static-select-options li:not(.ui-static-select-selected) {
  cursor: pointer;
}
.ui-static-select-options li:not(.ui-static-select-selected):hover {
  background: #c6e9ff;
}
.ui-static-select-options li.ui-static-select-selected {
  font-weight: 700;
  background: #c6e9ff;
}
.ui-static-select-input {
  color: #2c2a29;
  border: 1px solid #939dad;
  border-radius: 8px;
  padding: 15px 32px 15px 8px;
  width: 100%;
}
.ui-static-select-input:not(:disabled) {
  cursor: pointer;
}
.ui-static-select-select-icon {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  pointer-events: none;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ui-static-modal-overlay {
  inset: 0;
  position: fixed;
  width: 100%;
  height: 100dvh;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
@media (width < 400px) {
  .ui-static-modal-overlay {
    touch-action: none;
  }
}
.ui-static-modal-overlay .ui-static-modal-bg {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 42, 41, 0);
  inset: 0;
  animation: overlayFadeIn ease-out 0.2s forwards;
}
.ui-static-modal-overlay .ui-static-modal-content {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  max-width: 740px;
  min-width: 300px;
  width: 100%;
  padding: 2rem 2rem 1.5rem 2rem;
  overflow: hidden;
  opacity: 0;
}
.ui-static-modal-overlay
  .ui-static-modal-content
  .wrapper.is-single-slide
  .swiper-button-prev {
  left: 9px;
  display: inline-flex;
}
.ui-static-modal-overlay
  .ui-static-modal-content
  .wrapper.is-single-slide
  .swiper-button-next {
  right: 9px;
  display: inline-flex;
}
.ui-static-modal-overlay .ui-static-modal-content-text {
  margin: 8px 0 0;
}
.ui-static-modal-overlay
  .ui-static-modal-content
  .ui-static-modal-close-2
  .ui-static-icon {
  top: 53%;
}
.ui-static-modal-overlay .ui-static-modal-content-inner {
  max-height: 80vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  padding-bottom: 5px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ui-static-modal-overlay .ui-static-modal-content-inner::-webkit-scrollbar {
  display: none;
}
.ui-static-modal-overlay
  .ui-static-modal-content-inner.ui-static-container
  .ui-static-button-large {
  justify-self: center;
}
.ui-static-modal-overlay
  .ui-static-modal-content-inner
  .ui-static-notification {
  text-align: left;
}
.ui-static-modal-overlay
  .ui-static-modal-content-inner
  .ui-static-notification-text {
  width: 100%;
}
.ui-static-modal-overlay .ui-static-modal-buttons {
  margin-top: 40px;
  text-align: center;
}
.ui-static-modal-overlay .ui-static-modal-close {
  position: absolute;
  top: 6px;
  right: 5px;
  padding: 10px;
  cursor: pointer;
  appearance: none;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: none;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay .ui-static-modal-close {
    top: 9px;
    right: 10px;
  }
}
.ui-static-modal-overlay .ui-static-modal-close-2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 4px;
}
.ui-static-modal-overlay
  .ui-static-modal-close-2
  .ui-static-button.ui-static-button-secondary {
  border: none;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  left: 4px;
}
.ui-static-modal-overlay
  .ui-static-modal-close-2
  .ui-static-button.ui-static-button-secondary:hover {
  background-color: rgba(0, 0, 0, 0);
}
.ui-static-modal-overlay .ui-static-modal-close-2 .ui-static-modal-close {
  position: relative;
}
.ui-static-modal-overlay
  .ui-static-modal-close-2
  .ui-static-button-with-icon-left.ui-static-button-medium
  .ui-static-icon {
  left: 8px;
  bottom: -1px;
}
.ui-static-modal-overlay .ui-static-modal-title {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #2c2a29;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay .ui-static-modal-title {
    margin-bottom: 16px;
  }
}
.ui-static-modal-overlay.ui-static-modal-position-auto {
  display: flex;
  padding: 20px;
}
.ui-static-modal-overlay.ui-static-modal-position-bottom {
  display: flex;
  bottom: 0;
  left: 0;
  right: 0;
}
.ui-static-modal-overlay.ui-static-modal-position-bottom
  .ui-static-modal-content {
  animation: bottomToTop ease-out 0.2s;
}
.ui-static-modal-overlay .ui-static-modal-slider-button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 814px;
  min-width: 400px;
  position: absolute;
  height: 10%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-static-modal-overlay
  .ui-static-modal-slider-button-container
  .ui-static-icon-button {
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
}
.ui-static-modal-overlay
  .ui-static-modal-slider-button-container
  .ui-static-icon-button:hover {
  opacity: 1;
}
.ui-static-modal-overlay.ui-static-modal-overlay-scrollable {
  align-items: flex-start;
  padding-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-static-modal-overlay [class^="Slider_next"],
.ui-static-modal-overlay [class^="Slider_prev"] {
  opacity: 1 !important;
  visibility: visible !important;
}
.ui-static-modal-overlay [class^="Slider_next"] {
  right: -44px !important;
}
.ui-static-modal-overlay [class^="Slider_prev"] {
  left: -44px !important;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay [class^="Slider_next"] {
    right: -94px !important;
  }
  .ui-static-modal-overlay [class^="Slider_prev"] {
    left: -94px !important;
  }
}
.ui-static-modal-overlay .ui-static-modal-content-full {
  border-radius: 0;
  margin: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.ui-static-modal-overlay
  .ui-static-modal-content-full
  .ui-static-modal-content-inner {
  width: 100%;
  margin: 24px auto 0;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay
    .ui-static-modal-content-full
    .ui-static-modal-content-inner {
    width: 672px;
  }
}
.ui-static-modal-overlay .ui-static-modal-content-header {
  padding: 0.75rem 1rem;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1490196078);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ui-static-modal-overlay .ui-static-modal-content-header + * {
  margin-top: 24px;
}
.ui-static-modal-overlay
  .ui-static-modal-content-header
  .ui-static-modal-close {
  background: rgba(0, 0, 0, 0);
  padding: 0;
  top: 19px;
  right: 16px;
  border-radius: 0;
}
.ui-static-modal-overlay .ui-static-modal-content-with-header {
  padding-top: 50px;
}
.ui-static-modal-overlay
  .ui-static-modal-content-with-header
  .ui-static-modal-close {
  top: 14px;
  right: 15px;
}
.ui-static-modal-overlay .ui-static-modal-content-header-title {
  margin: 0;
  font-size: 16px;
  color: #697180;
  text-align: center;
}
.ui-static-modal-overlay .ui-static-modal-content-with-footer {
  padding-bottom: 160px;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay .ui-static-modal-content-with-footer {
    padding-bottom: 90px;
  }
}
.ui-static-modal-overlay
  .ui-static-modal-content-with-footer
  .ui-static-modal-content-inner {
  padding-bottom: 40px;
}
.ui-static-modal-overlay
  .ui-static-modal-content-with-footer
  .ui-static-modal-close-2 {
  display: none;
}
.ui-static-modal-overlay .ui-static-modal-content-footer {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2705882353);
  background-color: #f5f7fa;
  margin: 24px 0 0;
  padding: 16px 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay .ui-static-modal-content-footer {
    margin: 24px 0 0;
  }
}
.ui-static-modal-overlay .ui-static-gallery-slide-wrapper {
  width: 100%;
}
@media screen and (min-width: 1104px) {
  .ui-static-modal-overlay .ui-static-gallery-slide-wrapper {
    width: 84.4%;
  }
}
.ui-static-modal-overlay .ui-static-gallery-slide-wrapper .ui-static-image {
  aspect-ratio: 566/369;
}
.ui-static-modal-overlay
  .ui-static-gallery-slide-wrapper
  .ui-static-gallery-slider-description {
  font-size: 12px;
  margin-top: 8px;
}
.ui-static-modal-overlay
  .ui-static-gallery-thumbnails
  .ui-static-gallery-button
  .ui-static-image {
  height: 50px;
}
.ui-static-modal-overlay
  .ui-static-gallery
  .wrapper.is-single-slide
  [class^="ui-static-image"] {
  height: 222px;
}
@media screen and (min-width: 768px) {
  .ui-static-modal-overlay
    .ui-static-gallery
    .wrapper.is-single-slide
    [class^="ui-static-image"] {
    height: 438px;
  }
}
.ui-static-modal-overlay.ui-static-modal-overlay-with-slider
  .ui-static-modal-content {
  padding: 32px 24px;
}
.ui-static-modal-overlay > .swiper-button-next {
  right: 1.7%;
}
@media screen and (min-width: 1104px) {
  .ui-static-modal-overlay > .swiper-button-next {
    right: 20.7%;
  }
}
@media screen and (min-width: 1920px) {
  .ui-static-modal-overlay > .swiper-button-next {
    right: 27.7%;
  }
}
.ui-static-modal-overlay > .swiper-button-prev {
  left: 1.7%;
}
@media screen and (min-width: 1104px) {
  .ui-static-modal-overlay > .swiper-button-prev {
    left: 20.7%;
  }
}
@media screen and (min-width: 1920px) {
  .ui-static-modal-overlay > .swiper-button-prev {
    left: 27.7%;
  }
}
.ui-static-modal-overlay #js-swiper-modal-slider-2 .swiper-button-prev,
.ui-static-modal-overlay #js-swiper-modal-slider-2 .swiper-button-next {
  visibility: hidden;
}
.ui-static-modal-overlay .swiper-button-next:after,
.ui-static-modal-overlay .swiper-button-prev:after {
  display: none;
}
html.modal-open,
html.modal-open body {
  width: 100%;
  overflow: hidden;
  container-type: normal !important;
  overscroll-behavior: none;
}
@keyframes overlayFadeIn {
  from {
    background-color: rgba(44, 42, 41, 0);
  }
  to {
    background-color: rgba(44, 42, 41, 0.4);
  }
}
@keyframes bottomToTop {
  from {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}
.ui-static-bg-img-container {
  position: relative;
  overflow: hidden;
}
.ui-static-bg-img-container-image {
  position: absolute;
  top: 0;
  left: 0;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate3d(0, 0, 0);
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  width: 100vw;
  height: 100%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .ui-static-bg-img-container-image {
    margin: 0;
  }
}
.ui-static-bg-img-container.ui-static-bg-img-container-shadow
  .ui-static-bg-img-container-image {
  filter: brightness(0.55);
}
.ui-static-bg-img-container.ui-static-bg-img-container-shadow * {
  color: #fff !important;
}
.ui-static-bg-img-container-inner {
  padding: 64px 0;
}
.ui-static-border {
  height: 4px;
  background-color: #e9ecf2;
  margin: 24px 0;
  border: none;
}
@media screen and (min-width: 768px) {
  .ui-static-border {
    margin: 40px 0;
  }
}
.ui-static-border-thin {
  background-color: #c0c5cc;
  height: 1px;
}
.ui-static-border-dotted {
  border-top: 2px dotted #c0c5cc;
  height: 1px;
  background: none;
}
.ui-static-border-section-end {
  height: 8px;
  background: #e9ecf2;
  margin: 40px 0;
}
.ui-static-accordion {
  border-radius: 8px;
  overflow: hidden;
}
.ui-static-accordion:focus-within {
  padding: 4px;
  margin: -4px;
}
.ui-static-accordion-qa .ui-static-accordion-trigger {
  padding-left: 36px;
  position: relative;
}
.ui-static-accordion-qa .ui-static-accordion-trigger::before {
  content: "Q";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #66a4f9;
  position: absolute;
  left: 16px;
}
.ui-static-accordion-trigger {
  display: flex;
  align-items: center;
  appearance: none;
  border: none;
  border-radius: 8px;
  background: #e9ecf2;
  padding: 16px;
  width: 100%;
  margin: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
}
.ui-static-accordion-trigger:hover {
  background: #f0f7ff;
}
.ui-static-accordion-trigger:hover .ui-static-accordion-text,
.ui-static-accordion-trigger:hover .ui-static-icon {
  color: #140d77;
}
.ui-static-accordion-trigger:focus {
  outline: 2px solid #005fcc;
}
.ui-static-accordion-trigger .ui-static-icon {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ui-static-accordion-trigger:not([disabled]) {
  cursor: pointer;
}
.ui-static-accordion-trigger[data-state="open"] {
  border-radius: 8px 8px 0 0;
}
.ui-static-accordion-trigger[data-state="open"] .ui-static-icon {
  transform: rotate(180deg);
}
.ui-static-accordion-trigger[data-state="close"] {
  border-radius: 8px;
}
.ui-static-accordion-trigger .ui-static-accordion-icon {
  margin-right: 8px;
  line-height: 0;
}
.ui-static-accordion-trigger .ui-static-accordion-text {
  width: 100%;
  color: #2c2a29;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
}
.ui-static-accordion-content {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
  border-style: solid;
  border-color: #e9ecf2;
  border-radius: 0 0 8px 8px;
  transition:
    max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
  font-size: 14px;
}
.ui-static-accordion-content-inner {
  padding: 16px;
}
.ui-static-accordion-content[data-state="open"] {
  max-height: 100vh;
  border-width: 0 2px 2px 2px;
  transition:
    max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
    border-width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.ui-static-accordion-content[data-state="close"] {
  max-height: 0;
  border-width: 0;
  transition:
    max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border-width 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.ui-static-price {
  text-align: right;
  padding: 20px;
}
.ui-static-price-container {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.014em;
  text-align: right;
  padding: 0 20px;
  font-weight: 700;
}
.ui-static-price-discount-info {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  border: 1px solid rgba(214, 51, 51, 0.4);
  font-size: 12px;
  line-height: 8px;
  color: #f32b1e;
  display: inline-flex;
  padding: 3px 3px 4px;
  letter-spacing: 0;
}
.ui-static-price-discounted {
  font-family: "Roboto", sans-serif;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #2c2a29;
  position: relative;
  letter-spacing: 0em;
}
.ui-static-price-discounted::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #697180;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.ui-static-price-discounted .ui-static-price-unit {
  font-weight: 400;
  font-size: 12px;
}
.ui-static-price-range {
  color: #f32b1e;
  text-shadow: 0 0 #f32b1e;
  margin-top: 2px;
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
}
.ui-static-price-range--black {
  color: #2c2a29;
  text-shadow: 0 0 #2c2a29;
}
.ui-static-price-unit {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.ui-static-price-unit--tertiary-sp {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .ui-static-price-unit--tertiary-sp {
    font-size: 14px;
  }
}
.ui-static-price-divider {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0;
}
.ui-static-price-divider--tertiary-sp {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .ui-static-price-divider--tertiary-sp {
    font-size: 14px;
  }
}
.ui-static-price-info {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #697180;
}
.ui-static-pagination {
  display: flex;
  align-items: center;
  margin: 0;
}
.ui-static-pagination + .ui-static-pagination {
  margin-top: 8px;
}
.ui-static-pagination-nav,
.ui-static-pagination-icon {
  appearance: none;
  border: none;
  border-radius: 4px;
  background: none;
  display: grid;
  place-items: center;
  padding-left: 0;
  padding-right: 0;
  margin: 0 8px;
}
.ui-static-pagination-nav:not(:disabled),
.ui-static-pagination-icon:not(:disabled) {
  cursor: pointer;
}
.ui-static-pagination-nav:not(:disabled):hover,
.ui-static-pagination-nav:not(:disabled):focus,
.ui-static-pagination-icon:not(:disabled):hover,
.ui-static-pagination-icon:not(:disabled):focus {
  background: #f0f7ff;
}
.ui-static-pagination-nav:not(:disabled):hover .ui-static-icon,
.ui-static-pagination-nav:not(:disabled):focus .ui-static-icon,
.ui-static-pagination-icon:not(:disabled):hover .ui-static-icon,
.ui-static-pagination-icon:not(:disabled):focus .ui-static-icon {
  color: #140d77;
}
.ui-static-pagination-nav:disabled,
.ui-static-pagination-icon:disabled {
  opacity: 0.55;
}
.ui-static-pagination-item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui-static-pagination-item {
  padding: 0 4px;
  background: #e9ecf2;
  border-radius: 4px;
  display: inline-flex;
  font-size: 0.875rem;
  color: #2c2a29;
  align-items: center;
  justify-content: center;
  border: none;
}
.ui-static-pagination-item:hover {
  background-color: #e0edff;
  color: #140d77;
}
.ui-static-pagination-item:not(.ui-static-pagination-current) {
  cursor: pointer;
}
.ui-static-pagination-item.ui-static-pagination-current {
  background: #697180;
  color: #fff;
}
.ui-static-pagination-ellipsis {
  font-size: 1rem;
  font-weight: 700;
  color: #2c2a29;
  margin-top: -10px;
}
.ui-static-pagination-nav,
.ui-static-pagination-icon,
.ui-static-pagination-item {
  width: 44px;
  height: 44px;
}
@media (width < 400px) {
  .ui-static-pagination-nav,
  .ui-static-pagination-icon,
  .ui-static-pagination-item {
    width: 32px;
    height: 32px;
  }
}
.ui-static-breadcrumb {
  overflow-x: auto;
  overflow-y: hidden;
}
.ui-static-breadcrumb-list {
  display: flex;
  padding: 8px 16px;
  gap: 8px;
  width: max-content;
}
.ui-static-breadcrumb-item {
  list-style: none;
  display: flex;
  align-items: center;
  color: #2c2a29;
  font-size: 12px;
  gap: 11px;
}
.ui-static-breadcrumb-link {
  text-decoration: none;
  color: #697180;
  transition: color 0.3s ease-out;
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-static-breadcrumb-link:hover,
.ui-static-breadcrumb-link.focused {
  color: #3064d5;
}
.ui-static-breadcrumb-link:hover .ui-static-icon,
.ui-static-breadcrumb-link.focused .ui-static-icon {
  color: #3064d5;
}
.ui-static-banner {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  transition: opacity 0.3s ease-out;
}
.ui-static-banner:hover {
  opacity: 0.7;
}
.ui-static-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ui-static-banner-size-736x300 {
  aspect-ratio: 736/300;
  max-width: 352px;
  height: 100%;
  width: 100%;
}
.ui-static-banner-size-350x350 {
  aspect-ratio: 1/1;
  max-width: calc(50% - 12px);
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-banner-size-350x350 {
    max-width: 201px;
  }
}
.ui-static-banner-slider {
  margin: 0 -90px;
  position: relative;
}
.ui-static-banner-slider .swiper {
  padding: 0 90px 20px;
}
@media screen and (min-width: 1104px) {
  .ui-static-banner-slider .swiper {
    padding: 0 90px;
  }
}
.ui-static-banner-slider .swiper-button-next:after,
.ui-static-banner-slider .swiper-rtl .swiper-button-prev:after,
.ui-static-banner-slider .swiper-button-prev:after,
.ui-static-banner-slider .swiper-rtl .swiper-button-next:after {
  display: none;
}
.ui-static-banner-slider .swiper-button-next,
.ui-static-banner-slider .swiper-button-prev {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.ui-static-banner-slider .swiper-button-next {
  right: 2.7%;
}
.ui-static-banner-slider .swiper-button-prev {
  left: 2.7%;
}
.ui-static-banner-slider .swiper-horizontal > .swiper-pagination-bullets,
.ui-static-banner-slider
  .swiper-pagination-bullets.swiper-pagination-horizontal,
.ui-static-banner-slider .swiper-pagination-custom,
.ui-static-banner-slider .swiper-pagination-fraction {
  bottom: 0;
}
.swiper .ui-static-banner-size-350x350 {
  max-width: none;
}
.ui-static-banner-slider .swiper-slide {
  padding: 4px;
}
.ui-static-banner-slider .swiper-button-next,
.ui-static-banner-slider .swiper-button-prev {
  z-index: 2;
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-banner-slider .swiper-button-next,
  .ui-static-banner-slider .swiper-button-prev {
    display: block;
  }
}
.ui-static-gallery-slide-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 1104px) {
  .ui-static-gallery-slide-wrapper {
    width: 90.5%;
  }
}
.ui-static-gallery-slide-wrapper .ui-static-gallery-next,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev {
  display: none;
  position: absolute;
  z-index: 1;
  top: calc(50% - 12px);
  transform: translateY(-50%);
}
.ui-static-gallery-slide-wrapper .ui-static-gallery-next:disabled,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev:disabled {
  opacity: 0.5 !important;
}
.ui-static-gallery-slide-wrapper .ui-static-gallery-next svg,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev svg {
  fill: #697180;
}
.ui-static-gallery-slide-wrapper .ui-static-gallery-next:not(:disabled):hover,
.ui-static-gallery-slide-wrapper .ui-static-gallery-next:not(:disabled):focus,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev:not(:disabled):hover,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev:not(:disabled):focus {
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .ui-static-gallery-slide-wrapper .ui-static-gallery-next,
  .ui-static-gallery-slide-wrapper .ui-static-gallery-prev {
    display: flex;
  }
}
.ui-static-gallery-slide-wrapper .ui-static-gallery-next {
  right: 8px;
}
@media screen and (min-width: 1104px) {
  .ui-static-gallery-slide-wrapper .ui-static-gallery-next {
    right: -52px;
  }
}
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev {
  left: 8px;
}
@media screen and (min-width: 1104px) {
  .ui-static-gallery-slide-wrapper .ui-static-gallery-prev {
    left: -52px;
  }
}
.ui-static-gallery-description {
  text-align: right;
  font-size: 0.75rem;
  color: #697180;
  margin-top: 4px;
}
.ui-static-gallery-slider-description {
  text-align: right;
  font-size: 0.75rem;
  color: #697180;
  margin-top: 7px;
}
.ui-static-gallery-slider-description p {
  margin: 0;
}
.ui-static-gallery-thumbnails {
  margin: 16px 0 0;
}
@media screen and (min-width: 768px) {
  .ui-static-gallery-thumbnails {
    margin: 8px 0 0;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-gallery-thumbnails {
    margin: 15px 0 0;
  }
}
.ui-static-gallery-thumbnails .ui-static-gallery-button {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  appearance: none;
  border: none;
  padding: 0;
  width: 100%;
  transition: opacity 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ui-static-gallery-thumbnails .ui-static-gallery-button {
    opacity: 0.7;
  }
}
.ui-static-gallery-thumbnails .ui-static-gallery-button:active {
  opacity: 0.7;
}
.ui-static-gallery-thumbnails .ui-static-gallery-button.is-active {
  position: relative;
  pointer-events: none;
}
.ui-static-gallery-thumbnails .ui-static-gallery-button.is-active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  left: 0;
  top: 0;
}
.ui-static-gallery-thumbnails
  .ui-static-gallery-button
  img:not([aria-selected="true"]) {
  cursor: pointer;
}
.ui-static-gallery-thumbnails
  .ui-static-gallery-button
  img[aria-selected="true"] {
  filter: opacity(0.2);
}
.ui-static-gallery .wrapper.is-single-slide [class^="ui-static-image"] {
  height: auto;
}
.ui-static-media-play-video-container {
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
}
.ui-static-media-play-video {
  width: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 16/9;
  border: none;
  padding: 0;
  transition: opacity 0.3s ease-out;
  transform: translateZ(0);
  -webkit-mask-image: radial-gradient(circle, white 0%, white);
  background-color: #697180;
}
.ui-static-media-play-video:focus,
.ui-static-media-play-video:hover {
  opacity: 0.7;
}
.ui-static-media-play-video video {
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 16/9;
  top: auto;
  left: auto;
  transform: none;
  object-fit: cover;
  -webkit-appearance: none;
  display: block;
}
.ui-static-media-play-video iframe {
  width: 100%;
  height: 100%;
}
.ui-static-media-play-video::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 1;
}
.ui-static-media-play-video.ui-static-media-play-video-youtube::before {
  display: none;
}
.ui-static-media-play-video.ui-static-media-play-video-youtube:focus,
.ui-static-media-play-video.ui-static-media-play-video-youtube:hover {
  opacity: 1;
}
.ui-static-media-play-video .ui-static-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-static-media-play-video img {
  width: 100%;
}
.ui-static-media-play-video-content {
  margin-top: 16px;
  position: relative;
  cursor: pointer;
}
.ui-static-media-play-video-content video {
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 16/9;
  top: auto;
  left: auto;
  transform: none;
  object-fit: cover;
  -webkit-appearance: none;
  display: block;
}
.ui-static-media-play-video-content button {
  width: 100%;
  height: 99%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  z-index: 1;
  border: none;
  cursor: pointer;
}
.ui-static-media-play-video-content button .ui-static-icon {
  display: none;
}
.ui-static-media-play-video-content iframe {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 151px;
}
@media screen and (min-width: 768px) {
  .ui-static-media-play-video-content iframe {
    min-width: 660px;
    min-height: 371px;
  }
}
.ui-static-media-play-video-content iframe * {
  pointer-events: none;
}
.ui-static-media-play-video-content .ui-static-icon {
  display: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-static-media-play-video-content.is-paused button {
  background-color: rgba(44, 42, 41, 0.4862745098);
}
.ui-static-media-play-video-content.is-paused button .ui-static-icon {
  display: block;
}
.ui-static-media-play-video-description {
  font-size: 14px;
  color: #697180;
  text-align: left;
}
.ui-static-faq-question {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  align-items: flex-start;
  color: #2c2a29;
}
.ui-static-faq-question::before {
  content: "Q";
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #66a4f9;
  margin-right: 8px;
}
.ui-static-faq-answer {
  background: #f0f7ff;
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  font-size: 14px;
}
.ui-static-faq + .ui-static-faq {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-faq + .ui-static-faq {
    margin-top: 24px;
  }
}
.ui-static-conversation {
  display: flex;
  align-items: flex-start;
}
.ui-static-conversation-image {
  border-radius: 9999px;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
}
.ui-static-conversation-text {
  padding: 24px;
  background: #c6e9ff;
  border-radius: 8px;
  position: relative;
}
.ui-static-conversation-text::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  top: 38px;
}
.ui-static-conversation.ui-static-conversation-side-left
  .ui-static-conversation-text {
  margin-left: 12px;
}
.ui-static-conversation.ui-static-conversation-side-left
  .ui-static-conversation-text::after {
  left: -12px;
  border-width: 5px 12px 5px 0;
  border-color: rgba(0, 0, 0, 0) #c6e9ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.ui-static-conversation.ui-static-conversation-side-right {
  flex-direction: row-reverse;
}
.ui-static-conversation.ui-static-conversation-side-right
  .ui-static-conversation-text {
  margin-right: 12px;
}
.ui-static-conversation.ui-static-conversation-side-right
  .ui-static-conversation-text::after {
  right: -12px;
  border-width: 5px 0 5px 12px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6e9ff;
}
.ui-static-table-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.ui-static-table .ui-static-table-tag {
  margin-bottom: 4px;
}
.ui-static-table th {
  font-weight: 700;
}
.ui-static-table:not(.ui-static-table-overflow)
  .ui-static-table-table.ui-static-table-drop-column
  tr {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .ui-static-table:not(.ui-static-table-overflow)
    .ui-static-table-table.ui-static-table-drop-column
    tr {
    display: block;
  }
}
.ui-static-table.ui-static-table-overflow .ui-static-table-table {
  width: max-content;
}
.ui-static-table-size-small {
  width: 150px;
}
.ui-static-table-size-medium {
  width: 384px;
}
.ui-static-table-size-large {
  width: 552px;
}
.ui-static-table-align-left {
  text-align: left;
}
.ui-static-table-align-center {
  text-align: center;
}
.ui-static-table-align-right {
  text-align: right;
}
.ui-static-table-align-top {
  vertical-align: top;
}
.ui-static-table.ui-static-table-variant-basic
  .ui-static-table-table-wrapper
  .ui-static-table-table {
  border: 1px solid #c0c5cc;
  border-left-width: 0;
  border-bottom-width: 0;
}
.ui-static-table.ui-static-table-variant-basic
  .ui-static-table-table-wrapper
  .ui-static-table-table
  caption {
  font-weight: 700;
  font-size: 0.875rem;
  text-align: left;
  margin-bottom: 8px;
}
.ui-static-table.ui-static-table-variant-basic
  .ui-static-table-table-wrapper
  .ui-static-table-table
  th,
.ui-static-table.ui-static-table-variant-basic
  .ui-static-table-table-wrapper
  .ui-static-table-table
  td {
  padding: 16px;
  border: 1px solid #c0c5cc;
  border-top-width: 0;
  border-right-width: 0;
}
.ui-static-table.ui-static-table-variant-basic
  .ui-static-table-table-wrapper
  .ui-static-table-table
  thead
  th {
  background: #f5f7fa;
}
.ui-static-table.ui-static-table-variant-basic
  .ui-static-table-table-wrapper
  .ui-static-table-table
  th {
  background: #e9ecf2;
}
.ui-static-table.ui-static-table-variant-basic:not(.ui-static-table-overflow)
  .ui-static-table-table.ui-static-table-drop-column
  thead {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-basic:not(.ui-static-table-overflow)
    .ui-static-table-table.ui-static-table-drop-column
    thead {
    display: block;
  }
}
.ui-static-table.ui-static-table-variant-basic:not(.ui-static-table-overflow)
  .ui-static-table-table.ui-static-table-drop-column.has-only-col-heading
  td::before {
  content: attr(data-label);
  font-size: 0.875rem;
  display: block;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  margin-bottom: 16px;
  padding: 16px;
  background: #f5f7fa;
  text-align: center;
  font-weight: 700;
  border-bottom: solid 1px #c0c5cc;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-basic:not(.ui-static-table-overflow)
    .ui-static-table-table.ui-static-table-drop-column.has-only-col-heading
    td::before {
    display: none;
  }
}
.ui-static-table.ui-static-table-variant-basic:not(.ui-static-table-overflow)
  .ui-static-table-table.ui-static-table-drop-column.has-both-heading
  td::before {
  content: attr(data-label);
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  width: max-content;
  padding: 4px 8px;
  background: #f5f7fa;
  border-radius: 4px;
  color: #697180;
  font-weight: 700;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-basic:not(.ui-static-table-overflow)
    .ui-static-table-table.ui-static-table-drop-column.has-both-heading
    td::before {
    display: none;
  }
}
.ui-static-table.ui-static-table-variant-simple .ui-static-table-table tr {
  padding-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-simple .ui-static-table-table tr {
    display: block;
    padding-bottom: 1px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-table.ui-static-table-variant-simple .ui-static-table-table tr {
    padding-bottom: 0;
  }
}
.ui-static-table.ui-static-table-variant-simple .ui-static-table-table tr + tr {
  border-top: 1px solid #c0c5cc;
}
.ui-static-table.ui-static-table-variant-simple .ui-static-table-table th {
  margin-bottom: 1px;
  color: #2c2a29;
  font-size: 0.875rem;
  vertical-align: top;
  padding: 8px 8px 8px 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-simple .ui-static-table-table th {
    margin-bottom: unset;
    padding: 16px 16px 16px 0;
  }
}
.ui-static-table.ui-static-table-variant-simple .ui-static-table-table td {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-simple .ui-static-table-table td {
    padding: 16px;
  }
}
.ui-static-table.ui-static-table-variant-simple
  .ui-static-table-table.ui-static-table-drop-column
  th,
.ui-static-table.ui-static-table-variant-simple
  .ui-static-table-table.ui-static-table-drop-column
  td {
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-simple
    .ui-static-table-table.ui-static-table-drop-column
    th,
  .ui-static-table.ui-static-table-variant-simple
    .ui-static-table-table.ui-static-table-drop-column
    td {
    padding: unset !important;
  }
}
.ui-static-table.ui-static-table-variant-simple
  .ui-static-table:not(.ui-static-table-overflow)
  .ui-static-table-table:not(.ui-static-table-drop-column)
  .ui-static-table-col-2 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-simple
    .ui-static-table:not(.ui-static-table-overflow)
    .ui-static-table-table:not(.ui-static-table-drop-column)
    .ui-static-table-col-2 {
    width: 17%;
  }
}
.ui-static-table.ui-static-table-variant-simple
  .ui-static-table:not(.ui-static-table-overflow)
  .ui-static-table-table:not(.ui-static-table-drop-column)
  .ui-static-table-col-10 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-table.ui-static-table-variant-simple
    .ui-static-table:not(.ui-static-table-overflow)
    .ui-static-table-table:not(.ui-static-table-drop-column)
    .ui-static-table-col-10 {
    width: 83.3333333333%;
  }
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 2),
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 3),
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 4) {
  color: #fff;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 5),
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 6),
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 7),
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 8),
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 9) {
  color: #2c2a29;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 2) {
  background: #1b027c;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 3) {
  background: #2762dd;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 4) {
  background: #5282e4;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 5) {
  background: #7ca2ec;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 6) {
  background: #a8c1f2;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 7) {
  background: #d3e0f9;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 8) {
  background: #ecf3ff;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  thead
  th:nth-child(8n + 9) {
  background: #ededed;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  tr
  td:nth-child(2n) {
  background: #f0f7ff;
}
.ui-static-table.ui-static-table-theme-colorful-primary
  .ui-static-table-table
  th {
  background: #f5f7fa;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 2) {
  background: #ff7a90;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 3) {
  background: #fe9c00;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 4) {
  background: #fbcf00;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 5) {
  background: #3abdbc;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 6) {
  background: #1f9dff;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 7) {
  background: #6cc9f4;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 8) {
  background: #bd98d1;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  thead
  th:nth-child(8n + 9) {
  background: #d3d7dd;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 2) {
  background: #fff4f5;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 3) {
  background: #fff6e9;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 4) {
  background: #fefbe8;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 5) {
  background: #e7faf9;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 6) {
  background: #e8f4fd;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 7) {
  background: #eefaff;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 8) {
  background: #fbf6fb;
}
.ui-static-table.ui-static-table-theme-colorful-secondary
  .ui-static-table-table
  tbody
  tr
  *:nth-child(8n + 9) {
  background: #f9fafa;
}
.ui-static-table-note {
  display: inline-block;
  margin-top: 16px;
  font-size: 0.875rem;
  color: #888;
  display: none;
}
.ui-static-table.ui-static-table-overflow .ui-static-table-table-wrapper {
  overflow-x: scroll;
}
@media (width <= 767px) {
  .ui-static-table.ui-static-table-overflow .ui-static-table-note {
    display: block;
  }
}
.ui-static-table.ui-static-table-scrollable {
  overflow-x: scroll;
  padding: 4px;
}
.ui-static-table.ui-static-table-scrollable-md {
  overflow-x: scroll;
  padding: 4px;
}
.ui-static-table.ui-static-table-scrollable-md .ui-static-table-table-wrapper {
  width: 120%;
}
.ui-static-table.ui-static-table-scrollable-lg {
  overflow-x: scroll;
  padding: 4px;
}
.ui-static-table.ui-static-table-scrollable-lg .ui-static-table-table-wrapper {
  width: 150%;
}
.ui-static-table.ui-static-table-scrollable-xl {
  overflow-x: scroll;
  padding: 4px;
}
.ui-static-table.ui-static-table-scrollable-xl .ui-static-table-table-wrapper {
  width: 200%;
}
.ui-static-table.ui-static-table-fixed-width .ui-static-table-table {
  width: max-content;
}
.ui-static-text-link-list
  .ui-static-navigation-variant-primary
  .ui-static-navigation-ul {
  display: inline-flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: none;
}
.ui-static-text-link-list
  .ui-static-navigation-size-large
  .ui-static-navigation-ul
  .ui-static-navigation-item:not(:last-of-type),
.ui-static-text-link-list .ui-static-navigation-item:not(:last-of-type) {
  border-bottom: none;
  border-right: 1px solid #c0c5cc;
  margin: 10px 0;
  padding-bottom: 8px;
  padding: 6px 8.2px;
}
@media screen and (min-width: 768px) {
  .ui-static-text-link-list
    .ui-static-navigation-size-large
    .ui-static-navigation-ul
    .ui-static-navigation-item:not(:last-of-type),
  .ui-static-text-link-list .ui-static-navigation-item:not(:last-of-type) {
    margin-right: 0;
  }
}
.ui-static-text-link-list
  .ui-static-navigation-size-large
  .ui-static-navigation-ul
  .ui-static-navigation-item:last-child,
.ui-static-text-link-list .ui-static-navigation-item,
.ui-static-text-link-list .ui-static-navigation-item:not(:last-of-type) {
  padding: 6px 8.2px !important;
}
.ui-static-search-box .ui-static-tab-container {
  margin: 0 -20px;
}
.ui-static-search-box .ui-static-tab {
  padding-bottom: 0;
}
.ui-static-search-box-tab.ui-static-tab {
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ui-static-search-box-tab.ui-static-tab::-webkit-scrollbar {
  display: none;
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button-list {
  gap: 0;
  align-items: flex-end;
  margin-left: 0;
}
@media screen and (min-width: 1104px) {
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button-list {
    margin-left: 8px;
  }
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button {
  font-weight: 700;
  border-radius: 0;
  border-right: 1px solid #c0c5cd;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: none;
  box-shadow: inset 0px -10px 10px -10px #acb5bf;
  font-size: 12px;
  color: #697180;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button {
    flex-direction: row;
    gap: 3px;
    font-size: 16px;
    padding: 12px 24px;
  }
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button:last-child {
  border-right: none;
  border-radius: 0 0.25rem 0 0;
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button .ui-static-icon {
  color: #acb5bf;
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button:focus-visible {
  outline: none;
  border: 1px solid #3064d5;
}
.ui-static-search-box-tab.ui-static-tab .search-box-tab-dom {
  background-color: #f3ffe8;
  color: #147252;
}
.ui-static-search-box-tab.ui-static-tab .search-box-tab-dom .ui-static-icon {
  color: #89d85f;
}
.ui-static-search-box-tab.ui-static-tab .search-box-tab-dom:focus-visible {
  outline: none;
  border: 1px solid #3064d5;
}
.ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs {
  background-color: #eaf6ff;
  color: #0063b0;
}
.ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs .ui-static-icon {
  color: #6cc9f4;
}
.ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs:focus-visible {
  outline: none;
  border: 1px solid #3064d5;
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button.is-active {
  background-color: #f6f7fa;
  color: #3064d5;
  border-radius: 8px 8px 0 0;
  padding: 14px 12px;
  border-right: none;
  box-shadow: none;
}
.ui-static-search-box-tab.ui-static-tab
  .ui-static-tab-button.is-active:focus-visible {
  outline: none;
  border: 1px solid #3064d5;
}
@media screen and (min-width: 768px) {
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button.is-active {
    padding: 15px 24px;
  }
}
.ui-static-search-box-tab.ui-static-tab
  .ui-static-tab-button.is-active
  + .ui-static-tab-button {
  border-left: 1px solid #c0c5cd;
}
.ui-static-search-box-tab.ui-static-tab
  .ui-static-tab-button.is-active
  + .ui-static-tab-button:focus-visible {
  outline: none;
  border: 1px solid #3064d5;
}
.ui-static-search-box-tab.ui-static-tab
  .ui-static-tab-button.is-active::before {
  display: none;
}
.ui-static-search-box-tab.ui-static-tab
  .ui-static-tab-button.is-active
  .ui-static-icon {
  color: #3064d5;
}
.ui-static-search-box-tab.ui-static-tab
  .ui-static-tab-button.is-active
  .ui-static-icon
  .ui-static-icon-svg {
  fill: #3064d5;
}
.ui-static-search-box .search-box-tab-switch {
  border-radius: 0 0.25rem 0 0;
  flex-direction: row;
  gap: 3px;
  font-size: 16px;
  padding: 12px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: none;
  box-shadow: inset 0px -10px 10px -10px #acb5bf;
  font-size: 16px;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 768px) {
  .ui-static-search-box .search-box-tab-switch {
    flex-direction: row;
    padding: 12px 24px;
  }
}
.ui-static-search-box .ui-static-tab-content {
  margin-top: 0;
}
.ui-static-search-box .ui-static-search-box-form-button {
  text-align: center;
  margin-top: 24px;
}
.ui-static-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
  border-radius: 100px;
  transition: all 0.3s ease-out;
  cursor: pointer;
  border: none;
}
.ui-static-icon-button .ui-static-icon {
  transition: color 0.3s ease-out;
  font-size: 24px;
}
.ui-static-icon-button:hover {
  background-color: #f0f7ff;
  box-shadow: none;
}
.ui-static-icon-button:hover .ui-static-icon {
  color: #140d77;
}
.ui-static-icon-button-small {
  width: 24px;
  height: 24px;
}
.ui-static-icon-button-small .ui-static-icon {
  font-size: 16px;
}
.ui-static-article-meta {
  display: flex;
  gap: 9px;
  align-items: center;
}
.ui-static-article-meta-date {
  font-size: 0.75rem;
  color: #697180;
  letter-spacing: 0;
}
.ui-static-article-meta-tags {
  display: flex;
  gap: 5px;
  letter-spacing: 0;
}
.ui-static-circle-pillow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  width: 352px;
  height: 352px;
  background-color: #f5f7fa;
  border-radius: 50%;
  padding: 24px;
  text-align: center;
}
.ui-static-circle-pillow-heading {
  width: 100%;
  font-size: 20px;
  margin: 0;
  word-wrap: break-word;
}
.ui-static-circle-pillow-description {
  width: 100%;
  font-size: 14px;
  margin: 0;
  word-wrap: break-word;
}
.ui-static-circle-pillow-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}
.ui-static-item-card {
  width: 100%;
  display: grid;
  align-items: flex-start;
}
.ui-static-item-card .ui-static-heading.ui-static-heading-size-medium {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .ui-static-item-card .ui-static-heading.ui-static-heading-size-medium {
    font-size: 26px;
  }
}
.ui-static-item-card-details {
  display: grid;
}
.ui-static-item-card .ui-static-item-card-description {
  font-size: 14px;
  margin: 0;
}
.ui-static-item-card .ui-static-item-card-buttons > * {
  width: max-content;
}
.ui-static-item-card .ui-static-grid-list .ui-static-heading {
  font-size: 14px;
}
.ui-static-item-card-horizontal-reverse {
  grid-template-columns: 1fr 0.85fr;
  gap: 24px;
}
.ui-static-item-card-horizontal {
  grid-template-columns: 0.85fr 1fr;
  gap: 24px;
}
.ui-static-item-card-horizontal-xxsm {
  grid-template-columns: 71px 1fr;
  gap: 16px;
}
.ui-static-item-card-horizontal-sm {
  grid-template-columns: 164px 1fr;
  gap: 24px;
}
.ui-static-item-card-horizontal-xsm {
  grid-template-columns: 142px 1fr;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-item-card-horizontal-sm-md {
    grid-template-columns: 94px 1fr;
    gap: 24px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-item-card-horizontal-xsm-md {
    grid-template-columns: 142px 1fr;
    gap: 16px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-item-card-horizontal-xxsm-md {
    grid-template-columns: 71px 1fr;
    gap: 16px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-item-card-horizontal-sm-lg {
    grid-template-columns: 164px 1fr;
    gap: 24px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-item-card-horizontal-xsm-lg {
    grid-template-columns: 142px 1fr;
    gap: 16px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-item-card-horizontal-xxsm-lg {
    grid-template-columns: 71px 1fr;
    gap: 16px;
  }
}
.ui-static-item-card-container-horizontal {
  overflow: scroll;
}
.ui-static-item-card-container-horizontal-inner {
  width: max-content;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.ui-static-item-card-container-horizontal .ui-static-item-card {
  max-width: 296px;
}
.ui-static-item-card-with-bg {
  background-color: #f6f7fa;
}
.ui-static-item-card-with-bg .ui-static-item-card-details {
  padding: 0 24px 24px;
}
.ui-static-item-card-with-bg
  .ui-static-item-card
  + .ui-static-item-card-buttons {
  text-align: center;
}
.ui-static-item-card-with-bg
  .ui-static-item-card
  + .ui-static-item-card-buttons
  > * {
  margin-top: 16px;
}
.ui-static-item-card-with-bg-padding {
  padding: 24px;
  background-color: #f6f7fa;
}
.ui-static-item-card-with-bg-padding
  .ui-static-item-card
  + .ui-static-item-card-buttons {
  text-align: center;
}
.ui-static-item-card-with-bg-padding
  .ui-static-item-card
  + .ui-static-item-card-buttons
  > * {
  margin-top: 16px;
}
.ui-static-container {
  display: grid;
  grid-template-columns: 100%;
  box-sizing: border-box;
}
.ui-static-container div,
.ui-static-container h1,
.ui-static-container h2,
.ui-static-container h3,
.ui-static-container h4,
.ui-static-container h5,
.ui-static-container h6,
.ui-static-container p {
  margin: 0;
}
.ui-static-container.ui-static-container-space-xl {
  row-gap: 6rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-xl-md {
    row-gap: 6rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-xl-lg {
    row-gap: 6rem;
  }
}
.ui-static-container.ui-static-container-space-l {
  row-gap: 4rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-l-md {
    row-gap: 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-l-lg {
    row-gap: 4rem;
  }
}
.ui-static-container.ui-static-container-space-m {
  row-gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-m-md {
    row-gap: 2.5rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-m-lg {
    row-gap: 2.5rem;
  }
}
.ui-static-container.ui-static-container-space-s {
  row-gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-s-md {
    row-gap: 1.5rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-s-lg {
    row-gap: 1.5rem;
  }
}
.ui-static-container.ui-static-container-space-xs {
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-xs-md {
    row-gap: 1rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-xs-lg {
    row-gap: 1rem;
  }
}
.ui-static-container.ui-static-container-space-xxs {
  row-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-xxs-md {
    row-gap: 0.5rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-xxs-lg {
    row-gap: 0.5rem;
  }
}
.ui-static-container.ui-static-container-space-xxxs {
  row-gap: 0.25rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-xxxs-md {
    row-gap: 0.25rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-xxxs-lg {
    row-gap: 0.25rem;
  }
}
.ui-static-container.ui-static-container-space-none {
  row-gap: 0rem;
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-none-md {
    row-gap: 0rem;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-none-lg {
    row-gap: 0rem;
  }
}
.ui-static-container.ui-static-container-space-1 {
  row-gap: calc(1 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-1-md {
    row-gap: calc(1 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-1-lg {
    row-gap: calc(1 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-2 {
  row-gap: calc(2 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-2-md {
    row-gap: calc(2 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-2-lg {
    row-gap: calc(2 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-3 {
  row-gap: calc(3 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-3-md {
    row-gap: calc(3 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-3-lg {
    row-gap: calc(3 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-4 {
  row-gap: calc(4 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-4-md {
    row-gap: calc(4 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-4-lg {
    row-gap: calc(4 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-5 {
  row-gap: calc(5 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-5-md {
    row-gap: calc(5 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-5-lg {
    row-gap: calc(5 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-6 {
  row-gap: calc(6 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-6-md {
    row-gap: calc(6 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-6-lg {
    row-gap: calc(6 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-7 {
  row-gap: calc(7 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-7-md {
    row-gap: calc(7 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-7-lg {
    row-gap: calc(7 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-8 {
  row-gap: calc(8 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-8-md {
    row-gap: calc(8 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-8-lg {
    row-gap: calc(8 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-9 {
  row-gap: calc(9 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-9-md {
    row-gap: calc(9 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-9-lg {
    row-gap: calc(9 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-10 {
  row-gap: calc(10 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-10-md {
    row-gap: calc(10 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-10-lg {
    row-gap: calc(10 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-11 {
  row-gap: calc(11 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-11-md {
    row-gap: calc(11 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-11-lg {
    row-gap: calc(11 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-12 {
  row-gap: calc(12 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-12-md {
    row-gap: calc(12 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-12-lg {
    row-gap: calc(12 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-13 {
  row-gap: calc(13 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-13-md {
    row-gap: calc(13 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-13-lg {
    row-gap: calc(13 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-14 {
  row-gap: calc(14 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-14-md {
    row-gap: calc(14 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-14-lg {
    row-gap: calc(14 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-15 {
  row-gap: calc(15 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-15-md {
    row-gap: calc(15 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-15-lg {
    row-gap: calc(15 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-16 {
  row-gap: calc(16 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-16-md {
    row-gap: calc(16 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-16-lg {
    row-gap: calc(16 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-17 {
  row-gap: calc(17 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-17-md {
    row-gap: calc(17 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-17-lg {
    row-gap: calc(17 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-18 {
  row-gap: calc(18 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-18-md {
    row-gap: calc(18 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-18-lg {
    row-gap: calc(18 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-19 {
  row-gap: calc(19 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-19-md {
    row-gap: calc(19 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-19-lg {
    row-gap: calc(19 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-20 {
  row-gap: calc(20 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-20-md {
    row-gap: calc(20 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-20-lg {
    row-gap: calc(20 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-21 {
  row-gap: calc(21 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-21-md {
    row-gap: calc(21 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-21-lg {
    row-gap: calc(21 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-22 {
  row-gap: calc(22 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-22-md {
    row-gap: calc(22 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-22-lg {
    row-gap: calc(22 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-23 {
  row-gap: calc(23 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-23-md {
    row-gap: calc(23 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-23-lg {
    row-gap: calc(23 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-24 {
  row-gap: calc(24 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-24-md {
    row-gap: calc(24 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-24-lg {
    row-gap: calc(24 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-25 {
  row-gap: calc(25 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-25-md {
    row-gap: calc(25 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-25-lg {
    row-gap: calc(25 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-26 {
  row-gap: calc(26 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-26-md {
    row-gap: calc(26 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-26-lg {
    row-gap: calc(26 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-27 {
  row-gap: calc(27 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-27-md {
    row-gap: calc(27 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-27-lg {
    row-gap: calc(27 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-28 {
  row-gap: calc(28 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-28-md {
    row-gap: calc(28 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-28-lg {
    row-gap: calc(28 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-29 {
  row-gap: calc(29 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-29-md {
    row-gap: calc(29 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-29-lg {
    row-gap: calc(29 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-30 {
  row-gap: calc(30 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-30-md {
    row-gap: calc(30 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-30-lg {
    row-gap: calc(30 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-31 {
  row-gap: calc(31 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-31-md {
    row-gap: calc(31 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-31-lg {
    row-gap: calc(31 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-32 {
  row-gap: calc(32 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-32-md {
    row-gap: calc(32 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-32-lg {
    row-gap: calc(32 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-33 {
  row-gap: calc(33 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-33-md {
    row-gap: calc(33 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-33-lg {
    row-gap: calc(33 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-34 {
  row-gap: calc(34 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-34-md {
    row-gap: calc(34 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-34-lg {
    row-gap: calc(34 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-35 {
  row-gap: calc(35 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-35-md {
    row-gap: calc(35 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-35-lg {
    row-gap: calc(35 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-36 {
  row-gap: calc(36 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-36-md {
    row-gap: calc(36 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-36-lg {
    row-gap: calc(36 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-37 {
  row-gap: calc(37 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-37-md {
    row-gap: calc(37 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-37-lg {
    row-gap: calc(37 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-38 {
  row-gap: calc(38 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-38-md {
    row-gap: calc(38 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-38-lg {
    row-gap: calc(38 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-39 {
  row-gap: calc(39 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-39-md {
    row-gap: calc(39 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-39-lg {
    row-gap: calc(39 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-40 {
  row-gap: calc(40 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-40-md {
    row-gap: calc(40 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-40-lg {
    row-gap: calc(40 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-41 {
  row-gap: calc(41 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-41-md {
    row-gap: calc(41 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-41-lg {
    row-gap: calc(41 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-42 {
  row-gap: calc(42 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-42-md {
    row-gap: calc(42 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-42-lg {
    row-gap: calc(42 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-43 {
  row-gap: calc(43 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-43-md {
    row-gap: calc(43 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-43-lg {
    row-gap: calc(43 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-44 {
  row-gap: calc(44 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-44-md {
    row-gap: calc(44 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-44-lg {
    row-gap: calc(44 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-45 {
  row-gap: calc(45 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-45-md {
    row-gap: calc(45 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-45-lg {
    row-gap: calc(45 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-46 {
  row-gap: calc(46 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-46-md {
    row-gap: calc(46 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-46-lg {
    row-gap: calc(46 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-47 {
  row-gap: calc(47 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-47-md {
    row-gap: calc(47 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-47-lg {
    row-gap: calc(47 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-48 {
  row-gap: calc(48 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-48-md {
    row-gap: calc(48 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-48-lg {
    row-gap: calc(48 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-49 {
  row-gap: calc(49 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-49-md {
    row-gap: calc(49 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-49-lg {
    row-gap: calc(49 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-50 {
  row-gap: calc(50 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-50-md {
    row-gap: calc(50 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-50-lg {
    row-gap: calc(50 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-51 {
  row-gap: calc(51 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-51-md {
    row-gap: calc(51 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-51-lg {
    row-gap: calc(51 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-52 {
  row-gap: calc(52 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-52-md {
    row-gap: calc(52 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-52-lg {
    row-gap: calc(52 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-53 {
  row-gap: calc(53 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-53-md {
    row-gap: calc(53 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-53-lg {
    row-gap: calc(53 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-54 {
  row-gap: calc(54 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-54-md {
    row-gap: calc(54 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-54-lg {
    row-gap: calc(54 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-55 {
  row-gap: calc(55 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-55-md {
    row-gap: calc(55 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-55-lg {
    row-gap: calc(55 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-56 {
  row-gap: calc(56 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-56-md {
    row-gap: calc(56 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-56-lg {
    row-gap: calc(56 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-57 {
  row-gap: calc(57 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-57-md {
    row-gap: calc(57 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-57-lg {
    row-gap: calc(57 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-58 {
  row-gap: calc(58 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-58-md {
    row-gap: calc(58 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-58-lg {
    row-gap: calc(58 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-59 {
  row-gap: calc(59 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-59-md {
    row-gap: calc(59 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-59-lg {
    row-gap: calc(59 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-60 {
  row-gap: calc(60 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-60-md {
    row-gap: calc(60 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-60-lg {
    row-gap: calc(60 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-61 {
  row-gap: calc(61 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-61-md {
    row-gap: calc(61 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-61-lg {
    row-gap: calc(61 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-62 {
  row-gap: calc(62 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-62-md {
    row-gap: calc(62 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-62-lg {
    row-gap: calc(62 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-63 {
  row-gap: calc(63 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-63-md {
    row-gap: calc(63 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-63-lg {
    row-gap: calc(63 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-64 {
  row-gap: calc(64 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-64-md {
    row-gap: calc(64 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-64-lg {
    row-gap: calc(64 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-65 {
  row-gap: calc(65 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-65-md {
    row-gap: calc(65 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-65-lg {
    row-gap: calc(65 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-66 {
  row-gap: calc(66 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-66-md {
    row-gap: calc(66 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-66-lg {
    row-gap: calc(66 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-67 {
  row-gap: calc(67 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-67-md {
    row-gap: calc(67 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-67-lg {
    row-gap: calc(67 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-68 {
  row-gap: calc(68 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-68-md {
    row-gap: calc(68 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-68-lg {
    row-gap: calc(68 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-69 {
  row-gap: calc(69 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-69-md {
    row-gap: calc(69 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-69-lg {
    row-gap: calc(69 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-70 {
  row-gap: calc(70 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-70-md {
    row-gap: calc(70 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-70-lg {
    row-gap: calc(70 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-71 {
  row-gap: calc(71 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-71-md {
    row-gap: calc(71 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-71-lg {
    row-gap: calc(71 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-72 {
  row-gap: calc(72 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-72-md {
    row-gap: calc(72 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-72-lg {
    row-gap: calc(72 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-73 {
  row-gap: calc(73 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-73-md {
    row-gap: calc(73 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-73-lg {
    row-gap: calc(73 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-74 {
  row-gap: calc(74 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-74-md {
    row-gap: calc(74 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-74-lg {
    row-gap: calc(74 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-75 {
  row-gap: calc(75 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-75-md {
    row-gap: calc(75 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-75-lg {
    row-gap: calc(75 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-76 {
  row-gap: calc(76 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-76-md {
    row-gap: calc(76 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-76-lg {
    row-gap: calc(76 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-77 {
  row-gap: calc(77 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-77-md {
    row-gap: calc(77 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-77-lg {
    row-gap: calc(77 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-78 {
  row-gap: calc(78 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-78-md {
    row-gap: calc(78 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-78-lg {
    row-gap: calc(78 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-79 {
  row-gap: calc(79 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-79-md {
    row-gap: calc(79 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-79-lg {
    row-gap: calc(79 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-80 {
  row-gap: calc(80 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-80-md {
    row-gap: calc(80 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-80-lg {
    row-gap: calc(80 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-81 {
  row-gap: calc(81 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-81-md {
    row-gap: calc(81 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-81-lg {
    row-gap: calc(81 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-82 {
  row-gap: calc(82 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-82-md {
    row-gap: calc(82 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-82-lg {
    row-gap: calc(82 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-83 {
  row-gap: calc(83 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-83-md {
    row-gap: calc(83 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-83-lg {
    row-gap: calc(83 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-84 {
  row-gap: calc(84 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-84-md {
    row-gap: calc(84 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-84-lg {
    row-gap: calc(84 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-85 {
  row-gap: calc(85 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-85-md {
    row-gap: calc(85 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-85-lg {
    row-gap: calc(85 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-86 {
  row-gap: calc(86 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-86-md {
    row-gap: calc(86 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-86-lg {
    row-gap: calc(86 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-87 {
  row-gap: calc(87 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-87-md {
    row-gap: calc(87 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-87-lg {
    row-gap: calc(87 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-88 {
  row-gap: calc(88 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-88-md {
    row-gap: calc(88 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-88-lg {
    row-gap: calc(88 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-89 {
  row-gap: calc(89 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-89-md {
    row-gap: calc(89 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-89-lg {
    row-gap: calc(89 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-90 {
  row-gap: calc(90 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-90-md {
    row-gap: calc(90 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-90-lg {
    row-gap: calc(90 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-91 {
  row-gap: calc(91 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-91-md {
    row-gap: calc(91 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-91-lg {
    row-gap: calc(91 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-92 {
  row-gap: calc(92 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-92-md {
    row-gap: calc(92 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-92-lg {
    row-gap: calc(92 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-93 {
  row-gap: calc(93 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-93-md {
    row-gap: calc(93 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-93-lg {
    row-gap: calc(93 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-94 {
  row-gap: calc(94 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-94-md {
    row-gap: calc(94 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-94-lg {
    row-gap: calc(94 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-95 {
  row-gap: calc(95 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-95-md {
    row-gap: calc(95 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-95-lg {
    row-gap: calc(95 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-96 {
  row-gap: calc(96 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-96-md {
    row-gap: calc(96 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-96-lg {
    row-gap: calc(96 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-97 {
  row-gap: calc(97 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-97-md {
    row-gap: calc(97 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-97-lg {
    row-gap: calc(97 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-98 {
  row-gap: calc(98 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-98-md {
    row-gap: calc(98 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-98-lg {
    row-gap: calc(98 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-99 {
  row-gap: calc(99 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-99-md {
    row-gap: calc(99 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-99-lg {
    row-gap: calc(99 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-space-100 {
  row-gap: calc(100 / 16 * 1rem);
}
@media screen and (min-width: 768px) {
  .ui-static-container.ui-static-container-space-100-md {
    row-gap: calc(100 / 16 * 1rem);
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-container.ui-static-container-space-100-lg {
    row-gap: calc(100 / 16 * 1rem);
  }
}
.ui-static-container.ui-static-container-align-left {
  justify-items: flex-start;
}
.ui-static-container.ui-static-container-align-center {
  justify-items: center;
}
.ui-static-container.ui-static-container-align-right {
  justify-items: flex-end;
}
.star-rating {
  display: flex;
}
.star-rating .star-rating-star {
  color: #e9ecf2;
  font-size: 16px;
  line-height: 1;
}
.star-rating .star-rating-star svg {
  position: relative;
  top: -1px;
}
.star-rating .star-rating-star.ui-static-icon-star-half::after {
  color: #f5cf3f;
}
.star-rating .star-rating-star-yellow {
  color: #f5cf3f;
}
.review-summary {
  display: flex;
  gap: 4px;
}
.review-summary .ui-static-icon {
  color: #3064d5;
  font-size: 16px;
  margin-top: 2px;
}
.review-summary-rating {
  color: #3064d5;
  font-size: 12px;
  font-weight: 700;
}
.review-summary-count {
  color: #939dad;
  font-size: 12px;
}
.ui-static-colorpallete {
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: border 0.3s ease-out;
}
.ui-static-colorpallete:hover {
  border-color: #2c2a29;
}
.ui-static-container div.ui-static-colorpallete-tag-list {
  margin-top: 4px;
}
.ui-static-colorpallete-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.ui-static-colorpallete-tag {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  border-radius: 4px;
  padding: 4px;
}
.ui-static-colorpallete-tag::before,
.ui-static-colorpallete-tag::after {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.ui-static-colorpallete-tag-white {
  color: #2c2a29;
  background-color: #e9ecf2;
}
.ui-static-colorpallete-tag-white::before {
  content: "arrow_back";
  font-family: "Material Symbols Rounded";
  color: #2c2a29;
  margin-right: 4px;
}
.ui-static-colorpallete-tag-black {
  color: #fff;
  background-color: #2c2a29;
}
.ui-static-colorpallete-tag-black::after {
  content: "arrow_forward";
  font-family: "Material Symbols Rounded";
  color: #fff;
}
.ui-static-colorpallete-tag-white-ng {
  color: #fff;
  background-color: #acb5bf;
}
.ui-static-colorpallete-tag-black-ng {
  color: #697180;
  background-color: #e9ecf2;
}
.ui-static-colorpallete-example {
  width: max-content;
  padding: 16px;
  background-color: var(--ui-static-unleash-blue-10);
}
.ui-ml-mainVisual-root {
  background-image: url("https://placehold.jp/b5b5b5/e0e0e0/1000x500.png?text=No%20Image%E3%81%AE%E7%94%BB%E5%83%8FURL%E3%82%92CSS%E3%81%A7%E6%8C%87%E5%AE%9A");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
  display: flex;
  flex-direction: column;
}
.ui-ml-mainVisual-root .ui-ml-mainVisual-inner {
  flex-grow: 1;
  padding: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ui-ml-mainVisual-root .ui-ml-mainVisual-inner .ui-at-heading-heading,
.ui-ml-mainVisual-root .ui-ml-mainVisual-inner .ui-ml-mainVisual-lead {
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.ui-ml-mainVisual-root .ui-ml-mainVisual-inner .ui-at-heading-heading {
  font-size: 40px;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ui-ml-mainVisual-root .ui-ml-mainVisual-inner .ui-at-heading-heading {
    font-size: 60px;
  }
}
.ui-ml-mainVisual-root .ui-ml-mainVisual-inner .ui-ml-mainVisual-lead {
  margin-top: 32px;
  font-size: 18px;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ui-ml-mainVisual-root .ui-ml-mainVisual-inner .ui-ml-mainVisual-lead {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.5;
  }
}
.ui-ml-headingWithIcon-root {
  display: flex;
  align-items: center;
}
.ui-ml-headingWithIcon-root .ui-at-icon-icon {
  width: 32px;
  height: 32px;
  margin-right: 25px;
}
.ui-static-message {
  font-weight: 400;
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-message {
    padding: 24px;
  }
}
.ui-static-message--tooltip {
  border-radius: 10px;
}
.ui-static-message-title-wrapper {
  display: flex;
  align-items: center;
}
.ui-static-message-title-wrapper .ui-static-message-title-text {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
}
.ui-static-message-title-wrapper .material-symbols-rounded {
  font-size: 16px;
  margin-right: 8px;
}
.ui-static-message-title-wrapper + .ui-static-message-text {
  margin: 8px 0 0;
}
.ui-static-message .ui-static-message-title-text {
  font-weight: 700;
}
.ui-static-message .ui-static-message-text {
  font-size: 14px;
}
.ui-static-message .icon,
.ui-static-message .ui-static-icon {
  font-size: 13.5px;
  display: flex;
  align-items: center;
}
.ui-static-message.ui-static-message-variant-basic {
  background: #f5f7fa;
}
.ui-static-message.ui-static-message-variant-basic .ui-static-icon {
  color: #697180;
}
.ui-static-message.ui-static-message-variant-basic
  .ui-static-message-title-wrapper
  .ui-static-message-title-text {
  color: #2c2a29;
}
.ui-static-message.ui-static-message-variant-success {
  background: #eafffa;
}
.ui-static-message.ui-static-message-variant-success--tooltip {
  border: 1px solid rgba(35, 201, 171, 0.4);
}
.ui-static-message.ui-static-message-variant-success .ui-static-icon {
  color: #23c9ab;
}
.ui-static-message.ui-static-message-variant-success .ui-static-message-text {
  color: #147252;
}
.ui-static-message.ui-static-message-variant-success
  .ui-static-message-text
  .ui-static-text {
  color: #147252;
}
.ui-static-message.ui-static-message-variant-success
  .ui-static-message-title-wrapper
  .ui-static-message-title-text {
  color: #147252;
}
.ui-static-message.ui-static-message-variant-warning {
  background: #fffcd5;
}
.ui-static-message.ui-static-message-variant-warning--tooltip {
  border: 1px solid rgba(242, 148, 35, 0.4);
}
.ui-static-message.ui-static-message-variant-warning .ui-static-icon {
  color: #f29423;
}
.ui-static-message.ui-static-message-variant-warning .ui-static-message-text {
  color: #cf3700;
}
.ui-static-message.ui-static-message-variant-warning
  .ui-static-message-text
  .ui-static-text {
  color: #cf3700;
}
.ui-static-message.ui-static-message-variant-warning
  .ui-static-message-title-wrapper
  .ui-static-message-title-text {
  color: #cf3700;
}
.ui-static-message.ui-static-message-variant-error {
  background: #fff7f7;
}
.ui-static-message.ui-static-message-variant-error--tooltip {
  border: 1px solid rgba(214, 51, 51, 0.4);
}
.ui-static-message.ui-static-message-variant-error .ui-static-icon {
  color: #d63333;
}
.ui-static-message.ui-static-message-variant-error .ui-static-message-text {
  color: #d63333;
}
.ui-static-message.ui-static-message-variant-error
  .ui-static-message-text
  .ui-static-text {
  color: #d63333;
}
.ui-static-message.ui-static-message-variant-error a {
  color: #3064d5;
}
.ui-static-message.ui-static-message-variant-error
  .ui-static-message-title-wrapper
  .ui-static-message-title-text {
  color: #d63333;
}
.ui-static-notification {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  text-decoration: none;
}
.ui-static-notification:hover .ui-static-notification-text {
  text-decoration: underline;
  color: #140d77;
}
.ui-static-notification:hover img {
  transform: scale(1.1);
}
.ui-static-notification-category > * {
  display: inline-block;
  width: 110px;
  font-size: 0.75rem;
  text-align: center;
}
.ui-static-notification-date {
  margin-right: 4px;
  color: #697180;
  font-size: 12px;
}
.ui-static-notification-text {
  margin: 0;
  width: 100%;
  color: #2c2a29;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .ui-static-notification-text {
    width: auto;
  }
}
.ui-static-notification-tags {
  display: flex;
  gap: 5px;
}
.ui-static-notification-align-right {
  justify-content: flex-end;
  text-align: right;
}
.ui-static-notification-with-image {
  flex-wrap: initial;
  align-items: flex-start;
  gap: 16px;
}
.ui-static-notification-image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.ui-static-notification-image-tag {
  position: absolute;
  top: -3px;
  z-index: 1;
}
.ui-static-notification-image-tag span {
  line-height: 10px;
}
.ui-static-notification-image img {
  transition: transform 0.3s ease-out;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.ui-static-notification-image img:hover {
  transform: scale(1.1);
}
.ui-static-notification-image .ui-static-tag-highlight {
  display: initial;
}
.ui-static-notification-image .ui-static-image {
  flex-direction: initial;
}
.ui-static-notification-content {
  display: grid;
  gap: 8px;
  width: 70%;
}
.ui-static-text-icon > * {
  display: inline-block;
}
.ui-static-text-icon > *:hover,
.ui-static-text-icon > *:focus {
  text-decoration: underline;
}
.ui-static-text-icon .ui-static-text-icon-inner {
  display: flex;
  align-items: center;
}
.ui-static-text-icon .ui-static-text-icon-text {
  font-size: 0.875rem;
}
.ui-static-text-icon .ui-static-text-icon-icon {
  margin-left: 8px;
}
.ui-static-article-card {
  text-decoration: none;
}
.ui-static-article-card-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ui-static-article-card a:hover,
.ui-static-article-card a:focus {
  text-decoration: none;
  color: #f5f7fa !important;
}
.ui-static-article-card:hover .ui-static-image img,
.ui-static-article-card:focus .ui-static-image img {
  transform: scale(1.05);
}
.ui-static-article-card .ui-static-article-meta {
  justify-content: flex-end;
}
.ui-static-review {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ui-static-product-card {
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  transition: all 0.1s ease-in;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
  color: unset;
  text-decoration: none;
  cursor: pointer;
  display: block;
}
.ui-static-product-card:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4509803922);
}
.ui-static-product-card:hover .ui-static-image img {
  transform: scale(1.1);
}
.ui-static-product-card .ui-static-product-card-inner {
  flex-direction: column;
  height: 100%;
}
.ui-static-product-card
  .ui-static-product-card-inner
  .ui-static-product-card-container {
  padding: 0 16px;
  margin-bottom: 8px;
}
.ui-static-product-card .ui-static-product-card-image-container {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0;
  flex-direction: column;
}
.ui-static-product-card
  .ui-static-product-card-image-container
  .ui-static-image {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card
    .ui-static-product-card-image-container
    .ui-static-image {
    width: 100%;
    margin: 0;
  }
}
.ui-static-product-card .ui-static-image {
  height: 100%;
  overflow: hidden;
  position: static;
}
.ui-static-product-card .ui-static-image {
  position: relative;
}
.ui-static-product-card .ui-static-image img {
  transition: all 0.1s ease-in;
  aspect-ratio: 352/225;
}
.ui-static-product-card .ui-static-link:hover .ui-static-icon {
  color: #697180;
}
.ui-static-product-card .ui-static-link:hover .ui-static-icon-heart_brder {
  color: #c0c5cc;
}
.ui-static-product-card .ui-static-product-card-heart-icon {
  position: absolute;
  right: 6px;
  bottom: 36px;
  font-size: 30px;
}
.ui-static-product-card .ui-static-product-card-heart-icon:hover {
  cursor: pointer;
}
.ui-static-product-card
  .ui-static-product-card-heart-icon
  .ui-static-favorite-heart,
.ui-static-product-card .ui-static-product-card-heart-icon .ui-static-icon {
  font-size: 30px;
  color: #c0c5cc;
}
.ui-static-product-card .ui-static-product-card-label {
  position: absolute;
  left: 0;
  background-color: #697180;
  font-size: 12px;
  color: #fff;
  padding: 2px 8px;
  font-weight: 700;
  z-index: 1;
  letter-spacing: 0;
  max-height: fit-content;
}
.ui-static-product-card .ui-static-product-card-departure-arival-info {
  margin-top: 36px;
  padding-left: 17px;
}
.ui-static-product-card .ui-static-product-card-dep-ar-content {
  margin: 0;
  letter-spacing: 0.08px;
  line-height: 1.8;
  font-size: 12px;
  font-weight: 700;
}
.ui-static-product-card .ui-static-product-card-title {
  font-weight: 500;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.2;
  font-size: 20px;
  margin-top: 4px;
}
.ui-static-product-card .ui-static-product-card-description {
  margin-top: 6px;
}
.ui-static-product-card .ui-static-product-card-description p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.006rem;
  color: #2c2a29;
  margin: 0;
  padding-right: 14px;
}
.ui-static-product-card .ui-static-product-card-review {
  margin-top: 6px;
}
.ui-static-product-card .ui-static-product-card-summary {
  color: #2c2a29;
  font-size: 14px;
  letter-spacing: 0.04px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 11px;
}
.ui-static-product-card .ui-static-product-card-summary-content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
}
.ui-static-product-card
  .ui-static-product-card-summary-content
  .ui-static-icon {
  color: #697180;
  font-size: 16px;
}
.ui-static-product-card .ui-static-product-card-price-container {
  padding-bottom: 15px;
  margin-top: auto;
}
.ui-static-product-card
  .ui-static-product-card-price-container
  .ui-static-price-container {
  line-height: 1.19;
  padding: 0 16px;
}
.ui-static-product-card
  .ui-static-product-card-price-container
  .ui-static-price-info {
  margin-top: 5px;
  display: block;
}
.ui-static-product-card .ui-static-product-card-tags {
  margin-top: 11px;
}
.ui-static-product-card .ui-static-product-card-tags .ui-static-tag-list,
.ui-static-product-card .ui-static-product-card-tags .ui-static-tag-list-item {
  margin: 0;
}
.ui-static-product-card .ui-static-product-card-tags .ui-static-tag {
  font-size: 12px;
}
.ui-static-product-card .ui-static-product-card-tags .ui-static-tag-list-item {
  line-height: 0.08;
}
.ui-static-product-card [class^="ui-static-link"] {
  display: block;
  overflow: hidden;
}
.ui-static-product-card [class^="ui-static-link"]:hover,
.ui-static-product-card [class^="ui-static-link"]:focus {
  text-decoration: none !important;
}
.ui-static-product-card.is-starred .star-icon svg {
  fill: #f5cf3f !important;
  stroke: #697180;
}
.ui-static-product-card .ui-static-product-card-star-icon {
  cursor: pointer;
  appearance: none;
  border: none;
  background: none;
  position: absolute;
  padding: 0;
  z-index: 2;
  top: 8px;
}
.ui-static-product-card .ui-static-product-card-star-icon svg {
  fill: #fff !important;
}
.ui-static-product-card-inner {
  position: relative;
  display: flex;
}
.ui-static-product-card-inner .ui-static-product-card-image-container,
.ui-static-product-card-inner .ui-static-product-card-container {
  flex-grow: 0;
}
.ui-static-product-card-inner .ui-static-product-card-container {
  position: relative;
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-image-container {
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-image-container {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-image-container
  .ui-static-icon {
  top: 12px;
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-image-container
  .ui-static-text {
  font-size: 12px;
  font-weight: 700;
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-image-container
  .ui-static-image
  div {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-image-container
    .ui-static-image
    div {
    border-radius: unset;
  }
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-image-container
  .ui-static-image {
  margin: 13px 7px 0 11px;
  width: 41%;
  border-radius: 7px;
  overflow: visible;
  position: relative !important;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-image-container
    .ui-static-image {
    width: 100%;
    margin: 0;
  }
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-inner
  .ui-static-product-card-container {
  margin-top: 24px;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-inner
    .ui-static-product-card-container {
    padding: 0 16px;
    margin-top: unset;
  }
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-heart-icon {
  bottom: unset;
  top: 3px;
  right: 7px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-heart-icon {
    top: unset;
    right: 6px;
    bottom: 36px;
  }
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-label {
  border-radius: 0 0 8px 8px;
  top: unset;
  width: 100%;
  text-align: center;
  padding: 3px 0;
  bottom: -22px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-label {
    padding: 2px 8px;
    max-width: fit-content;
    border-radius: unset;
  }
}
@media screen and (min-width: 768px) {
  .sb-story
    .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-label {
    bottom: -22px;
  }
}
.ui-static-product-card[data-product-card-type="secondary"]
  .ui-static-product-card-departure-arival-info {
  padding-left: 0;
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card[data-product-card-type="secondary"]
    .ui-static-product-card-departure-arival-info {
    padding-left: 17px;
    margin-top: 36px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary .ui-static-product-card-image-container {
    width: 20%;
    margin: 13px 0 0 12px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary .ui-static-product-card-image-container {
    width: 39%;
    margin: 0;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-image-container
  .ui-static-image {
  width: 100%;
}
.ui-static-product-card--tertiary
  .ui-static-product-card-image-container
  .ui-static-image
  div {
  overflow: hidden;
  height: 100%;
}
.ui-static-product-card--tertiary
  .ui-static-product-card-image-container
  .ui-static-image
  img {
  aspect-ratio: 159.5/107;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-image-container
    .ui-static-image {
    border-radius: 7px;
    overflow: visible;
  }
  .ui-static-product-card--tertiary
    .ui-static-product-card-image-container
    .ui-static-image
    img {
    aspect-ratio: 137/109;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-image-container
    .ui-static-image {
    border-radius: 0;
    overflow: visible;
    height: 100%;
  }
  .ui-static-product-card--tertiary
    .ui-static-product-card-image-container
    .ui-static-image
    img {
    aspect-ratio: 432/257;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-image-container
    .ui-static-image
    .ui-static-product-card-desc {
    position: unset;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-image-container
    .ui-static-image
    .ui-static-product-card-desc {
    position: absolute;
    display: flex;
    gap: 5px;
    top: 16px;
    left: calc(100% + 16px);
    width: max-content;
  }
}
.ui-static-product-card--tertiary .ui-static-product-card-label {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary .ui-static-product-card-label {
    bottom: 0px;
    right: 0;
    text-align: center;
    display: block;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary .ui-static-product-card-label {
    position: unset;
  }
}
.ui-static-product-card--tertiary .ui-static-product-card-description {
  margin-top: 5px;
}
.ui-static-product-card--tertiary .ui-static-product-card-description p {
  font-size: 12px;
  letter-spacing: 0;
  padding: 0;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary .ui-static-product-card-description p {
    font-size: 14px;
    letter-spacing: -0.006rem;
    padding-right: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary .ui-static-product-card-inner {
    flex-direction: column;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary .ui-static-product-card-inner {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-heart-icon {
    top: 4px;
    right: 9px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-departure-arival-info {
  margin-top: 0;
  position: absolute;
  right: -263px;
  right: -211px;
  top: 17px;
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-departure-arival-info {
    right: -143px;
    top: 0px;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-departure-arival-info {
    display: flex;
    right: -211px;
    top: 17px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-departure-arival-info-md {
  position: absolute;
  top: -3px;
  right: -130px;
  width: max-content;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-departure-arival-info-md {
    margin-top: unset;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container {
  width: 100%;
  padding: 10px 10px 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container {
    width: 100%;
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container {
    width: 39%;
    padding: 30px 16px 16px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-title {
  margin-top: 0px;
  display: block;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container
    .ui-static-product-card-title {
    display: none;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container
    .ui-static-product-card-title {
    display: block;
    font-size: 20px;
    margin-top: 11px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-tags {
  display: flex;
  gap: 5px;
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-tags-tertiary-container {
  margin-top: 8px;
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-summary-content {
  margin: 5px 0;
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-review,
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-summary,
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-container
  .ui-static-product-card-tag-tertiary-container {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container
    .ui-static-product-card-review,
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container
    .ui-static-product-card-summary,
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-container
    .ui-static-product-card-tag-tertiary-container {
    display: block;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-price-container {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0;
  flex-grow: 1;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container {
    background-color: unset;
    padding-bottom: 9px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container {
    background-color: #f5f7fa;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-price-container
  .ui-static-price-container {
  line-height: 12.08px;
  padding: 0 8px 10px;
  margin-top: 9px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container
    .ui-static-price-container {
    margin: 8px 5px 5px;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container
    .ui-static-price-container {
    padding: 0 20px;
    margin: 15px 0px 0px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-price-container
  .ui-static-price-range {
  line-height: 16px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container
    .ui-static-price-range {
    font-size: 21px;
    line-height: 24px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-price-container
  .ui-static-price-info {
  margin-top: 1px;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container
    .ui-static-price-info {
    margin-top: 5px;
  }
}
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-price-container
  .ui-static-price-discount-info,
.ui-static-product-card--tertiary
  .ui-static-product-card-inner
  .ui-static-product-card-price-container
  .ui-static-price-discounted {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container
    .ui-static-price-discount-info,
  .ui-static-product-card--tertiary
    .ui-static-product-card-inner
    .ui-static-product-card-price-container
    .ui-static-price-discounted {
    display: inline-flex;
  }
}
.ui-static-grid-item:has(.ui-static-product-card) {
  height: 100%;
}
.ui-static-grid-item:has(.ui-static-product-card) .ui-static-product-card {
  height: 100%;
}
.ui-static-tag-list {
  list-style: none;
  margin: -4px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.ui-static-tag-list-item {
  margin: 2px;
}
.ui-static-main-visual {
  position: relative;
  text-align: center;
}
.ui-static-main-visual-image {
  background-repeat: no-repeat;
}
.ui-static-main-visual-inner {
  position: relative;
  max-width: 1104px;
  margin: 0 auto;
}
.ui-static-main-visual .container {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
}
.ui-static-main-visual-bg-big {
  background: url("https://placehold.jp/375x484.png") center/cover no-repeat;
  min-height: 484px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-bg-big {
    background: url("https://placehold.jp/1280x484.png") center/cover no-repeat;
  }
}
.ui-static-main-visual-bg-big .ui-static-text {
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.ui-static-main-visual-bg-small {
  min-height: 250px;
  background: url("https://placehold.jp/350x250.png") center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-bg-small {
    background: url("https://placehold.jp/1280x250.png") center/cover no-repeat;
  }
}
.ui-static-main-visual-bg-small .ui-static-text {
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.ui-static-main-visual-bg-with-form {
  position: relative;
  width: 100%;
  background: url("https://placehold.jp/1280x250.png") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ui-static-main-visual-bg-with-form .ui-static-main-visual-no-image {
  padding: 0 !important;
}
.ui-static-main-visual-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}
.ui-static-main-visual-logo {
  background: #f0f7ff;
}
.ui-static-main-visual-logo .ui-static-main-visual-no-image {
  padding: 0 !important;
}
.ui-static-main-visual-logo .ui-static-main-visual-text-wrapper {
  position: relative;
  padding: 57px 20px;
  line-height: 0.5;
}
.ui-static-main-visual-logo
  .ui-static-main-visual-text-wrapper
  .ui-static-main-visual-logo-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-logo
    .ui-static-main-visual-text-wrapper
    .ui-static-main-visual-logo-bg {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-logo .ui-static-main-visual-text-wrapper {
    padding: 0;
  }
}
.ui-static-main-visual-logo .ui-static-main-visual-text-wrapper .u-show-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-logo .ui-static-main-visual-text-wrapper .u-show-pc {
    display: inline-block;
  }
}
.ui-static-main-visual-logo .ui-static-main-visual-text-wrapper .u-show-sp {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-logo .ui-static-main-visual-text-wrapper .u-show-sp {
    display: none;
  }
}
.ui-static-main-visual-variant .ui-static-heading-text {
  font-weight: 700;
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
.ui-static-main-visual-variant .ui-static-main-visual-button {
  margin-top: 9px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant .ui-static-main-visual-button {
    text-align: left;
  }
}
.ui-static-main-visual-variant .ui-static-main-visual-button--center {
  text-align: center;
}
.ui-static-main-visual-variant .ui-static-main-visual-no-image {
  padding: 32px 20px;
}
.ui-static-main-visual-variant
  .ui-static-main-visual-no-image
  .ui-static-main-visual-text {
  margin: 9px 0 0;
}
.ui-static-main-visual-variant .ui-static-main-visual-no-image .ui-static-text {
  margin-top: 7px;
}
.ui-static-main-visual-variant
  .ui-static-main-visual-no-image
  .ui-static-main-visual-icon {
  margin-bottom: 10px;
}
.ui-static-main-visual-variant .ui-static-main-visual-has-image {
  padding: 0 20px 24px;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant .ui-static-main-visual-has-image {
    padding: 32px 20px;
  }
}
.ui-static-main-visual-variant
  .ui-static-main-visual-has-image
  .ui-static-main-visual-text {
  margin-top: 15px;
  align-items: flex-start;
}
.ui-static-main-visual-variant-primary {
  background: #f0f7ff;
  text-align: center;
}
.ui-static-main-visual-variant-primary .ui-static-heading-text {
  color: #2c2a29;
  text-shadow: none;
}
.ui-static-main-visual-variant-primary
  .ui-static-main-visual-has-image
  .ui-static-main-visual-inner {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-primary
    .ui-static-main-visual-has-image
    .ui-static-main-visual-inner {
    flex-direction: column;
    flex-direction: initial;
    align-items: initial;
    justify-content: center;
  }
}
.ui-static-main-visual-variant-primary
  .ui-static-main-visual-has-image
  .ui-static-main-visual-text-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-primary
    .ui-static-main-visual-has-image
    .ui-static-main-visual-text-wrapper {
    width: 354px;
    min-height: 310px;
    display: flex;
    flex-direction: column;
  }
}
.ui-static-main-visual-variant-primary
  .ui-static-main-visual-has-image
  .ui-static-main-visual-text-wrapper
  .heading {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-primary
    .ui-static-main-visual-has-image
    .ui-static-main-visual-text-wrapper
    .heading {
    margin-top: unset;
  }
}
.ui-static-main-visual-variant-primary
  .ui-static-main-visual-has-image
  .ui-static-main-visual-text-wrapper
  .heading
  [class^="ui-static-heading-heading-wrapper"] {
  justify-content: flex-start;
}
.ui-static-main-visual-variant-primary .ui-static-button {
  height: 44px;
}
.ui-static-main-visual-variant-primary
  .ui-static-heading
  [class^="ui-static-heading-heading"] {
  text-align: left;
  line-height: 1.3;
  margin: 0;
  padding-top: 10px;
}
.ui-static-main-visual-variant-primary
  .ui-static-heading
  .ui-static-main-visual-text {
  margin-top: 25px;
}
.ui-static-main-visual-variant-primary
  .ui-static-heading
  .ui-static-heading-text {
  font-weight: 700;
}
.ui-static-main-visual-variant-primary .ui-static-heading-heading {
  font-size: 32px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-primary .ui-static-heading-heading {
    font-size: 40px;
    margin-bottom: 8px;
  }
}
.ui-static-main-visual-variant-primary .ui-static-main-visual-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ui-static-main-visual-variant-primary .ui-static-main-visual-image {
  width: calc(100% + 40px);
  height: 160px;
  background-size: 100% auto;
  width: 100vw;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-primary .ui-static-main-visual-image {
    width: 726px;
    height: 310px;
    background-size: 100% auto;
    background-position: center;
    margin: 0 0;
  }
}
.ui-static-main-visual-variant-secondary .ui-static-main-visual-inner {
  height: 350px;
}
.ui-static-main-visual-variant-thin .ui-static-main-visual-inner {
  height: 250px;
}
.ui-static-main-visual-variant-secondary .ui-static-main-visual-image,
.ui-static-main-visual-variant-thin .ui-static-main-visual-image,
.ui-static-main-visual-variant-dynamic .ui-static-main-visual-image {
  background-size: cover;
  background-position: center;
  height: 100%;
  z-index: -1;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-secondary .ui-static-main-visual-image,
  .ui-static-main-visual-variant-thin .ui-static-main-visual-image,
  .ui-static-main-visual-variant-dynamic .ui-static-main-visual-image {
    background-size: cover;
    width: 100%;
  }
}
.ui-static-main-visual-variant-secondary .ui-static-main-visual-text-wrapper,
.ui-static-main-visual-variant-thin .ui-static-main-visual-text-wrapper,
.ui-static-main-visual-variant-dynamic .ui-static-main-visual-text-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.ui-static-main-visual-variant-secondary
  .ui-static-main-visual-text-wrapper
  [class^="ui-static-heading-heading"],
.ui-static-main-visual-variant-secondary
  .ui-static-main-visual-text-wrapper
  [class^="ui-static-text"],
.ui-static-main-visual-variant-thin
  .ui-static-main-visual-text-wrapper
  [class^="ui-static-heading-heading"],
.ui-static-main-visual-variant-thin
  .ui-static-main-visual-text-wrapper
  [class^="ui-static-text"],
.ui-static-main-visual-variant-dynamic
  .ui-static-main-visual-text-wrapper
  [class^="ui-static-heading-heading"],
.ui-static-main-visual-variant-dynamic
  .ui-static-main-visual-text-wrapper
  [class^="ui-static-text"] {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-secondary
    .ui-static-main-visual-text-wrapper
    .ui-static-text,
  .ui-static-main-visual-variant-thin
    .ui-static-main-visual-text-wrapper
    .ui-static-text,
  .ui-static-main-visual-variant-dynamic
    .ui-static-main-visual-text-wrapper
    .ui-static-text {
    font-size: 1.25rem;
  }
}
.ui-static-main-visual-variant-dynamic .ui-static-main-visual-inner {
  height: 600px;
}
.ui-static-main-visual-variant-search-form {
  margin-bottom: 0;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 33px 25px;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-variant-search-form {
    min-height: 250px;
    padding: 39px 0 159px;
  }
}
.ui-static-main-visual-form {
  margin: 0;
  border-radius: 8px;
  position: static;
  top: auto;
  left: auto;
  transform: none;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-form {
    width: 93.6%;
    margin: -134px auto 0;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-main-visual-form {
    width: 84.6%;
  }
}
.ui-static-main-visual-form .ui-static-grid-item {
  grid-column: span 2;
}
@media screen and (min-width: 768px) {
  .ui-static-main-visual-form .ui-static-grid-item {
    grid-column: auto;
  }
}
.ui-static-main-visual-form .ui-static-grid-item:nth-child(3),
.ui-static-main-visual-form .ui-static-grid-item:nth-child(4),
.ui-static-main-visual-form .ui-static-grid-item:nth-child(6),
.ui-static-main-visual-form .ui-static-grid-item:nth-child(7) {
  grid-column: span 1;
}
.ui-static-main-visual-form .ui-static-main-visual-button {
  text-align: center;
  margin-top: 16px;
}
@media screen and (min-width: 1104px) {
  .ui-static-main-visual-form .ui-static-main-visual-button {
    margin-top: 12px;
  }
}
.ui-static-main-visual-form .ui-static-main-visual-button .ui-static-button {
  max-width: 256px;
}
.ui-static-main-visual-form .ui-static-link-with-icon {
  gap: 9px;
}
.ui-static-section-heading + * {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .ui-static-section-heading + * {
    margin-top: 40px;
  }
}
.ui-static-section-container {
  display: grid;
}
.ui-static-section-space-wider .ui-static-section-container {
  row-gap: 96px;
}
@media screen and (min-width: 768px) {
  .ui-static-section-space-wider .ui-static-section-container {
    row-gap: 120px;
  }
}
.ui-static-section-space-wide .ui-static-section-container {
  row-gap: 64px;
}
.ui-static-section-space-normal .ui-static-section-container {
  row-gap: 40px;
}
.ui-static-section-space-narrow .ui-static-section-container {
  row-gap: 24px;
}
.ui-static-section-space-narrower .ui-static-section-container {
  row-gap: 16px;
}
.ui-static-panel {
  position: relative;
  overflow: hidden;
  max-width: 402px;
  display: block;
  text-decoration: none;
  padding: 0;
}
.ui-static-panel:hover,
.ui-static-panel:focus {
  text-decoration: none;
}
.ui-static-panel-text {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  margin-top: 8px;
  color: #2c2a29;
  display: block;
}
.ui-static-panel-image {
  overflow: hidden;
}
.ui-static-panel .ui-static-image {
  transition: transform 0.3s ease-out;
}
.ui-static-panel .ui-static-icon {
  font-size: 16px;
  position: absolute;
}
.ui-static-panel.focused {
  border: 2px solid #2c2a29;
}
.ui-static-panel-variant-no-link {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.ui-static-panel-variant-no-link .ui-static-panel-text {
  text-align: center;
}
.ui-static-panel-variant-no-link:not(.ui-static-panel-is-link) .text {
  text-align: center;
}
.ui-static-panel-variant-link-a {
  display: block;
  text-decoration: none;
}
.ui-static-panel-variant-link-a:hover .ui-static-image img {
  transform: scale(1.2);
}
.ui-static-panel-variant-link-a:hover .ui-static-panel-text {
  color: #140d77;
}
.ui-static-panel-variant-link-a:hover .ui-static-panel-text .ui-static-icon {
  color: #140d77;
}
.ui-static-panel-variant-link-a .ui-static-icon {
  color: #2c2a29;
  top: 50%;
  transform: translate(10px, -50%);
}
.ui-static-panel-variant-link-b {
  display: block;
  max-width: 361px;
  border-radius: 8px;
}
.ui-static-panel-variant-link-b:hover .ui-static-image {
  transform: scale(1.2);
}
.ui-static-panel-variant-link-b .ui-static-panel-text {
  position: absolute;
  width: 100%;
  height: 45px;
  background: rgba(44, 42, 41, 0.45);
  color: #fff;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  font-size: 14px;
}
.ui-static-panel-variant-link-b .ui-static-panel-text .ui-static-icon {
  color: #fff;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}
.ui-static-panel-variant-cover {
  display: block;
  max-width: 361px;
  border-radius: 8px;
}
.ui-static-panel-variant-cover:hover .ui-static-image {
  transform: scale(1.2);
}
.ui-static-panel-variant-cover.focused {
  border: 2px solid #140d77;
}
.ui-static-panel-variant-cover .ui-static-panel-text {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(44, 42, 41, 0.45);
  color: #fff;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px;
  text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.4509803922);
  margin: 0;
}
.ui-static-panel-variant-cover .ui-static-panel-text .ui-static-icon {
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  color: #fff;
}
.ui-static-section-wrapper {
  padding: 40px 20px 96px;
}
@media screen and (min-width: 768px) {
  .ui-static-section-wrapper {
    padding: 40px 48px 96px;
  }
}
@media (width > 1104px) {
  .ui-static-section-wrapper {
    padding: 40px 0 96px;
    max-width: 1104px;
    margin: 0 auto;
  }
}
.ui-static-section-wrapper-container {
  display: grid;
  row-gap: 96px;
}
@media screen and (min-width: 768px) {
  .ui-static-section-wrapper-container {
    row-gap: 120px;
  }
}
.ui-static-section-wrapper-gray-background {
  background-color: #e9ecf2;
}
.ui-static-section-wrapper-bg-gray {
  background-color: #f5f7fa;
}
.ui-static-section-wrapper-bg-blue {
  background-color: #c2e4fa;
}
.ui-static-section-wrapper-bg-light-blue {
  background-color: #f0f7ff;
}
.ui-static-section-wrapper-bg-red {
  background-color: #fff7f7;
}
.ui-static-section-wrapper-bg-orange {
  background-color: #fffcd5;
}
.ui-static-section-wrapper-bg-green {
  background-color: #f2fff7;
}
.ui-static-section-wrapper-bg-purple {
  background-color: #f1f1ff;
}
.ui-static-section-overflow {
  margin-left: calc(50% - 50cqi);
  margin-right: calc(50% - 50cqi);
}
body {
  counter-reset: list;
}
.ui-static-list {
  padding: 0 20px;
  margin: 8px 0;
  font-weight: 400;
  font-size: 14px;
  color: #2c2a29;
}
.ui-static-list-reference-mark {
  padding: 0;
  margin: 8px 0;
}
.ui-static-list-item-bullet {
  list-style: disc;
}
.ui-static-list-item-bullet ::marker {
  font-size: 10px;
}
.ui-static-list-item-num {
  list-style: auto;
}
.ui-static-list-item-num ::marker {
  font-size: 14px;
}
.ui-static-list-reference-mark-item {
  list-style: none;
  padding: 0;
  padding-left: 20px;
  position: relative;
  font-weight: 400;
  font-size: 14px;
}
.ui-static-list-reference-mark-item:before {
  content: "※";
  font-size: 1.2em;
  position: absolute;
  left: 0;
  font-size: 13px;
}
.ui-static-list-2 {
  display: none;
}
.ui-static-list-2 ul {
  padding: 0;
  margin: 0;
}
.ui-static-list-2 p {
  margin: 0;
}
.ui-static-list-2,
.ui-static-list-2 li {
  list-style-type: none;
}
.ui-static-list-2 li {
  display: flex;
  align-items: flex-start;
}
.ui-static-list-2 li::before {
  padding-right: 8px;
  flex-shrink: 0;
}
.ui-static-list-2 li + li {
  margin-top: 8px;
}
.ui-static-list-2 li .ui-static-list-icon {
  flex: 0 0 auto;
  padding-right: 8px;
}
.ui-static-list-2.ui-static-list-normal {
  font-size: 14px;
}
.ui-static-list-2.ui-static-list-small li {
  font-size: 12px;
}
.ui-static-list-2.ui-static-list-disc li::before {
  content: "•";
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.ui-static-list-2.ui-static-list-decimal li::before {
  counter-increment: list;
  content: counter(list) ".";
  font-size: 14px;
}
.ui-static-list-2.ui-static-list-asterisk li::before {
  content: "※";
  font-size: 12px;
}
.ui-static-banner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}
@media screen and (min-width: 1104px) {
  .ui-static-banner-list {
    gap: 24px;
  }
}
.ui-static-contact {
  background: #f0f7ff;
  padding: 42px 20px 64px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact {
    padding: 40px 39px 63px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-contact {
    padding: 42px 106px 63px;
  }
}
.ui-static-contact + .ui-static-contact {
  margin-top: 24px;
}
.ui-static-contact-inquiry {
  display: grid;
  gap: 15px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #2c2a29;
  background-color: #fff;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
  border-radius: 8px;
  padding: 25px 6px;
  font-weight: 700;
  font-size: clamp(1rem, 1.4vw, 1.5rem);
  transition: 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-inquiry {
    padding: 24px 0 21px;
  }
}
.ui-static-contact-inquiry:hover {
  background-color: #e0edff;
  box-shadow: none;
}
.ui-static-contact-departure {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 23px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-departure {
    margin-top: 30px;
  }
}
.ui-static-contact-tel {
  font-weight: 700;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #2c2a29;
  font-size: 18px;
}
.ui-static-contact-tel > span {
  padding-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-tel {
    font-weight: 400;
    font-size: 26px;
  }
}
.ui-static-contact-reserve {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-reserve {
    margin-top: 14px;
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui-static-contact-reserve-button {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-reserve-button {
    margin-top: 13px;
  }
}
.ui-static-contact-reserve-dates {
  margin: 10px 0 0;
  font-size: 14px;
  color: #2c2a29;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-reserve-dates {
    margin: 9px 0 0;
  }
}
.ui-static-contact-reserve-notes {
  margin: 8px 0 0;
  font-size: 12px;
  color: #2c2a29;
}
.ui-static-contact-reserve-item {
  background-color: #e0edff;
  padding: 16px 39px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-reserve-item {
    padding: 16px 0;
  }
}
.ui-static-contact-reserve-item .ui-static-button {
  font-weight: 700;
}
.ui-static-contact-reserve-item-ovs .ui-static-contact-reserve-title {
  color: #0063b0;
}
.ui-static-contact-reserve-item-ovs
  .ui-static-button-secondary:not(.active):not(:disabled) {
  border-color: #0063b0;
  color: #0063b0;
}
.ui-static-contact-reserve-item-ovs
  .ui-static-button-secondary:not(.active):not(:disabled):hover {
  background-color: #0063b0;
  color: #fff;
}
.ui-static-contact-reserve-item-ovs
  .ui-static-button-secondary:not(.active):not(:disabled):hover
  .ui-static-icon {
  color: #fff;
}
.ui-static-contact-reserve-item-ovs .ui-static-icon {
  color: #0063b0;
}
.ui-static-contact-reserve-item-dom .ui-static-contact-reserve-title {
  color: #268507;
}
.ui-static-contact-reserve-item-dom
  .ui-static-button-secondary:not(.active):not(:disabled) {
  border-color: #268507;
  color: #268507;
}
.ui-static-contact-reserve-item-dom
  .ui-static-button-secondary:not(.active):not(:disabled):hover {
  background-color: #268507;
  color: #fff;
}
.ui-static-contact-reserve-item-dom
  .ui-static-button-secondary:not(.active):not(:disabled):hover
  .ui-static-icon {
  color: #fff;
}
.ui-static-contact-reserve-item-dom .ui-static-icon {
  color: #268507;
}
.ui-static-contact-reserve-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui-static-contact-reserve-title > span {
  font-weight: 700;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-reserve-title > span {
    font-size: 20px;
  }
}
.ui-static-contact .ui-static-message {
  margin: 8px 0 0;
}
@media screen and (min-width: 768px) {
  .ui-static-contact .ui-static-message {
    margin: 16px 0 0;
  }
}
.ui-static-contact-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-options {
    gap: 24px;
    margin-top: 32px;
  }
}
.ui-static-contact-options-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .ui-static-contact-options-item {
    gap: 14px;
  }
}
@media screen and (min-width: 1104px) {
  .ui-static-contact-options-item {
    flex-direction: initial;
    align-items: center;
  }
}
.ui-static-contact
  .ui-static-grid-item:last-child
  .ui-static-contact-inquiry
  p {
  font-size: 18px;
}
.ui-static-favorite {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  display: inline-block;
}
.ui-static-favorite .ui-static-tooltip-variant-primary {
  font-size: 14px;
  padding: 4px 8px 8px 6px;
}
.ui-static-favorite-tooltip-content {
  max-width: 120px;
  display: inline-block;
}
.ui-static-favorite-tooltip-content > * {
  text-align: center;
  color: #fff;
}
.ui-static-favorite.is-active .ui-static-icon {
  color: #e73562;
}
.ui-static-favorite:hover {
  cursor: pointer;
}
.ui-static-favorite:hover .ui-static-icon {
  color: #e73562;
  opacity: 0.6;
}
.ui-static-navigation {
  background-color: #fff;
}
.ui-static-navigation.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.ui-static-navigation-ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-ul {
    flex-direction: initial;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.ui-static-navigation .ui-static-image-img {
  border-radius: 8px;
}
.ui-static-navigation-text {
  font-weight: 700;
  transition: 0.2s ease-out;
}
.ui-static-navigation-item {
  display: flex;
  position: relative;
}
.ui-static-navigation-item .ui-static-link {
  color: #2c2a29;
  transition: 0.2s ease-out;
  width: 100%;
}
.ui-static-navigation-item .ui-static-link .ui-static-image {
  width: 62px;
}
.ui-static-navigation-item .ui-static-link:hover .ui-static-icon {
  color: #140d77;
}
.ui-static-navigation-item .ui-static-link:hover .ui-static-navigation-text {
  color: #140d77;
  text-decoration: underline;
}
.ui-static-navigation-item > *,
.ui-static-navigation-item [class^="ui-static-link"] {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ui-static-navigation-item > * span,
.ui-static-navigation-item [class^="ui-static-link"] span {
  text-decoration: none;
  white-space: nowrap;
}
.ui-static-navigation-item-current .ui-static-navigation-text {
  color: #939dad;
}
.ui-static-navigation-item-current .ui-static-icon-svg {
  fill: #939dad !important;
}
.ui-static-navigation-item .ui-static-navigation-inner {
  display: flex;
  align-items: center;
}
.ui-static-navigation-item
  .ui-static-navigation-inner
  .ui-static-navigation-icon {
  margin-right: 8px;
  display: flex;
}
.ui-static-navigation-item
  .ui-static-navigation-inner:hover
  .ui-static-navigation-text,
.ui-static-navigation-item
  .ui-static-navigation-inner:active
  .ui-static-navigation-text {
  color: #939dad;
  transition: color ease-out 0.2s;
}
.ui-static-navigation-item .ui-static-navigation-inner:hover svg,
.ui-static-navigation-item .ui-static-navigation-inner:active svg {
  fill: #939dad;
}
.ui-static-navigation-size-small .ui-static-navigation-ul {
  font-size: 0.75rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-size-small
    .ui-static-navigation-ul
    .ui-static-navigation-item:not(:last-of-type) {
    padding-right: 8px;
  }
}
.ui-static-navigation-size-default .ui-static-navigation-ul {
  font-size: 0.875rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-size-default
    .ui-static-navigation-ul
    .ui-static-navigation-item:not(:last-of-type) {
    padding-right: 17px;
  }
}
.ui-static-navigation-size-large .ui-static-navigation-ul {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-size-large
    .ui-static-navigation-ul
    .ui-static-navigation-item:not(:last-of-type) {
    padding-right: 24px;
  }
}
.ui-static-navigation-variant-primary .ui-static-navigation-ul {
  padding: 24px 20px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-primary .ui-static-navigation-ul {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 16px 20px;
    display: flex;
    justify-content: center;
    gap: 16px;
  }
}
.ui-static-navigation-variant-primary
  .ui-static-navigation-item:nth-last-of-type(even) {
  padding-right: 8px;
}
.ui-static-navigation-variant-primary
  .ui-static-navigation-item:not(:last-of-type):after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #c0c5cc;
  position: absolute;
  top: unset;
  bottom: -10px;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-primary
    .ui-static-navigation-item:not(:last-of-type):after {
    width: 1px;
    height: 16px;
    right: 1px;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: unset;
  }
}
.ui-static-navigation-variant-secondary {
  padding: 24px 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
  }
}
.ui-static-navigation-variant-secondary .ui-static-navigation-ul {
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-secondary .ui-static-navigation-ul {
    gap: 13px;
  }
}
.ui-static-navigation-variant-secondary
  .ui-static-navigation-ul
  .ui-static-navigation-item {
  position: relative;
  border-right: none;
}
.ui-static-navigation-variant-secondary
  .ui-static-navigation-ul
  .ui-static-navigation-item:not(:last-of-type)::after {
  content: "";
  position: absolute;
  background: #c0c5cc;
  height: 1px;
  width: 100%;
  top: unset;
  bottom: -10px;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-secondary
    .ui-static-navigation-ul
    .ui-static-navigation-item:not(:last-of-type)::after {
    height: 16px;
    width: 1px;
    right: 13px;
    bottom: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.ui-static-navigation-variant-secondary
  .ui-static-navigation-ul
  .ui-static-navigation-item
  .ui-static-navigation-image {
  display: flex;
  margin-right: 8px;
}
.ui-static-navigation-variant-anchor {
  background: #f5f7fa;
}
.ui-static-navigation-variant-anchor .ui-static-navigation-ul {
  padding: 16px 20px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-anchor .ui-static-navigation-ul {
    justify-content: center;
  }
}
.ui-static-navigation-variant-anchor
  .ui-static-navigation-item:not(:last-of-type):after {
  content: "";
  height: 1px;
  width: 100%;
  border-bottom: dotted 1px #c0c5cc;
  position: absolute;
  top: unset;
  bottom: -10px;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-anchor
    .ui-static-navigation-item:not(:last-of-type):after {
    width: 1px;
    height: 16px;
    right: 1px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #c0c5cc;
    bottom: unset;
  }
}
.ui-static-navigation-variant-anchor
  .ui-static-navigation-item
  [class^="ui-static-link"] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .ui-static-navigation-variant-anchor
    .ui-static-navigation-item
    [class^="ui-static-link"] {
    justify-content: center;
  }
}
.ui-static-navigation-variant-anchor .ui-static-navigation-anchor-icon {
  margin-left: 8px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .ui-static-navigation-sp-col2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  .ui-static-navigation-sp-col2 .ui-static-navigation-ul {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
    padding: 24px 20px;
  }
  .ui-static-navigation-sp-col2
    .ui-static-navigation-ul
    .ui-static-navigation-item {
    width: 48%;
    position: relative;
    border-right: none;
    display: flex;
    justify-content: center;
    margin: 4px 0;
    text-align: center;
  }
  .ui-static-navigation-sp-col2
    .ui-static-navigation-ul
    .ui-static-navigation-item
    [class^="ui-static-link"] {
    justify-content: center;
  }
  .ui-static-navigation-sp-col2
    .ui-static-navigation-ul
    .ui-static-navigation-item
    [class^="ui-static-link"]
    span {
    white-space: normal;
  }
  .ui-static-navigation-sp-col2
    .ui-static-navigation-ul
    .ui-static-navigation-item
    .ui-static-navigation-image {
    display: flex;
    margin-right: 8px;
  }
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-primary
    .ui-static-navigation-item:nth-child(odd):after {
    content: "";
    width: 1px;
    height: 16px;
    background: #c0c5cc;
    position: absolute;
    top: 50%;
    right: -7px;
    transform: translateY(-50%);
    margin: 0 8px;
  }
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-primary
    .ui-static-navigation-item:nth-child(even):after {
    display: none;
  }
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-anchor
    .ui-static-navigation-ul {
    align-items: stretch;
    gap: 16px;
  }
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-anchor
    .ui-static-navigation-item {
    width: calc(50% - 8px);
  }
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-anchor
    .ui-static-navigation-item:after {
    content: "";
    height: 1px;
    width: 100%;
    border-bottom: dotted 1px #c0c5cc;
    position: absolute;
    top: unset;
    bottom: -10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-anchor
    .ui-static-navigation-item:after {
    width: 1px;
    height: 16px;
    right: 1px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #c0c5cc;
    bottom: unset;
  }
}
@media screen and (max-width: 767px) {
  .ui-static-navigation-sp-col2.ui-static-navigation-variant-anchor
    .ui-static-navigation-item
    [class^="ui-static-link"] {
    justify-content: space-between;
  }
}
.ui-static-pulldown-selector {
  width: max-content;
  position: relative;
}
.ui-static-pulldown-selector:hover .ui-static-button,
.ui-static-pulldown-selector.focused .ui-static-button {
  border-color: #99c4fd;
  background: #f0f7ff;
  color: #140d77;
}
.ui-static-pulldown-selector:hover
  .ui-static-button
  .ui-static-button-icon
  .ui-static-icon,
.ui-static-pulldown-selector.focused
  .ui-static-button
  .ui-static-button-icon
  .ui-static-icon {
  color: #140d77 !important;
}
.ui-static-pulldown-selector .ui-static-button {
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 9px 18px;
  font-weight: 400;
  font-size: 0.75rem;
}
.ui-static-pulldown-selector
  .ui-static-button.ui-static-button-with-icon-right {
  padding: 9px 32px 9px 18px;
}
.ui-static-pulldown-selector-content {
  display: none;
  opacity: 0;
  position: absolute;
  left: -10px;
  top: 0;
  width: 165px;
  z-index: 2;
  cursor: pointer;
}
.ui-static-pulldown-selector-content.is-active {
  display: block;
  animation: show ease-out 0.2s;
  opacity: 1;
}
.ui-static-pulldown-selector-content-inner {
  position: relative;
  top: 35px;
  width: 100%;
  margin: 0;
  z-index: 1000000;
  background: #fff;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 8px 0;
}
.ui-static-pulldown-selector-link {
  display: block;
  color: #2c2a29;
  text-decoration: none;
  padding: 8px 10px 8px 37px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}
.ui-static-pulldown-selector-link:hover,
.ui-static-pulldown-selector-link:focus {
  background-color: #c6eaff;
  outline: none;
}
.ui-static-pulldown-selector-link.selected {
  pointer-events: none;
  cursor: default;
  position: relative;
}
.ui-static-pulldown-selector-link.selected::before {
  content: "";
  width: 14px;
  height: 10px;
  background: url(https://www.his-j.com/cmn/n-headfoot/images/check.svg)
    no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.ui-static-tentative-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 1104px) {
  .ui-static-tentative-list {
    grid-template-columns: repeat(3, 264px);
  }
}
.ui-static-tentative-item {
  background-color: #f5f7fa;
  list-style: none;
  height: 130px;
  padding: 16px 18px;
}
.ui-static-tentative-heading {
  font-size: 16px;
  font-weight: 700;
  color: #2c2a29;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .ui-static-tentative-heading {
    font-size: 20px;
  }
}
.ui-static-tentative-description {
  font-size: 12px;
  color: #2c2a29;
  margin: 14px 0 0;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .ui-static-tentative-description {
    font-size: 16px;
  }
}
.ui-static-tentative-list-numbered {
  counter-reset: tentative-num;
}
.ui-static-tentative-list-numbered .ui-static-tentative-heading {
  position: relative;
  left: 30px;
}
.ui-static-tentative-list-numbered .ui-static-tentative-item {
  position: relative;
}
.ui-static-tentative-list-numbered .ui-static-tentative-item::before {
  counter-increment: tentative-num;
  content: counter(tentative-num);
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #697180;
  color: #fff;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  top: 19px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2px;
}
.ui-static-tentative-list-numbered-outside .ui-static-tentative-heading {
  left: 0;
  text-align: center;
}
.ui-static-tentative-list-numbered-outside .ui-static-tentative-item::before {
  width: 30px;
  height: 30px;
  top: -10px;
  left: -10px;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .ui-static-tentative-list-numbered-outside .ui-static-tentative-item::before {
    width: 40px;
    height: 40px;
    font-size: 26px;
  }
}
.ui-static-tentative-list-numbered-outside .ui-static-tentative-description {
  text-align: center;
}
.ui-static-tentative-list-steps {
  grid-template-columns: repeat(1, 173px);
  gap: 24px;
}
.ui-static-tentative-list-steps-col-2 {
  grid-template-columns: repeat(2, 173px);
}
.ui-static-tentative-list-steps-col-3 {
  grid-template-columns: repeat(3, 173px);
}
.ui-static-tentative-list-steps-col-4 {
  grid-template-columns: repeat(4, 173px);
}
.ui-static-tentative-list-steps-col-5 {
  grid-template-columns: repeat(5, 173px);
}
.ui-static-tentative-list-steps .ui-static-tentative-item {
  position: relative;
  padding: 16px 18px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .ui-static-tentative-list-steps .ui-static-tentative-item {
    padding: 30px 18px;
    height: 153px;
  }
}
.ui-static-tentative-list-steps .ui-static-tentative-item-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.ui-static-tentative-list-steps
  .ui-static-tentative-item-arrow-right
  .ui-static-tentative-item-inner::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid rgba(0, 0, 0, 0);
  border-left: 15px solid #699edd;
  right: -39px;
  top: 47%;
  transform: translateY(-50%);
}
.ui-static-tentative-list-steps
  .ui-static-tentative-item-arrow-down
  .ui-static-tentative-item-inner::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  border-top: 15px solid #699edd;
  bottom: -36px;
  left: 52%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .ui-static-tentative-list-steps
    .ui-static-tentative-item-arrow-down
    .ui-static-tentative-item-inner::before {
    bottom: -50px;
  }
}
.ui-static-tentative-list-steps .ui-static-tentative-heading {
  text-align: center;
}
.ui-static-tentative-list-steps .ui-static-tentative-description {
  text-align: center;
}
.ui-static-tentative-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.ui-static-tentative-col-1 .ui-static-tentative-item {
  height: auto;
}
.ui-static-tentative-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ui-static-search-form {
  background: #f5f7fa;
  padding: 24px;
  position: relative;
  border-radius: 8px;
  margin-top: 0;
}
.ui-static-search-form.sb-active {
  display: block;
}
.ui-static-search-form .ui-static-grid-list + .u-show-sp-md .fieldset {
  margin-top: 8px;
}
.ui-static-search-form .ui-static-grid-item {
  padding: 0;
}
.ui-static-search-form .ui-static-link-text {
  font-size: 14px;
}
.ui-static-search-form-trip {
  display: grid;
  gap: 16px;
  align-items: center;
  overflow-x: scroll;
  padding: 4px 4px 10px;
  margin-right: -24px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media screen and (min-width: 1104px) {
  .ui-static-search-form-trip {
    gap: 32px;
  }
}
.ui-static-search-form-trip::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .ui-static-search-form-trip {
    grid-template-columns: repeat(2, max-content);
  }
}
.ui-static-search-form-trip + .ui-static-grid-list {
  margin-top: 4px;
}
.ui-static-search-form-tab {
  display: flex;
  column-gap: 8px;
  width: max-content;
}
.ui-static-search-form-tab-button {
  padding: 10px 16px 12px 16px;
  color: #2c2a29;
  background-color: #e9ecf2;
  text-align: center;
  border-radius: 0.25rem;
  font-size: 14px;
  cursor: pointer;
  border: none;
}
.ui-static-search-form-tab-button:hover {
  background: #f0f7ff;
  color: #140d77;
}
.ui-static-search-form-tab-button.is-active {
  font-weight: 700;
  background: #697180;
  color: #fff;
  position: relative;
}
.ui-static-search-form-tab-button.is-active::before {
  content: "";
  position: absolute;
  background-color: #697180;
  left: 50%;
  bottom: -13px;
  display: block;
  width: 16px;
  height: 16px;
  transform: rotate(45deg) translateX(-68%);
}
.ui-static-search-form-tab-type-rounded {
  column-gap: 4px;
}
.ui-static-search-form-tab-type-rounded .ui-static-search-form-tab-button {
  font-size: 0.75rem;
  border: 1px solid #939dad;
  color: #2c2a29;
  padding: 5.5px 15px;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0);
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button:hover {
  border-color: #99c4fd;
  background-color: #c6e9ff;
  color: #140d77;
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button:hover
  svg {
  fill: #140d77;
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button.is-active {
  color: #fff;
  background: #697180;
  border-color: rgba(0, 0, 0, 0);
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button.is-active::before {
  display: none;
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button.is-active
  svg {
  fill: #fff;
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button
  .ui-static-icon {
  position: relative;
  margin-right: 5px;
}
.ui-static-search-form-tab-type-rounded
  .ui-static-search-form-tab-button.has-icon {
  padding: 2px 14px 5px 11px;
  display: flex;
  align-items: center;
}
.ui-static-search-form-tab-small .ui-static-search-form-tab-button {
  padding: 10px 6px 12px;
}
@media screen and (min-width: 768px) {
  .ui-static-search-form-tab-small .ui-static-search-form-tab-button {
    padding: 10px 16px 12px 16px;
  }
}
.ui-static-search-form-inputs {
  margin-top: 32px;
}
.ui-static-search-form-accordion {
  margin-top: 16px;
}
.ui-static-search-form-other {
  margin-top: 16px;
}
.ui-static-search-form-journey {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .ui-static-search-form-journey {
    margin-top: 16px;
  }
}
.ui-static-search-form-journey-label {
  font-size: 16px;
  font-weight: 700;
  margin-right: 8px;
}
.ui-static-search-form-journey-label span {
  color: #d63333;
  background: #fff7f7;
  font-size: 0.75rem;
  border-radius: 4px;
  padding: 0 8px 1px;
  margin-left: 8px;
}
.ui-static-search-form .ui-static-grid-list + .ui-static-grid-list {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .ui-static-search-form .ui-static-grid-list + .ui-static-grid-list {
    margin-top: 16px;
  }
}
.ui-static-search-form .ui-static-grid-list + .ui-static-grid-list + fieldset {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .ui-static-search-form
    .ui-static-grid-list
    + .ui-static-grid-list
    + fieldset {
    margin-top: 16px;
  }
}
.ui-static-search-form .ui-static-grid-list + .ui-static-grid-list + label {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .ui-static-search-form .ui-static-grid-list + .ui-static-grid-list + label {
    margin-top: 16px;
  }
}
.ui-static-search-form .ui-static-accordion-content-inner {
  flex-wrap: wrap;
  gap: 16px;
}
.ui-static-search-form .fieldset + .ui-static-grid-list {
  margin-top: 20px;
}
.ui-static-search-form .ui-static-input + .ui-static-input {
  margin-top: 0;
}
.ui-static-search-form .ui-static-search-form-button {
  text-align: center;
  margin-top: 24px;
}
.ui-static-text-panel {
  width: 100%;
  text-decoration: none;
  border: 1px solid #c0c5cc;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 14px;
  padding: 19px;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 768px) {
  .ui-static-text-panel {
    padding: 16px;
  }
}
.ui-static-text-panel .ui-static-icon {
  font-size: 16px;
  position: relative;
  top: 1px;
}
.ui-static-text-panel-text {
  color: #2c2a29;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
a.ui-static-text-panel::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 15px solid rgba(0, 0, 0, 0);
  border-bottom: 15px solid #3064d5;
  bottom: 4px;
  right: 4px;
}
.ui-static-link-image-text {
  color: #2c2a29;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  text-shadow: 0 0 #2c2a29;
  display: block;
  width: fit-content;
}
.ui-static-link-image-text .ui-static-navigation-text {
  transition: 0.2s ease-out;
}
.ui-static-link-image-text:hover .ui-static-navigation-text {
  color: #140d77;
  text-decoration: underline;
}
.ui-static-link-image-text-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui-static-link-image-text-wrapper img {
  border-radius: 8px;
}
.ui-static-link-image-text-current {
  pointer-events: none;
}
.ui-static-link-image-text-current .ui-static-navigation-text {
  color: #939dad;
}
.ui-static-link-list {
  color: #2c2a29;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.ui-static-link-list .ui-static-icon {
  text-decoration: none;
  transition: color 0.3s ease-out;
}
.ui-static-link-list-container {
  display: flex;
  gap: 16px 8px;
  flex-wrap: wrap;
}
.ui-static-link-list-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  border: 1px solid #939dad;
  background-color: #fff;
  padding: 16px;
  border-radius: 8px;
}
.ui-static-link-list-button-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.ui-static-link-list-button:hover {
  background-color: #f0f7ff;
  border-color: #99c4fd;
  color: #140d77;
}
.ui-static-link-list-button:hover .ui-static-icon {
  color: #140d77;
}
.ui-static-link-list-button.is-disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
  background-color: rgba(192, 197, 204, 0.4862745098);
}
.ui-static-link-list-text {
  max-width: 93px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  position: relative;
}
.ui-static-link-list-text::after {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #c0c5cc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.ui-static-link-list-text:hover {
  color: #140d77;
}
.ui-static-link-list-text:hover span {
  text-decoration: underline;
}
.ui-static-link-list-text:hover .ui-static-icon {
  color: #140d77;
}
.ui-static-link-list-text.is-current {
  opacity: 0.4;
}
.ui-static-link-list-text-large {
  font-weight: 700;
  width: 93px;
}
.ui-static-link-list-text-medium {
  width: 85px;
}
.ui-static-link-list-text-small {
  width: 77px;
  font-size: 12px;
}
.ui-static-article-icon {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.ui-static-article-icon .ui-static-article-icon-details {
  display: grid;
  gap: 17px;
}
.ui-static-article-icon .ui-static-text {
  margin: 0;
}
.ui-static-article-icon-center {
  align-items: center;
  flex-direction: column;
}
.ui-static-article-icon-center .ui-static-article-icon-details {
  justify-items: center;
}
.ui-static-article-icon-with-bg-blue {
  padding: 24px;
  background-color: #f5f7fa;
}
.ui-static-article-icon-with-bg-white {
  padding: 24px;
  background-color: #fff;
  border: 1px solid #c0c5cc;
}
.ui-static-conversation-list-item + .ui-static-conversation-list-item {
  margin-top: 16px;
}
@media screen and (min-width: 1104px) {
  .ui-static-conversation-list-item + .ui-static-conversation-list-item {
    margin-top: 24px;
  }
}
.ui-static-notification-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ui-static-notification-list
  .ui-static-grid.ui-static-grid-space-wide
  .ui-static-grid-item {
  width: 100%;
}
.ui-static-notification-list-item + .ui-static-notification-list-item {
  margin-top: 8px;
}
.ui-static-menu {
  padding: 0;
  border-radius: 0;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
}
.ui-static-menu:focus-within {
  padding: 0;
  margin: 0;
}
.ui-static-menu .ui-static-menu {
  width: 100%;
  padding: 0;
}
.ui-static-menu a {
  text-decoration: none;
  color: #2c2a29;
}
.ui-static-menu .ui-static-accordion-trigger {
  background-color: #fff;
  padding: 1rem 1.25rem;
  border-radius: 0;
  z-index: 2;
}
.ui-static-menu .ui-static-accordion-text {
  font-size: 1rem;
}
.ui-static-menu .ui-static-accordion-content {
  border-radius: 0;
}
.ui-static-menu .ui-static-accordion-content {
  border: none;
  top: 0;
}
.ui-static-menu .ui-static-accordion-content-inner {
  padding: 0;
  display: block;
}
.ui-static-menu .ui-static-accordion-content-inner .ui-static-accordion {
  border-top: 1px solid #c0c5cc;
}
.ui-static-menu-cat-large {
  box-shadow: none;
}
.ui-static-menu-cat-large .ui-static-accordion-trigger {
  background-color: #f5f7fa;
  border-radius: 0;
  border: none;
  box-shadow: none;
  z-index: 1;
}
.ui-static-menu-cat-large .ui-static-accordion-content {
  background-color: #e9ecf2;
}
.ui-static-menu-cat {
  font-weight: 700;
  line-height: 1.3;
  font-size: 14px;
  color: #2c2a29;
}
.ui-static-menu-cat-heading {
  font-weight: 700;
}
.ui-static-menu-cat-medium {
  padding: 0.75rem 2.5rem;
}
.ui-static-menu-cat-medium:last-of-type {
  padding: 0.75rem 2.5rem 1.25rem;
}
.ui-static-menu-cat-small {
  position: relative;
  padding: 8px 40px 8px 64px;
}
.ui-static-menu-cat-small::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #c0c5cc;
  top: 53%;
  left: 49px;
  transform: translateY(-50%);
  border-radius: 50px;
}
.ui-static-menu-seperator {
  width: 97%;
  height: 1px;
  background-color: #c0c5cc;
  border: none;
  margin: 0.5rem 1.25rem;
}
.focused {
  border: 2px solid #3064d5;
}
.css-qa4clq {
  max-width: 1200px !important;
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #2c2a29;
  overflow-x: hidden;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  scroll-behavior: smooth;
  container-type: inline-size;
  overflow-x: hidden;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}
a,
button {
  cursor: pointer;
}
a:focus,
button:focus,
table:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
.css-111a2cx {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 100%;
  display: flex;
  background: #1b1c1d;
  z-index: 1;
}
.css-111a2cx button {
  background: rgba(0, 0, 0, 0.85);
}
.css-111a2cx .css-otxova {
  margin: 0;
  border: 0 none;
  padding: 4px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #c9cdcf;
  background: #1b1c1d;
  font-size: 12px;
  line-height: 16px;
  font-family:
    "Nunito Sans",
    -apple-system,
    ".SFNSText-Regular",
    "San Francisco",
    BlinkMacSystemFont,
    "Segoe UI",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: -1px;
  border-radius: 4px 0 0 0;
}
.css-1xrl4hz {
  position: relative;
  overflow: hidden;
  color: #c9cdcf;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1b1c1d;
  font-size: 13px;
  line-height: 19px;
  margin: 25px 0 40px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px 0;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
}
.css-8ycahn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  --scrollbar-size: 8px;
  --radix-scroll-area-thumb-width: 6px;
  position: relative;
}
.docblock-argstable th:nth-child(3),
.docblock-argstable td:nth-child(3) {
  display: none !important;
}
[id="control-timestamp-time"] {
  display: none !important;
}