@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

:root {
  --font-jp-01: "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-jp-02: "Zen Kaku Gothic New", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-en-01: "Montserrat", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-awesome: "Font Awesome 6 Pro";
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 900;
  --basic-accent: #e89112;
  --basic-accent-02: #edaf32;
  --basic-base: #f9f9f6;
  --basic-base-02: #f8f2e2;
  --basic-main: #dc5418;
  --basic-white: #fff;
  --bg-01: #fff;
  --bg-alert: #fff;
  --bg-grad-01-00: #fff;
  --border-cl-01: #fff;
  --border-cl-02: #fff;
  --link-cl-01: #fff;
  --link-cl-active-01: #fff;
  --link-cl-hover-01: #fff;
  --shadow-cl: #fff;
  --text-cl-01: #000;
  --text-cl-02: #555;
  --text-cl-03: #fff;
  --text-cl-alert: #fff;
  --text-cl-placeholder: #fff;
  --shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  --duration: 0.3s ease;
}

html,
body {
  width: 100%;
  min-height: 100%;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  font-size: 62.5%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-text-size-adjust: 100%;
  color: var(--text-cl-01);
  font-family: var(--font-jp-01);
  font-weight: var(--fw-regular);
  line-height: 2;
  margin: 0;
  overflow-x: clip;
  position: relative;
}
@media screen and (min-width: 835px) {
  body {
    font-size: clamp(13.6px, 1.171vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  body {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  -webkit-transition: all var(--duration);
  transition: all var(--duration);
}
a img {
  -webkit-transition: var(--duration);
  transition: var(--duration);
}
@media (any-hover: hover) {
  a:hover {
    text-decoration: none;
  }
  a:hover img {
    opacity: 0.6;
  }
}

@media screen and (min-width: 1195px) {
  a [href^="tel:"] {
    pointer-events: none;
  }
}

i[class^=fa] {
  margin-right: 0.5em;
  margin-left: 0.5em;
}

img, svg {
  max-width: 100%;
  height: auto;
}

svg {
  fill: currentcolor;
}

@media screen and (min-width: 835px) {
  p small {
    font-size: clamp(10.2px, 0.878vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  p small {
    font-size: clamp(9.35px, 2.933vw, 12.1px);
  }
}

strong {
  font-weight: var(--fw-bold);
}

mark {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(255, 255, 255, 0)), color-stop(75%, var(--basic-accent-02)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, var(--basic-accent-02) 75%);
}

p a,
td a,
th a,
blockquote a {
  color: var(--link-cl-01);
  text-decoration: underline;
}
@media (any-hover: hover) {
  p a:hover,
  td a:hover,
  th a:hover,
  blockquote a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.l-body {
  width: auto;
  height: auto;
  min-height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: all var(--duration);
  transition: all var(--duration);
  overflow-x: clip;
  background-color: var(--basic-base);
}

.l-main {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  position: relative;
  z-index: 5;
}
.l-main__inner {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 835px) {
  .l-main__inner {
    max-width: min(1320px, 87.848vw);
  }
}
@media screen and (max-width: 834px) {
  .l-main__inner {
    padding-left: min(22px, 5.333vw);
    padding-right: min(22px, 5.333vw);
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
@media screen and (max-width: 834px) {
  .l-header {
    position: absolute;
  }
}
.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
  padding: min(29.7px, 1.977vw) min(44px, 2.928vw);
}
@media screen and (max-width: 834px) {
  .l-header__inner {
    padding: 0;
  }
}
.l-header__logo {
  width: min(253px, 16.837vw);
  opacity: 0;
  -webkit-transform: translateY(min(55px, 3.66vw));
          transform: translateY(min(55px, 3.66vw));
  -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease, -webkit-transform 1.2s ease;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.--is-visible .l-header__logo {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 834px) {
  .l-header__logo {
    width: min(124.3px, 30.133vw);
    margin-inline: auto;
    -webkit-transform: translateY(min(55px, 13.333vw));
            transform: translateY(min(55px, 13.333vw));
  }
}
.l-header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(17.6px, 1.171vw);
  border-radius: min(70.4px, 4.685vw);
  font-size: clamp(11.9px, 1.025vw, 15.4px);
  line-height: 1.6;
  text-decoration: none;
  width: min(198px, 13.177vw);
  background-color: var(--basic-main);
  color: var(--text-cl-03);
  font-family: var(--font-jp-02);
  font-weight: var(--fw-black);
  opacity: 0;
  -webkit-transform: translateY(min(55px, 3.66vw));
          transform: translateY(min(55px, 3.66vw));
  -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease, -webkit-transform 1.2s ease;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.--is-visible .l-header__btn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (min-width: 835px) {
  .l-header__btn:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 834px) {
  .l-header__btn {
    -webkit-transform: translateY(min(55px, 13.333vw));
            transform: translateY(min(55px, 13.333vw));
    width: min(308px, 74.667vw);
    padding: min(17.6px, 4.267vw);
    border-radius: min(70.4px, 17.067vw);
  }
  .--is-visible .l-header__btn {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .l-header__btn__wrap {
    position: fixed;
    bottom: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.l-footer {
  background-color: var(--text-cl-01);
  padding: min(52.8px, 3.514vw) 0;
}
@media screen and (max-width: 834px) {
  .l-footer {
    padding: min(52.8px, 12.8vw) 0 min(96.8px, 23.467vw);
  }
}
.l-footer__inner {
  max-width: min(1144px, 76.135vw);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 834px) {
  .l-footer__inner {
    max-width: 100%;
    padding-inline: min(26.4px, 6.4vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: min(26.4px, 6.4vw);
  }
}
.l-footer__copyright {
  font-weight: var(--fw-medium);
  font-size: clamp(13.6px, 1.171vw, 17.6px);
  line-height: 1.8;
  color: var(--bg-01);
}
@media screen and (max-width: 834px) {
  .l-footer__copyright {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.l-footer__link {
  font-weight: var(--fw-medium);
  font-size: clamp(13.6px, 1.171vw, 17.6px);
  line-height: 1.8;
  color: var(--bg-01);
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 834px) {
  .l-footer__link {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.l-footer__link:hover {
  opacity: 0.6;
}

.l-section__inner {
  max-width: min(1144px, 76.135vw);
  margin-inline: auto;
  padding-bottom: min(88px, 5.857vw);
}
@media screen and (max-width: 834px) {
  .l-section__inner {
    max-width: 100%;
    padding-inline: min(26.4px, 6.4vw);
    padding-bottom: min(52.8px, 12.8vw);
  }
}
.l-section__title {
  max-width: min(1144px, 76.135vw);
  margin-inline: auto;
  padding-bottom: min(52.8px, 3.514vw);
  text-align: center;
}
@media screen and (max-width: 834px) {
  .l-section__title {
    max-width: 100%;
    padding-bottom: min(35.2px, 8.533vw);
  }
}
.l-section__title img {
  width: 100%;
}
.l-section.--bg-orange {
  margin-top: min(88px, 5.857vw);
  padding-bottom: min(88px, 5.857vw);
  background-color: var(--basic-base-02);
  position: relative;
}
@media screen and (max-width: 834px) {
  .l-section.--bg-orange {
    margin-top: min(52.8px, 12.8vw);
    padding-bottom: min(52.8px, 12.8vw);
  }
}
.l-section.--bg-orange::before {
  content: "";
  position: absolute;
  top: max(-88px, -5.857vw);
  left: 0;
  background-image: url(../img/section_bg_start.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  max-width: 100%;
  height: min(88px, 5.857vw);
  z-index: 0;
}
@media screen and (max-width: 834px) {
  .l-section.--bg-orange::before {
    top: max(-52.8px, -12.8vw);
    background-image: url(../img/section_bg_start_sp.svg);
    height: min(52.8px, 12.8vw);
  }
}
.l-section.--bg-orange::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../img/section_bg_end.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  max-width: 100%;
  height: min(88px, 5.857vw);
  z-index: 0;
}
@media screen and (max-width: 834px) {
  .l-section.--bg-orange::after {
    background-image: url(../img/section_bg_end_sp.svg);
    height: min(52.8px, 12.8vw);
  }
}

.p-mv {
  position: relative;
  width: 100%;
  height: min(924px, 61.493vw);
  margin-bottom: min(176px, 11.713vw);
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .p-mv {
    min-height: min(1236.4px, 299.733vw);
    margin-bottom: min(105.6px, 25.6vw);
  }
}
@media screen and (max-width: 540px) {
  .p-mv {
    min-height: min(715px, 173.333vw);
  }
}
.p-mv__title {
  position: absolute;
  bottom: min(44px, 2.928vw);
  left: 50%;
  width: min(786.5px, 52.343vw);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 834px) {
  .p-mv__title {
    width: 74.6666666667vw;
    bottom: unset;
    top: min(55px, 13.333vw);
  }
}
.p-mv__title img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(min(55px, 3.66vw));
          transform: translateY(min(55px, 3.66vw));
}
@media screen and (max-width: 834px) {
  .p-mv__title img {
    -webkit-transform: translateY(min(55px, 13.333vw));
            transform: translateY(min(55px, 13.333vw));
  }
}
.p-mv__title.--is-visible img {
  -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease, -webkit-transform 1.2s ease;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(min(55px, 3.66vw));
          transform: translateY(min(55px, 3.66vw));
  -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease, -webkit-transform 1.2s ease;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.p-mv__bg.--is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 834px) {
  .p-mv__bg {
    -webkit-transform: translateY(min(55px, 13.333vw));
            transform: translateY(min(55px, 13.333vw));
  }
}
.p-mv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.p-ranking__box {
  position: relative;
  background-color: var(--bg-01);
  padding: min(52.8px, 3.514vw) min(79.2px, 5.271vw);
  border-radius: min(17.6px, 1.171vw);
}
@media screen and (max-width: 834px) {
  .p-ranking__box {
    padding: min(50.6px, 12.267vw) min(17.6px, 4.267vw) min(26.4px, 6.4vw);
    border-radius: min(17.6px, 4.267vw);
  }
}
@media screen and (max-width: 540px) {
  .p-ranking__box {
    padding-top: min(39.6px, 9.6vw);
  }
}
.p-ranking__baloon {
  position: absolute;
  top: max(-13.2px, -0.878vw);
  left: max(-17.6px, -1.171vw);
  width: min(158.4px, 10.542vw);
  height: min(158.4px, 10.542vw);
  z-index: 10;
}
@media screen and (max-width: 834px) {
  .p-ranking__baloon {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 49vw;
    height: auto;
  }
  .p-ranking__baloon img {
    width: 100%;
  }
}
.p-ranking__01 {
  margin-bottom: min(17.6px, 1.171vw);
}
.p-ranking__01 img {
  width: 100%;
}
.p-ranking__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(17.6px, 1.171vw);
}
@media screen and (max-width: 834px) {
  .p-ranking__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(17.6px, 4.267vw);
  }
}
.p-ranking__content__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-bottom: min(22px, 1.464vw);
  border-radius: min(8.8px, 0.586vw);
  isolation: isolate;
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item {
    padding-bottom: min(22px, 5.333vw);
    border-radius: min(8.8px, 2.133vw);
  }
}
.p-ranking__content__item:nth-child(1) {
  --item-color: #7B97A7;
}
.p-ranking__content__item:nth-child(2) {
  --item-color: #7E6046;
}
.p-ranking__content__item:nth-child(3) {
  --item-color: #555;
}
.p-ranking__content__item:nth-child(4) {
  --item-color: #555;
}
.p-ranking__content__item__index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(44px, 2.928vw);
  height: min(44px, 2.928vw);
  background-color: var(--item-color);
  border-radius: min(35.2px, 2.343vw);
  margin-bottom: max(-22px, -1.464vw);
  z-index: 2;
  position: relative;
  font-family: var(--font-en-01);
  font-weight: 700;
  font-size: clamp(20.4px, 1.757vw, 26.4px);
  line-height: 1.5;
  color: white;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item__index {
    width: min(35.2px, 8.533vw);
    height: min(35.2px, 8.533vw);
    border-radius: min(35.2px, 8.533vw);
    margin-bottom: max(-22px, -5.333vw);
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-ranking__content__item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(8.8px, 0.586vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--bg-01);
  border: 2px solid var(--item-color);
  border-radius: min(8.8px, 0.586vw);
  padding: min(26.4px, 1.757vw) min(17.6px, 1.171vw) min(17.6px, 1.171vw);
  width: 100%;
  margin-bottom: max(-22px, -1.464vw);
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0px 0px min(17.6px, 1.171vw) 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 0px min(17.6px, 1.171vw) 0px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: min(13.2px, 3.2vw);
    border: 2px solid var(--item-color);
    border-radius: min(8.8px, 2.133vw);
    padding: min(26.4px, 6.4vw) min(17.6px, 4.267vw) min(17.6px, 4.267vw);
    margin-bottom: max(-22px, -5.333vw);
  }
}
.p-ranking__content__item__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item__logo {
    width: min(88px, 21.333vw);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.p-ranking__content__item__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(6.6px, 0.439vw);
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item__name {
    gap: min(6.6px, 1.6vw);
    text-align: left;
    width: auto;
  }
}
.p-ranking__content__item__name__main {
  font-weight: var(--fw-bold);
  font-size: clamp(11.9px, 1.025vw, 15.4px);
  line-height: 1.6;
  color: var(--text-cl-01);
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item__name__main {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.p-ranking__content__item__name__sub {
  font-weight: var(--fw-regular);
  font-size: clamp(8.5px, 0.732vw, 11px);
  line-height: 1.6;
  color: var(--text-cl-02);
}
@media screen and (max-width: 834px) {
  .p-ranking__content__item__name__sub {
    font-size: clamp(8.5px, 2.667vw, 11px);
  }
}

.p-about__lead {
  text-align: center;
  margin-bottom: min(52.8px, 3.514vw);
  font-weight: var(--fw-medium);
}
@media screen and (max-width: 834px) {
  .p-about__lead {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    text-align: left;
    margin-bottom: min(35.2px, 8.533vw);
  }
}
.p-about__box {
  background-color: var(--bg-01);
  padding: min(35.2px, 2.343vw) min(70.4px, 4.685vw);
  border-radius: min(17.6px, 1.171vw);
  -webkit-box-shadow: 0px 0px min(17.6px, 1.171vw) 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 0px min(17.6px, 1.171vw) 0px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 834px) {
  .p-about__box {
    padding: min(26.4px, 6.4vw) min(17.6px, 4.267vw);
    border-radius: min(17.6px, 4.267vw);
  }
}
.p-about__box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(35.2px, 2.343vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 834px) {
  .p-about__box__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(17.6px, 4.267vw);
  }
}
.p-about__box__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(35.2px, 2.343vw);
}
@media screen and (max-width: 834px) {
  .p-about__box__content {
    gap: min(17.6px, 4.267vw);
  }
}
.p-about__box__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(13.2px, 0.878vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-jp-02);
  font-weight: var(--fw-black);
  font-size: clamp(27.2px, 2.343vw, 35.2px);
  line-height: 1.4;
  color: var(--text-cl-01);
}
@media screen and (max-width: 834px) {
  .p-about__box__title {
    font-size: clamp(17px, 5.333vw, 22px);
    gap: min(6.6px, 1.6vw);
  }
}
.p-about__box__title::before {
  content: "";
  width: min(6.6px, 0.439vw);
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  background-color: var(--basic-main);
  border-radius: min(17.6px, 1.171vw);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .p-about__box__title::before {
    width: min(4.4px, 1.067vw);
    border-radius: min(17.6px, 4.267vw);
  }
}
.p-about__box__text {
  font-weight: var(--fw-medium);
  font-size: clamp(13.6px, 1.171vw, 17.6px);
  line-height: 1.8;
  color: var(--text-cl-01);
}
@media screen and (max-width: 834px) {
  .p-about__box__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.p-about__box__text > .--text-orange {
  color: var(--basic-main);
}
.p-about__box__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .p-about__box__image {
    width: 100%;
  }
}
.p-about__box__image img {
  width: 100%;
  height: auto;
}
.p-about__box__notice {
  color: var(--text-cl-02);
  font-size: clamp(10.2px, 0.878vw, 13.2px);
  font-weight: var(--fw-medium);
  text-align: right;
  margin-top: min(17.6px, 1.171vw);
}
@media screen and (max-width: 834px) {
  .p-about__box__notice {
    font-size: clamp(9.35px, 2.933vw, 12.1px);
    margin-top: min(17.6px, 4.267vw);
  }
}

.p-message__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 834px) {
  .p-message__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-message__content__img {
  width: min(528px, 35.139vw);
  height: min(572px, 38.067vw);
  border-radius: 0 min(17.6px, 1.171vw) min(17.6px, 1.171vw) 0;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 834px) {
  .p-message__content__img {
    width: 100%;
    height: auto;
    aspect-ratio: 375/400;
    border-radius: 0 0 min(17.6px, 4.267vw) min(17.6px, 4.267vw);
  }
}
.p-message__content__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(35.2px, 2.343vw);
  padding-inline: min(88px, 5.857vw) min(132px, 8.785vw);
}
@media screen and (max-width: 834px) {
  .p-message__content__text {
    gap: min(17.6px, 4.267vw);
    padding: min(35.2px, 8.533vw) 0;
  }
}
.p-message__content__text__title {
  font-family: var(--font-jp-02);
  font-weight: var(--fw-bold);
  font-size: clamp(22.1px, 1.903vw, 28.6px);
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .p-message__content__text__title {
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-message__content__text__body {
  font-weight: var(--fw-medium);
  font-size: clamp(13.6px, 1.171vw, 17.6px);
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .p-message__content__text__body {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.p-message__content__text__body__author {
  margin-top: min(17.6px, 1.171vw);
}
@media screen and (max-width: 834px) {
  .p-message__content__text__body__author {
    margin-top: min(15.4px, 3.733vw);
  }
}

.p-happiness__lead {
  text-align: center;
  margin-bottom: min(52.8px, 3.514vw);
  line-height: 1.6;
}
@media screen and (max-width: 834px) {
  .p-happiness__lead {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-bottom: min(35.2px, 8.533vw);
  }
}
.p-happiness__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(17.6px, 1.171vw);
  margin-bottom: min(52.8px, 3.514vw);
}
@media screen and (max-width: 834px) {
  .p-happiness__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(17.6px, 4.267vw);
    margin-bottom: min(35.2px, 8.533vw);
  }
}
.p-happiness__cards__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(17.6px, 1.171vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--bg-01);
  padding: min(17.6px, 1.171vw);
  border-radius: min(17.6px, 1.171vw);
  -webkit-box-shadow: 0px 0px min(17.6px, 1.171vw) 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 0px min(17.6px, 1.171vw) 0px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 834px) {
  .p-happiness__cards__item {
    gap: min(8.8px, 2.133vw);
    padding: min(17.6px, 4.267vw);
    border-radius: min(17.6px, 4.267vw);
  }
}
.p-happiness__cards__item__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(105.6px, 7.028vw);
  height: min(105.6px, 7.028vw);
}
@media screen and (max-width: 834px) {
  .p-happiness__cards__item__icon {
    width: min(61.6px, 14.933vw);
    height: min(61.6px, 14.933vw);
  }
}
.p-happiness__cards__item__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: var(--fw-medium);
  font-size: clamp(17px, 1.464vw, 22px);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .p-happiness__cards__item__text {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}
.p-happiness__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(17.6px, 1.171vw);
}
@media screen and (max-width: 834px) {
  .p-happiness__body {
    gap: min(17.6px, 4.267vw);
  }
}
.p-happiness__body__text {
  font-size: clamp(13.6px, 1.171vw, 17.6px);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 834px) {
  .p-happiness__body__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-happiness__body__text.--highlight {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}

.p-rewarding__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(52.8px, 3.514vw);
}
@media screen and (max-width: 834px) {
  .p-rewarding__content {
    gap: min(35.2px, 8.533vw);
  }
}
.p-rewarding__content__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(52.8px, 3.514vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(26.4px, 6.4vw);
  }
}
.p-rewarding__content__item__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(35.2px, 2.343vw);
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item__text {
    gap: min(26.4px, 6.4vw);
  }
}
.p-rewarding__content__item__text__title {
  font-family: var(--font-jp-02);
  font-weight: var(--fw-black);
  font-size: clamp(27.2px, 2.343vw, 35.2px);
  line-height: 1.6;
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item__text__title {
    font-size: clamp(20.4px, 6.4vw, 26.4px);
  }
}
.p-rewarding__content__item__text__body {
  font-weight: var(--fw-medium);
  font-size: clamp(15.3px, 1.318vw, 19.8px);
  line-height: 1.8;
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item__text__body {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}
.p-rewarding__content__item__text__body p {
  margin: 0;
}
.p-rewarding__content__item__text__body p:not(:last-child) {
  margin-bottom: min(31.68px, 2.108vw);
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item__text__body p:not(:last-child) {
    margin-bottom: min(23.76px, 5.76vw);
  }
}
.p-rewarding__content__item__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: min(264px, 17.57vw);
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item__img {
    width: 100%;
    height: min(308px, 74.667vw);
  }
}
.p-rewarding__content__item__img.--end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.p-rewarding__content__item__img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 834px) {
  .p-rewarding__content__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.p-rewarding__content__divider {
  width: 100%;
  height: 1px;
  background-color: var(--basic-main);
}

.p-interview__text {
  text-align: center;
  font-weight: var(--fw-medium);
}
.p-interview__text:not(:last-child) {
  margin-bottom: min(52.8px, 3.514vw);
}
@media screen and (max-width: 834px) {
  .p-interview__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-bottom: min(35.2px, 8.533vw);
  }
  .p-interview__text:not(:last-child) {
    margin-bottom: min(35.2px, 8.533vw);
  }
}
.p-interview__movie {
  position: relative;
  width: min(880px, 58.565vw);
  margin-inline: auto;
  margin-bottom: min(52.8px, 3.514vw);
  aspect-ratio: 16/9;
}
@media screen and (max-width: 834px) {
  .p-interview__movie {
    width: 100%;
    margin-bottom: min(35.2px, 8.533vw);
  }
}
.p-interview__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-interview__banner {
  max-width: min(880px, 58.565vw);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(17.6px, 1.171vw);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 834px) {
  .p-interview__banner {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(17.6px, 4.267vw);
  }
}

.p-entry {
  padding: min(88px, 5.857vw) 0;
  background: linear-gradient(24.41deg, var(--basic-main) 13.07%, var(--basic-accent) 50%, var(--basic-accent-02) 86.93%);
}
@media screen and (max-width: 834px) {
  .p-entry {
    background: linear-gradient(60deg, var(--basic-main) 13.07%, var(--basic-accent) 50%, var(--basic-accent-02) 86.93%);
    padding: min(52.8px, 12.8vw) 0;
  }
}
.p-entry__inner {
  max-width: min(880px, 58.565vw);
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(52.8px, 3.514vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 834px) {
  .p-entry__inner {
    max-width: 100%;
    padding-inline: min(26.4px, 6.4vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(35.2px, 8.533vw);
  }
}
.p-entry__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(35.2px, 2.343vw);
}
@media screen and (max-width: 834px) {
  .p-entry__left {
    gap: min(26.4px, 6.4vw);
  }
}
.p-entry__text {
  font-weight: var(--fw-medium);
  font-size: clamp(13.6px, 1.171vw, 17.6px);
  line-height: 1.8;
  color: var(--bg-01);
}
@media screen and (max-width: 834px) {
  .p-entry__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.p-entry__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(17.6px, 1.171vw);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 834px) {
  .p-entry__right {
    gap: min(17.6px, 4.267vw);
    width: 100%;
  }
}
.p-entry__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: min(26.4px, 1.757vw) min(52.8px, 3.514vw);
  border-radius: min(70.4px, 4.685vw);
  font-weight: var(--fw-bold);
  font-size: clamp(11.9px, 1.025vw, 15.4px);
  line-height: 1.6;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: min(246.4px, 16.398vw);
}
@media screen and (max-width: 834px) {
  .p-entry__btn {
    max-width: min(246.4px, 59.733vw);
    margin-inline: auto;
    padding: min(22px, 5.333vw) min(52.8px, 12.8vw);
    border-radius: min(70.4px, 17.067vw);
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    width: 100%;
  }
}
.p-entry__btn.--white {
  background-color: var(--bg-01);
  color: var(--text-cl-01);
  border: 1px solid #d8d8d8;
}
.p-entry__btn.--black {
  background-color: var(--text-cl-01);
  color: var(--bg-01);
}
.p-entry__btn:hover {
  opacity: 0.6;
}

.js-scroll-fade-in {
  opacity: 0;
  -webkit-transform: translateY(min(55px, 3.66vw));
          transform: translateY(min(55px, 3.66vw));
  -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, -webkit-transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease;
  transition: opacity 1.2s ease, transform 1.2s ease, -webkit-transform 1.2s ease;
}
@media screen and (max-width: 834px) {
  .js-scroll-fade-in {
    -webkit-transform: translateY(min(55px, 13.333vw));
            transform: translateY(min(55px, 13.333vw));
  }
}
.js-scroll-fade-in.--is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.u-align--left {
  text-align: left !important;
}
@media screen and (max-width: 834px) {
  .u-align--left.--sp {
    text-align: left !important;
  }
}
@media screen and (min-width: 835px) {
  .u-align--left.--pc {
    text-align: left !important;
  }
}
.u-align--center {
  text-align: center !important;
}
@media screen and (max-width: 834px) {
  .u-align--center.--sp {
    text-align: center !important;
  }
}
@media screen and (min-width: 835px) {
  .u-align--center.--pc {
    text-align: center !important;
  }
}
.u-align--right {
  text-align: right !important;
}
@media screen and (max-width: 834px) {
  .u-align--right.--sp {
    text-align: right !important;
  }
}
@media screen and (min-width: 835px) {
  .u-align--right.--pc {
    text-align: right !important;
  }
}

@media screen and (min-width: 835px) {
  .is-pc {
    display: block !important;
  }
}
@media screen and (max-width: 834px) {
  .is-pc {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .is-sp {
    display: none !important;
  }
}
@media screen and (max-width: 834px) {
  .is-sp {
    display: block !important;
  }
}

.d-hide {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-flex-ai-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.d-flex-ai-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.d-flex-ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-flex-jc-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.d-flex-jc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.d-flex-jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.d-flex-jc-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

table.d-inline-block, table.d-block {
  display: table !important;
}
table th.d-inline-block, table th.d-block,
table td.d-inline-block,
table td.d-block {
  display: table-cell !important;
}

@media screen and (max-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-flex-ai-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .d-lg-flex-ai-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .d-lg-flex-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .d-lg-flex-jc-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .d-lg-flex-jc-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .d-lg-flex-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .d-lg-flex-jc-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  table.d-lg-inline-block, table.d-lg-block {
    display: table !important;
  }
  table th.d-lg-inline-block, table th.d-lg-block,
  table td.d-lg-inline-block,
  table td.d-lg-block {
    display: table-cell !important;
  }
}
@media screen and (max-width: 1194px) {
  .d-tb-none {
    display: none !important;
  }
  .d-tb-inline {
    display: inline !important;
  }
  .d-tb-inline-block {
    display: inline-block !important;
  }
  .d-tb-block {
    display: block !important;
  }
  .d-tb-table {
    display: table !important;
  }
  .d-tb-table-row {
    display: table-row !important;
  }
  .d-tb-table-cell {
    display: table-cell !important;
  }
  .d-tb-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-tb-flex-ai-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .d-tb-flex-ai-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .d-tb-flex-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .d-tb-flex-jc-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .d-tb-flex-jc-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .d-tb-flex-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .d-tb-flex-jc-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .d-tb-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  table.d-tb-inline-block, table.d-tb-block {
    display: table !important;
  }
  table th.d-tb-inline-block, table th.d-tb-block,
  table td.d-tb-inline-block,
  table td.d-tb-block {
    display: table-cell !important;
  }
}
@media screen and (max-width: 834px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-flex-ai-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .d-md-flex-ai-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .d-md-flex-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .d-md-flex-jc-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .d-md-flex-jc-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .d-md-flex-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .d-md-flex-jc-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  table.d-md-inline-block, table.d-md-block {
    display: table !important;
  }
  table th.d-md-inline-block, table th.d-md-block,
  table td.d-md-inline-block,
  table td.d-md-block {
    display: table-cell !important;
  }
}
@media screen and (max-width: 540px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-flex-ai-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .d-sm-flex-ai-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .d-sm-flex-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .d-sm-flex-jc-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .d-sm-flex-jc-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .d-sm-flex-jc-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .d-sm-flex-jc-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  table.d-sm-inline-block, table.d-sm-block {
    display: table !important;
  }
  table th.d-sm-inline-block, table th.d-sm-block,
  table td.d-sm-inline-block,
  table td.d-sm-block {
    display: table-cell !important;
  }
}
@media screen and (max-width: 360px) {
  .d-xsm-none {
    display: none !important;
  }
  .d-xsm-inline {
    display: inline !important;
  }
  .d-xsm-inline-block {
    display: inline-block !important;
  }
  .d-xsm-block {
    display: block !important;
  }
}
.u-m-0 {
  margin: 0 !important;
}
.u-m-auto {
  margin: auto !important;
}
.u-m-left {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.u-m-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-m-right {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.u-mt-100 {
  margin-top: min(110px, 7.321vw);
}
.u-mt-120 {
  margin-top: min(132px, 8.785vw);
}
.u-mt-160 {
  margin-top: min(176px, 11.713vw);
}
.u-mt-200 {
  margin-top: min(220px, 14.641vw);
}
@media screen and (max-width: 834px) {
  .u-mt-100 {
    margin-top: min(110px, 26.667vw);
  }
  .u-mt-120 {
    margin-top: min(132px, 32vw);
  }
  .u-mt-160 {
    margin-top: min(176px, 42.667vw);
  }
  .u-mt-200 {
    margin-top: min(220px, 53.333vw);
  }
}

.u-mr-100 {
  margin-right: min(110px, 7.321vw);
}
.u-mr-120 {
  margin-right: min(132px, 8.785vw);
}
.u-mr-160 {
  margin-right: min(176px, 11.713vw);
}
.u-mr-200 {
  margin-right: min(220px, 14.641vw);
}
@media screen and (max-width: 834px) {
  .u-mr-100 {
    margin-right: min(110px, 26.667vw);
  }
  .u-mr-120 {
    margin-right: min(132px, 32vw);
  }
  .u-mr-160 {
    margin-right: min(176px, 42.667vw);
  }
  .u-mr-200 {
    margin-right: min(220px, 53.333vw);
  }
}

.u-mb-100 {
  margin-bottom: min(110px, 7.321vw);
}
.u-mb-120 {
  margin-bottom: min(132px, 8.785vw);
}
.u-mb-160 {
  margin-bottom: min(176px, 11.713vw);
}
.u-mb-200 {
  margin-bottom: min(220px, 14.641vw);
}
@media screen and (max-width: 834px) {
  .u-mb-100 {
    margin-bottom: min(110px, 26.667vw);
  }
  .u-mb-120 {
    margin-bottom: min(132px, 32vw);
  }
  .u-mb-160 {
    margin-bottom: min(176px, 42.667vw);
  }
  .u-mb-200 {
    margin-bottom: min(220px, 53.333vw);
  }
}

.u-ml-100 {
  margin-left: min(110px, 7.321vw);
}
.u-ml-120 {
  margin-left: min(132px, 8.785vw);
}
.u-ml-160 {
  margin-left: min(176px, 11.713vw);
}
.u-ml-200 {
  margin-left: min(220px, 14.641vw);
}
@media screen and (max-width: 834px) {
  .u-ml-100 {
    margin-left: min(110px, 26.667vw);
  }
  .u-ml-120 {
    margin-left: min(132px, 32vw);
  }
  .u-ml-160 {
    margin-left: min(176px, 42.667vw);
  }
  .u-ml-200 {
    margin-left: min(220px, 53.333vw);
  }
}

.u-mt-0 {
  margin-top: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-0 {
    margin-top: min(0px, 0vw) !important;
  }
}

.u-mb-0 {
  margin-bottom: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-0 {
    margin-bottom: min(0px, 0vw) !important;
  }
}

.u-ml-0 {
  margin-left: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-0 {
    margin-left: min(0px, 0vw) !important;
  }
}

.u-mr-0 {
  margin-right: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-0 {
    margin-right: min(0px, 0vw) !important;
  }
}

.u-mt-4 {
  margin-top: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-4 {
    margin-top: min(4.4px, 1.067vw) !important;
  }
}

.u-mb-4 {
  margin-bottom: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-4 {
    margin-bottom: min(4.4px, 1.067vw) !important;
  }
}

.u-ml-4 {
  margin-left: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-4 {
    margin-left: min(4.4px, 1.067vw) !important;
  }
}

.u-mr-4 {
  margin-right: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-4 {
    margin-right: min(4.4px, 1.067vw) !important;
  }
}

.u-mt-8 {
  margin-top: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-8 {
    margin-top: min(8.8px, 2.133vw) !important;
  }
}

.u-mb-8 {
  margin-bottom: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-8 {
    margin-bottom: min(8.8px, 2.133vw) !important;
  }
}

.u-ml-8 {
  margin-left: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-8 {
    margin-left: min(8.8px, 2.133vw) !important;
  }
}

.u-mr-8 {
  margin-right: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-8 {
    margin-right: min(8.8px, 2.133vw) !important;
  }
}

.u-mt-12 {
  margin-top: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-12 {
    margin-top: min(13.2px, 3.2vw) !important;
  }
}

.u-mb-12 {
  margin-bottom: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-12 {
    margin-bottom: min(13.2px, 3.2vw) !important;
  }
}

.u-ml-12 {
  margin-left: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-12 {
    margin-left: min(13.2px, 3.2vw) !important;
  }
}

.u-mr-12 {
  margin-right: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-12 {
    margin-right: min(13.2px, 3.2vw) !important;
  }
}

.u-mt-16 {
  margin-top: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-16 {
    margin-top: min(17.6px, 4.267vw) !important;
  }
}

.u-mb-16 {
  margin-bottom: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-16 {
    margin-bottom: min(17.6px, 4.267vw) !important;
  }
}

.u-ml-16 {
  margin-left: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-16 {
    margin-left: min(17.6px, 4.267vw) !important;
  }
}

.u-mr-16 {
  margin-right: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-16 {
    margin-right: min(17.6px, 4.267vw) !important;
  }
}

.u-mt-20 {
  margin-top: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-20 {
    margin-top: min(22px, 5.333vw) !important;
  }
}

.u-mb-20 {
  margin-bottom: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-20 {
    margin-bottom: min(22px, 5.333vw) !important;
  }
}

.u-ml-20 {
  margin-left: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-20 {
    margin-left: min(22px, 5.333vw) !important;
  }
}

.u-mr-20 {
  margin-right: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-20 {
    margin-right: min(22px, 5.333vw) !important;
  }
}

.u-mt-24 {
  margin-top: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-24 {
    margin-top: min(26.4px, 6.4vw) !important;
  }
}

.u-mb-24 {
  margin-bottom: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-24 {
    margin-bottom: min(26.4px, 6.4vw) !important;
  }
}

.u-ml-24 {
  margin-left: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-24 {
    margin-left: min(26.4px, 6.4vw) !important;
  }
}

.u-mr-24 {
  margin-right: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-24 {
    margin-right: min(26.4px, 6.4vw) !important;
  }
}

.u-mt-28 {
  margin-top: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-28 {
    margin-top: min(30.8px, 7.467vw) !important;
  }
}

.u-mb-28 {
  margin-bottom: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-28 {
    margin-bottom: min(30.8px, 7.467vw) !important;
  }
}

.u-ml-28 {
  margin-left: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-28 {
    margin-left: min(30.8px, 7.467vw) !important;
  }
}

.u-mr-28 {
  margin-right: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-28 {
    margin-right: min(30.8px, 7.467vw) !important;
  }
}

.u-mt-32 {
  margin-top: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-32 {
    margin-top: min(35.2px, 8.533vw) !important;
  }
}

.u-mb-32 {
  margin-bottom: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-32 {
    margin-bottom: min(35.2px, 8.533vw) !important;
  }
}

.u-ml-32 {
  margin-left: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-32 {
    margin-left: min(35.2px, 8.533vw) !important;
  }
}

.u-mr-32 {
  margin-right: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-32 {
    margin-right: min(35.2px, 8.533vw) !important;
  }
}

.u-mt-36 {
  margin-top: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-36 {
    margin-top: min(39.6px, 9.6vw) !important;
  }
}

.u-mb-36 {
  margin-bottom: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-36 {
    margin-bottom: min(39.6px, 9.6vw) !important;
  }
}

.u-ml-36 {
  margin-left: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-36 {
    margin-left: min(39.6px, 9.6vw) !important;
  }
}

.u-mr-36 {
  margin-right: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-36 {
    margin-right: min(39.6px, 9.6vw) !important;
  }
}

.u-mt-40 {
  margin-top: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-40 {
    margin-top: min(44px, 10.667vw) !important;
  }
}

.u-mb-40 {
  margin-bottom: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-40 {
    margin-bottom: min(44px, 10.667vw) !important;
  }
}

.u-ml-40 {
  margin-left: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-40 {
    margin-left: min(44px, 10.667vw) !important;
  }
}

.u-mr-40 {
  margin-right: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-40 {
    margin-right: min(44px, 10.667vw) !important;
  }
}

.u-mt-44 {
  margin-top: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-44 {
    margin-top: min(48.4px, 11.733vw) !important;
  }
}

.u-mb-44 {
  margin-bottom: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-44 {
    margin-bottom: min(48.4px, 11.733vw) !important;
  }
}

.u-ml-44 {
  margin-left: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-44 {
    margin-left: min(48.4px, 11.733vw) !important;
  }
}

.u-mr-44 {
  margin-right: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-44 {
    margin-right: min(48.4px, 11.733vw) !important;
  }
}

.u-mt-48 {
  margin-top: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-48 {
    margin-top: min(52.8px, 12.8vw) !important;
  }
}

.u-mb-48 {
  margin-bottom: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-48 {
    margin-bottom: min(52.8px, 12.8vw) !important;
  }
}

.u-ml-48 {
  margin-left: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-48 {
    margin-left: min(52.8px, 12.8vw) !important;
  }
}

.u-mr-48 {
  margin-right: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-48 {
    margin-right: min(52.8px, 12.8vw) !important;
  }
}

.u-mt-52 {
  margin-top: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-52 {
    margin-top: min(57.2px, 13.867vw) !important;
  }
}

.u-mb-52 {
  margin-bottom: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-52 {
    margin-bottom: min(57.2px, 13.867vw) !important;
  }
}

.u-ml-52 {
  margin-left: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-52 {
    margin-left: min(57.2px, 13.867vw) !important;
  }
}

.u-mr-52 {
  margin-right: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-52 {
    margin-right: min(57.2px, 13.867vw) !important;
  }
}

.u-mt-56 {
  margin-top: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-56 {
    margin-top: min(61.6px, 14.933vw) !important;
  }
}

.u-mb-56 {
  margin-bottom: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-56 {
    margin-bottom: min(61.6px, 14.933vw) !important;
  }
}

.u-ml-56 {
  margin-left: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-56 {
    margin-left: min(61.6px, 14.933vw) !important;
  }
}

.u-mr-56 {
  margin-right: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-56 {
    margin-right: min(61.6px, 14.933vw) !important;
  }
}

.u-mt-60 {
  margin-top: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-60 {
    margin-top: min(66px, 16vw) !important;
  }
}

.u-mb-60 {
  margin-bottom: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-60 {
    margin-bottom: min(66px, 16vw) !important;
  }
}

.u-ml-60 {
  margin-left: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-60 {
    margin-left: min(66px, 16vw) !important;
  }
}

.u-mr-60 {
  margin-right: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-60 {
    margin-right: min(66px, 16vw) !important;
  }
}

.u-mt-64 {
  margin-top: min(70.4px, 4.685vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-64 {
    margin-top: min(70.4px, 17.067vw) !important;
  }
}

.u-mb-64 {
  margin-bottom: min(70.4px, 4.685vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-64 {
    margin-bottom: min(70.4px, 17.067vw) !important;
  }
}

.u-ml-64 {
  margin-left: min(70.4px, 4.685vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-64 {
    margin-left: min(70.4px, 17.067vw) !important;
  }
}

.u-mr-64 {
  margin-right: min(70.4px, 4.685vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-64 {
    margin-right: min(70.4px, 17.067vw) !important;
  }
}

.u-mt-68 {
  margin-top: min(74.8px, 4.978vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-68 {
    margin-top: min(74.8px, 18.133vw) !important;
  }
}

.u-mb-68 {
  margin-bottom: min(74.8px, 4.978vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-68 {
    margin-bottom: min(74.8px, 18.133vw) !important;
  }
}

.u-ml-68 {
  margin-left: min(74.8px, 4.978vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-68 {
    margin-left: min(74.8px, 18.133vw) !important;
  }
}

.u-mr-68 {
  margin-right: min(74.8px, 4.978vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-68 {
    margin-right: min(74.8px, 18.133vw) !important;
  }
}

.u-mt-72 {
  margin-top: min(79.2px, 5.271vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-72 {
    margin-top: min(79.2px, 19.2vw) !important;
  }
}

.u-mb-72 {
  margin-bottom: min(79.2px, 5.271vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-72 {
    margin-bottom: min(79.2px, 19.2vw) !important;
  }
}

.u-ml-72 {
  margin-left: min(79.2px, 5.271vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-72 {
    margin-left: min(79.2px, 19.2vw) !important;
  }
}

.u-mr-72 {
  margin-right: min(79.2px, 5.271vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-72 {
    margin-right: min(79.2px, 19.2vw) !important;
  }
}

.u-mt-76 {
  margin-top: min(83.6px, 5.564vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-76 {
    margin-top: min(83.6px, 20.267vw) !important;
  }
}

.u-mb-76 {
  margin-bottom: min(83.6px, 5.564vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-76 {
    margin-bottom: min(83.6px, 20.267vw) !important;
  }
}

.u-ml-76 {
  margin-left: min(83.6px, 5.564vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-76 {
    margin-left: min(83.6px, 20.267vw) !important;
  }
}

.u-mr-76 {
  margin-right: min(83.6px, 5.564vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-76 {
    margin-right: min(83.6px, 20.267vw) !important;
  }
}

.u-mt-80 {
  margin-top: min(88px, 5.857vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mt-80 {
    margin-top: min(88px, 21.333vw) !important;
  }
}

.u-mb-80 {
  margin-bottom: min(88px, 5.857vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mb-80 {
    margin-bottom: min(88px, 21.333vw) !important;
  }
}

.u-ml-80 {
  margin-left: min(88px, 5.857vw) !important;
}
@media screen and (max-width: 834px) {
  .u-ml-80 {
    margin-left: min(88px, 21.333vw) !important;
  }
}

.u-mr-80 {
  margin-right: min(88px, 5.857vw) !important;
}
@media screen and (max-width: 834px) {
  .u-mr-80 {
    margin-right: min(88px, 21.333vw) !important;
  }
}

@media screen and (max-width: 834px) {
  .u-m-md-0 {
    margin: 0 !important;
  }
  .u-m-md-auto {
    margin: auto !important;
  }
  .u-m-md-left {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .u-m-md-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-m-md-right {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .u-mt-md-0 {
    margin-top: min(0px, 0vw) !important;
  }
  .u-mb-md-0 {
    margin-bottom: min(0px, 0vw) !important;
  }
  .u-ml-md-0 {
    margin-left: min(0px, 0vw) !important;
  }
  .u-mr-md-0 {
    margin-right: min(0px, 0vw) !important;
  }
  .u-mt-md-4 {
    margin-top: min(4.4px, 1.067vw) !important;
  }
  .u-mb-md-4 {
    margin-bottom: min(4.4px, 1.067vw) !important;
  }
  .u-ml-md-4 {
    margin-left: min(4.4px, 1.067vw) !important;
  }
  .u-mr-md-4 {
    margin-right: min(4.4px, 1.067vw) !important;
  }
  .u-mt-md-8 {
    margin-top: min(8.8px, 2.133vw) !important;
  }
  .u-mb-md-8 {
    margin-bottom: min(8.8px, 2.133vw) !important;
  }
  .u-ml-md-8 {
    margin-left: min(8.8px, 2.133vw) !important;
  }
  .u-mr-md-8 {
    margin-right: min(8.8px, 2.133vw) !important;
  }
  .u-mt-md-12 {
    margin-top: min(13.2px, 3.2vw) !important;
  }
  .u-mb-md-12 {
    margin-bottom: min(13.2px, 3.2vw) !important;
  }
  .u-ml-md-12 {
    margin-left: min(13.2px, 3.2vw) !important;
  }
  .u-mr-md-12 {
    margin-right: min(13.2px, 3.2vw) !important;
  }
  .u-mt-md-16 {
    margin-top: min(17.6px, 4.267vw) !important;
  }
  .u-mb-md-16 {
    margin-bottom: min(17.6px, 4.267vw) !important;
  }
  .u-ml-md-16 {
    margin-left: min(17.6px, 4.267vw) !important;
  }
  .u-mr-md-16 {
    margin-right: min(17.6px, 4.267vw) !important;
  }
  .u-mt-md-20 {
    margin-top: min(22px, 5.333vw) !important;
  }
  .u-mb-md-20 {
    margin-bottom: min(22px, 5.333vw) !important;
  }
  .u-ml-md-20 {
    margin-left: min(22px, 5.333vw) !important;
  }
  .u-mr-md-20 {
    margin-right: min(22px, 5.333vw) !important;
  }
  .u-mt-md-24 {
    margin-top: min(26.4px, 6.4vw) !important;
  }
  .u-mb-md-24 {
    margin-bottom: min(26.4px, 6.4vw) !important;
  }
  .u-ml-md-24 {
    margin-left: min(26.4px, 6.4vw) !important;
  }
  .u-mr-md-24 {
    margin-right: min(26.4px, 6.4vw) !important;
  }
  .u-mt-md-28 {
    margin-top: min(30.8px, 7.467vw) !important;
  }
  .u-mb-md-28 {
    margin-bottom: min(30.8px, 7.467vw) !important;
  }
  .u-ml-md-28 {
    margin-left: min(30.8px, 7.467vw) !important;
  }
  .u-mr-md-28 {
    margin-right: min(30.8px, 7.467vw) !important;
  }
  .u-mt-md-32 {
    margin-top: min(35.2px, 8.533vw) !important;
  }
  .u-mb-md-32 {
    margin-bottom: min(35.2px, 8.533vw) !important;
  }
  .u-ml-md-32 {
    margin-left: min(35.2px, 8.533vw) !important;
  }
  .u-mr-md-32 {
    margin-right: min(35.2px, 8.533vw) !important;
  }
  .u-mt-md-36 {
    margin-top: min(39.6px, 9.6vw) !important;
  }
  .u-mb-md-36 {
    margin-bottom: min(39.6px, 9.6vw) !important;
  }
  .u-ml-md-36 {
    margin-left: min(39.6px, 9.6vw) !important;
  }
  .u-mr-md-36 {
    margin-right: min(39.6px, 9.6vw) !important;
  }
  .u-mt-md-40 {
    margin-top: min(44px, 10.667vw) !important;
  }
  .u-mb-md-40 {
    margin-bottom: min(44px, 10.667vw) !important;
  }
  .u-ml-md-40 {
    margin-left: min(44px, 10.667vw) !important;
  }
  .u-mr-md-40 {
    margin-right: min(44px, 10.667vw) !important;
  }
  .u-mt-md-44 {
    margin-top: min(48.4px, 11.733vw) !important;
  }
  .u-mb-md-44 {
    margin-bottom: min(48.4px, 11.733vw) !important;
  }
  .u-ml-md-44 {
    margin-left: min(48.4px, 11.733vw) !important;
  }
  .u-mr-md-44 {
    margin-right: min(48.4px, 11.733vw) !important;
  }
  .u-mt-md-48 {
    margin-top: min(52.8px, 12.8vw) !important;
  }
  .u-mb-md-48 {
    margin-bottom: min(52.8px, 12.8vw) !important;
  }
  .u-ml-md-48 {
    margin-left: min(52.8px, 12.8vw) !important;
  }
  .u-mr-md-48 {
    margin-right: min(52.8px, 12.8vw) !important;
  }
  .u-mt-md-52 {
    margin-top: min(57.2px, 13.867vw) !important;
  }
  .u-mb-md-52 {
    margin-bottom: min(57.2px, 13.867vw) !important;
  }
  .u-ml-md-52 {
    margin-left: min(57.2px, 13.867vw) !important;
  }
  .u-mr-md-52 {
    margin-right: min(57.2px, 13.867vw) !important;
  }
  .u-mt-md-56 {
    margin-top: min(61.6px, 14.933vw) !important;
  }
  .u-mb-md-56 {
    margin-bottom: min(61.6px, 14.933vw) !important;
  }
  .u-ml-md-56 {
    margin-left: min(61.6px, 14.933vw) !important;
  }
  .u-mr-md-56 {
    margin-right: min(61.6px, 14.933vw) !important;
  }
  .u-mt-md-60 {
    margin-top: min(66px, 16vw) !important;
  }
  .u-mb-md-60 {
    margin-bottom: min(66px, 16vw) !important;
  }
  .u-ml-md-60 {
    margin-left: min(66px, 16vw) !important;
  }
  .u-mr-md-60 {
    margin-right: min(66px, 16vw) !important;
  }
  .u-mt-md-64 {
    margin-top: min(70.4px, 17.067vw) !important;
  }
  .u-mb-md-64 {
    margin-bottom: min(70.4px, 17.067vw) !important;
  }
  .u-ml-md-64 {
    margin-left: min(70.4px, 17.067vw) !important;
  }
  .u-mr-md-64 {
    margin-right: min(70.4px, 17.067vw) !important;
  }
  .u-mt-md-68 {
    margin-top: min(74.8px, 18.133vw) !important;
  }
  .u-mb-md-68 {
    margin-bottom: min(74.8px, 18.133vw) !important;
  }
  .u-ml-md-68 {
    margin-left: min(74.8px, 18.133vw) !important;
  }
  .u-mr-md-68 {
    margin-right: min(74.8px, 18.133vw) !important;
  }
  .u-mt-md-72 {
    margin-top: min(79.2px, 19.2vw) !important;
  }
  .u-mb-md-72 {
    margin-bottom: min(79.2px, 19.2vw) !important;
  }
  .u-ml-md-72 {
    margin-left: min(79.2px, 19.2vw) !important;
  }
  .u-mr-md-72 {
    margin-right: min(79.2px, 19.2vw) !important;
  }
  .u-mt-md-76 {
    margin-top: min(83.6px, 20.267vw) !important;
  }
  .u-mb-md-76 {
    margin-bottom: min(83.6px, 20.267vw) !important;
  }
  .u-ml-md-76 {
    margin-left: min(83.6px, 20.267vw) !important;
  }
  .u-mr-md-76 {
    margin-right: min(83.6px, 20.267vw) !important;
  }
  .u-mt-md-80 {
    margin-top: min(88px, 21.333vw) !important;
  }
  .u-mb-md-80 {
    margin-bottom: min(88px, 21.333vw) !important;
  }
  .u-ml-md-80 {
    margin-left: min(88px, 21.333vw) !important;
  }
  .u-mr-md-80 {
    margin-right: min(88px, 21.333vw) !important;
  }
}
.u-pt-0 {
  padding-top: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-0 {
    padding-top: min(0px, 0vw) !important;
  }
}

.u-pb-0 {
  padding-bottom: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-0 {
    padding-bottom: min(0px, 0vw) !important;
  }
}

.u-pl-0 {
  padding-left: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-0 {
    padding-left: min(0px, 0vw) !important;
  }
}

.u-pr-0 {
  padding-right: min(0px, 0vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-0 {
    padding-right: min(0px, 0vw) !important;
  }
}

.u-pt-4 {
  padding-top: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-4 {
    padding-top: min(4.4px, 1.067vw) !important;
  }
}

.u-pb-4 {
  padding-bottom: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-4 {
    padding-bottom: min(4.4px, 1.067vw) !important;
  }
}

.u-pl-4 {
  padding-left: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-4 {
    padding-left: min(4.4px, 1.067vw) !important;
  }
}

.u-pr-4 {
  padding-right: min(4.4px, 0.293vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-4 {
    padding-right: min(4.4px, 1.067vw) !important;
  }
}

.u-pt-8 {
  padding-top: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-8 {
    padding-top: min(8.8px, 2.133vw) !important;
  }
}

.u-pb-8 {
  padding-bottom: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-8 {
    padding-bottom: min(8.8px, 2.133vw) !important;
  }
}

.u-pl-8 {
  padding-left: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-8 {
    padding-left: min(8.8px, 2.133vw) !important;
  }
}

.u-pr-8 {
  padding-right: min(8.8px, 0.586vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-8 {
    padding-right: min(8.8px, 2.133vw) !important;
  }
}

.u-pt-12 {
  padding-top: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-12 {
    padding-top: min(13.2px, 3.2vw) !important;
  }
}

.u-pb-12 {
  padding-bottom: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-12 {
    padding-bottom: min(13.2px, 3.2vw) !important;
  }
}

.u-pl-12 {
  padding-left: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-12 {
    padding-left: min(13.2px, 3.2vw) !important;
  }
}

.u-pr-12 {
  padding-right: min(13.2px, 0.878vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-12 {
    padding-right: min(13.2px, 3.2vw) !important;
  }
}

.u-pt-16 {
  padding-top: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-16 {
    padding-top: min(17.6px, 4.267vw) !important;
  }
}

.u-pb-16 {
  padding-bottom: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-16 {
    padding-bottom: min(17.6px, 4.267vw) !important;
  }
}

.u-pl-16 {
  padding-left: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-16 {
    padding-left: min(17.6px, 4.267vw) !important;
  }
}

.u-pr-16 {
  padding-right: min(17.6px, 1.171vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-16 {
    padding-right: min(17.6px, 4.267vw) !important;
  }
}

.u-pt-20 {
  padding-top: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-20 {
    padding-top: min(22px, 5.333vw) !important;
  }
}

.u-pb-20 {
  padding-bottom: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-20 {
    padding-bottom: min(22px, 5.333vw) !important;
  }
}

.u-pl-20 {
  padding-left: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-20 {
    padding-left: min(22px, 5.333vw) !important;
  }
}

.u-pr-20 {
  padding-right: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-20 {
    padding-right: min(22px, 5.333vw) !important;
  }
}

.u-pt-24 {
  padding-top: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-24 {
    padding-top: min(26.4px, 6.4vw) !important;
  }
}

.u-pb-24 {
  padding-bottom: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-24 {
    padding-bottom: min(26.4px, 6.4vw) !important;
  }
}

.u-pl-24 {
  padding-left: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-24 {
    padding-left: min(26.4px, 6.4vw) !important;
  }
}

.u-pr-24 {
  padding-right: min(26.4px, 1.757vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-24 {
    padding-right: min(26.4px, 6.4vw) !important;
  }
}

.u-pt-28 {
  padding-top: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-28 {
    padding-top: min(30.8px, 7.467vw) !important;
  }
}

.u-pb-28 {
  padding-bottom: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-28 {
    padding-bottom: min(30.8px, 7.467vw) !important;
  }
}

.u-pl-28 {
  padding-left: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-28 {
    padding-left: min(30.8px, 7.467vw) !important;
  }
}

.u-pr-28 {
  padding-right: min(30.8px, 2.05vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-28 {
    padding-right: min(30.8px, 7.467vw) !important;
  }
}

.u-pt-32 {
  padding-top: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-32 {
    padding-top: min(35.2px, 8.533vw) !important;
  }
}

.u-pb-32 {
  padding-bottom: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-32 {
    padding-bottom: min(35.2px, 8.533vw) !important;
  }
}

.u-pl-32 {
  padding-left: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-32 {
    padding-left: min(35.2px, 8.533vw) !important;
  }
}

.u-pr-32 {
  padding-right: min(35.2px, 2.343vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-32 {
    padding-right: min(35.2px, 8.533vw) !important;
  }
}

.u-pt-36 {
  padding-top: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-36 {
    padding-top: min(39.6px, 9.6vw) !important;
  }
}

.u-pb-36 {
  padding-bottom: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-36 {
    padding-bottom: min(39.6px, 9.6vw) !important;
  }
}

.u-pl-36 {
  padding-left: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-36 {
    padding-left: min(39.6px, 9.6vw) !important;
  }
}

.u-pr-36 {
  padding-right: min(39.6px, 2.635vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-36 {
    padding-right: min(39.6px, 9.6vw) !important;
  }
}

.u-pt-40 {
  padding-top: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-40 {
    padding-top: min(44px, 10.667vw) !important;
  }
}

.u-pb-40 {
  padding-bottom: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-40 {
    padding-bottom: min(44px, 10.667vw) !important;
  }
}

.u-pl-40 {
  padding-left: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-40 {
    padding-left: min(44px, 10.667vw) !important;
  }
}

.u-pr-40 {
  padding-right: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-40 {
    padding-right: min(44px, 10.667vw) !important;
  }
}

.u-pt-44 {
  padding-top: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-44 {
    padding-top: min(48.4px, 11.733vw) !important;
  }
}

.u-pb-44 {
  padding-bottom: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-44 {
    padding-bottom: min(48.4px, 11.733vw) !important;
  }
}

.u-pl-44 {
  padding-left: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-44 {
    padding-left: min(48.4px, 11.733vw) !important;
  }
}

.u-pr-44 {
  padding-right: min(48.4px, 3.221vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-44 {
    padding-right: min(48.4px, 11.733vw) !important;
  }
}

.u-pt-48 {
  padding-top: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-48 {
    padding-top: min(52.8px, 12.8vw) !important;
  }
}

.u-pb-48 {
  padding-bottom: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-48 {
    padding-bottom: min(52.8px, 12.8vw) !important;
  }
}

.u-pl-48 {
  padding-left: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-48 {
    padding-left: min(52.8px, 12.8vw) !important;
  }
}

.u-pr-48 {
  padding-right: min(52.8px, 3.514vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-48 {
    padding-right: min(52.8px, 12.8vw) !important;
  }
}

.u-pt-52 {
  padding-top: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-52 {
    padding-top: min(57.2px, 13.867vw) !important;
  }
}

.u-pb-52 {
  padding-bottom: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-52 {
    padding-bottom: min(57.2px, 13.867vw) !important;
  }
}

.u-pl-52 {
  padding-left: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-52 {
    padding-left: min(57.2px, 13.867vw) !important;
  }
}

.u-pr-52 {
  padding-right: min(57.2px, 3.807vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-52 {
    padding-right: min(57.2px, 13.867vw) !important;
  }
}

.u-pt-56 {
  padding-top: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-56 {
    padding-top: min(61.6px, 14.933vw) !important;
  }
}

.u-pb-56 {
  padding-bottom: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-56 {
    padding-bottom: min(61.6px, 14.933vw) !important;
  }
}

.u-pl-56 {
  padding-left: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-56 {
    padding-left: min(61.6px, 14.933vw) !important;
  }
}

.u-pr-56 {
  padding-right: min(61.6px, 4.1vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-56 {
    padding-right: min(61.6px, 14.933vw) !important;
  }
}

.u-pt-60 {
  padding-top: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pt-60 {
    padding-top: min(66px, 16vw) !important;
  }
}

.u-pb-60 {
  padding-bottom: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pb-60 {
    padding-bottom: min(66px, 16vw) !important;
  }
}

.u-pl-60 {
  padding-left: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pl-60 {
    padding-left: min(66px, 16vw) !important;
  }
}

.u-pr-60 {
  padding-right: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-pr-60 {
    padding-right: min(66px, 16vw) !important;
  }
}

@media screen and (max-width: 834px) {
  .u-pt-pr-0 {
    padding-top: min(0px, 0vw) !important;
  }
  .u-pb-pr-0 {
    padding-bottom: min(0px, 0vw) !important;
  }
  .u-pl-pr-0 {
    padding-left: min(0px, 0vw) !important;
  }
  .u-pr-pr-0 {
    padding-right: min(0px, 0vw) !important;
  }
  .u-pt-pr-4 {
    padding-top: min(4.4px, 1.067vw) !important;
  }
  .u-pb-pr-4 {
    padding-bottom: min(4.4px, 1.067vw) !important;
  }
  .u-pl-pr-4 {
    padding-left: min(4.4px, 1.067vw) !important;
  }
  .u-pr-pr-4 {
    padding-right: min(4.4px, 1.067vw) !important;
  }
  .u-pt-pr-8 {
    padding-top: min(8.8px, 2.133vw) !important;
  }
  .u-pb-pr-8 {
    padding-bottom: min(8.8px, 2.133vw) !important;
  }
  .u-pl-pr-8 {
    padding-left: min(8.8px, 2.133vw) !important;
  }
  .u-pr-pr-8 {
    padding-right: min(8.8px, 2.133vw) !important;
  }
  .u-pt-pr-12 {
    padding-top: min(13.2px, 3.2vw) !important;
  }
  .u-pb-pr-12 {
    padding-bottom: min(13.2px, 3.2vw) !important;
  }
  .u-pl-pr-12 {
    padding-left: min(13.2px, 3.2vw) !important;
  }
  .u-pr-pr-12 {
    padding-right: min(13.2px, 3.2vw) !important;
  }
  .u-pt-pr-16 {
    padding-top: min(17.6px, 4.267vw) !important;
  }
  .u-pb-pr-16 {
    padding-bottom: min(17.6px, 4.267vw) !important;
  }
  .u-pl-pr-16 {
    padding-left: min(17.6px, 4.267vw) !important;
  }
  .u-pr-pr-16 {
    padding-right: min(17.6px, 4.267vw) !important;
  }
  .u-pt-pr-20 {
    padding-top: min(22px, 5.333vw) !important;
  }
  .u-pb-pr-20 {
    padding-bottom: min(22px, 5.333vw) !important;
  }
  .u-pl-pr-20 {
    padding-left: min(22px, 5.333vw) !important;
  }
  .u-pr-pr-20 {
    padding-right: min(22px, 5.333vw) !important;
  }
  .u-pt-pr-24 {
    padding-top: min(26.4px, 6.4vw) !important;
  }
  .u-pb-pr-24 {
    padding-bottom: min(26.4px, 6.4vw) !important;
  }
  .u-pl-pr-24 {
    padding-left: min(26.4px, 6.4vw) !important;
  }
  .u-pr-pr-24 {
    padding-right: min(26.4px, 6.4vw) !important;
  }
  .u-pt-pr-28 {
    padding-top: min(30.8px, 7.467vw) !important;
  }
  .u-pb-pr-28 {
    padding-bottom: min(30.8px, 7.467vw) !important;
  }
  .u-pl-pr-28 {
    padding-left: min(30.8px, 7.467vw) !important;
  }
  .u-pr-pr-28 {
    padding-right: min(30.8px, 7.467vw) !important;
  }
  .u-pt-pr-32 {
    padding-top: min(35.2px, 8.533vw) !important;
  }
  .u-pb-pr-32 {
    padding-bottom: min(35.2px, 8.533vw) !important;
  }
  .u-pl-pr-32 {
    padding-left: min(35.2px, 8.533vw) !important;
  }
  .u-pr-pr-32 {
    padding-right: min(35.2px, 8.533vw) !important;
  }
  .u-pt-pr-36 {
    padding-top: min(39.6px, 9.6vw) !important;
  }
  .u-pb-pr-36 {
    padding-bottom: min(39.6px, 9.6vw) !important;
  }
  .u-pl-pr-36 {
    padding-left: min(39.6px, 9.6vw) !important;
  }
  .u-pr-pr-36 {
    padding-right: min(39.6px, 9.6vw) !important;
  }
  .u-pt-pr-40 {
    padding-top: min(44px, 10.667vw) !important;
  }
  .u-pb-pr-40 {
    padding-bottom: min(44px, 10.667vw) !important;
  }
  .u-pl-pr-40 {
    padding-left: min(44px, 10.667vw) !important;
  }
  .u-pr-pr-40 {
    padding-right: min(44px, 10.667vw) !important;
  }
  .u-pt-pr-44 {
    padding-top: min(48.4px, 11.733vw) !important;
  }
  .u-pb-pr-44 {
    padding-bottom: min(48.4px, 11.733vw) !important;
  }
  .u-pl-pr-44 {
    padding-left: min(48.4px, 11.733vw) !important;
  }
  .u-pr-pr-44 {
    padding-right: min(48.4px, 11.733vw) !important;
  }
  .u-pt-pr-48 {
    padding-top: min(52.8px, 12.8vw) !important;
  }
  .u-pb-pr-48 {
    padding-bottom: min(52.8px, 12.8vw) !important;
  }
  .u-pl-pr-48 {
    padding-left: min(52.8px, 12.8vw) !important;
  }
  .u-pr-pr-48 {
    padding-right: min(52.8px, 12.8vw) !important;
  }
  .u-pt-pr-52 {
    padding-top: min(57.2px, 13.867vw) !important;
  }
  .u-pb-pr-52 {
    padding-bottom: min(57.2px, 13.867vw) !important;
  }
  .u-pl-pr-52 {
    padding-left: min(57.2px, 13.867vw) !important;
  }
  .u-pr-pr-52 {
    padding-right: min(57.2px, 13.867vw) !important;
  }
  .u-pt-pr-56 {
    padding-top: min(61.6px, 14.933vw) !important;
  }
  .u-pb-pr-56 {
    padding-bottom: min(61.6px, 14.933vw) !important;
  }
  .u-pl-pr-56 {
    padding-left: min(61.6px, 14.933vw) !important;
  }
  .u-pr-pr-56 {
    padding-right: min(61.6px, 14.933vw) !important;
  }
  .u-pt-pr-60 {
    padding-top: min(66px, 16vw) !important;
  }
  .u-pb-pr-60 {
    padding-bottom: min(66px, 16vw) !important;
  }
  .u-pl-pr-60 {
    padding-left: min(66px, 16vw) !important;
  }
  .u-pr-pr-60 {
    padding-right: min(66px, 16vw) !important;
  }
}
.u-text--bold {
  font-weight: var(--fw-bold) !important;
}
.u-text--normal {
  font-weight: var(--fw-regular) !important;
}
@media screen and (min-width: 835px) {
  .u-text--size--lg {
    font-size: clamp(20.4px, 1.757vw, 26.4px) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-text--size--lg {
    font-size: clamp(13.6px, 4.267vw, 17.6px) !important;
  }
}
@media screen and (min-width: 835px) {
  .u-text--size--md {
    font-size: clamp(13.6px, 1.171vw, 17.6px) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-text--size--md {
    font-size: clamp(13.6px, 4.267vw, 17.6px) !important;
  }
}
@media screen and (min-width: 835px) {
  .u-text--size--sm {
    font-size: clamp(11.9px, 1.025vw, 15.4px) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-text--size--sm {
    font-size: clamp(11.9px, 3.733vw, 15.4px) !important;
  }
}
@media screen and (min-width: 835px) {
  .u-text--size--xsm {
    font-size: clamp(10.2px, 0.878vw, 13.2px) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-text--size--xsm {
    font-size: clamp(10.2px, 3.2vw, 13.2px) !important;
  }
}
.u-text--accent {
  color: var(--basic-main) !important;
}

.u-textlink {
  display: inline-block;
  position: relative;
}
.u-textlink.--arrow {
  padding-left: min(26.4px, 1.757vw);
  text-decoration: none;
}
@media screen and (max-width: 834px) {
  .u-textlink.--arrow {
    padding-left: min(26.4px, 6.4vw);
  }
}
.u-textlink.--arrow i:first-child {
  margin-right: 0.5em;
  margin-left: 0;
}

p a[href$=".pdf"]::after,
p a[target=_blank]::after {
  display: inline-block;
  margin: 0 0.25em;
  font-weight: 600;
  font-size: inherit;
  font-family: "Font Awesome 6 Pro";
}
p a[href$=".pdf"]::after {
  content: "\f1c1";
}
p a[target=_blank]::after {
  content: "\f08e";
}

.u-wid-10 {
  width: min(11px, 0.732vw) !important;
  min-width: min(11px, 0.732vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-10 {
    width: min(11px, 2.667vw) !important;
    min-width: min(11px, 2.667vw) !important;
  }
}

.u-wid-20 {
  width: min(22px, 1.464vw) !important;
  min-width: min(22px, 1.464vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-20 {
    width: min(22px, 5.333vw) !important;
    min-width: min(22px, 5.333vw) !important;
  }
}

.u-wid-30 {
  width: min(33px, 2.196vw) !important;
  min-width: min(33px, 2.196vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-30 {
    width: min(33px, 8vw) !important;
    min-width: min(33px, 8vw) !important;
  }
}

.u-wid-40 {
  width: min(44px, 2.928vw) !important;
  min-width: min(44px, 2.928vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-40 {
    width: min(44px, 10.667vw) !important;
    min-width: min(44px, 10.667vw) !important;
  }
}

.u-wid-50 {
  width: min(55px, 3.66vw) !important;
  min-width: min(55px, 3.66vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-50 {
    width: min(55px, 13.333vw) !important;
    min-width: min(55px, 13.333vw) !important;
  }
}

.u-wid-60 {
  width: min(66px, 4.392vw) !important;
  min-width: min(66px, 4.392vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-60 {
    width: min(66px, 16vw) !important;
    min-width: min(66px, 16vw) !important;
  }
}

.u-wid-70 {
  width: min(77px, 5.124vw) !important;
  min-width: min(77px, 5.124vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-70 {
    width: min(77px, 18.667vw) !important;
    min-width: min(77px, 18.667vw) !important;
  }
}

.u-wid-80 {
  width: min(88px, 5.857vw) !important;
  min-width: min(88px, 5.857vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-80 {
    width: min(88px, 21.333vw) !important;
    min-width: min(88px, 21.333vw) !important;
  }
}

.u-wid-90 {
  width: min(99px, 6.589vw) !important;
  min-width: min(99px, 6.589vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-90 {
    width: min(99px, 24vw) !important;
    min-width: min(99px, 24vw) !important;
  }
}

.u-wid-100 {
  width: min(110px, 7.321vw) !important;
  min-width: min(110px, 7.321vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-100 {
    width: min(110px, 26.667vw) !important;
    min-width: min(110px, 26.667vw) !important;
  }
}

.u-wid-110 {
  width: min(121px, 8.053vw) !important;
  min-width: min(121px, 8.053vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-110 {
    width: min(121px, 29.333vw) !important;
    min-width: min(121px, 29.333vw) !important;
  }
}

.u-wid-120 {
  width: min(132px, 8.785vw) !important;
  min-width: min(132px, 8.785vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-120 {
    width: min(132px, 32vw) !important;
    min-width: min(132px, 32vw) !important;
  }
}

.u-wid-130 {
  width: min(143px, 9.517vw) !important;
  min-width: min(143px, 9.517vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-130 {
    width: min(143px, 34.667vw) !important;
    min-width: min(143px, 34.667vw) !important;
  }
}

.u-wid-140 {
  width: min(154px, 10.249vw) !important;
  min-width: min(154px, 10.249vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-140 {
    width: min(154px, 37.333vw) !important;
    min-width: min(154px, 37.333vw) !important;
  }
}

.u-wid-150 {
  width: min(165px, 10.981vw) !important;
  min-width: min(165px, 10.981vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-150 {
    width: min(165px, 40vw) !important;
    min-width: min(165px, 40vw) !important;
  }
}

.u-wid-160 {
  width: min(176px, 11.713vw) !important;
  min-width: min(176px, 11.713vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-160 {
    width: min(176px, 42.667vw) !important;
    min-width: min(176px, 42.667vw) !important;
  }
}

.u-wid-170 {
  width: min(187px, 12.445vw) !important;
  min-width: min(187px, 12.445vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-170 {
    width: min(187px, 45.333vw) !important;
    min-width: min(187px, 45.333vw) !important;
  }
}

.u-wid-180 {
  width: min(198px, 13.177vw) !important;
  min-width: min(198px, 13.177vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-180 {
    width: min(198px, 48vw) !important;
    min-width: min(198px, 48vw) !important;
  }
}

.u-wid-190 {
  width: min(209px, 13.909vw) !important;
  min-width: min(209px, 13.909vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-190 {
    width: min(209px, 50.667vw) !important;
    min-width: min(209px, 50.667vw) !important;
  }
}

.u-wid-200 {
  width: min(220px, 14.641vw) !important;
  min-width: min(220px, 14.641vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-200 {
    width: min(220px, 53.333vw) !important;
    min-width: min(220px, 53.333vw) !important;
  }
}

.u-wid-210 {
  width: min(231px, 15.373vw) !important;
  min-width: min(231px, 15.373vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-210 {
    width: min(231px, 56vw) !important;
    min-width: min(231px, 56vw) !important;
  }
}

.u-wid-220 {
  width: min(242px, 16.105vw) !important;
  min-width: min(242px, 16.105vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-220 {
    width: min(242px, 58.667vw) !important;
    min-width: min(242px, 58.667vw) !important;
  }
}

.u-wid-230 {
  width: min(253px, 16.837vw) !important;
  min-width: min(253px, 16.837vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-230 {
    width: min(253px, 61.333vw) !important;
    min-width: min(253px, 61.333vw) !important;
  }
}

.u-wid-240 {
  width: min(264px, 17.57vw) !important;
  min-width: min(264px, 17.57vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-240 {
    width: min(264px, 64vw) !important;
    min-width: min(264px, 64vw) !important;
  }
}

.u-wid-250 {
  width: min(275px, 18.302vw) !important;
  min-width: min(275px, 18.302vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-250 {
    width: min(275px, 66.667vw) !important;
    min-width: min(275px, 66.667vw) !important;
  }
}

.u-wid-260 {
  width: min(286px, 19.034vw) !important;
  min-width: min(286px, 19.034vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-260 {
    width: min(286px, 69.333vw) !important;
    min-width: min(286px, 69.333vw) !important;
  }
}

.u-wid-270 {
  width: min(297px, 19.766vw) !important;
  min-width: min(297px, 19.766vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-270 {
    width: min(297px, 72vw) !important;
    min-width: min(297px, 72vw) !important;
  }
}

.u-wid-280 {
  width: min(308px, 20.498vw) !important;
  min-width: min(308px, 20.498vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-280 {
    width: min(308px, 74.667vw) !important;
    min-width: min(308px, 74.667vw) !important;
  }
}

.u-wid-290 {
  width: min(319px, 21.23vw) !important;
  min-width: min(319px, 21.23vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-290 {
    width: min(319px, 77.333vw) !important;
    min-width: min(319px, 77.333vw) !important;
  }
}

.u-wid-300 {
  width: min(330px, 21.962vw) !important;
  min-width: min(330px, 21.962vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-300 {
    width: min(330px, 80vw) !important;
    min-width: min(330px, 80vw) !important;
  }
}

.u-wid-310 {
  width: min(341px, 22.694vw) !important;
  min-width: min(341px, 22.694vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-310 {
    width: min(341px, 82.667vw) !important;
    min-width: min(341px, 82.667vw) !important;
  }
}

.u-wid-320 {
  width: min(352px, 23.426vw) !important;
  min-width: min(352px, 23.426vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-320 {
    width: min(352px, 85.333vw) !important;
    min-width: min(352px, 85.333vw) !important;
  }
}

.u-wid-330 {
  width: min(363px, 24.158vw) !important;
  min-width: min(363px, 24.158vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-330 {
    width: min(363px, 88vw) !important;
    min-width: min(363px, 88vw) !important;
  }
}

.u-wid-340 {
  width: min(374px, 24.89vw) !important;
  min-width: min(374px, 24.89vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-340 {
    width: min(374px, 90.667vw) !important;
    min-width: min(374px, 90.667vw) !important;
  }
}

.u-wid-350 {
  width: min(385px, 25.622vw) !important;
  min-width: min(385px, 25.622vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-350 {
    width: min(385px, 93.333vw) !important;
    min-width: min(385px, 93.333vw) !important;
  }
}

.u-wid-360 {
  width: min(396px, 26.354vw) !important;
  min-width: min(396px, 26.354vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-360 {
    width: min(396px, 96vw) !important;
    min-width: min(396px, 96vw) !important;
  }
}

.u-wid-370 {
  width: min(407px, 27.086vw) !important;
  min-width: min(407px, 27.086vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-370 {
    width: min(407px, 98.667vw) !important;
    min-width: min(407px, 98.667vw) !important;
  }
}

.u-wid-380 {
  width: min(418px, 27.818vw) !important;
  min-width: min(418px, 27.818vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-380 {
    width: min(418px, 101.333vw) !important;
    min-width: min(418px, 101.333vw) !important;
  }
}

.u-wid-390 {
  width: min(429px, 28.551vw) !important;
  min-width: min(429px, 28.551vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-390 {
    width: min(429px, 104vw) !important;
    min-width: min(429px, 104vw) !important;
  }
}

.u-wid-400 {
  width: min(440px, 29.283vw) !important;
  min-width: min(440px, 29.283vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-400 {
    width: min(440px, 106.667vw) !important;
    min-width: min(440px, 106.667vw) !important;
  }
}

.u-wid-410 {
  width: min(451px, 30.015vw) !important;
  min-width: min(451px, 30.015vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-410 {
    width: min(451px, 109.333vw) !important;
    min-width: min(451px, 109.333vw) !important;
  }
}

.u-wid-420 {
  width: min(462px, 30.747vw) !important;
  min-width: min(462px, 30.747vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-420 {
    width: min(462px, 112vw) !important;
    min-width: min(462px, 112vw) !important;
  }
}

.u-wid-430 {
  width: min(473px, 31.479vw) !important;
  min-width: min(473px, 31.479vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-430 {
    width: min(473px, 114.667vw) !important;
    min-width: min(473px, 114.667vw) !important;
  }
}

.u-wid-440 {
  width: min(484px, 32.211vw) !important;
  min-width: min(484px, 32.211vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-440 {
    width: min(484px, 117.333vw) !important;
    min-width: min(484px, 117.333vw) !important;
  }
}

.u-wid-450 {
  width: min(495px, 32.943vw) !important;
  min-width: min(495px, 32.943vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-450 {
    width: min(495px, 120vw) !important;
    min-width: min(495px, 120vw) !important;
  }
}

.u-wid-460 {
  width: min(506px, 33.675vw) !important;
  min-width: min(506px, 33.675vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-460 {
    width: min(506px, 122.667vw) !important;
    min-width: min(506px, 122.667vw) !important;
  }
}

.u-wid-470 {
  width: min(517px, 34.407vw) !important;
  min-width: min(517px, 34.407vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-470 {
    width: min(517px, 125.333vw) !important;
    min-width: min(517px, 125.333vw) !important;
  }
}

.u-wid-480 {
  width: min(528px, 35.139vw) !important;
  min-width: min(528px, 35.139vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-480 {
    width: min(528px, 128vw) !important;
    min-width: min(528px, 128vw) !important;
  }
}

.u-wid-490 {
  width: min(539px, 35.871vw) !important;
  min-width: min(539px, 35.871vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-490 {
    width: min(539px, 130.667vw) !important;
    min-width: min(539px, 130.667vw) !important;
  }
}

.u-wid-500 {
  width: min(550px, 36.603vw) !important;
  min-width: min(550px, 36.603vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-500 {
    width: min(550px, 133.333vw) !important;
    min-width: min(550px, 133.333vw) !important;
  }
}

.u-wid-510 {
  width: min(561px, 37.335vw) !important;
  min-width: min(561px, 37.335vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-510 {
    width: min(561px, 136vw) !important;
    min-width: min(561px, 136vw) !important;
  }
}

.u-wid-520 {
  width: min(572px, 38.067vw) !important;
  min-width: min(572px, 38.067vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-520 {
    width: min(572px, 138.667vw) !important;
    min-width: min(572px, 138.667vw) !important;
  }
}

.u-wid-530 {
  width: min(583px, 38.799vw) !important;
  min-width: min(583px, 38.799vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-530 {
    width: min(583px, 141.333vw) !important;
    min-width: min(583px, 141.333vw) !important;
  }
}

.u-wid-540 {
  width: min(594px, 39.531vw) !important;
  min-width: min(594px, 39.531vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-540 {
    width: min(594px, 144vw) !important;
    min-width: min(594px, 144vw) !important;
  }
}

.u-wid-550 {
  width: min(605px, 40.264vw) !important;
  min-width: min(605px, 40.264vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-550 {
    width: min(605px, 146.667vw) !important;
    min-width: min(605px, 146.667vw) !important;
  }
}

.u-wid-560 {
  width: min(616px, 40.996vw) !important;
  min-width: min(616px, 40.996vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-560 {
    width: min(616px, 149.333vw) !important;
    min-width: min(616px, 149.333vw) !important;
  }
}

.u-wid-570 {
  width: min(627px, 41.728vw) !important;
  min-width: min(627px, 41.728vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-570 {
    width: min(627px, 152vw) !important;
    min-width: min(627px, 152vw) !important;
  }
}

.u-wid-580 {
  width: min(638px, 42.46vw) !important;
  min-width: min(638px, 42.46vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-580 {
    width: min(638px, 154.667vw) !important;
    min-width: min(638px, 154.667vw) !important;
  }
}

.u-wid-590 {
  width: min(649px, 43.192vw) !important;
  min-width: min(649px, 43.192vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-590 {
    width: min(649px, 157.333vw) !important;
    min-width: min(649px, 157.333vw) !important;
  }
}

.u-wid-600 {
  width: min(660px, 43.924vw) !important;
  min-width: min(660px, 43.924vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-600 {
    width: min(660px, 160vw) !important;
    min-width: min(660px, 160vw) !important;
  }
}

.u-wid-610 {
  width: min(671px, 44.656vw) !important;
  min-width: min(671px, 44.656vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-610 {
    width: min(671px, 162.667vw) !important;
    min-width: min(671px, 162.667vw) !important;
  }
}

.u-wid-620 {
  width: min(682px, 45.388vw) !important;
  min-width: min(682px, 45.388vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-620 {
    width: min(682px, 165.333vw) !important;
    min-width: min(682px, 165.333vw) !important;
  }
}

.u-wid-630 {
  width: min(693px, 46.12vw) !important;
  min-width: min(693px, 46.12vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-630 {
    width: min(693px, 168vw) !important;
    min-width: min(693px, 168vw) !important;
  }
}

.u-wid-640 {
  width: min(704px, 46.852vw) !important;
  min-width: min(704px, 46.852vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-640 {
    width: min(704px, 170.667vw) !important;
    min-width: min(704px, 170.667vw) !important;
  }
}

.u-wid-650 {
  width: min(715px, 47.584vw) !important;
  min-width: min(715px, 47.584vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-650 {
    width: min(715px, 173.333vw) !important;
    min-width: min(715px, 173.333vw) !important;
  }
}

.u-wid-660 {
  width: min(726px, 48.316vw) !important;
  min-width: min(726px, 48.316vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-660 {
    width: min(726px, 176vw) !important;
    min-width: min(726px, 176vw) !important;
  }
}

.u-wid-670 {
  width: min(737px, 49.048vw) !important;
  min-width: min(737px, 49.048vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-670 {
    width: min(737px, 178.667vw) !important;
    min-width: min(737px, 178.667vw) !important;
  }
}

.u-wid-680 {
  width: min(748px, 49.78vw) !important;
  min-width: min(748px, 49.78vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-680 {
    width: min(748px, 181.333vw) !important;
    min-width: min(748px, 181.333vw) !important;
  }
}

.u-wid-690 {
  width: min(759px, 50.512vw) !important;
  min-width: min(759px, 50.512vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-690 {
    width: min(759px, 184vw) !important;
    min-width: min(759px, 184vw) !important;
  }
}

.u-wid-700 {
  width: min(770px, 51.245vw) !important;
  min-width: min(770px, 51.245vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-700 {
    width: min(770px, 186.667vw) !important;
    min-width: min(770px, 186.667vw) !important;
  }
}

.u-wid-710 {
  width: min(781px, 51.977vw) !important;
  min-width: min(781px, 51.977vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-710 {
    width: min(781px, 189.333vw) !important;
    min-width: min(781px, 189.333vw) !important;
  }
}

.u-wid-720 {
  width: min(792px, 52.709vw) !important;
  min-width: min(792px, 52.709vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-720 {
    width: min(792px, 192vw) !important;
    min-width: min(792px, 192vw) !important;
  }
}

.u-wid-730 {
  width: min(803px, 53.441vw) !important;
  min-width: min(803px, 53.441vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-730 {
    width: min(803px, 194.667vw) !important;
    min-width: min(803px, 194.667vw) !important;
  }
}

.u-wid-740 {
  width: min(814px, 54.173vw) !important;
  min-width: min(814px, 54.173vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-740 {
    width: min(814px, 197.333vw) !important;
    min-width: min(814px, 197.333vw) !important;
  }
}

.u-wid-750 {
  width: min(825px, 54.905vw) !important;
  min-width: min(825px, 54.905vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-750 {
    width: min(825px, 200vw) !important;
    min-width: min(825px, 200vw) !important;
  }
}

.u-wid-760 {
  width: min(836px, 55.637vw) !important;
  min-width: min(836px, 55.637vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-760 {
    width: min(836px, 202.667vw) !important;
    min-width: min(836px, 202.667vw) !important;
  }
}

.u-wid-770 {
  width: min(847px, 56.369vw) !important;
  min-width: min(847px, 56.369vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-770 {
    width: min(847px, 205.333vw) !important;
    min-width: min(847px, 205.333vw) !important;
  }
}

.u-wid-780 {
  width: min(858px, 57.101vw) !important;
  min-width: min(858px, 57.101vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-780 {
    width: min(858px, 208vw) !important;
    min-width: min(858px, 208vw) !important;
  }
}

.u-wid-790 {
  width: min(869px, 57.833vw) !important;
  min-width: min(869px, 57.833vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-790 {
    width: min(869px, 210.667vw) !important;
    min-width: min(869px, 210.667vw) !important;
  }
}

.u-wid-800 {
  width: min(880px, 58.565vw) !important;
  min-width: min(880px, 58.565vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-800 {
    width: min(880px, 213.333vw) !important;
    min-width: min(880px, 213.333vw) !important;
  }
}

.u-wid-810 {
  width: min(891px, 59.297vw) !important;
  min-width: min(891px, 59.297vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-810 {
    width: min(891px, 216vw) !important;
    min-width: min(891px, 216vw) !important;
  }
}

.u-wid-820 {
  width: min(902px, 60.029vw) !important;
  min-width: min(902px, 60.029vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-820 {
    width: min(902px, 218.667vw) !important;
    min-width: min(902px, 218.667vw) !important;
  }
}

.u-wid-830 {
  width: min(913px, 60.761vw) !important;
  min-width: min(913px, 60.761vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-830 {
    width: min(913px, 221.333vw) !important;
    min-width: min(913px, 221.333vw) !important;
  }
}

.u-wid-840 {
  width: min(924px, 61.493vw) !important;
  min-width: min(924px, 61.493vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-840 {
    width: min(924px, 224vw) !important;
    min-width: min(924px, 224vw) !important;
  }
}

.u-wid-850 {
  width: min(935px, 62.225vw) !important;
  min-width: min(935px, 62.225vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-850 {
    width: min(935px, 226.667vw) !important;
    min-width: min(935px, 226.667vw) !important;
  }
}

.u-wid-860 {
  width: min(946px, 62.958vw) !important;
  min-width: min(946px, 62.958vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-860 {
    width: min(946px, 229.333vw) !important;
    min-width: min(946px, 229.333vw) !important;
  }
}

.u-wid-870 {
  width: min(957px, 63.69vw) !important;
  min-width: min(957px, 63.69vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-870 {
    width: min(957px, 232vw) !important;
    min-width: min(957px, 232vw) !important;
  }
}

.u-wid-880 {
  width: min(968px, 64.422vw) !important;
  min-width: min(968px, 64.422vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-880 {
    width: min(968px, 234.667vw) !important;
    min-width: min(968px, 234.667vw) !important;
  }
}

.u-wid-890 {
  width: min(979px, 65.154vw) !important;
  min-width: min(979px, 65.154vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-890 {
    width: min(979px, 237.333vw) !important;
    min-width: min(979px, 237.333vw) !important;
  }
}

.u-wid-900 {
  width: min(990px, 65.886vw) !important;
  min-width: min(990px, 65.886vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-900 {
    width: min(990px, 240vw) !important;
    min-width: min(990px, 240vw) !important;
  }
}

.u-wid-910 {
  width: min(1001px, 66.618vw) !important;
  min-width: min(1001px, 66.618vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-910 {
    width: min(1001px, 242.667vw) !important;
    min-width: min(1001px, 242.667vw) !important;
  }
}

.u-wid-920 {
  width: min(1012px, 67.35vw) !important;
  min-width: min(1012px, 67.35vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-920 {
    width: min(1012px, 245.333vw) !important;
    min-width: min(1012px, 245.333vw) !important;
  }
}

.u-wid-930 {
  width: min(1023px, 68.082vw) !important;
  min-width: min(1023px, 68.082vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-930 {
    width: min(1023px, 248vw) !important;
    min-width: min(1023px, 248vw) !important;
  }
}

.u-wid-940 {
  width: min(1034px, 68.814vw) !important;
  min-width: min(1034px, 68.814vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-940 {
    width: min(1034px, 250.667vw) !important;
    min-width: min(1034px, 250.667vw) !important;
  }
}

.u-wid-950 {
  width: min(1045px, 69.546vw) !important;
  min-width: min(1045px, 69.546vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-950 {
    width: min(1045px, 253.333vw) !important;
    min-width: min(1045px, 253.333vw) !important;
  }
}

.u-wid-960 {
  width: min(1056px, 70.278vw) !important;
  min-width: min(1056px, 70.278vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-960 {
    width: min(1056px, 256vw) !important;
    min-width: min(1056px, 256vw) !important;
  }
}

.u-wid-970 {
  width: min(1067px, 71.01vw) !important;
  min-width: min(1067px, 71.01vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-970 {
    width: min(1067px, 258.667vw) !important;
    min-width: min(1067px, 258.667vw) !important;
  }
}

.u-wid-980 {
  width: min(1078px, 71.742vw) !important;
  min-width: min(1078px, 71.742vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-980 {
    width: min(1078px, 261.333vw) !important;
    min-width: min(1078px, 261.333vw) !important;
  }
}

.u-wid-990 {
  width: min(1089px, 72.474vw) !important;
  min-width: min(1089px, 72.474vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-990 {
    width: min(1089px, 264vw) !important;
    min-width: min(1089px, 264vw) !important;
  }
}

.u-wid-1000 {
  width: min(1100px, 73.206vw) !important;
  min-width: min(1100px, 73.206vw) !important;
}
@media screen and (max-width: 834px) {
  .u-wid-1000 {
    width: min(1100px, 266.667vw) !important;
    min-width: min(1100px, 266.667vw) !important;
  }
}

.u-wid-05per {
  width: 5% !important;
  min-width: 5% !important;
}

.u-wid-10per {
  width: 10% !important;
  min-width: 10% !important;
}

.u-wid-15per {
  width: 15% !important;
  min-width: 15% !important;
}

.u-wid-20per {
  width: 20% !important;
  min-width: 20% !important;
}

.u-wid-25per {
  width: 25% !important;
  min-width: 25% !important;
}

.u-wid-30per {
  width: 30% !important;
  min-width: 30% !important;
}

.u-wid-35per {
  width: 35% !important;
  min-width: 35% !important;
}

.u-wid-40per {
  width: 40% !important;
  min-width: 40% !important;
}

.u-wid-45per {
  width: 45% !important;
  min-width: 45% !important;
}

.u-wid-50per {
  width: 50% !important;
  min-width: 50% !important;
}

.u-wid-55per {
  width: 55% !important;
  min-width: 55% !important;
}

.u-wid-60per {
  width: 60% !important;
  min-width: 60% !important;
}

.u-wid-65per {
  width: 65% !important;
  min-width: 65% !important;
}

.u-wid-70per {
  width: 70% !important;
  min-width: 70% !important;
}

.u-wid-75per {
  width: 75% !important;
  min-width: 75% !important;
}

.u-wid-80per {
  width: 80% !important;
  min-width: 80% !important;
}

.u-wid-85per {
  width: 85% !important;
  min-width: 85% !important;
}

.u-wid-90per {
  width: 90% !important;
  min-width: 90% !important;
}

.u-wid-95per {
  width: 95% !important;
  min-width: 95% !important;
}

.u-wid-100per {
  width: 100% !important;
  min-width: 100% !important;
}

.u-wid-auto {
  width: auto !important;
  min-width: 0;
}

@media screen and (max-width: 834px) {
  .u-wid-md-10 {
    width: min(11px, 0.732vw) !important;
    min-width: min(11px, 0.732vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-10 {
    width: min(11px, 2.667vw) !important;
    min-width: min(11px, 2.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-20 {
    width: min(22px, 1.464vw) !important;
    min-width: min(22px, 1.464vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-20 {
    width: min(22px, 5.333vw) !important;
    min-width: min(22px, 5.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-30 {
    width: min(33px, 2.196vw) !important;
    min-width: min(33px, 2.196vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-30 {
    width: min(33px, 8vw) !important;
    min-width: min(33px, 8vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-40 {
    width: min(44px, 2.928vw) !important;
    min-width: min(44px, 2.928vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-40 {
    width: min(44px, 10.667vw) !important;
    min-width: min(44px, 10.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-50 {
    width: min(55px, 3.66vw) !important;
    min-width: min(55px, 3.66vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-50 {
    width: min(55px, 13.333vw) !important;
    min-width: min(55px, 13.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-60 {
    width: min(66px, 4.392vw) !important;
    min-width: min(66px, 4.392vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-60 {
    width: min(66px, 16vw) !important;
    min-width: min(66px, 16vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-70 {
    width: min(77px, 5.124vw) !important;
    min-width: min(77px, 5.124vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-70 {
    width: min(77px, 18.667vw) !important;
    min-width: min(77px, 18.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-80 {
    width: min(88px, 5.857vw) !important;
    min-width: min(88px, 5.857vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-80 {
    width: min(88px, 21.333vw) !important;
    min-width: min(88px, 21.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-90 {
    width: min(99px, 6.589vw) !important;
    min-width: min(99px, 6.589vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-90 {
    width: min(99px, 24vw) !important;
    min-width: min(99px, 24vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-100 {
    width: min(110px, 7.321vw) !important;
    min-width: min(110px, 7.321vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-100 {
    width: min(110px, 26.667vw) !important;
    min-width: min(110px, 26.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-110 {
    width: min(121px, 8.053vw) !important;
    min-width: min(121px, 8.053vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-110 {
    width: min(121px, 29.333vw) !important;
    min-width: min(121px, 29.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-120 {
    width: min(132px, 8.785vw) !important;
    min-width: min(132px, 8.785vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-120 {
    width: min(132px, 32vw) !important;
    min-width: min(132px, 32vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-130 {
    width: min(143px, 9.517vw) !important;
    min-width: min(143px, 9.517vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-130 {
    width: min(143px, 34.667vw) !important;
    min-width: min(143px, 34.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-140 {
    width: min(154px, 10.249vw) !important;
    min-width: min(154px, 10.249vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-140 {
    width: min(154px, 37.333vw) !important;
    min-width: min(154px, 37.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-150 {
    width: min(165px, 10.981vw) !important;
    min-width: min(165px, 10.981vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-150 {
    width: min(165px, 40vw) !important;
    min-width: min(165px, 40vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-160 {
    width: min(176px, 11.713vw) !important;
    min-width: min(176px, 11.713vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-160 {
    width: min(176px, 42.667vw) !important;
    min-width: min(176px, 42.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-170 {
    width: min(187px, 12.445vw) !important;
    min-width: min(187px, 12.445vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-170 {
    width: min(187px, 45.333vw) !important;
    min-width: min(187px, 45.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-180 {
    width: min(198px, 13.177vw) !important;
    min-width: min(198px, 13.177vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-180 {
    width: min(198px, 48vw) !important;
    min-width: min(198px, 48vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-190 {
    width: min(209px, 13.909vw) !important;
    min-width: min(209px, 13.909vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-190 {
    width: min(209px, 50.667vw) !important;
    min-width: min(209px, 50.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-200 {
    width: min(220px, 14.641vw) !important;
    min-width: min(220px, 14.641vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-200 {
    width: min(220px, 53.333vw) !important;
    min-width: min(220px, 53.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-210 {
    width: min(231px, 15.373vw) !important;
    min-width: min(231px, 15.373vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-210 {
    width: min(231px, 56vw) !important;
    min-width: min(231px, 56vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-220 {
    width: min(242px, 16.105vw) !important;
    min-width: min(242px, 16.105vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-220 {
    width: min(242px, 58.667vw) !important;
    min-width: min(242px, 58.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-230 {
    width: min(253px, 16.837vw) !important;
    min-width: min(253px, 16.837vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-230 {
    width: min(253px, 61.333vw) !important;
    min-width: min(253px, 61.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-240 {
    width: min(264px, 17.57vw) !important;
    min-width: min(264px, 17.57vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-240 {
    width: min(264px, 64vw) !important;
    min-width: min(264px, 64vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-250 {
    width: min(275px, 18.302vw) !important;
    min-width: min(275px, 18.302vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-250 {
    width: min(275px, 66.667vw) !important;
    min-width: min(275px, 66.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-260 {
    width: min(286px, 19.034vw) !important;
    min-width: min(286px, 19.034vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-260 {
    width: min(286px, 69.333vw) !important;
    min-width: min(286px, 69.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-270 {
    width: min(297px, 19.766vw) !important;
    min-width: min(297px, 19.766vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-270 {
    width: min(297px, 72vw) !important;
    min-width: min(297px, 72vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-280 {
    width: min(308px, 20.498vw) !important;
    min-width: min(308px, 20.498vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-280 {
    width: min(308px, 74.667vw) !important;
    min-width: min(308px, 74.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-290 {
    width: min(319px, 21.23vw) !important;
    min-width: min(319px, 21.23vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-290 {
    width: min(319px, 77.333vw) !important;
    min-width: min(319px, 77.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-300 {
    width: min(330px, 21.962vw) !important;
    min-width: min(330px, 21.962vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-300 {
    width: min(330px, 80vw) !important;
    min-width: min(330px, 80vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-310 {
    width: min(341px, 22.694vw) !important;
    min-width: min(341px, 22.694vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-310 {
    width: min(341px, 82.667vw) !important;
    min-width: min(341px, 82.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-320 {
    width: min(352px, 23.426vw) !important;
    min-width: min(352px, 23.426vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-320 {
    width: min(352px, 85.333vw) !important;
    min-width: min(352px, 85.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-330 {
    width: min(363px, 24.158vw) !important;
    min-width: min(363px, 24.158vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-330 {
    width: min(363px, 88vw) !important;
    min-width: min(363px, 88vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-340 {
    width: min(374px, 24.89vw) !important;
    min-width: min(374px, 24.89vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-340 {
    width: min(374px, 90.667vw) !important;
    min-width: min(374px, 90.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-350 {
    width: min(385px, 25.622vw) !important;
    min-width: min(385px, 25.622vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-350 {
    width: min(385px, 93.333vw) !important;
    min-width: min(385px, 93.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-360 {
    width: min(396px, 26.354vw) !important;
    min-width: min(396px, 26.354vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-360 {
    width: min(396px, 96vw) !important;
    min-width: min(396px, 96vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-370 {
    width: min(407px, 27.086vw) !important;
    min-width: min(407px, 27.086vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-370 {
    width: min(407px, 98.667vw) !important;
    min-width: min(407px, 98.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-380 {
    width: min(418px, 27.818vw) !important;
    min-width: min(418px, 27.818vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-380 {
    width: min(418px, 101.333vw) !important;
    min-width: min(418px, 101.333vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-390 {
    width: min(429px, 28.551vw) !important;
    min-width: min(429px, 28.551vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-390 {
    width: min(429px, 104vw) !important;
    min-width: min(429px, 104vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-400 {
    width: min(440px, 29.283vw) !important;
    min-width: min(440px, 29.283vw) !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 834px) {
  .u-wid-md-400 {
    width: min(440px, 106.667vw) !important;
    min-width: min(440px, 106.667vw) !important;
  }
}
@media screen and (max-width: 834px) {
  .u-wid-md-10per {
    width: 10% !important;
    min-width: 10% !important;
  }
  .u-wid-md-20per {
    width: 20% !important;
    min-width: 20% !important;
  }
  .u-wid-md-30per {
    width: 30% !important;
    min-width: 30% !important;
  }
  .u-wid-md-40per {
    width: 40% !important;
    min-width: 40% !important;
  }
  .u-wid-md-50per {
    width: 50% !important;
    min-width: 50% !important;
  }
  .u-wid-md-60per {
    width: 60% !important;
    min-width: 60% !important;
  }
  .u-wid-md-70per {
    width: 70% !important;
    min-width: 70% !important;
  }
  .u-wid-md-80per {
    width: 80% !important;
    min-width: 80% !important;
  }
  .u-wid-md-90per {
    width: 90% !important;
    min-width: 90% !important;
  }
  .u-wid-md-100per {
    width: 100% !important;
    min-width: 100% !important;
  }
}