@charset "UTF-8";
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1em;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

#frame-box {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #707070;
  border-radius: 10px;
  overflow: hidden;
}
#frame-box .font-so {
  font-family: "Source Sans Pro", sans-serif;
}
#frame-box .pageHeader {
  color: green;
}
#frame-box .pageFooter {
  color: red;
}

#frame-box *,
#frame-box *::before,
#frame-box *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  #frame-box :root {
    scroll-behavior: smooth;
  }
}
#frame-box hr {
  margin: 1em 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}
#frame-box hr:not([size]) {
  height: 1px;
}
#frame-box h6,
#frame-box .h6,
#frame-box h5,
#frame-box .h5,
#frame-box h4,
#frame-box .h4,
#frame-box h3,
#frame-box .h3,
#frame-box h2,
#frame-box .h2,
#frame-box h1,
#frame-box .h1 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
  line-height: 1.2;
}
#frame-box h1,
#frame-box .h1 {
  font-size: calc(1.375em + 1.5vw);
}
@media (min-width: 1200px) {
  #frame-box h1,
  #frame-box .h1 {
    font-size: 2.5em;
  }
}
#frame-box h2,
#frame-box .h2 {
  font-size: calc(1.325em + 0.9vw);
}
@media (min-width: 1200px) {
  #frame-box h2,
  #frame-box .h2 {
    font-size: 2em;
  }
}
#frame-box h3,
#frame-box .h3 {
  font-size: calc(1.3em + 0.6vw);
}
@media (min-width: 1200px) {
  #frame-box h3,
  #frame-box .h3 {
    font-size: 1.75em;
  }
}
#frame-box h4,
#frame-box .h4 {
  font-size: calc(1.275em + 0.3vw);
}
@media (min-width: 1200px) {
  #frame-box h4,
  #frame-box .h4 {
    font-size: 1.5em;
  }
}
#frame-box h5,
#frame-box .h5 {
  font-size: 1.25em;
}
#frame-box h6,
#frame-box .h6 {
  font-size: 1em;
}
#frame-box p {
  margin-top: 0;
  margin-bottom: 1em;
}
#frame-box abbr[title],
#frame-box abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
#frame-box address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
#frame-box ol,
#frame-box ul {
  padding-left: 2em;
}
#frame-box ol,
#frame-box ul,
#frame-box dl {
  margin-top: 0;
  margin-bottom: 1em;
}
#frame-box ol ol,
#frame-box ul ul,
#frame-box ol ul,
#frame-box ul ol {
  margin-bottom: 0;
}
#frame-box dt {
  font-weight: 700;
}
#frame-box dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
#frame-box blockquote {
  margin: 0 0 1em;
}
#frame-box b,
#frame-box strong {
  font-weight: bolder;
}
#frame-box small, #frame-box .small {
  font-size: 0.875em;
}
#frame-box mark, #frame-box .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
#frame-box sub,
#frame-box sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
#frame-box sub {
  bottom: -0.25em;
}
#frame-box sup {
  top: -0.5em;
}
#frame-box a {
  color: #0d6efd;
  text-decoration: underline;
}
#frame-box a:hover {
  color: #0a58ca;
}
#frame-box a:not([href]):not([class]), #frame-box a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
#frame-box pre,
#frame-box code,
#frame-box kbd,
#frame-box samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override;
}
#frame-box pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
  font-size: 0.875em;
}
#frame-box pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
#frame-box code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
#frame-box a > code {
  color: inherit;
}
#frame-box kbd {
  padding: 0.2em 0.4em;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2em;
}
#frame-box kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}
#frame-box figure {
  margin: 0 0 1em;
}
#frame-box img,
#frame-box svg {
  vertical-align: middle;
}
#frame-box table {
  caption-side: bottom;
  border-collapse: collapse;
}
#frame-box caption {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: #6c757d;
  text-align: left;
}
#frame-box th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
#frame-box thead,
#frame-box tbody,
#frame-box tfoot,
#frame-box tr,
#frame-box td,
#frame-box th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
#frame-box label {
  display: inline-block;
}
#frame-box button {
  border-radius: 0;
}
#frame-box button:focus:not(:focus-visible) {
  outline: 0;
}
#frame-box input,
#frame-box button,
#frame-box select,
#frame-box optgroup,
#frame-box textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
#frame-box button,
#frame-box select {
  text-transform: none;
}
#frame-box [role=button] {
  cursor: pointer;
}
#frame-box select {
  word-wrap: normal;
}
#frame-box select:disabled {
  opacity: 1;
}
#frame-box [list]::-webkit-calendar-picker-indicator {
  display: none;
}
#frame-box button,
#frame-box [type=button],
#frame-box [type=reset],
#frame-box [type=submit] {
  -webkit-appearance: button;
}
#frame-box button:not(:disabled),
#frame-box [type=button]:not(:disabled),
#frame-box [type=reset]:not(:disabled),
#frame-box [type=submit]:not(:disabled) {
  cursor: pointer;
}
#frame-box ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
#frame-box textarea {
  resize: vertical;
}
#frame-box fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
#frame-box legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5em;
  font-size: calc(1.275em + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  #frame-box legend {
    font-size: 1.5em;
  }
}
#frame-box legend + * {
  clear: left;
}
#frame-box ::-webkit-datetime-edit-fields-wrapper,
#frame-box ::-webkit-datetime-edit-text,
#frame-box ::-webkit-datetime-edit-minute,
#frame-box ::-webkit-datetime-edit-hour-field,
#frame-box ::-webkit-datetime-edit-day-field,
#frame-box ::-webkit-datetime-edit-month-field,
#frame-box ::-webkit-datetime-edit-year-field {
  padding: 0;
}
#frame-box ::-webkit-inner-spin-button {
  height: auto;
}
#frame-box [hidden] {
  display: none !important;
}
#frame-box .table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1em;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
#frame-box .table > :not(caption) > * > * {
  padding: 0.5em 0.5em;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
#frame-box .table > tbody {
  vertical-align: inherit;
}
#frame-box .table > thead {
  vertical-align: bottom;
}
#frame-box .table > :not(:first-child) {
  border-top: 2px solid currentColor;
}
#frame-box .caption-top {
  caption-side: top;
}
#frame-box .table-sm > :not(caption) > * > * {
  padding: 0.25em 0.25em;
}
#frame-box .table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
#frame-box .table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
#frame-box .table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
#frame-box .table-borderless > :not(:first-child) {
  border-top-width: 0;
}
#frame-box .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
#frame-box .table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}
#frame-box .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}
#frame-box .table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}
#frame-box .table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}
#frame-box .table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}
#frame-box .table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}
#frame-box .table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}
#frame-box .table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}
#frame-box .table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}
#frame-box .table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}
#frame-box .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  #frame-box .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  #frame-box .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  #frame-box .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  #frame-box .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  #frame-box .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
#frame-box .clearfix::after {
  display: block;
  clear: both;
  content: "";
}
#frame-box .link-primary {
  color: #0d6efd;
}
#frame-box .link-primary:hover, #frame-box .link-primary:focus {
  color: #0a58ca;
}
#frame-box .link-secondary {
  color: #6c757d;
}
#frame-box .link-secondary:hover, #frame-box .link-secondary:focus {
  color: #565e64;
}
#frame-box .link-success {
  color: #198754;
}
#frame-box .link-success:hover, #frame-box .link-success:focus {
  color: #146c43;
}
#frame-box .link-info {
  color: #0dcaf0;
}
#frame-box .link-info:hover, #frame-box .link-info:focus {
  color: #3dd5f3;
}
#frame-box .link-warning {
  color: #ffc107;
}
#frame-box .link-warning:hover, #frame-box .link-warning:focus {
  color: #ffcd39;
}
#frame-box .link-danger {
  color: #dc3545;
}
#frame-box .link-danger:hover, #frame-box .link-danger:focus {
  color: #b02a37;
}
#frame-box .link-light {
  color: #f8f9fa;
}
#frame-box .link-light:hover, #frame-box .link-light:focus {
  color: #f9fafb;
}
#frame-box .link-dark {
  color: #212529;
}
#frame-box .link-dark:hover, #frame-box .link-dark:focus {
  color: #1a1e21;
}
#frame-box .ratio {
  position: relative;
  width: 100%;
}
#frame-box .ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
#frame-box .ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#frame-box .ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
#frame-box .ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
#frame-box .ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
#frame-box .ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
#frame-box .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
#frame-box .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
#frame-box .sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  #frame-box .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  #frame-box .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  #frame-box .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  #frame-box .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  #frame-box .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
#frame-box .hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
#frame-box .vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
#frame-box .visually-hidden,
#frame-box .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#frame-box .stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
#frame-box .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#frame-box .vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}
#frame-box .align-baseline {
  vertical-align: baseline !important;
}
#frame-box .align-top {
  vertical-align: top !important;
}
#frame-box .align-middle {
  vertical-align: middle !important;
}
#frame-box .align-bottom {
  vertical-align: bottom !important;
}
#frame-box .align-text-bottom {
  vertical-align: text-bottom !important;
}
#frame-box .align-text-top {
  vertical-align: text-top !important;
}
#frame-box .float-start {
  float: left !important;
}
#frame-box .float-end {
  float: right !important;
}
#frame-box .float-none {
  float: none !important;
}
#frame-box .opacity-0 {
  opacity: 0 !important;
}
#frame-box .opacity-25 {
  opacity: 0.25 !important;
}
#frame-box .opacity-50 {
  opacity: 0.5 !important;
}
#frame-box .opacity-75 {
  opacity: 0.75 !important;
}
#frame-box .opacity-100 {
  opacity: 1 !important;
}
#frame-box .overflow-auto {
  overflow: auto !important;
}
#frame-box .overflow-hidden {
  overflow: hidden !important;
}
#frame-box .overflow-visible {
  overflow: visible !important;
}
#frame-box .overflow-scroll {
  overflow: scroll !important;
}
#frame-box .d-inline {
  display: inline !important;
}
#frame-box .d-inline-block {
  display: inline-block !important;
}
#frame-box .d-block {
  display: block !important;
}
#frame-box .d-grid {
  display: grid !important;
}
#frame-box .d-table {
  display: table !important;
}
#frame-box .d-table-row {
  display: table-row !important;
}
#frame-box .d-table-cell {
  display: table-cell !important;
}
#frame-box .d-flex {
  display: flex !important;
}
#frame-box .d-inline-flex {
  display: inline-flex !important;
}
#frame-box .d-none {
  display: none !important;
}
#frame-box .shadow {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15) !important;
}
#frame-box .shadow-sm {
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075) !important;
}
#frame-box .shadow-lg {
  box-shadow: 0 1em 3em rgba(0, 0, 0, 0.175) !important;
}
#frame-box .shadow-none {
  box-shadow: none !important;
}
#frame-box .position-static {
  position: static !important;
}
#frame-box .position-relative {
  position: relative !important;
}
#frame-box .position-absolute {
  position: absolute !important;
}
#frame-box .position-fixed {
  position: fixed !important;
}
#frame-box .position-sticky {
  position: sticky !important;
}
#frame-box .top-0 {
  top: 0 !important;
}
#frame-box .top-50 {
  top: 50% !important;
}
#frame-box .top-100 {
  top: 100% !important;
}
#frame-box .bottom-0 {
  bottom: 0 !important;
}
#frame-box .bottom-50 {
  bottom: 50% !important;
}
#frame-box .bottom-100 {
  bottom: 100% !important;
}
#frame-box .start-0 {
  left: 0 !important;
}
#frame-box .start-50 {
  left: 50% !important;
}
#frame-box .start-100 {
  left: 100% !important;
}
#frame-box .end-0 {
  right: 0 !important;
}
#frame-box .end-50 {
  right: 50% !important;
}
#frame-box .end-100 {
  right: 100% !important;
}
#frame-box .translate-middle {
  transform: translate(-50%, -50%) !important;
}
#frame-box .translate-middle-x {
  transform: translateX(-50%) !important;
}
#frame-box .translate-middle-y {
  transform: translateY(-50%) !important;
}
#frame-box .border {
  border: 1px solid #dee2e6 !important;
}
#frame-box .border-0 {
  border: 0 !important;
}
#frame-box .border-top {
  border-top: 1px solid #dee2e6 !important;
}
#frame-box .border-top-0 {
  border-top: 0 !important;
}
#frame-box .border-end {
  border-right: 1px solid #dee2e6 !important;
}
#frame-box .border-end-0 {
  border-right: 0 !important;
}
#frame-box .border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
#frame-box .border-bottom-0 {
  border-bottom: 0 !important;
}
#frame-box .border-start {
  border-left: 1px solid #dee2e6 !important;
}
#frame-box .border-start-0 {
  border-left: 0 !important;
}
#frame-box .border-primary {
  border-color: #0d6efd !important;
}
#frame-box .border-secondary {
  border-color: #6c757d !important;
}
#frame-box .border-success {
  border-color: #198754 !important;
}
#frame-box .border-info {
  border-color: #0dcaf0 !important;
}
#frame-box .border-warning {
  border-color: #ffc107 !important;
}
#frame-box .border-danger {
  border-color: #dc3545 !important;
}
#frame-box .border-light {
  border-color: #f8f9fa !important;
}
#frame-box .border-dark {
  border-color: #212529 !important;
}
#frame-box .border-white {
  border-color: #fff !important;
}
#frame-box .border-1 {
  border-width: 1px !important;
}
#frame-box .border-2 {
  border-width: 2px !important;
}
#frame-box .border-3 {
  border-width: 3px !important;
}
#frame-box .border-4 {
  border-width: 4px !important;
}
#frame-box .border-5 {
  border-width: 5px !important;
}
#frame-box .w-25 {
  width: 25% !important;
}
#frame-box .w-50 {
  width: 50% !important;
}
#frame-box .w-75 {
  width: 75% !important;
}
#frame-box .w-100 {
  width: 100% !important;
}
#frame-box .w-auto {
  width: auto !important;
}
#frame-box .mw-100 {
  max-width: 100% !important;
}
#frame-box .vw-100 {
  width: 100vw !important;
}
#frame-box .min-vw-100 {
  min-width: 100vw !important;
}
#frame-box .h-25 {
  height: 25% !important;
}
#frame-box .h-50 {
  height: 50% !important;
}
#frame-box .h-75 {
  height: 75% !important;
}
#frame-box .h-100 {
  height: 100% !important;
}
#frame-box .h-auto {
  height: auto !important;
}
#frame-box .mh-100 {
  max-height: 100% !important;
}
#frame-box .vh-100 {
  height: 100vh !important;
}
#frame-box .min-vh-100 {
  min-height: 100vh !important;
}
#frame-box .flex-fill {
  flex: 1 1 auto !important;
}
#frame-box .flex-row {
  flex-direction: row !important;
}
#frame-box .flex-column {
  flex-direction: column !important;
}
#frame-box .flex-row-reverse {
  flex-direction: row-reverse !important;
}
#frame-box .flex-column-reverse {
  flex-direction: column-reverse !important;
}
#frame-box .flex-grow-0 {
  flex-grow: 0 !important;
}
#frame-box .flex-grow-1 {
  flex-grow: 1 !important;
}
#frame-box .flex-shrink-0 {
  flex-shrink: 0 !important;
}
#frame-box .flex-shrink-1 {
  flex-shrink: 1 !important;
}
#frame-box .flex-wrap {
  flex-wrap: wrap !important;
}
#frame-box .flex-nowrap {
  flex-wrap: nowrap !important;
}
#frame-box .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
#frame-box .gap-0 {
  gap: 0 !important;
}
#frame-box .gap-1 {
  gap: 0.25em !important;
}
#frame-box .gap-2 {
  gap: 0.5em !important;
}
#frame-box .gap-3 {
  gap: 1em !important;
}
#frame-box .gap-4 {
  gap: 1.5em !important;
}
#frame-box .gap-5 {
  gap: 3em !important;
}
#frame-box .justify-content-start {
  justify-content: flex-start !important;
}
#frame-box .justify-content-end {
  justify-content: flex-end !important;
}
#frame-box .justify-content-center {
  justify-content: center !important;
}
#frame-box .justify-content-between {
  justify-content: space-between !important;
}
#frame-box .justify-content-around {
  justify-content: space-around !important;
}
#frame-box .justify-content-evenly {
  justify-content: space-evenly !important;
}
#frame-box .align-items-start {
  align-items: flex-start !important;
}
#frame-box .align-items-end {
  align-items: flex-end !important;
}
#frame-box .align-items-center {
  align-items: center !important;
}
#frame-box .align-items-baseline {
  align-items: baseline !important;
}
#frame-box .align-items-stretch {
  align-items: stretch !important;
}
#frame-box .align-content-start {
  align-content: flex-start !important;
}
#frame-box .align-content-end {
  align-content: flex-end !important;
}
#frame-box .align-content-center {
  align-content: center !important;
}
#frame-box .align-content-between {
  align-content: space-between !important;
}
#frame-box .align-content-around {
  align-content: space-around !important;
}
#frame-box .align-content-stretch {
  align-content: stretch !important;
}
#frame-box .align-self-auto {
  align-self: auto !important;
}
#frame-box .align-self-start {
  align-self: flex-start !important;
}
#frame-box .align-self-end {
  align-self: flex-end !important;
}
#frame-box .align-self-center {
  align-self: center !important;
}
#frame-box .align-self-baseline {
  align-self: baseline !important;
}
#frame-box .align-self-stretch {
  align-self: stretch !important;
}
#frame-box .order-first {
  order: -1 !important;
}
#frame-box .order-0 {
  order: 0 !important;
}
#frame-box .order-1 {
  order: 1 !important;
}
#frame-box .order-2 {
  order: 2 !important;
}
#frame-box .order-3 {
  order: 3 !important;
}
#frame-box .order-4 {
  order: 4 !important;
}
#frame-box .order-5 {
  order: 5 !important;
}
#frame-box .order-last {
  order: 6 !important;
}
#frame-box .m-0 {
  margin: 0 !important;
}
#frame-box .m-1 {
  margin: 0.25em !important;
}
#frame-box .m-2 {
  margin: 0.5em !important;
}
#frame-box .m-3 {
  margin: 1em !important;
}
#frame-box .m-4 {
  margin: 1.5em !important;
}
#frame-box .m-5 {
  margin: 3em !important;
}
#frame-box .m-auto {
  margin: auto !important;
}
#frame-box .mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#frame-box .mx-1 {
  margin-right: 0.25em !important;
  margin-left: 0.25em !important;
}
#frame-box .mx-2 {
  margin-right: 0.5em !important;
  margin-left: 0.5em !important;
}
#frame-box .mx-3 {
  margin-right: 1em !important;
  margin-left: 1em !important;
}
#frame-box .mx-4 {
  margin-right: 1.5em !important;
  margin-left: 1.5em !important;
}
#frame-box .mx-5 {
  margin-right: 3em !important;
  margin-left: 3em !important;
}
#frame-box .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
#frame-box .my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#frame-box .my-1 {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}
#frame-box .my-2 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}
#frame-box .my-3 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}
#frame-box .my-4 {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}
#frame-box .my-5 {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}
#frame-box .my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
#frame-box .mt-0 {
  margin-top: 0 !important;
}
#frame-box .mt-1 {
  margin-top: 0.25em !important;
}
#frame-box .mt-2 {
  margin-top: 0.5em !important;
}
#frame-box .mt-3 {
  margin-top: 1em !important;
}
#frame-box .mt-4 {
  margin-top: 1.5em !important;
}
#frame-box .mt-5 {
  margin-top: 3em !important;
}
#frame-box .mt-auto {
  margin-top: auto !important;
}
#frame-box .me-0 {
  margin-right: 0 !important;
}
#frame-box .me-1 {
  margin-right: 0.25em !important;
}
#frame-box .me-2 {
  margin-right: 0.5em !important;
}
#frame-box .me-3 {
  margin-right: 1em !important;
}
#frame-box .me-4 {
  margin-right: 1.5em !important;
}
#frame-box .me-5 {
  margin-right: 3em !important;
}
#frame-box .me-auto {
  margin-right: auto !important;
}
#frame-box .mb-0 {
  margin-bottom: 0 !important;
}
#frame-box .mb-1 {
  margin-bottom: 0.25em !important;
}
#frame-box .mb-2 {
  margin-bottom: 0.5em !important;
}
#frame-box .mb-3 {
  margin-bottom: 1em !important;
}
#frame-box .mb-4 {
  margin-bottom: 1.5em !important;
}
#frame-box .mb-5 {
  margin-bottom: 3em !important;
}
#frame-box .mb-auto {
  margin-bottom: auto !important;
}
#frame-box .ms-0 {
  margin-left: 0 !important;
}
#frame-box .ms-1 {
  margin-left: 0.25em !important;
}
#frame-box .ms-2 {
  margin-left: 0.5em !important;
}
#frame-box .ms-3 {
  margin-left: 1em !important;
}
#frame-box .ms-4 {
  margin-left: 1.5em !important;
}
#frame-box .ms-5 {
  margin-left: 3em !important;
}
#frame-box .ms-auto {
  margin-left: auto !important;
}
#frame-box .p-0 {
  padding: 0 !important;
}
#frame-box .p-1 {
  padding: 0.25em !important;
}
#frame-box .p-2 {
  padding: 0.5em !important;
}
#frame-box .p-3 {
  padding: 1em !important;
}
#frame-box .p-4 {
  padding: 1.5em !important;
}
#frame-box .p-5 {
  padding: 3em !important;
}
#frame-box .px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
#frame-box .px-1 {
  padding-right: 0.25em !important;
  padding-left: 0.25em !important;
}
#frame-box .px-2 {
  padding-right: 0.5em !important;
  padding-left: 0.5em !important;
}
#frame-box .px-3 {
  padding-right: 1em !important;
  padding-left: 1em !important;
}
#frame-box .px-4 {
  padding-right: 1.5em !important;
  padding-left: 1.5em !important;
}
#frame-box .px-5 {
  padding-right: 3em !important;
  padding-left: 3em !important;
}
#frame-box .py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#frame-box .py-1 {
  padding-top: 0.25em !important;
  padding-bottom: 0.25em !important;
}
#frame-box .py-2 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
#frame-box .py-3 {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
#frame-box .py-4 {
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important;
}
#frame-box .py-5 {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}
#frame-box .pt-0 {
  padding-top: 0 !important;
}
#frame-box .pt-1 {
  padding-top: 0.25em !important;
}
#frame-box .pt-2 {
  padding-top: 0.5em !important;
}
#frame-box .pt-3 {
  padding-top: 1em !important;
}
#frame-box .pt-4 {
  padding-top: 1.5em !important;
}
#frame-box .pt-5 {
  padding-top: 3em !important;
}
#frame-box .pe-0 {
  padding-right: 0 !important;
}
#frame-box .pe-1 {
  padding-right: 0.25em !important;
}
#frame-box .pe-2 {
  padding-right: 0.5em !important;
}
#frame-box .pe-3 {
  padding-right: 1em !important;
}
#frame-box .pe-4 {
  padding-right: 1.5em !important;
}
#frame-box .pe-5 {
  padding-right: 3em !important;
}
#frame-box .pb-0 {
  padding-bottom: 0 !important;
}
#frame-box .pb-1 {
  padding-bottom: 0.25em !important;
}
#frame-box .pb-2 {
  padding-bottom: 0.5em !important;
}
#frame-box .pb-3 {
  padding-bottom: 1em !important;
}
#frame-box .pb-4 {
  padding-bottom: 1.5em !important;
}
#frame-box .pb-5 {
  padding-bottom: 3em !important;
}
#frame-box .ps-0 {
  padding-left: 0 !important;
}
#frame-box .ps-1 {
  padding-left: 0.25em !important;
}
#frame-box .ps-2 {
  padding-left: 0.5em !important;
}
#frame-box .ps-3 {
  padding-left: 1em !important;
}
#frame-box .ps-4 {
  padding-left: 1.5em !important;
}
#frame-box .ps-5 {
  padding-left: 3em !important;
}
#frame-box .font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
#frame-box .fs-1 {
  font-size: calc(1.375em + 1.5vw) !important;
}
#frame-box .fs-2 {
  font-size: calc(1.325em + 0.9vw) !important;
}
#frame-box .fs-3 {
  font-size: calc(1.3em + 0.6vw) !important;
}
#frame-box .fs-4 {
  font-size: calc(1.275em + 0.3vw) !important;
}
#frame-box .fs-5 {
  font-size: 1.25em !important;
}
#frame-box .fs-6 {
  font-size: 1em !important;
}
#frame-box .fst-italic {
  font-style: italic !important;
}
#frame-box .fst-normal {
  font-style: normal !important;
}
#frame-box .fw-light {
  font-weight: 300 !important;
}
#frame-box .fw-lighter {
  font-weight: lighter !important;
}
#frame-box .fw-normal {
  font-weight: 400 !important;
}
#frame-box .fw-bold {
  font-weight: 700 !important;
}
#frame-box .fw-bolder {
  font-weight: bolder !important;
}
#frame-box .lh-1 {
  line-height: 1 !important;
}
#frame-box .lh-sm {
  line-height: 1.25 !important;
}
#frame-box .lh-base {
  line-height: 1.5 !important;
}
#frame-box .lh-lg {
  line-height: 2 !important;
}
#frame-box .text-start {
  text-align: left !important;
}
#frame-box .text-end {
  text-align: right !important;
}
#frame-box .text-center {
  text-align: center !important;
}
#frame-box .text-decoration-none {
  text-decoration: none !important;
}
#frame-box .text-decoration-underline {
  text-decoration: underline !important;
}
#frame-box .text-decoration-line-through {
  text-decoration: line-through !important;
}
#frame-box .text-lowercase {
  text-transform: lowercase !important;
}
#frame-box .text-uppercase {
  text-transform: uppercase !important;
}
#frame-box .text-capitalize {
  text-transform: capitalize !important;
}
#frame-box .text-wrap {
  white-space: normal !important;
}
#frame-box .text-nowrap {
  white-space: nowrap !important;
}
#frame-box .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
#frame-box .text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
#frame-box .text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}
#frame-box .text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
#frame-box .text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
#frame-box .text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
#frame-box .text-opacity-25 {
  --bs-text-opacity: 0.25;
}
#frame-box .text-opacity-50 {
  --bs-text-opacity: 0.5;
}
#frame-box .text-opacity-75 {
  --bs-text-opacity: 0.75;
}
#frame-box .text-opacity-100 {
  --bs-text-opacity: 1;
}
#frame-box .bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
#frame-box .bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
#frame-box .bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
#frame-box .bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
#frame-box .bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
#frame-box .bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
#frame-box .bg-opacity-100 {
  --bs-bg-opacity: 1;
}
#frame-box .bg-gradient {
  background-image: var(--bs-gradient) !important;
}
#frame-box .user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
#frame-box .user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
#frame-box .user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
#frame-box .pe-none {
  pointer-events: none !important;
}
#frame-box .pe-auto {
  pointer-events: auto !important;
}
#frame-box .rounded {
  border-radius: 0.25em !important;
}
#frame-box .rounded-0 {
  border-radius: 0 !important;
}
#frame-box .rounded-1 {
  border-radius: 0.2em !important;
}
#frame-box .rounded-2 {
  border-radius: 0.25em !important;
}
#frame-box .rounded-3 {
  border-radius: 0.3em !important;
}
#frame-box .rounded-circle {
  border-radius: 50% !important;
}
#frame-box .rounded-pill {
  border-radius: 50em !important;
}
#frame-box .rounded-top {
  border-top-left-radius: 0.25em !important;
  border-top-right-radius: 0.25em !important;
}
#frame-box .rounded-end {
  border-top-right-radius: 0.25em !important;
  border-bottom-right-radius: 0.25em !important;
}
#frame-box .rounded-bottom {
  border-bottom-right-radius: 0.25em !important;
  border-bottom-left-radius: 0.25em !important;
}
#frame-box .rounded-start {
  border-bottom-left-radius: 0.25em !important;
  border-top-left-radius: 0.25em !important;
}
#frame-box .visible {
  visibility: visible !important;
}
#frame-box .invisible {
  visibility: hidden !important;
}
@media (min-width: 576px) {
  #frame-box .float-sm-start {
    float: left !important;
  }
  #frame-box .float-sm-end {
    float: right !important;
  }
  #frame-box .float-sm-none {
    float: none !important;
  }
  #frame-box .d-sm-inline {
    display: inline !important;
  }
  #frame-box .d-sm-inline-block {
    display: inline-block !important;
  }
  #frame-box .d-sm-block {
    display: block !important;
  }
  #frame-box .d-sm-grid {
    display: grid !important;
  }
  #frame-box .d-sm-table {
    display: table !important;
  }
  #frame-box .d-sm-table-row {
    display: table-row !important;
  }
  #frame-box .d-sm-table-cell {
    display: table-cell !important;
  }
  #frame-box .d-sm-flex {
    display: flex !important;
  }
  #frame-box .d-sm-inline-flex {
    display: inline-flex !important;
  }
  #frame-box .d-sm-none {
    display: none !important;
  }
  #frame-box .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  #frame-box .flex-sm-row {
    flex-direction: row !important;
  }
  #frame-box .flex-sm-column {
    flex-direction: column !important;
  }
  #frame-box .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  #frame-box .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  #frame-box .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  #frame-box .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  #frame-box .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  #frame-box .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  #frame-box .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  #frame-box .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  #frame-box .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  #frame-box .gap-sm-0 {
    gap: 0 !important;
  }
  #frame-box .gap-sm-1 {
    gap: 0.25em !important;
  }
  #frame-box .gap-sm-2 {
    gap: 0.5em !important;
  }
  #frame-box .gap-sm-3 {
    gap: 1em !important;
  }
  #frame-box .gap-sm-4 {
    gap: 1.5em !important;
  }
  #frame-box .gap-sm-5 {
    gap: 3em !important;
  }
  #frame-box .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  #frame-box .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  #frame-box .justify-content-sm-center {
    justify-content: center !important;
  }
  #frame-box .justify-content-sm-between {
    justify-content: space-between !important;
  }
  #frame-box .justify-content-sm-around {
    justify-content: space-around !important;
  }
  #frame-box .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  #frame-box .align-items-sm-start {
    align-items: flex-start !important;
  }
  #frame-box .align-items-sm-end {
    align-items: flex-end !important;
  }
  #frame-box .align-items-sm-center {
    align-items: center !important;
  }
  #frame-box .align-items-sm-baseline {
    align-items: baseline !important;
  }
  #frame-box .align-items-sm-stretch {
    align-items: stretch !important;
  }
  #frame-box .align-content-sm-start {
    align-content: flex-start !important;
  }
  #frame-box .align-content-sm-end {
    align-content: flex-end !important;
  }
  #frame-box .align-content-sm-center {
    align-content: center !important;
  }
  #frame-box .align-content-sm-between {
    align-content: space-between !important;
  }
  #frame-box .align-content-sm-around {
    align-content: space-around !important;
  }
  #frame-box .align-content-sm-stretch {
    align-content: stretch !important;
  }
  #frame-box .align-self-sm-auto {
    align-self: auto !important;
  }
  #frame-box .align-self-sm-start {
    align-self: flex-start !important;
  }
  #frame-box .align-self-sm-end {
    align-self: flex-end !important;
  }
  #frame-box .align-self-sm-center {
    align-self: center !important;
  }
  #frame-box .align-self-sm-baseline {
    align-self: baseline !important;
  }
  #frame-box .align-self-sm-stretch {
    align-self: stretch !important;
  }
  #frame-box .order-sm-first {
    order: -1 !important;
  }
  #frame-box .order-sm-0 {
    order: 0 !important;
  }
  #frame-box .order-sm-1 {
    order: 1 !important;
  }
  #frame-box .order-sm-2 {
    order: 2 !important;
  }
  #frame-box .order-sm-3 {
    order: 3 !important;
  }
  #frame-box .order-sm-4 {
    order: 4 !important;
  }
  #frame-box .order-sm-5 {
    order: 5 !important;
  }
  #frame-box .order-sm-last {
    order: 6 !important;
  }
  #frame-box .m-sm-0 {
    margin: 0 !important;
  }
  #frame-box .m-sm-1 {
    margin: 0.25em !important;
  }
  #frame-box .m-sm-2 {
    margin: 0.5em !important;
  }
  #frame-box .m-sm-3 {
    margin: 1em !important;
  }
  #frame-box .m-sm-4 {
    margin: 1.5em !important;
  }
  #frame-box .m-sm-5 {
    margin: 3em !important;
  }
  #frame-box .m-sm-auto {
    margin: auto !important;
  }
  #frame-box .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #frame-box .mx-sm-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  #frame-box .mx-sm-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  #frame-box .mx-sm-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  #frame-box .mx-sm-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  #frame-box .mx-sm-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  #frame-box .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  #frame-box .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #frame-box .my-sm-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  #frame-box .my-sm-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  #frame-box .my-sm-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  #frame-box .my-sm-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  #frame-box .my-sm-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  #frame-box .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  #frame-box .mt-sm-0 {
    margin-top: 0 !important;
  }
  #frame-box .mt-sm-1 {
    margin-top: 0.25em !important;
  }
  #frame-box .mt-sm-2 {
    margin-top: 0.5em !important;
  }
  #frame-box .mt-sm-3 {
    margin-top: 1em !important;
  }
  #frame-box .mt-sm-4 {
    margin-top: 1.5em !important;
  }
  #frame-box .mt-sm-5 {
    margin-top: 3em !important;
  }
  #frame-box .mt-sm-auto {
    margin-top: auto !important;
  }
  #frame-box .me-sm-0 {
    margin-right: 0 !important;
  }
  #frame-box .me-sm-1 {
    margin-right: 0.25em !important;
  }
  #frame-box .me-sm-2 {
    margin-right: 0.5em !important;
  }
  #frame-box .me-sm-3 {
    margin-right: 1em !important;
  }
  #frame-box .me-sm-4 {
    margin-right: 1.5em !important;
  }
  #frame-box .me-sm-5 {
    margin-right: 3em !important;
  }
  #frame-box .me-sm-auto {
    margin-right: auto !important;
  }
  #frame-box .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  #frame-box .mb-sm-1 {
    margin-bottom: 0.25em !important;
  }
  #frame-box .mb-sm-2 {
    margin-bottom: 0.5em !important;
  }
  #frame-box .mb-sm-3 {
    margin-bottom: 1em !important;
  }
  #frame-box .mb-sm-4 {
    margin-bottom: 1.5em !important;
  }
  #frame-box .mb-sm-5 {
    margin-bottom: 3em !important;
  }
  #frame-box .mb-sm-auto {
    margin-bottom: auto !important;
  }
  #frame-box .ms-sm-0 {
    margin-left: 0 !important;
  }
  #frame-box .ms-sm-1 {
    margin-left: 0.25em !important;
  }
  #frame-box .ms-sm-2 {
    margin-left: 0.5em !important;
  }
  #frame-box .ms-sm-3 {
    margin-left: 1em !important;
  }
  #frame-box .ms-sm-4 {
    margin-left: 1.5em !important;
  }
  #frame-box .ms-sm-5 {
    margin-left: 3em !important;
  }
  #frame-box .ms-sm-auto {
    margin-left: auto !important;
  }
  #frame-box .p-sm-0 {
    padding: 0 !important;
  }
  #frame-box .p-sm-1 {
    padding: 0.25em !important;
  }
  #frame-box .p-sm-2 {
    padding: 0.5em !important;
  }
  #frame-box .p-sm-3 {
    padding: 1em !important;
  }
  #frame-box .p-sm-4 {
    padding: 1.5em !important;
  }
  #frame-box .p-sm-5 {
    padding: 3em !important;
  }
  #frame-box .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #frame-box .px-sm-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  #frame-box .px-sm-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  #frame-box .px-sm-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  #frame-box .px-sm-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  #frame-box .px-sm-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  #frame-box .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frame-box .py-sm-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  #frame-box .py-sm-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  #frame-box .py-sm-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  #frame-box .py-sm-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  #frame-box .py-sm-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  #frame-box .pt-sm-0 {
    padding-top: 0 !important;
  }
  #frame-box .pt-sm-1 {
    padding-top: 0.25em !important;
  }
  #frame-box .pt-sm-2 {
    padding-top: 0.5em !important;
  }
  #frame-box .pt-sm-3 {
    padding-top: 1em !important;
  }
  #frame-box .pt-sm-4 {
    padding-top: 1.5em !important;
  }
  #frame-box .pt-sm-5 {
    padding-top: 3em !important;
  }
  #frame-box .pe-sm-0 {
    padding-right: 0 !important;
  }
  #frame-box .pe-sm-1 {
    padding-right: 0.25em !important;
  }
  #frame-box .pe-sm-2 {
    padding-right: 0.5em !important;
  }
  #frame-box .pe-sm-3 {
    padding-right: 1em !important;
  }
  #frame-box .pe-sm-4 {
    padding-right: 1.5em !important;
  }
  #frame-box .pe-sm-5 {
    padding-right: 3em !important;
  }
  #frame-box .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  #frame-box .pb-sm-1 {
    padding-bottom: 0.25em !important;
  }
  #frame-box .pb-sm-2 {
    padding-bottom: 0.5em !important;
  }
  #frame-box .pb-sm-3 {
    padding-bottom: 1em !important;
  }
  #frame-box .pb-sm-4 {
    padding-bottom: 1.5em !important;
  }
  #frame-box .pb-sm-5 {
    padding-bottom: 3em !important;
  }
  #frame-box .ps-sm-0 {
    padding-left: 0 !important;
  }
  #frame-box .ps-sm-1 {
    padding-left: 0.25em !important;
  }
  #frame-box .ps-sm-2 {
    padding-left: 0.5em !important;
  }
  #frame-box .ps-sm-3 {
    padding-left: 1em !important;
  }
  #frame-box .ps-sm-4 {
    padding-left: 1.5em !important;
  }
  #frame-box .ps-sm-5 {
    padding-left: 3em !important;
  }
  #frame-box .text-sm-start {
    text-align: left !important;
  }
  #frame-box .text-sm-end {
    text-align: right !important;
  }
  #frame-box .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  #frame-box .float-md-start {
    float: left !important;
  }
  #frame-box .float-md-end {
    float: right !important;
  }
  #frame-box .float-md-none {
    float: none !important;
  }
  #frame-box .d-md-inline {
    display: inline !important;
  }
  #frame-box .d-md-inline-block {
    display: inline-block !important;
  }
  #frame-box .d-md-block {
    display: block !important;
  }
  #frame-box .d-md-grid {
    display: grid !important;
  }
  #frame-box .d-md-table {
    display: table !important;
  }
  #frame-box .d-md-table-row {
    display: table-row !important;
  }
  #frame-box .d-md-table-cell {
    display: table-cell !important;
  }
  #frame-box .d-md-flex {
    display: flex !important;
  }
  #frame-box .d-md-inline-flex {
    display: inline-flex !important;
  }
  #frame-box .d-md-none {
    display: none !important;
  }
  #frame-box .flex-md-fill {
    flex: 1 1 auto !important;
  }
  #frame-box .flex-md-row {
    flex-direction: row !important;
  }
  #frame-box .flex-md-column {
    flex-direction: column !important;
  }
  #frame-box .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  #frame-box .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  #frame-box .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  #frame-box .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  #frame-box .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  #frame-box .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  #frame-box .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  #frame-box .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  #frame-box .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  #frame-box .gap-md-0 {
    gap: 0 !important;
  }
  #frame-box .gap-md-1 {
    gap: 0.25em !important;
  }
  #frame-box .gap-md-2 {
    gap: 0.5em !important;
  }
  #frame-box .gap-md-3 {
    gap: 1em !important;
  }
  #frame-box .gap-md-4 {
    gap: 1.5em !important;
  }
  #frame-box .gap-md-5 {
    gap: 3em !important;
  }
  #frame-box .justify-content-md-start {
    justify-content: flex-start !important;
  }
  #frame-box .justify-content-md-end {
    justify-content: flex-end !important;
  }
  #frame-box .justify-content-md-center {
    justify-content: center !important;
  }
  #frame-box .justify-content-md-between {
    justify-content: space-between !important;
  }
  #frame-box .justify-content-md-around {
    justify-content: space-around !important;
  }
  #frame-box .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  #frame-box .align-items-md-start {
    align-items: flex-start !important;
  }
  #frame-box .align-items-md-end {
    align-items: flex-end !important;
  }
  #frame-box .align-items-md-center {
    align-items: center !important;
  }
  #frame-box .align-items-md-baseline {
    align-items: baseline !important;
  }
  #frame-box .align-items-md-stretch {
    align-items: stretch !important;
  }
  #frame-box .align-content-md-start {
    align-content: flex-start !important;
  }
  #frame-box .align-content-md-end {
    align-content: flex-end !important;
  }
  #frame-box .align-content-md-center {
    align-content: center !important;
  }
  #frame-box .align-content-md-between {
    align-content: space-between !important;
  }
  #frame-box .align-content-md-around {
    align-content: space-around !important;
  }
  #frame-box .align-content-md-stretch {
    align-content: stretch !important;
  }
  #frame-box .align-self-md-auto {
    align-self: auto !important;
  }
  #frame-box .align-self-md-start {
    align-self: flex-start !important;
  }
  #frame-box .align-self-md-end {
    align-self: flex-end !important;
  }
  #frame-box .align-self-md-center {
    align-self: center !important;
  }
  #frame-box .align-self-md-baseline {
    align-self: baseline !important;
  }
  #frame-box .align-self-md-stretch {
    align-self: stretch !important;
  }
  #frame-box .order-md-first {
    order: -1 !important;
  }
  #frame-box .order-md-0 {
    order: 0 !important;
  }
  #frame-box .order-md-1 {
    order: 1 !important;
  }
  #frame-box .order-md-2 {
    order: 2 !important;
  }
  #frame-box .order-md-3 {
    order: 3 !important;
  }
  #frame-box .order-md-4 {
    order: 4 !important;
  }
  #frame-box .order-md-5 {
    order: 5 !important;
  }
  #frame-box .order-md-last {
    order: 6 !important;
  }
  #frame-box .m-md-0 {
    margin: 0 !important;
  }
  #frame-box .m-md-1 {
    margin: 0.25em !important;
  }
  #frame-box .m-md-2 {
    margin: 0.5em !important;
  }
  #frame-box .m-md-3 {
    margin: 1em !important;
  }
  #frame-box .m-md-4 {
    margin: 1.5em !important;
  }
  #frame-box .m-md-5 {
    margin: 3em !important;
  }
  #frame-box .m-md-auto {
    margin: auto !important;
  }
  #frame-box .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #frame-box .mx-md-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  #frame-box .mx-md-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  #frame-box .mx-md-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  #frame-box .mx-md-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  #frame-box .mx-md-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  #frame-box .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  #frame-box .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #frame-box .my-md-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  #frame-box .my-md-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  #frame-box .my-md-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  #frame-box .my-md-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  #frame-box .my-md-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  #frame-box .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  #frame-box .mt-md-0 {
    margin-top: 0 !important;
  }
  #frame-box .mt-md-1 {
    margin-top: 0.25em !important;
  }
  #frame-box .mt-md-2 {
    margin-top: 0.5em !important;
  }
  #frame-box .mt-md-3 {
    margin-top: 1em !important;
  }
  #frame-box .mt-md-4 {
    margin-top: 1.5em !important;
  }
  #frame-box .mt-md-5 {
    margin-top: 3em !important;
  }
  #frame-box .mt-md-auto {
    margin-top: auto !important;
  }
  #frame-box .me-md-0 {
    margin-right: 0 !important;
  }
  #frame-box .me-md-1 {
    margin-right: 0.25em !important;
  }
  #frame-box .me-md-2 {
    margin-right: 0.5em !important;
  }
  #frame-box .me-md-3 {
    margin-right: 1em !important;
  }
  #frame-box .me-md-4 {
    margin-right: 1.5em !important;
  }
  #frame-box .me-md-5 {
    margin-right: 3em !important;
  }
  #frame-box .me-md-auto {
    margin-right: auto !important;
  }
  #frame-box .mb-md-0 {
    margin-bottom: 0 !important;
  }
  #frame-box .mb-md-1 {
    margin-bottom: 0.25em !important;
  }
  #frame-box .mb-md-2 {
    margin-bottom: 0.5em !important;
  }
  #frame-box .mb-md-3 {
    margin-bottom: 1em !important;
  }
  #frame-box .mb-md-4 {
    margin-bottom: 1.5em !important;
  }
  #frame-box .mb-md-5 {
    margin-bottom: 3em !important;
  }
  #frame-box .mb-md-auto {
    margin-bottom: auto !important;
  }
  #frame-box .ms-md-0 {
    margin-left: 0 !important;
  }
  #frame-box .ms-md-1 {
    margin-left: 0.25em !important;
  }
  #frame-box .ms-md-2 {
    margin-left: 0.5em !important;
  }
  #frame-box .ms-md-3 {
    margin-left: 1em !important;
  }
  #frame-box .ms-md-4 {
    margin-left: 1.5em !important;
  }
  #frame-box .ms-md-5 {
    margin-left: 3em !important;
  }
  #frame-box .ms-md-auto {
    margin-left: auto !important;
  }
  #frame-box .p-md-0 {
    padding: 0 !important;
  }
  #frame-box .p-md-1 {
    padding: 0.25em !important;
  }
  #frame-box .p-md-2 {
    padding: 0.5em !important;
  }
  #frame-box .p-md-3 {
    padding: 1em !important;
  }
  #frame-box .p-md-4 {
    padding: 1.5em !important;
  }
  #frame-box .p-md-5 {
    padding: 3em !important;
  }
  #frame-box .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #frame-box .px-md-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  #frame-box .px-md-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  #frame-box .px-md-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  #frame-box .px-md-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  #frame-box .px-md-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  #frame-box .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frame-box .py-md-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  #frame-box .py-md-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  #frame-box .py-md-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  #frame-box .py-md-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  #frame-box .py-md-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  #frame-box .pt-md-0 {
    padding-top: 0 !important;
  }
  #frame-box .pt-md-1 {
    padding-top: 0.25em !important;
  }
  #frame-box .pt-md-2 {
    padding-top: 0.5em !important;
  }
  #frame-box .pt-md-3 {
    padding-top: 1em !important;
  }
  #frame-box .pt-md-4 {
    padding-top: 1.5em !important;
  }
  #frame-box .pt-md-5 {
    padding-top: 3em !important;
  }
  #frame-box .pe-md-0 {
    padding-right: 0 !important;
  }
  #frame-box .pe-md-1 {
    padding-right: 0.25em !important;
  }
  #frame-box .pe-md-2 {
    padding-right: 0.5em !important;
  }
  #frame-box .pe-md-3 {
    padding-right: 1em !important;
  }
  #frame-box .pe-md-4 {
    padding-right: 1.5em !important;
  }
  #frame-box .pe-md-5 {
    padding-right: 3em !important;
  }
  #frame-box .pb-md-0 {
    padding-bottom: 0 !important;
  }
  #frame-box .pb-md-1 {
    padding-bottom: 0.25em !important;
  }
  #frame-box .pb-md-2 {
    padding-bottom: 0.5em !important;
  }
  #frame-box .pb-md-3 {
    padding-bottom: 1em !important;
  }
  #frame-box .pb-md-4 {
    padding-bottom: 1.5em !important;
  }
  #frame-box .pb-md-5 {
    padding-bottom: 3em !important;
  }
  #frame-box .ps-md-0 {
    padding-left: 0 !important;
  }
  #frame-box .ps-md-1 {
    padding-left: 0.25em !important;
  }
  #frame-box .ps-md-2 {
    padding-left: 0.5em !important;
  }
  #frame-box .ps-md-3 {
    padding-left: 1em !important;
  }
  #frame-box .ps-md-4 {
    padding-left: 1.5em !important;
  }
  #frame-box .ps-md-5 {
    padding-left: 3em !important;
  }
  #frame-box .text-md-start {
    text-align: left !important;
  }
  #frame-box .text-md-end {
    text-align: right !important;
  }
  #frame-box .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  #frame-box .float-lg-start {
    float: left !important;
  }
  #frame-box .float-lg-end {
    float: right !important;
  }
  #frame-box .float-lg-none {
    float: none !important;
  }
  #frame-box .d-lg-inline {
    display: inline !important;
  }
  #frame-box .d-lg-inline-block {
    display: inline-block !important;
  }
  #frame-box .d-lg-block {
    display: block !important;
  }
  #frame-box .d-lg-grid {
    display: grid !important;
  }
  #frame-box .d-lg-table {
    display: table !important;
  }
  #frame-box .d-lg-table-row {
    display: table-row !important;
  }
  #frame-box .d-lg-table-cell {
    display: table-cell !important;
  }
  #frame-box .d-lg-flex {
    display: flex !important;
  }
  #frame-box .d-lg-inline-flex {
    display: inline-flex !important;
  }
  #frame-box .d-lg-none {
    display: none !important;
  }
  #frame-box .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  #frame-box .flex-lg-row {
    flex-direction: row !important;
  }
  #frame-box .flex-lg-column {
    flex-direction: column !important;
  }
  #frame-box .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  #frame-box .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  #frame-box .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  #frame-box .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  #frame-box .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  #frame-box .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  #frame-box .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  #frame-box .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  #frame-box .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  #frame-box .gap-lg-0 {
    gap: 0 !important;
  }
  #frame-box .gap-lg-1 {
    gap: 0.25em !important;
  }
  #frame-box .gap-lg-2 {
    gap: 0.5em !important;
  }
  #frame-box .gap-lg-3 {
    gap: 1em !important;
  }
  #frame-box .gap-lg-4 {
    gap: 1.5em !important;
  }
  #frame-box .gap-lg-5 {
    gap: 3em !important;
  }
  #frame-box .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  #frame-box .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  #frame-box .justify-content-lg-center {
    justify-content: center !important;
  }
  #frame-box .justify-content-lg-between {
    justify-content: space-between !important;
  }
  #frame-box .justify-content-lg-around {
    justify-content: space-around !important;
  }
  #frame-box .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  #frame-box .align-items-lg-start {
    align-items: flex-start !important;
  }
  #frame-box .align-items-lg-end {
    align-items: flex-end !important;
  }
  #frame-box .align-items-lg-center {
    align-items: center !important;
  }
  #frame-box .align-items-lg-baseline {
    align-items: baseline !important;
  }
  #frame-box .align-items-lg-stretch {
    align-items: stretch !important;
  }
  #frame-box .align-content-lg-start {
    align-content: flex-start !important;
  }
  #frame-box .align-content-lg-end {
    align-content: flex-end !important;
  }
  #frame-box .align-content-lg-center {
    align-content: center !important;
  }
  #frame-box .align-content-lg-between {
    align-content: space-between !important;
  }
  #frame-box .align-content-lg-around {
    align-content: space-around !important;
  }
  #frame-box .align-content-lg-stretch {
    align-content: stretch !important;
  }
  #frame-box .align-self-lg-auto {
    align-self: auto !important;
  }
  #frame-box .align-self-lg-start {
    align-self: flex-start !important;
  }
  #frame-box .align-self-lg-end {
    align-self: flex-end !important;
  }
  #frame-box .align-self-lg-center {
    align-self: center !important;
  }
  #frame-box .align-self-lg-baseline {
    align-self: baseline !important;
  }
  #frame-box .align-self-lg-stretch {
    align-self: stretch !important;
  }
  #frame-box .order-lg-first {
    order: -1 !important;
  }
  #frame-box .order-lg-0 {
    order: 0 !important;
  }
  #frame-box .order-lg-1 {
    order: 1 !important;
  }
  #frame-box .order-lg-2 {
    order: 2 !important;
  }
  #frame-box .order-lg-3 {
    order: 3 !important;
  }
  #frame-box .order-lg-4 {
    order: 4 !important;
  }
  #frame-box .order-lg-5 {
    order: 5 !important;
  }
  #frame-box .order-lg-last {
    order: 6 !important;
  }
  #frame-box .m-lg-0 {
    margin: 0 !important;
  }
  #frame-box .m-lg-1 {
    margin: 0.25em !important;
  }
  #frame-box .m-lg-2 {
    margin: 0.5em !important;
  }
  #frame-box .m-lg-3 {
    margin: 1em !important;
  }
  #frame-box .m-lg-4 {
    margin: 1.5em !important;
  }
  #frame-box .m-lg-5 {
    margin: 3em !important;
  }
  #frame-box .m-lg-auto {
    margin: auto !important;
  }
  #frame-box .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #frame-box .mx-lg-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  #frame-box .mx-lg-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  #frame-box .mx-lg-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  #frame-box .mx-lg-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  #frame-box .mx-lg-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  #frame-box .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  #frame-box .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #frame-box .my-lg-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  #frame-box .my-lg-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  #frame-box .my-lg-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  #frame-box .my-lg-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  #frame-box .my-lg-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  #frame-box .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  #frame-box .mt-lg-0 {
    margin-top: 0 !important;
  }
  #frame-box .mt-lg-1 {
    margin-top: 0.25em !important;
  }
  #frame-box .mt-lg-2 {
    margin-top: 0.5em !important;
  }
  #frame-box .mt-lg-3 {
    margin-top: 1em !important;
  }
  #frame-box .mt-lg-4 {
    margin-top: 1.5em !important;
  }
  #frame-box .mt-lg-5 {
    margin-top: 3em !important;
  }
  #frame-box .mt-lg-auto {
    margin-top: auto !important;
  }
  #frame-box .me-lg-0 {
    margin-right: 0 !important;
  }
  #frame-box .me-lg-1 {
    margin-right: 0.25em !important;
  }
  #frame-box .me-lg-2 {
    margin-right: 0.5em !important;
  }
  #frame-box .me-lg-3 {
    margin-right: 1em !important;
  }
  #frame-box .me-lg-4 {
    margin-right: 1.5em !important;
  }
  #frame-box .me-lg-5 {
    margin-right: 3em !important;
  }
  #frame-box .me-lg-auto {
    margin-right: auto !important;
  }
  #frame-box .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  #frame-box .mb-lg-1 {
    margin-bottom: 0.25em !important;
  }
  #frame-box .mb-lg-2 {
    margin-bottom: 0.5em !important;
  }
  #frame-box .mb-lg-3 {
    margin-bottom: 1em !important;
  }
  #frame-box .mb-lg-4 {
    margin-bottom: 1.5em !important;
  }
  #frame-box .mb-lg-5 {
    margin-bottom: 3em !important;
  }
  #frame-box .mb-lg-auto {
    margin-bottom: auto !important;
  }
  #frame-box .ms-lg-0 {
    margin-left: 0 !important;
  }
  #frame-box .ms-lg-1 {
    margin-left: 0.25em !important;
  }
  #frame-box .ms-lg-2 {
    margin-left: 0.5em !important;
  }
  #frame-box .ms-lg-3 {
    margin-left: 1em !important;
  }
  #frame-box .ms-lg-4 {
    margin-left: 1.5em !important;
  }
  #frame-box .ms-lg-5 {
    margin-left: 3em !important;
  }
  #frame-box .ms-lg-auto {
    margin-left: auto !important;
  }
  #frame-box .p-lg-0 {
    padding: 0 !important;
  }
  #frame-box .p-lg-1 {
    padding: 0.25em !important;
  }
  #frame-box .p-lg-2 {
    padding: 0.5em !important;
  }
  #frame-box .p-lg-3 {
    padding: 1em !important;
  }
  #frame-box .p-lg-4 {
    padding: 1.5em !important;
  }
  #frame-box .p-lg-5 {
    padding: 3em !important;
  }
  #frame-box .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #frame-box .px-lg-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  #frame-box .px-lg-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  #frame-box .px-lg-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  #frame-box .px-lg-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  #frame-box .px-lg-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  #frame-box .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frame-box .py-lg-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  #frame-box .py-lg-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  #frame-box .py-lg-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  #frame-box .py-lg-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  #frame-box .py-lg-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  #frame-box .pt-lg-0 {
    padding-top: 0 !important;
  }
  #frame-box .pt-lg-1 {
    padding-top: 0.25em !important;
  }
  #frame-box .pt-lg-2 {
    padding-top: 0.5em !important;
  }
  #frame-box .pt-lg-3 {
    padding-top: 1em !important;
  }
  #frame-box .pt-lg-4 {
    padding-top: 1.5em !important;
  }
  #frame-box .pt-lg-5 {
    padding-top: 3em !important;
  }
  #frame-box .pe-lg-0 {
    padding-right: 0 !important;
  }
  #frame-box .pe-lg-1 {
    padding-right: 0.25em !important;
  }
  #frame-box .pe-lg-2 {
    padding-right: 0.5em !important;
  }
  #frame-box .pe-lg-3 {
    padding-right: 1em !important;
  }
  #frame-box .pe-lg-4 {
    padding-right: 1.5em !important;
  }
  #frame-box .pe-lg-5 {
    padding-right: 3em !important;
  }
  #frame-box .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  #frame-box .pb-lg-1 {
    padding-bottom: 0.25em !important;
  }
  #frame-box .pb-lg-2 {
    padding-bottom: 0.5em !important;
  }
  #frame-box .pb-lg-3 {
    padding-bottom: 1em !important;
  }
  #frame-box .pb-lg-4 {
    padding-bottom: 1.5em !important;
  }
  #frame-box .pb-lg-5 {
    padding-bottom: 3em !important;
  }
  #frame-box .ps-lg-0 {
    padding-left: 0 !important;
  }
  #frame-box .ps-lg-1 {
    padding-left: 0.25em !important;
  }
  #frame-box .ps-lg-2 {
    padding-left: 0.5em !important;
  }
  #frame-box .ps-lg-3 {
    padding-left: 1em !important;
  }
  #frame-box .ps-lg-4 {
    padding-left: 1.5em !important;
  }
  #frame-box .ps-lg-5 {
    padding-left: 3em !important;
  }
  #frame-box .text-lg-start {
    text-align: left !important;
  }
  #frame-box .text-lg-end {
    text-align: right !important;
  }
  #frame-box .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  #frame-box .float-xl-start {
    float: left !important;
  }
  #frame-box .float-xl-end {
    float: right !important;
  }
  #frame-box .float-xl-none {
    float: none !important;
  }
  #frame-box .d-xl-inline {
    display: inline !important;
  }
  #frame-box .d-xl-inline-block {
    display: inline-block !important;
  }
  #frame-box .d-xl-block {
    display: block !important;
  }
  #frame-box .d-xl-grid {
    display: grid !important;
  }
  #frame-box .d-xl-table {
    display: table !important;
  }
  #frame-box .d-xl-table-row {
    display: table-row !important;
  }
  #frame-box .d-xl-table-cell {
    display: table-cell !important;
  }
  #frame-box .d-xl-flex {
    display: flex !important;
  }
  #frame-box .d-xl-inline-flex {
    display: inline-flex !important;
  }
  #frame-box .d-xl-none {
    display: none !important;
  }
  #frame-box .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  #frame-box .flex-xl-row {
    flex-direction: row !important;
  }
  #frame-box .flex-xl-column {
    flex-direction: column !important;
  }
  #frame-box .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  #frame-box .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  #frame-box .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  #frame-box .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  #frame-box .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  #frame-box .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  #frame-box .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  #frame-box .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  #frame-box .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  #frame-box .gap-xl-0 {
    gap: 0 !important;
  }
  #frame-box .gap-xl-1 {
    gap: 0.25em !important;
  }
  #frame-box .gap-xl-2 {
    gap: 0.5em !important;
  }
  #frame-box .gap-xl-3 {
    gap: 1em !important;
  }
  #frame-box .gap-xl-4 {
    gap: 1.5em !important;
  }
  #frame-box .gap-xl-5 {
    gap: 3em !important;
  }
  #frame-box .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  #frame-box .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  #frame-box .justify-content-xl-center {
    justify-content: center !important;
  }
  #frame-box .justify-content-xl-between {
    justify-content: space-between !important;
  }
  #frame-box .justify-content-xl-around {
    justify-content: space-around !important;
  }
  #frame-box .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  #frame-box .align-items-xl-start {
    align-items: flex-start !important;
  }
  #frame-box .align-items-xl-end {
    align-items: flex-end !important;
  }
  #frame-box .align-items-xl-center {
    align-items: center !important;
  }
  #frame-box .align-items-xl-baseline {
    align-items: baseline !important;
  }
  #frame-box .align-items-xl-stretch {
    align-items: stretch !important;
  }
  #frame-box .align-content-xl-start {
    align-content: flex-start !important;
  }
  #frame-box .align-content-xl-end {
    align-content: flex-end !important;
  }
  #frame-box .align-content-xl-center {
    align-content: center !important;
  }
  #frame-box .align-content-xl-between {
    align-content: space-between !important;
  }
  #frame-box .align-content-xl-around {
    align-content: space-around !important;
  }
  #frame-box .align-content-xl-stretch {
    align-content: stretch !important;
  }
  #frame-box .align-self-xl-auto {
    align-self: auto !important;
  }
  #frame-box .align-self-xl-start {
    align-self: flex-start !important;
  }
  #frame-box .align-self-xl-end {
    align-self: flex-end !important;
  }
  #frame-box .align-self-xl-center {
    align-self: center !important;
  }
  #frame-box .align-self-xl-baseline {
    align-self: baseline !important;
  }
  #frame-box .align-self-xl-stretch {
    align-self: stretch !important;
  }
  #frame-box .order-xl-first {
    order: -1 !important;
  }
  #frame-box .order-xl-0 {
    order: 0 !important;
  }
  #frame-box .order-xl-1 {
    order: 1 !important;
  }
  #frame-box .order-xl-2 {
    order: 2 !important;
  }
  #frame-box .order-xl-3 {
    order: 3 !important;
  }
  #frame-box .order-xl-4 {
    order: 4 !important;
  }
  #frame-box .order-xl-5 {
    order: 5 !important;
  }
  #frame-box .order-xl-last {
    order: 6 !important;
  }
  #frame-box .m-xl-0 {
    margin: 0 !important;
  }
  #frame-box .m-xl-1 {
    margin: 0.25em !important;
  }
  #frame-box .m-xl-2 {
    margin: 0.5em !important;
  }
  #frame-box .m-xl-3 {
    margin: 1em !important;
  }
  #frame-box .m-xl-4 {
    margin: 1.5em !important;
  }
  #frame-box .m-xl-5 {
    margin: 3em !important;
  }
  #frame-box .m-xl-auto {
    margin: auto !important;
  }
  #frame-box .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #frame-box .mx-xl-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  #frame-box .mx-xl-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  #frame-box .mx-xl-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  #frame-box .mx-xl-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  #frame-box .mx-xl-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  #frame-box .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  #frame-box .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #frame-box .my-xl-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  #frame-box .my-xl-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  #frame-box .my-xl-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  #frame-box .my-xl-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  #frame-box .my-xl-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  #frame-box .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  #frame-box .mt-xl-0 {
    margin-top: 0 !important;
  }
  #frame-box .mt-xl-1 {
    margin-top: 0.25em !important;
  }
  #frame-box .mt-xl-2 {
    margin-top: 0.5em !important;
  }
  #frame-box .mt-xl-3 {
    margin-top: 1em !important;
  }
  #frame-box .mt-xl-4 {
    margin-top: 1.5em !important;
  }
  #frame-box .mt-xl-5 {
    margin-top: 3em !important;
  }
  #frame-box .mt-xl-auto {
    margin-top: auto !important;
  }
  #frame-box .me-xl-0 {
    margin-right: 0 !important;
  }
  #frame-box .me-xl-1 {
    margin-right: 0.25em !important;
  }
  #frame-box .me-xl-2 {
    margin-right: 0.5em !important;
  }
  #frame-box .me-xl-3 {
    margin-right: 1em !important;
  }
  #frame-box .me-xl-4 {
    margin-right: 1.5em !important;
  }
  #frame-box .me-xl-5 {
    margin-right: 3em !important;
  }
  #frame-box .me-xl-auto {
    margin-right: auto !important;
  }
  #frame-box .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  #frame-box .mb-xl-1 {
    margin-bottom: 0.25em !important;
  }
  #frame-box .mb-xl-2 {
    margin-bottom: 0.5em !important;
  }
  #frame-box .mb-xl-3 {
    margin-bottom: 1em !important;
  }
  #frame-box .mb-xl-4 {
    margin-bottom: 1.5em !important;
  }
  #frame-box .mb-xl-5 {
    margin-bottom: 3em !important;
  }
  #frame-box .mb-xl-auto {
    margin-bottom: auto !important;
  }
  #frame-box .ms-xl-0 {
    margin-left: 0 !important;
  }
  #frame-box .ms-xl-1 {
    margin-left: 0.25em !important;
  }
  #frame-box .ms-xl-2 {
    margin-left: 0.5em !important;
  }
  #frame-box .ms-xl-3 {
    margin-left: 1em !important;
  }
  #frame-box .ms-xl-4 {
    margin-left: 1.5em !important;
  }
  #frame-box .ms-xl-5 {
    margin-left: 3em !important;
  }
  #frame-box .ms-xl-auto {
    margin-left: auto !important;
  }
  #frame-box .p-xl-0 {
    padding: 0 !important;
  }
  #frame-box .p-xl-1 {
    padding: 0.25em !important;
  }
  #frame-box .p-xl-2 {
    padding: 0.5em !important;
  }
  #frame-box .p-xl-3 {
    padding: 1em !important;
  }
  #frame-box .p-xl-4 {
    padding: 1.5em !important;
  }
  #frame-box .p-xl-5 {
    padding: 3em !important;
  }
  #frame-box .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #frame-box .px-xl-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  #frame-box .px-xl-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  #frame-box .px-xl-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  #frame-box .px-xl-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  #frame-box .px-xl-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  #frame-box .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frame-box .py-xl-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  #frame-box .py-xl-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  #frame-box .py-xl-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  #frame-box .py-xl-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  #frame-box .py-xl-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  #frame-box .pt-xl-0 {
    padding-top: 0 !important;
  }
  #frame-box .pt-xl-1 {
    padding-top: 0.25em !important;
  }
  #frame-box .pt-xl-2 {
    padding-top: 0.5em !important;
  }
  #frame-box .pt-xl-3 {
    padding-top: 1em !important;
  }
  #frame-box .pt-xl-4 {
    padding-top: 1.5em !important;
  }
  #frame-box .pt-xl-5 {
    padding-top: 3em !important;
  }
  #frame-box .pe-xl-0 {
    padding-right: 0 !important;
  }
  #frame-box .pe-xl-1 {
    padding-right: 0.25em !important;
  }
  #frame-box .pe-xl-2 {
    padding-right: 0.5em !important;
  }
  #frame-box .pe-xl-3 {
    padding-right: 1em !important;
  }
  #frame-box .pe-xl-4 {
    padding-right: 1.5em !important;
  }
  #frame-box .pe-xl-5 {
    padding-right: 3em !important;
  }
  #frame-box .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  #frame-box .pb-xl-1 {
    padding-bottom: 0.25em !important;
  }
  #frame-box .pb-xl-2 {
    padding-bottom: 0.5em !important;
  }
  #frame-box .pb-xl-3 {
    padding-bottom: 1em !important;
  }
  #frame-box .pb-xl-4 {
    padding-bottom: 1.5em !important;
  }
  #frame-box .pb-xl-5 {
    padding-bottom: 3em !important;
  }
  #frame-box .ps-xl-0 {
    padding-left: 0 !important;
  }
  #frame-box .ps-xl-1 {
    padding-left: 0.25em !important;
  }
  #frame-box .ps-xl-2 {
    padding-left: 0.5em !important;
  }
  #frame-box .ps-xl-3 {
    padding-left: 1em !important;
  }
  #frame-box .ps-xl-4 {
    padding-left: 1.5em !important;
  }
  #frame-box .ps-xl-5 {
    padding-left: 3em !important;
  }
  #frame-box .text-xl-start {
    text-align: left !important;
  }
  #frame-box .text-xl-end {
    text-align: right !important;
  }
  #frame-box .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  #frame-box .float-xxl-start {
    float: left !important;
  }
  #frame-box .float-xxl-end {
    float: right !important;
  }
  #frame-box .float-xxl-none {
    float: none !important;
  }
  #frame-box .d-xxl-inline {
    display: inline !important;
  }
  #frame-box .d-xxl-inline-block {
    display: inline-block !important;
  }
  #frame-box .d-xxl-block {
    display: block !important;
  }
  #frame-box .d-xxl-grid {
    display: grid !important;
  }
  #frame-box .d-xxl-table {
    display: table !important;
  }
  #frame-box .d-xxl-table-row {
    display: table-row !important;
  }
  #frame-box .d-xxl-table-cell {
    display: table-cell !important;
  }
  #frame-box .d-xxl-flex {
    display: flex !important;
  }
  #frame-box .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  #frame-box .d-xxl-none {
    display: none !important;
  }
  #frame-box .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  #frame-box .flex-xxl-row {
    flex-direction: row !important;
  }
  #frame-box .flex-xxl-column {
    flex-direction: column !important;
  }
  #frame-box .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  #frame-box .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  #frame-box .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  #frame-box .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  #frame-box .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  #frame-box .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  #frame-box .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  #frame-box .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  #frame-box .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  #frame-box .gap-xxl-0 {
    gap: 0 !important;
  }
  #frame-box .gap-xxl-1 {
    gap: 0.25em !important;
  }
  #frame-box .gap-xxl-2 {
    gap: 0.5em !important;
  }
  #frame-box .gap-xxl-3 {
    gap: 1em !important;
  }
  #frame-box .gap-xxl-4 {
    gap: 1.5em !important;
  }
  #frame-box .gap-xxl-5 {
    gap: 3em !important;
  }
  #frame-box .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  #frame-box .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  #frame-box .justify-content-xxl-center {
    justify-content: center !important;
  }
  #frame-box .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  #frame-box .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  #frame-box .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  #frame-box .align-items-xxl-start {
    align-items: flex-start !important;
  }
  #frame-box .align-items-xxl-end {
    align-items: flex-end !important;
  }
  #frame-box .align-items-xxl-center {
    align-items: center !important;
  }
  #frame-box .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  #frame-box .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  #frame-box .align-content-xxl-start {
    align-content: flex-start !important;
  }
  #frame-box .align-content-xxl-end {
    align-content: flex-end !important;
  }
  #frame-box .align-content-xxl-center {
    align-content: center !important;
  }
  #frame-box .align-content-xxl-between {
    align-content: space-between !important;
  }
  #frame-box .align-content-xxl-around {
    align-content: space-around !important;
  }
  #frame-box .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  #frame-box .align-self-xxl-auto {
    align-self: auto !important;
  }
  #frame-box .align-self-xxl-start {
    align-self: flex-start !important;
  }
  #frame-box .align-self-xxl-end {
    align-self: flex-end !important;
  }
  #frame-box .align-self-xxl-center {
    align-self: center !important;
  }
  #frame-box .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  #frame-box .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  #frame-box .order-xxl-first {
    order: -1 !important;
  }
  #frame-box .order-xxl-0 {
    order: 0 !important;
  }
  #frame-box .order-xxl-1 {
    order: 1 !important;
  }
  #frame-box .order-xxl-2 {
    order: 2 !important;
  }
  #frame-box .order-xxl-3 {
    order: 3 !important;
  }
  #frame-box .order-xxl-4 {
    order: 4 !important;
  }
  #frame-box .order-xxl-5 {
    order: 5 !important;
  }
  #frame-box .order-xxl-last {
    order: 6 !important;
  }
  #frame-box .m-xxl-0 {
    margin: 0 !important;
  }
  #frame-box .m-xxl-1 {
    margin: 0.25em !important;
  }
  #frame-box .m-xxl-2 {
    margin: 0.5em !important;
  }
  #frame-box .m-xxl-3 {
    margin: 1em !important;
  }
  #frame-box .m-xxl-4 {
    margin: 1.5em !important;
  }
  #frame-box .m-xxl-5 {
    margin: 3em !important;
  }
  #frame-box .m-xxl-auto {
    margin: auto !important;
  }
  #frame-box .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #frame-box .mx-xxl-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  #frame-box .mx-xxl-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  #frame-box .mx-xxl-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  #frame-box .mx-xxl-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  #frame-box .mx-xxl-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  #frame-box .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  #frame-box .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #frame-box .my-xxl-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  #frame-box .my-xxl-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  #frame-box .my-xxl-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  #frame-box .my-xxl-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  #frame-box .my-xxl-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  #frame-box .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  #frame-box .mt-xxl-0 {
    margin-top: 0 !important;
  }
  #frame-box .mt-xxl-1 {
    margin-top: 0.25em !important;
  }
  #frame-box .mt-xxl-2 {
    margin-top: 0.5em !important;
  }
  #frame-box .mt-xxl-3 {
    margin-top: 1em !important;
  }
  #frame-box .mt-xxl-4 {
    margin-top: 1.5em !important;
  }
  #frame-box .mt-xxl-5 {
    margin-top: 3em !important;
  }
  #frame-box .mt-xxl-auto {
    margin-top: auto !important;
  }
  #frame-box .me-xxl-0 {
    margin-right: 0 !important;
  }
  #frame-box .me-xxl-1 {
    margin-right: 0.25em !important;
  }
  #frame-box .me-xxl-2 {
    margin-right: 0.5em !important;
  }
  #frame-box .me-xxl-3 {
    margin-right: 1em !important;
  }
  #frame-box .me-xxl-4 {
    margin-right: 1.5em !important;
  }
  #frame-box .me-xxl-5 {
    margin-right: 3em !important;
  }
  #frame-box .me-xxl-auto {
    margin-right: auto !important;
  }
  #frame-box .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  #frame-box .mb-xxl-1 {
    margin-bottom: 0.25em !important;
  }
  #frame-box .mb-xxl-2 {
    margin-bottom: 0.5em !important;
  }
  #frame-box .mb-xxl-3 {
    margin-bottom: 1em !important;
  }
  #frame-box .mb-xxl-4 {
    margin-bottom: 1.5em !important;
  }
  #frame-box .mb-xxl-5 {
    margin-bottom: 3em !important;
  }
  #frame-box .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  #frame-box .ms-xxl-0 {
    margin-left: 0 !important;
  }
  #frame-box .ms-xxl-1 {
    margin-left: 0.25em !important;
  }
  #frame-box .ms-xxl-2 {
    margin-left: 0.5em !important;
  }
  #frame-box .ms-xxl-3 {
    margin-left: 1em !important;
  }
  #frame-box .ms-xxl-4 {
    margin-left: 1.5em !important;
  }
  #frame-box .ms-xxl-5 {
    margin-left: 3em !important;
  }
  #frame-box .ms-xxl-auto {
    margin-left: auto !important;
  }
  #frame-box .p-xxl-0 {
    padding: 0 !important;
  }
  #frame-box .p-xxl-1 {
    padding: 0.25em !important;
  }
  #frame-box .p-xxl-2 {
    padding: 0.5em !important;
  }
  #frame-box .p-xxl-3 {
    padding: 1em !important;
  }
  #frame-box .p-xxl-4 {
    padding: 1.5em !important;
  }
  #frame-box .p-xxl-5 {
    padding: 3em !important;
  }
  #frame-box .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #frame-box .px-xxl-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  #frame-box .px-xxl-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  #frame-box .px-xxl-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  #frame-box .px-xxl-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  #frame-box .px-xxl-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  #frame-box .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #frame-box .py-xxl-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  #frame-box .py-xxl-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  #frame-box .py-xxl-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  #frame-box .py-xxl-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  #frame-box .py-xxl-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  #frame-box .pt-xxl-0 {
    padding-top: 0 !important;
  }
  #frame-box .pt-xxl-1 {
    padding-top: 0.25em !important;
  }
  #frame-box .pt-xxl-2 {
    padding-top: 0.5em !important;
  }
  #frame-box .pt-xxl-3 {
    padding-top: 1em !important;
  }
  #frame-box .pt-xxl-4 {
    padding-top: 1.5em !important;
  }
  #frame-box .pt-xxl-5 {
    padding-top: 3em !important;
  }
  #frame-box .pe-xxl-0 {
    padding-right: 0 !important;
  }
  #frame-box .pe-xxl-1 {
    padding-right: 0.25em !important;
  }
  #frame-box .pe-xxl-2 {
    padding-right: 0.5em !important;
  }
  #frame-box .pe-xxl-3 {
    padding-right: 1em !important;
  }
  #frame-box .pe-xxl-4 {
    padding-right: 1.5em !important;
  }
  #frame-box .pe-xxl-5 {
    padding-right: 3em !important;
  }
  #frame-box .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  #frame-box .pb-xxl-1 {
    padding-bottom: 0.25em !important;
  }
  #frame-box .pb-xxl-2 {
    padding-bottom: 0.5em !important;
  }
  #frame-box .pb-xxl-3 {
    padding-bottom: 1em !important;
  }
  #frame-box .pb-xxl-4 {
    padding-bottom: 1.5em !important;
  }
  #frame-box .pb-xxl-5 {
    padding-bottom: 3em !important;
  }
  #frame-box .ps-xxl-0 {
    padding-left: 0 !important;
  }
  #frame-box .ps-xxl-1 {
    padding-left: 0.25em !important;
  }
  #frame-box .ps-xxl-2 {
    padding-left: 0.5em !important;
  }
  #frame-box .ps-xxl-3 {
    padding-left: 1em !important;
  }
  #frame-box .ps-xxl-4 {
    padding-left: 1.5em !important;
  }
  #frame-box .ps-xxl-5 {
    padding-left: 3em !important;
  }
  #frame-box .text-xxl-start {
    text-align: left !important;
  }
  #frame-box .text-xxl-end {
    text-align: right !important;
  }
  #frame-box .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  #frame-box .fs-1 {
    font-size: 2.5em !important;
  }
  #frame-box .fs-2 {
    font-size: 2em !important;
  }
  #frame-box .fs-3 {
    font-size: 1.75em !important;
  }
  #frame-box .fs-4 {
    font-size: 1.5em !important;
  }
}
@media print {
  #frame-box .d-print-inline {
    display: inline !important;
  }
  #frame-box .d-print-inline-block {
    display: inline-block !important;
  }
  #frame-box .d-print-block {
    display: block !important;
  }
  #frame-box .d-print-grid {
    display: grid !important;
  }
  #frame-box .d-print-table {
    display: table !important;
  }
  #frame-box .d-print-table-row {
    display: table-row !important;
  }
  #frame-box .d-print-table-cell {
    display: table-cell !important;
  }
  #frame-box .d-print-flex {
    display: flex !important;
  }
  #frame-box .d-print-inline-flex {
    display: inline-flex !important;
  }
  #frame-box .d-print-none {
    display: none !important;
  }
}
#frame-box html,
#frame-box body {
  color: #333;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.6;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#frame-box a {
  color: #333;
}
#frame-box a:hover, #frame-box a:active, #frame-box a:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
#frame-box img {
  max-width: 100%;
  vertical-align: bottom;
}
#frame-box ul,
#frame-box dl,
#frame-box ol,
#frame-box dt,
#frame-box dd,
#frame-box h1,
#frame-box .h1,
#frame-box h2,
#frame-box .h2,
#frame-box h3,
#frame-box .h3,
#frame-box h4,
#frame-box .h4,
#frame-box h5,
#frame-box .h5,
#frame-box figure,
#frame-box p {
  font-weight: 400;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #frame-box ul,
  #frame-box dl,
  #frame-box ol,
  #frame-box dt,
  #frame-box dd,
  #frame-box h1,
  #frame-box .h1,
  #frame-box h2,
  #frame-box .h2,
  #frame-box h3,
  #frame-box .h3,
  #frame-box h4,
  #frame-box .h4,
  #frame-box h5,
  #frame-box .h5,
  #frame-box figure,
  #frame-box p {
    font-size: 8;
  }
}
#frame-box p {
  font-size: 1.6em;
}
@media screen and (max-width: 767px) {
  #frame-box p {
    font-size: 1.3em;
  }
}
#frame-box .wrap880 {
  max-width: 90em;
  padding: 0 1em;
  margin: 0 auto;
}
#frame-box .wrap980 {
  max-width: 100em;
  margin: 0 auto;
}
#frame-box .bodyWrapper {
  overflow: hidden;
  position: relative;
}
#frame-box .pageHeaderWrap {
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 1500;
  display: flex;
  justify-content: center;
}
#frame-box .pageHeader {
  padding: 1.6em 3.3em;
  display: flex;
  align-items: flex-end;
  width: 100%;
  background-color: white;
  max-width: 1000px;
}
@media screen and (max-width: 767px) {
  #frame-box .pageHeader {
    padding: 0;
  }
}
#frame-box .pageHeader-l {
  width: 16.8em;
}
@media screen and (max-width: 767px) {
  #frame-box .pageHeader-l {
    padding: 1.2em 2em;
  }
}
#frame-box .pageHeader-l h1, #frame-box .pageHeader-l .h1 {
  margin: 0;
}
#frame-box .pageHeader-l h1 .logo, #frame-box .pageHeader-l .h1 .logo {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #frame-box .pageHeader-l h1 .logo img, #frame-box .pageHeader-l .h1 .logo img {
    width: 7em;
  }
}
#frame-box .pageHeader-r {
  flex: 1;
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
}
#frame-box .hhcross-top {
  width: 100%;
  text-align: right;
  margin-bottom: 2em;
}
#frame-box .hhcross-top a {
  font-size: 1.4em;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
  #frame-box .hhcross-top a {
    /* font-size: 1.2em; */
  }
}
@media screen and (max-width: 767px) {
  #frame-box .hhcross-top {
    display: none;
  }
  #frame-box .pageHeader-r .gnavi {
    display: none;
  }
}
#frame-box .pageHeader-r .gnavi ul {
  margin: 0;
  padding: 0;
}
#frame-box .pageHeader-r .gnavi ul li {
  list-style-type: none;
  display: inline-block;
  padding-left: 3em;
}
@media screen and (max-width: 1024px) {
  #frame-box .pageHeader-r .gnavi ul li {
    padding-left: 2em;
  }
}
#frame-box .pageHeader-r .gnavi ul li a {
  font-size: 1.4em;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
  #frame-box .pageHeader-r .gnavi ul li a {
    font-size: 1.2em;
  }
}
#frame-box .pageHeader-r .gnavi ul li a:hover {
  opacity: 0.7;
}
#frame-box .pageHeader-r .menuArea {
  background: #333;
  width: 5em;
  height: 5em;
  text-align: center;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.16);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #frame-box .pageHeader-r .menuArea {
    visibility: visible;
    opacity: 1;
  }
}
#frame-box .pageHeader-r .menuArea .ham_btn {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -38%);
  width: 100%;
  max-width: 8em;
  height: 100%;
  background-color: transparent;
  color: #71B6B7;
  z-index: 101;
  border: none;
}
#frame-box .pageHeader-r .menuArea .ham_btn .ham_line,
#frame-box .pageHeader-r .menuArea .ham_btn .ham_line::before,
#frame-box .pageHeader-r .menuArea .ham_btn .ham_line::after {
  position: absolute;
  left: 25%;
  color: transparent;
  background-color: white;
  height: 2px;
}
#frame-box .pageHeader-r .menuArea .ham_btn .ham_line {
  width: 50%;
  top: 38%;
  transition: all 0.2s ease;
  background-color: white;
}
#frame-box .pageHeader-r .menuArea .ham_btn .ham_line::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  color: transparent;
  background-color: white;
  transition: all 0.2s ease;
}
#frame-box .pageHeader-r .menuArea .ham_btn .ham_line::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 50%;
  color: transparent;
  background-color: white;
  transition: all 0.2s ease;
}
#frame-box .pageHeader-r .menuArea .ham_btn .ham_txt {
  font-size: 1.2em;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 2em;
  font-weight: 600;
}
#frame-box .pageHeader-r .menuArea .ham_btn.active .ham_line {
  background-color: transparent;
}
#frame-box .pageHeader-r .menuArea .ham_btn.active .ham_line::before {
  top: 0px;
  transform: rotate(45deg);
}
#frame-box .pageHeader-r .menuArea .ham_btn.active .ham_line::after {
  width: 100%;
  bottom: 0px;
  transform: rotate(-45deg);
}
#frame-box .pageHeader-r .menuArea-txt {
  padding-top: 3.5em;
  color: white;
  letter-spacing: 11em;
}
#frame-box .ham_menu {
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 5em;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 1000;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  #frame-box .ham_menu {
    visibility: visible;
    opacity: 1;
  }
}
#frame-box .ham_menu .hamNav {
  border-top: solid 1px #cdd6dd;
}
#frame-box .ham_menu .hamNav > li {
  list-style-type: none;
}
#frame-box .ham_menu .hamNav > li > a {
  display: block;
  font-size: 1.4em;
  font-weight: 500;
  text-decoration: none;
  padding: 2em 0 2em 2.5em;
  border-bottom: solid 1px #cdd6dd;
  background-color: white;
}
#frame-box .ham_menu .hamNav > li > a span {
  display: inline-block;
  padding: 0 1em;
  background: #333;
  border-radius: 1em;
  color: #fff;
}
#frame-box .ham_menu .btns {
  display: flex;
  width: 80%;
  justify-content: space-around;
  margin: 0 auto;
  padding: 2em 0;
  flex-direction: column;
}
#frame-box .ham_menu .btns > li a {
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 600;
}
#frame-box .stores {
  padding: 1.3em 0;
  background-color: #df2c28;
  background-image: repeating-linear-gradient(-45deg, #C60918, #C60918 2px, transparent 0, transparent 5px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#frame-box .stores .txt {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
#frame-box .stores .item {
  padding: 0 0.4em;
}
#frame-box .ham_menu.active {
  transform: translateX(0);
}
#frame-box .ham_menu.active ul {
  height: 100vh;
}
#frame-box .ham_menu.nonactive {
  opacity: 0;
  transform: translateX(0);
}
#frame-box .portal {
  text-align: center;
  padding: 5em 0;
  border-bottom: solid 1px #d2dae1;
}
#frame-box .portal .btn-portal {
  text-decoration: none;
  font-size: 1.4em;
  font-weight: 500;
  margin-top: 4em;
  display: block;
  text-align: center;
}
#frame-box .portal .btn-portal .icon-hhct06::before {
  color: #333;
  font-size: 1.2em;
}
#frame-box .portal-logo {
  max-width: 30em;
  padding-bottom: 1.2em;
}
#frame-box .portal-desc {
  font-size: 1.3em;
}
#frame-box .under {
  padding: 3em 0;
}
#frame-box .copyBox {
  display: flex;
  justify-content: space-between;
  max-width: 80em;
  padding: 0 1em;
  margin: 0 auto;
  margin-bottom: 5em;
}
#frame-box .footer-nav-bottom {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 25px;
  margin-bottom: 38px;
  font-size: 1.4em;
  list-style: none;
}
#frame-box .footer-nav-title {
  position: relative;
  padding-left: 14px;
  text-decoration: none;
}
#frame-box .footer-nav-bottom li:not(:last-child) {
  margin-right: 16px;
}
#frame-box .footer-nav-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg) translateY(-50%);
}
#frame-box .head01 {
  font-size: 3.6em;
  font-weight: 500;
  text-align: center;
  position: relative;
  padding-bottom: 2em;
}
@media screen and (max-width: 767px) {
  #frame-box .head01 {
    font-size: 2em;
  }
  #frame-box .footer-nav-bottom {
    display: block;
    padding-left: 6%;
  }
  #frame-box .footer-nav-bottom li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #frame-box .footer-nav-title {
    font-size: 1em;
  }
}
#frame-box .head01::before {
  position: absolute;
  content: "";
  display: block;
  width: 11em;
  height: 0.5em;
  background: linear-gradient(90deg, #ff4d5a 50%, #df2c28 50%);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#frame-box .mediumTxt {
  font-size: 2.4em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #frame-box .mediumTxt {
    font-size: 1.5em;
  }
}
#frame-box .text-red {
  color: #df2c28;
}
#frame-box .text-yellow {
  color: #f6eb40;
}
#frame-box .downloadBnr {
  background-color: #df2c28;
  background-image: repeating-linear-gradient(-45deg, #C60918, #C60918 2px, transparent 0, transparent 5px);
  padding: 1.5em 0;
}
#frame-box .downloadBnr .downloadBox {
  display: flex;
  flex-wrap: wrap;
}
#frame-box .downloadBnr .downloadBox-l {
  display: flex;
  align-items: center;
}
#frame-box .downloadBnr .downloadBox-l .miniLogo {
  width: 5.4em;
}
@media screen and (max-width: 1024px) {
  #frame-box .downloadBnr .downloadBox-l .miniLogo {
    display: none;
  }
}
#frame-box .downloadBnr .downloadBox-l .ttl {
  flex: 1;
  font-size: 2.2em;
  color: white;
  line-height: 1.4;
  padding: 0 1em;
}
@media screen and (max-width: 1024px) {
  #frame-box .downloadBnr .downloadBox-l .ttl {
    font-size: 1.5em;
    text-align: center;
    padding-bottom: 0.5em;
  }
}
#frame-box .downloadBnr .downloadBox-r {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  #frame-box .downloadBnr .downloadBox-r {
    justify-content: center;
  }
}
#frame-box .downloadBnr .downloadBox-r .item {
  flex: 1;
  padding-right: 0.5em;
}
@media screen and (max-width: 1024px) {
  #frame-box .downloadBnr .downloadBox-r .item {
    flex: 0 1 auto;
    width: 30% !important;
  }
}
#frame-box .kiyakuBtnWrap {
  display: flex;
  justify-content: center;
  padding: 4em 0;
  border-bottom: solid 1px #d2dae1;
}
#frame-box .kiyakuBtnWrap a {
  text-decoration: none;
  font-size: 1.8em;
  font-weight: 600;
}
#frame-box .portal {
  text-align: center;
  padding: 5em 0;
  border-bottom: solid 1px #d2dae1;
}
#frame-box .portal .btn-portal {
  text-decoration: none;
  font-size: 1.4em;
  font-weight: 500;
  margin-top: 4em;
  display: block;
  text-align: center;
}
#frame-box .portal .btn-portal .icon-hhct06::before {
  color: #333;
  font-size: 1.2em;
}
#frame-box .under {
  padding: 3em 0;
}
#frame-box .underList {
  display: flex;
  justify-content: center;
  max-width: 80em;
  padding: 0 1em;
  margin: 0 auto;
  flex-wrap: wrap;
}
#frame-box .underList > li {
  list-style-type: none;
  padding: 0 2em;
}
@media screen and (max-width: 1024px) {
  #frame-box .underList > li {
    width: 100%;
    padding-bottom: 1em;
  }
}
#frame-box .underList > li > a {
  text-decoration: none;
  font-size: 1.4em;
  display: flex;
  align-items: center;
}
#frame-box .copyBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 88em;
  margin: 0 auto;
  padding: 0 4em;
  margin-bottom: 3em;
  flex-wrap: wrap;
}
#frame-box .d-pc-block {
  display: block;
}
@media screen and (max-width: 767px) {
  #frame-box .d-pc-block {
    display: none;
  }
  #frame-box .copyBox-l {
    width: 100%;
    text-align: center;
  }
  #frame-box .copyBox-r {
    width: 100%;
    padding-top: 1em;
    text-align: center;
  }
}
#frame-box .d-pc-inline {
  display: inline;
}
@media screen and (max-width: 767px) {
  #frame-box .d-pc-inline {
    display: none;
  }
}
#frame-box .d-sp-block {
  display: none;
}
@media screen and (max-width: 767px) {
  #frame-box .d-sp-block {
    display: block;
  }
}
#frame-box .d-sp-inline {
  display: none;
}
@media screen and (max-width: 767px) {
  #frame-box .d-sp-inline {
    display: block;
  }
}
#frame-box .subFvWrap {
  padding-top: 9.3em;
}
@media screen and (max-width: 767px) {
  #frame-box .subFvWrap {
    padding-top: 5.1em;
  }
}
#frame-box .subFvWrap .subFv {
  padding: 8em 0;
}
@media screen and (max-width: 767px) {
  #frame-box .subFvWrap .subFv {
    padding: 4.5em 0;
  }
}
#frame-box .page-top {
  position: fixed;
  right: 1em;
  bottom: 1em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  transition: all 0.3s ease;
}
#frame-box .show {
  opacity: 0;
}
#frame-box .show.scrolled {
  opacity: 1;
}
#frame-box .page-top:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: rotate(45deg);
}
#frame-box .shohyou {
  padding: 3em 0 2em;
}
#frame-box .shohyou-desc {
  font-size: 1.3em;
  font-weight: 600;
  padding: 0 1.5em;
}
#frame-box .hhcross-top a {
  display: inline-block;
  padding: 0 1em;
  background: #333;
  border-radius: 1em;
  color: #fff;
}
#frame-box iframe#lineFrame {
  width: 100%;
  height: 100%;
  min-height: 70em;
  margin-bottom: 10em;
  padding: 2em 0 4em;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox 対応 */
}
#frame-box iframe#lineFrame::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
}
@media screen and (max-width: 767px) {
  #frame-box iframe#lineFrame {
    min-height: 55em;
    margin-bottom: 2em;
    padding: 1em 0 2em;
  }
}
#frame-box .font-so {
  font-family: "Source Sans Pro", sans-serif;
}
#frame-box body {
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
#frame-box body::-webkit-scrollbar { /* Chrome, Safari 対応 */
  display: none;
  -webkit-appearance: none;
  scrollbar-width: none;
}
#frame-box body::-webkit-scrollbar-thumb {
  display: none;
  -webkit-appearance: none;
  scrollbar-width: none;
}
@media screen and (max-width: 767px) {
  #frame-box body {
    height: 100%;
    -ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none;
  }
}
#frame-box li {
  list-style: none;
}
#frame-box .rule .ruleBox {
  /*
  overflow-y: scroll;
  height: 60em;
  border-radius: 6px;
   */
  padding: 2em 2em 2em;
  letter-spacing: 0.1em;
  line-height: 1.65;
  margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
  #frame-box .rule .ruleBox {
    padding: 1em 2.5em 2em;
  }
}
#frame-box .rule .ruleBox .postTime {
  text-align: right;
  margin-bottom: 1em;
}
#frame-box .rule .ruleBox h2 {
  font-size: 1.6em;
  font-weight: 700;
  padding-bottom: 0.5em;
  padding-top: 2.5em;
}
#frame-box .rule .ruleBox p {
  padding-left: 5em;
  padding-bottom: 1.5em;
  padding-top: 1em;
}
#frame-box .rule .ruleBox p.postTxt {
  padding-left: 0em;
}
@media screen and (max-width: 767px) {
  #frame-box .rule .ruleBox p {
    padding-left: 1em;
  }
}
#frame-box .rule .ruleBox ul, #frame-box .rule .ruleBox ol {
  padding-left: 4em;
  padding-bottom: 1.5em;
  padding-top: 1em;
}
#frame-box .rule .ruleBox > ul, #frame-box .rule .ruleBox > ol {
  font-size: 1.6em;
}
#frame-box .rule .ruleBox ul {
  list-style-type: none;
  text-indent: -1.7em;
  margin-left: 1.7em;
}
#frame-box .rule .mediumTxt {
  font-weight: 500;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  #frame-box .rule .ruleBox ul, #frame-box .rule .ruleBox ol {
    padding-left: 1em;
  }
  #frame-box .rule .ruleBox > ul, #frame-box .rule .ruleBox > ol {
    font-size: 1.3em;
  }
}
#frame-box .rule .btnWrap {
  padding: 7em 0;
}
#frame-box .rule .btnWrap {
  display: flex;
  justify-content: center;
}
#frame-box .rule .btnWrap .btn-red {
  font-size: 1.6em;
  padding: 1.7em;
  background-color: #df2c28;
  width: 80%;
  max-width: 35em;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 6px;
  position: relative;
  transition: all 0.3s ease;
}
#frame-box .rule .btnWrap .btn-red:hover {
  opacity: 0.8;
}
#frame-box .rule .btnWrap .btn-red::before {
  content: "\e909";
  font-family: "icomoon";
  font-size: 1.2em;
  position: absolute;
  left: 2em;
  top: 50%;
  transform: translateY(-50%);
}
#frame-box .ruleBox ol {
  counter-reset: count 0;
}
#frame-box .ruleBox ol li {
  position: relative;
  padding-left: 1em;
}
#frame-box .ruleBox .postStart li:before {
  content: counter(count) ". ";
  counter-increment: count 1;
  position: absolute;
  left: -1em;
}
@media screen and (max-width: 767px) {
  #frame-box .ruleBox .postStart li:before {
    left: -0.5em;
  }
  #frame-box .ruleBox .postStart li .postWrap li:before {
    left: -1.8em;
  }
  #frame-box .ruleBox .postStart li .postFin li:before {
    left: -1.5em;
  }
}
#frame-box .ruleBox ol ul li:before {
  display: none;
}
#frame-box .rule .ruleBox ol.postWrap {
  padding-left: 3em;
}
@media screen and (max-width: 767px) {
  #frame-box .rule .ruleBox ol.postWrap {
    padding-left: 1em;
  }
}
#frame-box .ruleBox .postWrap li {
  position: relative;
  padding-left: 1em;
}
#frame-box .ruleBox .postWrap li:before {
  counter-increment: count 1;
  content: "(" counter(count) ")";
  position: absolute;
  left: -1.5em;
}
#frame-box .ruleBox .postStart li .postWrap li:before {
  left: -2.5em;
}
#frame-box .ruleBox .postStart li .postFin li:before {
  left: -2em;
}
@media screen and (max-width: 767px) {
  #frame-box .ruleBox .postWrap li:before {
    left: -1em;
  }
}
#frame-box .ruleBox .postFin li {
  position: relative;
  padding-left: 1em;
}
#frame-box .ruleBox .postFin li:before {
  counter-increment: count 1;
  content: "(" counter(count, lower-roman) ")";
  position: absolute;
  left: -1.5em;
}
@media screen and (max-width: 767px) {
  #frame-box .ruleBox .postFin li:before {
    left: -1em;
  }
}
#frame-box .rule {
  overflow: hidden;
}
#frame-box .rule .ruleBox {
  overflow-x: hidden;
  padding-left: 5em;
  height: 30em;
}
#frame-box .bodyWrapper::-webkit-scrollbar {
  display: none;
}
#frame-box .rule::-webkit-scrollbar {
  position: relative;
  left: -30px;
}
#frame-box .rule.terms, #frame-box .rule.law {
  overflow-y: hidden;
  height: auto;
  border: none;
}
#frame-box .ruleBox.termBox {
  height: 100%;
}
@media screen and (max-width: 767px) {
  #frame-box .rule .ruleBox {
    width: 100%;
    height: 31em;
  }
  #frame-box .rule .ruleBox.termBox {
    width: 100%;
    height: 100%;
  }
}
#frame-box .law .ruleBox {
  border: none;
}
@media screen and (max-width: 767px) {
  #frame-box .rule .ruleBox {
    /* padding: 1em 2.5em 2em; */
    padding: 1em 2.5em 2em;
  }
}
#frame-box .ruleBox .postStart2 li:before {
  content: counter(count) ". ";
  counter-increment: count 1;
  position: absolute;
  left: -1em;
}
@media screen and (max-width: 767px) {
  #frame-box .ruleBox .postStart2 li:before {
    left: -0.5em;
  }
}
#frame-box .ruleBox .postStart2 li li:before {
  content: "";
  counter-increment: none;
  position: absolute;
  left: -1em;
}
@media screen and (max-width: 767px) {
  #frame-box .ruleBox .postStart2 li i:before {
    left: -0.5em;
  }
}
#frame-box .ruleBox .postWrap2 li {
  position: relative;
  padding-left: 3.5em;
}
#frame-box .ruleBox .postWrap2 > li:before {
  counter-increment: count 1;
  content: "（ " counter(count) " ）";
  position: absolute;
  left: -2em;
}
@media screen and (max-width: 767px) {
  #frame-box .ruleBox .postWrap2 li:before {
    left: -0.5em;
  }
}
#frame-box .ruleBox .disc li {
  position: relative;
  padding-left: 0em;
  list-style-type: disc;
  text-indent: 0em;
  margin-left: 0em;
}
#frame-box .ruleBox .ul_ofuse li {
  font-size: 1em;
  position: relative;
  padding-left: 0em;
  text-indent: -1.5em;
  margin-left: 0em;
}
#frame-box .terms_ttl {
  font-weight: bold;
  font-weight: 700;
}
#frame-box .rule .ruleBox p.terms_ttl {
  font-size: 1.9em;
  padding-left: 0;
}
#frame-box .terms_cntr {
  display: block;
  text-align: center;
}
#frame-box .terms_right {
  display: block;
  text-align: right;
}
#frame-box .terms_ba {
  word-break: break-all;
}
#frame-box .terms_box {
  display: flex;
  flex-wrap: wrap;
  border: solid #000;
  border-width: 1px 0 0 1px;
  font-size: 1.3em;
  word-break: break-all;
  margin-bottom: 2em;
}
#frame-box .terms_box div {
  display: flex;
  flex-wrap: wrap;
  border: solid #000;
  border-width: 0 1px 1px 0;
  width: 100%;
  padding: 0.8em 1em;
}
#frame-box .terms_box div.head {
  background-color: #f7f7f7;
  font-weight: 700;
}
#frame-box .terms_box2 {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #000;
  gap: 1px;
  padding: 1px;
  font-size: 1.3em;
  word-break: break-all;
  margin-bottom: 2em;
}
#frame-box .terms_box2 div {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #000;
  width: 100%;
  padding: 0.8em 1em;
}
#frame-box .terms_box2 div.head {
  background-color: #f7f7f7;
  font-weight: 700;
}
@media (min-width: 768px) {
  #frame-box .terms_box {
    font-size: 1.6em;
  }
  #frame-box .terms_box div {
    width: 67%;
  }
  #frame-box .terms_box div.head {
    width: 33%;
  }
  #frame-box .terms_box div.w100 {
    width: 100%;
  }
  #frame-box .terms_box2 {
    font-size: 1.6em;
  }
  #frame-box .terms_box2 div {
    width: 50%;
    flex-grow: 1;
  }
  #frame-box .terms_box2 div.head {
    width: 33%;
    flex-grow: 0;
  }
}
#frame-box .t_mb0 {
  margin-bottom: 0em;
}
#frame-box .terms-sub--ttl {
  font-size: 16px;
  padding-top: 10px;
  font-weight: 500;
}
@media (max-width: 767px) {
  #frame-box .terms-sub--ttl {
    font-size: 0.0427vw;
  }
}
#frame-box .policy-table tr,
#frame-box .policy-table th,
#frame-box .policy-table td {
  border-width: 1px;
}
#frame-box .policy-table th,
#frame-box .policy-table td {
  padding: 0.5em;
}
@media (max-width: 767px) {
  #frame-box .policy-table {
    table-layout: fixed;
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
  }
}