@charset "UTF-8";
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-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 {
  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] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 700;
}

/**
 * 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: 60%;
  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 */
  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;
}

/* Noto Sans の定義 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: medium;
  font-weight: 500;
  src: url("/sokujitu/assets/fonts/NotoSansJP-Bold.woff2") format("woff2"), url("/sokujitu/assets/fonts/NotoSansJP-Bold.woff") format("woff"), url("/sokujitu/assets/fonts/NotoSansJP-Bold.eot") format("eot");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: bold;
  font-weight: 700;
  src: url("/sokujitu/assets/fonts/NotoSansJP-Bold.woff2") format("woff2"), url("/sokujitu/assets/fonts/NotoSansJP-Bold.woff") format("woff"), url("/sokujitu/assets/fonts/NotoSansJP-Bold.eot") format("eot");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: black;
  font-weight: 900;
  src: url("/sokujitu/assets/fonts/NotoSansJP-Black.woff2") format("woff2"), url("/sokujitu/assets/fonts/NotoSansJP-Black.woff") format("woff"), url("/sokujitu/assets/fonts/NotoSansJP-Black.eot") format("eot");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: black;
  font-weight: 400;
  src: url("/sokujitu/assets/fonts/NotoSansJP-Regular.woff2") format("woff2"), url("/sokujitu/assets/fonts/NotoSansJP-Regular.woff") format("woff"), url("/sokujitu/assets/fonts/NotoSansJP-Regular.eot") format("eot");
  font-display: swap;
}
.c-title--2, .c-title--3, .c-title--4 {
  font-weight: 800;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.c-title--2 > small, .c-title--3 > small, .c-title--4 > small {
  font-weight: 800;
  display: block;
  margin-bottom: 0.5em;
}

html,
body {
  width: 100%;
  min-height: 100%;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  font-size: 62.5%;
}

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

body {
  -webkit-text-size-adjust: 100%;
  color: #3c3937;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  overflow-x: hidden;
  position: relative;
}
@media screen and (min-width: 836px) {
  body {
    font-size: clamp(13.6px, 2.133vw, 17.6px);
  }
}
@media screen and (max-width: 835px) {
  body {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  transition: all 0.3s ease;
}
a img {
  transition: 0.3s ease;
}
@media screen and (min-width: 836px) {
  a:hover {
    text-decoration: none;
  }
  a:hover img {
    opacity: 0.75;
  }
}

i[class^=fa] {
  margin-right: 0.5em;
  margin-left: 0.5em;
}

img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 836px) {
  p small {
    font-size: clamp(10.2px, 1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  p small {
    font-size: clamp(8.5px, 2.667vw, 11px);
  }
}

strong {
  font-weight: 700;
}

@media screen and (max-width: 835px) {
  img {
    width: 100%;
  }
}

p a[target=_blank]::after,
li a[target=_blank]::after,
td a[target=_blank]::after,
th a[target=_blank]::after,
blockquote a[target=_blank]::after {
  display: inline;
  margin: 0 0.25em;
  font-weight: 700;
  font-family: "Font Awesome 6 Pro";
  line-height: 1;
}
p a[target=_blank]::after,
li a[target=_blank]::after,
td a[target=_blank]::after,
th a[target=_blank]::after,
blockquote a[target=_blank]::after {
  content: "\f08e";
  font-size: 0.85em;
}

.l-header {
  width: 100%;
  background-color: #ffffff;
  border-bottom: #e8e8e8 solid 1px;
  height: auto;
  position: relative;
  z-index: 10;
}
.l-header::before, .l-header::after {
  content: none;
}
.l-header__wrapper {
  width: 100%;
  height: auto;
  overflow: visible;
}
@media screen and (min-width: 836px) {
  .l-header__wrapper {
    padding-top: min(1.6vw, 13.2px);
    padding-bottom: min(1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  .l-header__wrapper {
    padding: min(1.333vw, 5.5px) 0;
  }
}
.l-header__inner {
  height: auto;
  min-height: auto;
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 835px) {
  .l-header__inner {
    padding-left: 0;
  }
}
.l-header__logo {
  margin-inline: auto;
}
@media screen and (min-width: 836px) {
  .l-header__logo {
    width: min(10.667vw, 88px);
  }
}
@media screen and (max-width: 835px) {
  .l-header__logo {
    width: min(17.867vw, 73.7px);
  }
}

.l-footer__container {
  width: 100%;
  background-color: #3c3937;
  color: #fff;
}
@media screen and (min-width: 836px) {
  .l-footer__container {
    padding: min(5.333vw, 44px) 0 min(5.333vw, 44px);
  }
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .l-footer__container {
    padding: min(5.333vw, 22px) 0 11.9760479042vw;
  }
}
@media screen and (max-width: 540px) {
  .l-footer__container {
    padding: min(5.333vw, 22px) 0 min(26.667vw, 110px);
  }
}
.l-footer__menu {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 836px) {
  .l-footer__menu {
    column-gap: min(2vw, 16.5px);
  }
}
@media screen and (max-width: 835px) {
  .l-footer__menu {
    gap: clamp(13.6px, 4.267vw, 17.6px) clamp(20.4px, 6.4vw, 26.4px);
  }
}
@media screen and (min-width: 836px) {
  .l-footer__menu__item:not(:last-child) {
    border-right: #fff solid 1px;
    padding-right: min(2vw, 16.5px);
  }
}
.l-footer__menu__item a {
  display: block;
  line-height: 1.2;
}
@media screen and (min-width: 836px) {
  .l-footer__menu__item a {
    font-size: clamp(10.2px, 1.6vw, 13.2px);
  }
  .l-footer__menu__item a:hover {
    opacity: 0.75;
  }
}
@media screen and (max-width: 835px) {
  .l-footer__menu__item a {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
    text-decoration: underline;
  }
}
@media screen and (min-width: 836px) {
  .l-footer__menu__item:last-child {
    margin-top: clamp(8.5px, 1.333vw, 11px);
  }
}
@media screen and (min-width: 836px) {
  .l-footer__copyright {
    margin-top: min(3.2vw, 26.4px);
  }
}
@media screen and (max-width: 835px) {
  .l-footer__copyright {
    margin-top: min(5.333vw, 22px);
  }
}

.l-body {
  width: auto;
  height: auto;
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.3s ease;
  overflow-x: hidden;
}
@media screen and (min-width: 836px) {
  .l-body {
    margin-inline: auto;
  }
}

.l-container {
  width: 100%;
  min-height: 100vh;
  height: auto;
  box-sizing: border-box;
  margin: auto;
  position: relative;
  z-index: 5;
}
.l-container__inner {
  width: 100%;
  box-sizing: border-box;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 836px) {
  .l-container__inner {
    padding-left: min(5.333vw, 44px);
    padding-right: min(5.333vw, 44px);
  }
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .l-container__inner {
    padding-left: min(10.667vw, 44px);
    padding-right: min(10.667vw, 44px);
  }
}
@media screen and (max-width: 540px) {
  .l-container__inner {
    padding-left: min(5.333vw, 22px);
    padding-right: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 836px) {
  .l-container__inner.--narrow {
    max-width: min(85.333vw, 704px);
  }
}
@media screen and (min-width: 836px) {
  .l-container__inner.--middle {
    max-width: min(112vw, 924px);
  }
}

.l-container > *:first-child,
.l-container__inner > *:first-child {
  margin-top: 0 !important;
}
.l-container > *:last-child,
.l-container__inner > *:last-child {
  margin-bottom: 0 !important;
}

.c-button--sm, .c-button--xsm, .c-button--md, .c-button--lg {
  max-width: 100%;
  background-color: #fff;
  color: #3c3937;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  line-height: 1.15;
  border: #3c3937 solid 2px;
  border-radius: 999px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  position: relative;
  top: 0;
  transition: all 0.1s ease;
  overflow: hidden;
}
@media screen and (min-width: 836px) {
  .c-button--sm, .c-button--xsm, .c-button--md, .c-button--lg {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
    box-shadow: 0 4px 0 0 #3c3937;
  }
  .c-button--sm:hover, .c-button--xsm:hover, .c-button--md:hover, .c-button--lg:hover {
    opacity: 1;
    background-color: #fcc800;
    box-shadow: 0 0 0 #3c3937;
    top: 4px;
  }
  .c-button--sm:hover > img, .c-button--xsm:hover > img, .c-button--md:hover > img, .c-button--lg:hover > img {
    opacity: 1;
  }
}
@media screen and (max-width: 835px) {
  .c-button--sm, .c-button--xsm, .c-button--md, .c-button--lg {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    box-shadow: 0 2px 0 0 #3c3937;
  }
}
.c-button--sm::after, .c-button--xsm::after, .c-button--md::after, .c-button--lg::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 836px) {
  .c-button--sm::after, .c-button--xsm::after, .c-button--md::after, .c-button--lg::after {
    font-size: clamp(10.2px, 1.6vw, 13.2px);
    right: min(2.133vw, 17.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-button--sm::after, .c-button--xsm::after, .c-button--md::after, .c-button--lg::after {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
    right: min(4.267vw, 17.6px);
  }
}
[target=_blank].c-button--sm::after, [target=_blank].c-button--xsm::after, [target=_blank].c-button--md::after, [target=_blank].c-button--lg::after {
  content: "\f08e";
}

@media screen and (min-width: 836px) {
  .c-button--lg {
    width: min(43.733vw, 360.8px);
    height: min(7.467vw, 61.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-button--lg {
    width: clamp(238px, 74.667vw, 308px);
    height: clamp(44.2px, 13.867vw, 57.2px);
  }
}
@media screen and (min-width: 836px) {
  .c-button--md {
    width: min(33.067vw, 272.8px);
    height: min(7.467vw, 61.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-button--md {
    width: clamp(204px, 64vw, 264px);
    height: clamp(44.2px, 13.867vw, 57.2px);
  }
}
.c-button--sm, .c-button--xsm {
  margin: 0;
}
.c-button--sm::after, .c-button--xsm::after {
  content: none;
}

.c-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 836px) {
  .c-row {
    column-gap: min(2.667vw, 22px);
  }
  .c-row *[class*=c-col] {
    --row-gutters-width: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-row {
    column-gap: min(3.2vw, 13.2px);
  }
  .c-row *[class*=c-col] {
    --row-gutters-width: min(3.2vw, 13.2px);
  }
}
@media screen and (min-width: 836px) {
  .c-row.--gutters.--narrow {
    column-gap: min(1.6vw, 13.2px);
  }
  .c-row.--gutters.--narrow *[class*=c-col] {
    --row-gutters-width: min(1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  .c-row.--gutters.--narrow {
    column-gap: min(2.133vw, 8.8px);
  }
  .c-row.--gutters.--narrow *[class*=c-col] {
    --row-gutters-width: min(2.133vw, 8.8px);
  }
}
.c-row.--gutters.--none {
  gap: 0 0%;
}
.c-row.--gutters.--none *[class*=c-col] {
  --row-gutters-width: 0%;
}
@media screen and (max-width: 835px) {
  .c-row.--reverse {
    flex-direction: column-reverse;
  }
}

*[class*=c-col] {
  position: relative;
  width: 100%;
  min-height: 1px;
}
*[class*=c-col] > *:first-child {
  margin-top: 0 !important;
}
*[class*=c-col] > *:last-child {
  margin-bottom: 0 !important;
}

/* default */
.c-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.c-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.c-order-first {
  order: -1;
}

.c-order-last {
  order: 13;
}

.c-order-0 {
  order: 0;
}

.c-offset-0 {
  margin-left: 0;
}

.c-col-1 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
}

.c-order-1 {
  order: 1;
}

.c-offset-1 {
  margin-left: 8.3333333333%;
}

.c-col-2 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
}

.c-order-2 {
  order: 2;
}

.c-offset-2 {
  margin-left: 16.6666666667%;
}

.c-col-3 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
}

.c-order-3 {
  order: 3;
}

.c-offset-3 {
  margin-left: 25%;
}

.c-col-4 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
}

.c-order-4 {
  order: 4;
}

.c-offset-4 {
  margin-left: 33.3333333333%;
}

.c-col-5 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
}

.c-order-5 {
  order: 5;
}

.c-offset-5 {
  margin-left: 41.6666666667%;
}

.c-col-6 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
}

.c-order-6 {
  order: 6;
}

.c-offset-6 {
  margin-left: 50%;
}

.c-col-7 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
}

.c-order-7 {
  order: 7;
}

.c-offset-7 {
  margin-left: 58.3333333333%;
}

.c-col-8 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
}

.c-order-8 {
  order: 8;
}

.c-offset-8 {
  margin-left: 66.6666666667%;
}

.c-col-9 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
}

.c-order-9 {
  order: 9;
}

.c-offset-9 {
  margin-left: 75%;
}

.c-col-10 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
}

.c-order-10 {
  order: 10;
}

.c-offset-10 {
  margin-left: 83.3333333333%;
}

.c-col-11 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
}

.c-order-11 {
  order: 11;
}

.c-offset-11 {
  margin-left: 91.6666666667%;
}

.c-col-12 {
  flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
  max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
}

.c-order-12 {
  order: 12;
}

.c-offset-12 {
  margin-left: 100%;
}

/* pc */
@media screen and (min-width: 836px) {
  .c-col-pc {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .c-col-pc-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .c-order-pc-first {
    order: -1;
  }
  .c-order-pc-last {
    order: 13;
  }
  .c-order-pc-0 {
    order: 0;
  }
  .c-offset-pc-0 {
    margin-left: 0;
  }
  .c-col-pc-1 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
  }
  .c-order-pc-1 {
    order: 1;
  }
  .c-offset-pc-1 {
    margin-left: 8.3333333333%;
  }
  .c-col-pc-2 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
  }
  .c-order-pc-2 {
    order: 2;
  }
  .c-offset-pc-2 {
    margin-left: 16.6666666667%;
  }
  .c-col-pc-3 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
  }
  .c-order-pc-3 {
    order: 3;
  }
  .c-offset-pc-3 {
    margin-left: 25%;
  }
  .c-col-pc-4 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
  }
  .c-order-pc-4 {
    order: 4;
  }
  .c-offset-pc-4 {
    margin-left: 33.3333333333%;
  }
  .c-col-pc-5 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
  }
  .c-order-pc-5 {
    order: 5;
  }
  .c-offset-pc-5 {
    margin-left: 41.6666666667%;
  }
  .c-col-pc-6 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
  }
  .c-order-pc-6 {
    order: 6;
  }
  .c-offset-pc-6 {
    margin-left: 50%;
  }
  .c-col-pc-7 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
  }
  .c-order-pc-7 {
    order: 7;
  }
  .c-offset-pc-7 {
    margin-left: 58.3333333333%;
  }
  .c-col-pc-8 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
  }
  .c-order-pc-8 {
    order: 8;
  }
  .c-offset-pc-8 {
    margin-left: 66.6666666667%;
  }
  .c-col-pc-9 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
  }
  .c-order-pc-9 {
    order: 9;
  }
  .c-offset-pc-9 {
    margin-left: 75%;
  }
  .c-col-pc-10 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
  }
  .c-order-pc-10 {
    order: 10;
  }
  .c-offset-pc-10 {
    margin-left: 83.3333333333%;
  }
  .c-col-pc-11 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
  }
  .c-order-pc-11 {
    order: 11;
  }
  .c-offset-pc-11 {
    margin-left: 91.6666666667%;
  }
  .c-col-pc-12 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
  }
  .c-order-pc-12 {
    order: 12;
  }
  .c-offset-pc-12 {
    margin-left: 100%;
  }
}
/* bs */
/* lg */
/* tb */
@media screen and (max-width: 1195px) {
  .c-col-tb {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .c-col-tb-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .c-order-tb-first {
    order: -1;
  }
  .c-order-tb-last {
    order: 13;
  }
  .c-order-tb-0 {
    order: 0;
  }
  .c-offset-tb-0 {
    margin-left: 0;
  }
  .c-col-tb-1 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
  }
  .c-order-tb-1 {
    order: 1;
  }
  .c-offset-tb-1 {
    margin-left: 8.3333333333%;
  }
  .c-col-tb-2 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
  }
  .c-order-tb-2 {
    order: 2;
  }
  .c-offset-tb-2 {
    margin-left: 16.6666666667%;
  }
  .c-col-tb-3 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
  }
  .c-order-tb-3 {
    order: 3;
  }
  .c-offset-tb-3 {
    margin-left: 25%;
  }
  .c-col-tb-4 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
  }
  .c-order-tb-4 {
    order: 4;
  }
  .c-offset-tb-4 {
    margin-left: 33.3333333333%;
  }
  .c-col-tb-5 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
  }
  .c-order-tb-5 {
    order: 5;
  }
  .c-offset-tb-5 {
    margin-left: 41.6666666667%;
  }
  .c-col-tb-6 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
  }
  .c-order-tb-6 {
    order: 6;
  }
  .c-offset-tb-6 {
    margin-left: 50%;
  }
  .c-col-tb-7 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
  }
  .c-order-tb-7 {
    order: 7;
  }
  .c-offset-tb-7 {
    margin-left: 58.3333333333%;
  }
  .c-col-tb-8 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
  }
  .c-order-tb-8 {
    order: 8;
  }
  .c-offset-tb-8 {
    margin-left: 66.6666666667%;
  }
  .c-col-tb-9 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
  }
  .c-order-tb-9 {
    order: 9;
  }
  .c-offset-tb-9 {
    margin-left: 75%;
  }
  .c-col-tb-10 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
  }
  .c-order-tb-10 {
    order: 10;
  }
  .c-offset-tb-10 {
    margin-left: 83.3333333333%;
  }
  .c-col-tb-11 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
  }
  .c-order-tb-11 {
    order: 11;
  }
  .c-offset-tb-11 {
    margin-left: 91.6666666667%;
  }
  .c-col-tb-12 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
  }
  .c-order-tb-12 {
    order: 12;
  }
  .c-offset-tb-12 {
    margin-left: 100%;
  }
}
/* md */
@media screen and (max-width: 835px) {
  .c-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .c-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .c-order-md-first {
    order: -1;
  }
  .c-order-md-last {
    order: 13;
  }
  .c-order-md-0 {
    order: 0;
  }
  .c-offset-md-0 {
    margin-left: 0;
  }
  .c-col-md-1 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
  }
  .c-order-md-1 {
    order: 1;
  }
  .c-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .c-col-md-2 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
  }
  .c-order-md-2 {
    order: 2;
  }
  .c-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .c-col-md-3 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
  }
  .c-order-md-3 {
    order: 3;
  }
  .c-offset-md-3 {
    margin-left: 25%;
  }
  .c-col-md-4 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
  }
  .c-order-md-4 {
    order: 4;
  }
  .c-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .c-col-md-5 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
  }
  .c-order-md-5 {
    order: 5;
  }
  .c-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .c-col-md-6 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
  }
  .c-order-md-6 {
    order: 6;
  }
  .c-offset-md-6 {
    margin-left: 50%;
  }
  .c-col-md-7 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
  }
  .c-order-md-7 {
    order: 7;
  }
  .c-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .c-col-md-8 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
  }
  .c-order-md-8 {
    order: 8;
  }
  .c-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .c-col-md-9 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
  }
  .c-order-md-9 {
    order: 9;
  }
  .c-offset-md-9 {
    margin-left: 75%;
  }
  .c-col-md-10 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
  }
  .c-order-md-10 {
    order: 10;
  }
  .c-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .c-col-md-11 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
  }
  .c-order-md-11 {
    order: 11;
  }
  .c-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .c-col-md-12 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
  }
  .c-order-md-12 {
    order: 12;
  }
  .c-offset-md-12 {
    margin-left: 100%;
  }
}
/* sp */
@media screen and (max-width: 540px) {
  .c-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .c-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .c-order-sm-first {
    order: -1;
  }
  .c-order-sm-last {
    order: 13;
  }
  .c-order-sm-0 {
    order: 0;
  }
  .c-offset-sm-0 {
    margin-left: 0;
  }
  .c-col-sm-1 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 1 + var(--row-gutters-width) * 0);
  }
  .c-order-sm-1 {
    order: 1;
  }
  .c-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .c-col-sm-2 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 2 + var(--row-gutters-width) * 1);
  }
  .c-order-sm-2 {
    order: 2;
  }
  .c-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .c-col-sm-3 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 3 + var(--row-gutters-width) * 2);
  }
  .c-order-sm-3 {
    order: 3;
  }
  .c-offset-sm-3 {
    margin-left: 25%;
  }
  .c-col-sm-4 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 4 + var(--row-gutters-width) * 3);
  }
  .c-order-sm-4 {
    order: 4;
  }
  .c-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .c-col-sm-5 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 5 + var(--row-gutters-width) * 4);
  }
  .c-order-sm-5 {
    order: 5;
  }
  .c-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .c-col-sm-6 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 6 + var(--row-gutters-width) * 5);
  }
  .c-order-sm-6 {
    order: 6;
  }
  .c-offset-sm-6 {
    margin-left: 50%;
  }
  .c-col-sm-7 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 7 + var(--row-gutters-width) * 6);
  }
  .c-order-sm-7 {
    order: 7;
  }
  .c-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .c-col-sm-8 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 8 + var(--row-gutters-width) * 7);
  }
  .c-order-sm-8 {
    order: 8;
  }
  .c-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .c-col-sm-9 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 9 + var(--row-gutters-width) * 8);
  }
  .c-order-sm-9 {
    order: 9;
  }
  .c-offset-sm-9 {
    margin-left: 75%;
  }
  .c-col-sm-10 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 10 + var(--row-gutters-width) * 9);
  }
  .c-order-sm-10 {
    order: 10;
  }
  .c-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .c-col-sm-11 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 11 + var(--row-gutters-width) * 10);
  }
  .c-order-sm-11 {
    order: 11;
  }
  .c-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .c-col-sm-12 {
    flex: 0 0 calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
    max-width: calc((100% - var(--row-gutters-width) * 11) / 12 * 12 + var(--row-gutters-width) * 11);
  }
  .c-order-sm-12 {
    order: 12;
  }
  .c-offset-sm-12 {
    margin-left: 100%;
  }
}
.c-title--2 {
  text-align: center;
}
@media screen and (min-width: 836px) {
  .c-title--2 {
    font-size: clamp(20.4px, 3.2vw, 26.4px);
    margin-top: min(8vw, 66px);
    margin-bottom: min(5.333vw, 44px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--2 {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
    margin-top: min(16vw, 66px);
    margin-bottom: min(6.4vw, 26.4px);
  }
}
.c-title--3 {
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 836px) {
  .c-title--3 {
    font-size: clamp(17px, 2.667vw, 22px);
    padding-left: min(2.4vw, 19.8px);
    margin-top: min(8vw, 66px);
    margin-bottom: min(3.2vw, 26.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--3 {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
    padding-left: clamp(13.6px, 4.267vw, 17.6px);
    margin-top: min(8.533vw, 35.2px);
    margin-bottom: min(4.267vw, 17.6px);
  }
}
.c-title--3::before {
  content: "";
  height: 100%;
  background-color: #fcc800;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 836px) {
  .c-title--3::before {
    width: min(0.8vw, 6.6px);
    border-radius: min(1.333vw, 11px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--3::before {
    width: clamp(3.4px, 1.067vw, 4.4px);
    border-radius: clamp(8.5px, 2.667vw, 11px);
  }
}
.c-title--4 {
  font-weight: 700;
}
@media screen and (min-width: 836px) {
  .c-title--4 {
    font-size: clamp(15.3px, 2.4vw, 19.8px);
    margin-top: min(5.333vw, 44px);
    margin-bottom: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--4 {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-top: min(5.333vw, 22px);
    margin-bottom: min(4.267vw, 17.6px);
  }
}
.c-title--4.--bg {
  background-color: #f7f7f7;
  text-align: center;
  padding: 0.4em 0.5em;
}
@media screen and (min-width: 836px) {
  .c-title--4.--small {
    font-size: clamp(13.6px, 2.133vw, 17.6px);
  }
}
@media screen and (min-width: 836px) {
  .c-title--3 + .c-title--4:not([class*="--bg"]) {
    margin-top: min(3.2vw, 26.4px);
  }
}
.c-title--5 {
  font-weight: 700;
  position: relative;
}
@media screen and (min-width: 836px) {
  .c-title--5 {
    margin-bottom: min(1.067vw, 8.8px);
    padding-left: min(2.4vw, 19.8px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--5 {
    margin-bottom: min(2.133vw, 8.8px);
    padding-left: min(3.733vw, 15.4px);
  }
}
.c-title--5::before {
  content: "";
  background-color: #fcc800;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 836px) {
  .c-title--5::before {
    width: min(1.333vw, 11px);
    height: min(1.333vw, 11px);
    top: min(0.8vw, 6.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--5::before {
    width: clamp(8.5px, 2.667vw, 11px);
    height: clamp(8.5px, 2.667vw, 11px);
    top: clamp(5.1px, 1.6vw, 6.6px);
  }
}
.c-title--5.--center {
  text-align: center;
  padding-left: 0;
}
@media screen and (min-width: 836px) {
  .c-title--5.--center {
    margin-top: min(5.333vw, 44px);
    margin-bottom: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--5.--center {
    margin-top: min(10.667vw, 44px);
    margin-bottom: min(5.333vw, 22px);
  }
}
.c-title--5.--center::before {
  content: none;
}
.c-title--6 {
  font-weight: 500;
}
@media screen and (min-width: 836px) {
  .c-title--6 {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
    margin-top: min(2.667vw, 22px);
    margin-bottom: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-title--6 {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
    margin-top: min(5.333vw, 22px);
    margin-bottom: min(5.333vw, 22px);
  }
}

.c-accordion {
  /* + */
}
.c-accordion__inner {
  margin-inline: auto;
}
@media screen and (max-width: 835px) {
  .c-accordion__inner {
    width: auto;
  }
}
.c-accordion__box {
  border: 2px solid #EBEBEB;
  transition: opacity 0.3s ease;
  box-shadow: 0px 4px 0px 0px #EBEBEB;
  border-radius: min(1.6vw, 13.2px);
}
@media screen and (max-width: 835px) {
  .c-accordion__box {
    border-radius: min(3.2vw, 13.2px);
  }
}
.c-accordion__box + .c-accordion__box {
  margin-top: min(2.667vw, 22px);
}
@media screen and (max-width: 835px) {
  .c-accordion__box + .c-accordion__box {
    margin-top: min(5.333vw, 22px);
  }
}
.c-accordion__box dd {
  display: none;
  padding: 0 min(2.667vw, 22px) min(3.2vw, 26.4px) min(2.667vw, 22px);
}
@media screen and (max-width: 835px) {
  .c-accordion__box dd {
    padding: 0 min(5.333vw, 22px) min(6.4vw, 26.4px) min(5.333vw, 22px);
  }
}
.c-accordion__question, .c-accordion__answer, .c-accordion__title, .c-accordion__text {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 836px) {
  .c-accordion__question, .c-accordion__title {
    cursor: pointer;
  }
}
.c-accordion__question, .c-accordion__title {
  font-weight: 700;
}
@media screen and (min-width: 836px) {
  .c-accordion__question, .c-accordion__title {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
  }
  .c-accordion__question:hover, .c-accordion__title:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__question, .c-accordion__title {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
@media screen and (min-width: 836px) {
  .c-accordion__question {
    padding: min(3.2vw, 26.4px) min(6.4vw, 52.8px) min(3.2vw, 26.4px) min(6.4vw, 52.8px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__question {
    padding: min(5.333vw, 22px) min(12.8vw, 52.8px) min(5.333vw, 22px) clamp(40.8px, 12.8vw, 52.8px);
  }
}
.c-accordion__question::before {
  content: "Q";
  color: #3c3937;
  font-family: Arial;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  width: min(6.4vw, 26.4px);
  height: min(6.4vw, 26.4px);
  background-color: #FFE200;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  line-height: min(6.4vw, 26.4px);
}
@media screen and (min-width: 836px) {
  .c-accordion__question::before {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
    left: min(1.333vw, 11px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__question::before {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    left: min(5.333vw, 22px);
  }
}
.c-accordion__title {
  font-weight: 700;
}
@media screen and (min-width: 836px) {
  .c-accordion__title {
    padding: min(3.733vw, 30.8px) min(8vw, 66px) min(3.733vw, 30.8px) min(3.2vw, 26.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__title {
    padding: min(5.333vw, 22px) min(8.533vw, 35.2px) min(5.333vw, 22px) min(5.333vw, 22px);
  }
}
.c-accordion__answer, .c-accordion__text {
  opacity: 0;
  transform: translateY(-1.5em);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media screen and (min-width: 836px) {
  .c-accordion__answer, .c-accordion__text {
    font-size: clamp(10.2px, 1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__answer, .c-accordion__text {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
  }
}
.is-active .c-accordion__answer, .is-active .c-accordion__text {
  opacity: 1;
  transform: translateY(0);
}
.c-accordion__answer > *:first-child, .c-accordion__text > *:first-child {
  margin-top: 0 !important;
}
.c-accordion__answer > *:last-child, .c-accordion__text > *:last-child {
  margin-bottom: 0 !important;
}
.c-accordion__icon {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (min-width: 836px) {
  .c-accordion__icon {
    width: min(1.733vw, 14.3px);
    height: min(1.733vw, 14.3px);
    right: min(3.2vw, 26.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__icon {
    width: min(3.467vw, 14.3px);
    height: min(3.467vw, 14.3px);
    right: min(3.2vw, 13.2px);
  }
}
.c-accordion__icon::before, .c-accordion__icon::after {
  color: #3c3937;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: opacity 0.3s ease;
  z-index: 0;
}
@media screen and (min-width: 836px) {
  .c-accordion__icon::before, .c-accordion__icon::after {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion__icon::before, .c-accordion__icon::after {
    font-size: min(3.733vw, 15.4px);
  }
}
.c-accordion__icon::before {
  content: "+";
}
.c-accordion__icon::after {
  content: "\f068";
  opacity: 0;
}
.is-active .c-accordion__icon::before {
  opacity: 0;
}
.is-active .c-accordion__icon::after {
  opacity: 1;
}

.c-accordion--hide {
  /* + */
}
.c-accordion--hide.--white {
  color: #ffffff;
}
.c-accordion--hide__list {
  margin: 0 auto;
}
@media screen and (max-width: 835px) {
  .c-accordion--hide__list {
    width: auto;
  }
}
.c-accordion--hide__item {
  position: relative;
  z-index: 0;
}
.c-accordion--hide__item + .c-accordion--hide__item {
  margin-top: min(10.667vw, 88px);
}
.c-accordion--hide__check {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.c-accordion--hide__mask {
  position: relative;
  z-index: 0;
}
.c-accordion--hide__mask::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.501860119) 50%, rgb(255, 255, 255) 100%);
  transition: opacity 0.3s ease;
}
input:checked + .c-accordion--hide__mask::after {
  opacity: 0;
}
.c-accordion--hide__body {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease;
  transition: max-height 0.3s ease;
}
.c-accordion--hide__text {
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 836px) {
  .c-accordion--hide__text {
    font-size: clamp(10.2px, 1.6vw, 13.2px);
    padding-bottom: min(1.333vw, 11px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion--hide__text {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
    padding-bottom: min(2.667vw, 11px);
  }
}
@media screen and (min-width: 836px) {
  .c-accordion--hide__text li {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion--hide__text li {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
  }
}
.c-accordion--hide__text > *:first-child {
  margin-top: 0 !important;
}
.c-accordion--hide__text > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 836px) {
  .c-accordion--hide__block {
    padding-bottom: min(5.333vw, 44px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion--hide__block {
    padding-bottom: min(8.533vw, 35.2px);
  }
}
.c-accordion--hide__block > *:first-child {
  margin-top: 0 !important;
}
.c-accordion--hide__block > *:last-child {
  margin-bottom: 0 !important;
}
.c-accordion--hide__label {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
@media screen and (min-width: 836px) {
  .c-accordion--hide__check:hover ~ .c-accordion--hide__label {
    opacity: 0.75;
  }
}
.c-accordion--hide__label__text {
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 836px) {
  .c-accordion--hide__label__text {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion--hide__label__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
  }
}
.c-accordion--hide__label__text.is-open {
  color: #898683;
}
.--white .c-accordion--hide__label__text.is-open {
  color: #ffffff;
  opacity: 0.7;
}
.c-accordion--hide__icon {
  position: relative;
  z-index: 0;
  display: block;
  /* 横棒 */
}
@media screen and (min-width: 836px) {
  .c-accordion--hide__icon {
    width: min(1.067vw, 8.8px);
    height: min(1.067vw, 8.8px);
    margin-top: min(0.267vw, 2.2px);
    margin-left: min(0.533vw, 4.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-accordion--hide__icon {
    width: clamp(6.8px, 2.133vw, 8.8px);
    height: clamp(6.8px, 2.133vw, 8.8px);
    margin-top: clamp(1.7px, 0.533vw, 2.2px);
    margin-left: min(1.067vw, 4.4px);
  }
}
.c-accordion--hide__icon::before, .c-accordion--hide__icon::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background: #898683;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.--white .c-accordion--hide__icon::before, .--white .c-accordion--hide__icon::after {
  background: #ffffff;
}
.c-accordion--hide__icon::after {
  transform: translateY(-50%) rotate(90deg);
}
input:checked ~ .c-accordion--hide__label .c-accordion--hide__icon::after {
  transform: translateY(-50%) rotate(0);
}

.c-card {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: block;
  margin: auto;
  position: relative;
  transition: none;
  outline: none;
}
.c-card--shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.c-card--radius {
  border-radius: 8px;
  overflow: hidden;
}
.c-card__wrapper {
  gap: min(6.4vw, 52.8px) 0;
}
@media screen and (max-width: 835px) {
  .c-card__wrapper {
    gap: min(12.8vw, 52.8px) 0;
  }
}
@media screen and (max-width: 540px) {
  .c-card__wrapper {
    gap: min(5.333vw, 22px) 0;
  }
}
.c-card__inner > *:first-child {
  margin-top: 0 !important;
}
.c-card__inner > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 836px) {
  .c-card__inner {
    padding: min(3.733vw, 30.8px) min(4.267vw, 35.2px);
  }
}
@media screen and (max-width: 835px) {
  .c-card__inner {
    padding: min(6.4vw, 26.4px) min(5.333vw, 22px) min(7.467vw, 30.8px);
  }
}
.c-card__thumb {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}
.c-card__thumb img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.c-card__block {
  cursor: pointer;
  outline: none;
}
.c-card__block:hover, .c-card__block:focus {
  outline: none;
}
.c-card__lead {
  min-height: 3em;
  color: #3c3937;
  font-weight: 500;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 836px) {
  .c-card__lead {
    font-size: clamp(13.6px, 2.133vw, 17.6px);
    margin-top: min(2.133vw, 17.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-card__lead {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-top: min(3.2vw, 13.2px);
  }
}
.c-card__lead a {
  color: #3c3937;
  text-decoration: none;
}
.c-card__lead a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-card__text {
  color: #898683;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (min-width: 836px) {
  .c-card__text {
    font-size: clamp(11.9px, 1.867vw, 15.4px);
    margin-top: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-card__text {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
    margin-top: min(5.333vw, 22px);
  }
}
.c-card__subtext {
  color: #898683;
  display: block;
  position: relative;
}
@media screen and (min-width: 836px) {
  .c-card__subtext {
    font-size: clamp(12.75px, 2vw, 16.5px);
    margin-top: min(2.133vw, 17.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-card__subtext {
    font-size: clamp(11.05px, 3.467vw, 14.3px);
    margin-top: min(3.2vw, 13.2px);
  }
}

@media screen and (min-width: 836px) {
  a.c-card:hover h3,
  a.c-card:hover h4,
  a.c-card:hover h5,
  a.c-card:hover p,
  .c-card__link:hover h3,
  .c-card__link:hover h4,
  .c-card__link:hover h5,
  .c-card__link:hover p {
    opacity: 0.7;
  }
}

.c-list li {
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
  position: relative;
}
@media screen and (min-width: 836px) {
  .c-list li:not(:last-child) {
    margin-bottom: min(0.533vw, 4.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-list li:not(:last-child) {
    margin-bottom: min(1.067vw, 4.4px);
  }
}
.c-list.--large li {
  font-weight: 700;
}
@media screen and (min-width: 836px) {
  .c-list.--large li {
    font-size: clamp(15.3px, 2.4vw, 19.8px);
  }
}
@media screen and (min-width: 836px) {
  .c-list.--large li:not(:last-child) {
    margin-bottom: min(1.067vw, 8.8px);
  }
}
@media screen and (min-width: 541px) {
  .c-list.--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 836px) {
  .c-list.--grid {
    column-gap: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .c-list.--grid {
    column-gap: min(5.333vw, 22px);
  }
}
.c-list--notice {
  position: relative;
}
@media screen and (min-width: 836px) {
  .c-list--notice {
    margin-top: min(2.667vw, 22px);
    padding: 0 min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-list--notice {
    margin-top: min(3.2vw, 13.2px);
    padding: 0;
  }
}
.c-list--notice li {
  color: #3c3937;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;
  font-weight: 400;
  text-indent: -1.25em;
  padding-left: 1.25em;
  vertical-align: text-top;
  line-height: 1.5;
}
@media screen and (min-width: 836px) {
  .c-list--notice li {
    font-size: clamp(10.2px, 1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  .c-list--notice li {
    font-size: clamp(10.2px, 3.2vw, 13.2px);
    line-height: 1.15;
  }
}
.c-list--notice li + li {
  margin-top: 0.35em;
}
.c-list--notice li .typesquare_option {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;
  font-weight: 500;
}
.c-list--notice.--white li {
  color: #ffffff;
}
@media screen and (min-width: 836px) {
  .c-list--notice.--large li {
    font-size: clamp(13.6px, 2.133vw, 17.6px);
  }
}
@media screen and (max-width: 835px) {
  .c-list--notice.--large li {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    line-height: 1.5;
  }
}
@media screen and (min-width: 836px) {
  .c-list--textlink {
    margin-top: min(3.2vw, 26.4px);
  }
}
@media screen and (max-width: 835px) {
  .c-list--textlink {
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 836px) {
  .c-list--textlink li + li {
    margin-top: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .c-list--textlink li + li {
    margin-top: min(5.333vw, 22px);
  }
}

[class*=c-list] li a {
  text-decoration: underline;
}
@media screen and (min-width: 836px) {
  [class*=c-list] li a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 836px) {
  [class*=c-list] + * {
    margin-top: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  [class*=c-list] + * {
    margin-top: min(5.333vw, 22px);
  }
}

ol.c-list li {
  list-style: decimal;
  padding-left: 0.5em;
  margin-left: 1em;
}
ol.c-list li::before {
  content: none;
}
ol.c-list--notice li {
  text-indent: -1.75em;
  padding-left: 1.75em;
}
ol.c-list.--circle {
  counter-reset: my-counter;
}
ol.c-list.--circle li {
  list-style: none;
  padding-left: 1.75em;
  margin-left: 0;
}
ol.c-list.--circle li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.45em;
  width: 1.45em;
  font-size: 80%;
  line-height: 1;
  position: absolute;
  top: 0.3em;
  left: 0;
}

.c-modal__container {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}
.c-modal__wrapper {
  height: auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 10;
}
@media screen and (min-width: 836px) {
  .c-modal__wrapper {
    max-width: min(124.267vw, 1025.2px);
    border-radius: min(5.333vw, 44px);
    width: calc(100% - min(10.667vw, 88px));
    max-height: calc(100vh - min(5.333vw, 44px));
  }
}
@media screen and (max-width: 835px) {
  .c-modal__wrapper {
    height: auto;
    border-radius: min(5.333vw, 22px);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .c-modal__wrapper {
    width: calc(100% - min(16vw, 66px));
  }
}
@media screen and (max-width: 540px) {
  .c-modal__wrapper {
    max-height: calc(100svh - min(5.333vw, 22px));
    width: calc(100% - min(5.333vw, 22px));
  }
}
.c-modal__inner {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 836px) {
  .c-modal__inner {
    padding: min(2.667vw, 22px) min(2.667vw, 22px) 0;
  }
}
@media screen and (max-width: 835px) {
  .c-modal__inner {
    padding: min(2.667vw, 11px) min(2.667vw, 11px) 0;
  }
}
.c-modal__block {
  height: auto;
  word-wrap: break-word;
  overflow: auto;
  position: relative;
}
@media screen and (min-width: 836px) {
  .c-modal__block {
    padding: min(8vw, 66px);
    max-height: calc(100vh - min(10.667vw, 88px));
  }
}
@media screen and (max-width: 835px) {
  .c-modal__block {
    height: calc(100svh - min(16vw, 66px));
    max-height: 100vh;
    padding: min(10.667vw, 44px) min(2.667vw, 11px) min(16vw, 66px);
  }
}
.c-modal__block > *:first-child {
  margin-top: 0 !important;
}
.c-modal__block > *:last-child {
  margin-bottom: 0 !important;
}
.c-modal__close-btn {
  background-color: #3c3937;
  border-radius: 50%;
  transition: all 0.3s ease;
  position: fixed;
  z-index: 10;
}
@media screen and (min-width: 836px) {
  .c-modal__close-btn {
    width: min(6.4vw, 52.8px);
    height: min(6.4vw, 52.8px);
    top: min(4vw, 33px);
    right: min(6.667vw, 55px);
  }
}
@media screen and (max-width: 835px) {
  .c-modal__close-btn {
    width: min(10.667vw, 44px);
    height: min(10.667vw, 44px);
    position: absolute;
    top: min(1.6vw, 6.6px);
    right: min(1.6vw, 6.6px);
  }
}
.c-modal__close-btn::before {
  content: "\f00d";
  color: #ffffff;
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 836px) {
  .c-modal__close-btn::before {
    font-size: clamp(17.85px, 2.8vw, 23.1px);
  }
}
@media screen and (max-width: 835px) {
  .c-modal__close-btn::before {
    font-size: clamp(16.15px, 5.067vw, 20.9px);
  }
}
@media screen and (min-width: 836px) {
  .c-modal__close-btn:hover {
    background-color: #535353;
  }
}
.c-modal__overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

.js-modal {
  display: block;
}

.js-modal,
.js-modal-close {
  cursor: pointer;
}

.u-text {
  font-weight: 500;
}
@media screen and (min-width: 836px) {
  .u-text {
    font-size: clamp(15.3px, 2.4vw, 19.8px);
  }
}
@media screen and (max-width: 835px) {
  .u-text {
    font-size: clamp(13.6px, 4.267vw, 17.6px);
  }
}
.u-text a {
  text-decoration: underline;
}
@media screen and (min-width: 836px) {
  .u-text a:hover {
    text-decoration: none;
  }
}
.u-text--notice {
  font-weight: 400;
}

.p-section {
  position: relative;
  z-index: 1;
}
.p-section__title {
  width: 100%;
}
@media screen and (min-width: 836px) {
  .p-section__title {
    max-width: min(112vw, 924px);
    margin-inline: auto;
    margin-bottom: min(4.8vw, 39.6px);
  }
}
@media screen and (max-width: 835px) {
  .p-section__title {
    margin-bottom: min(7.467vw, 30.8px);
  }
}
@media screen and (max-width: 835px) and (min-width: 376px) {
  .p-section__title {
    width: 80%;
    margin-inline: auto;
  }
}
.p-section__title img {
  width: 100%;
}

.p-ellipse {
  width: 100%;
  position: absolute;
  left: 50%;
  translate: -50% 0;
  z-index: 1;
}
.p-ellipse.--white path {
  fill: #ffffff;
}
.p-ellipse.--blue path {
  fill: #124c9b;
}
.p-ellipse.--sky-blue path {
  fill: #2775E0;
}
.p-ellipse.--gray path {
  fill: #f7f7f7;
}
.p-ellipse.--orange path {
  fill: #fcc800;
}
.p-ellipse.--top {
  top: 0;
}
.p-ellipse.--bottom {
  bottom: 0;
}

.p-circle-head {
  background-color: #124c9b;
  color: #ffffff;
  font-weight: 800;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  translate: -50% 0;
  z-index: 2;
}
@media screen and (min-width: 836px) {
  .p-circle-head {
    width: min(16vw, 132px);
    height: min(16vw, 132px);
    font-size: clamp(20.4px, 3.2vw, 26.4px);
    top: calc(min(8vw, 66px) * -1);
  }
}
@media screen and (max-width: 835px) {
  .p-circle-head {
    width: min(19.2vw, 79.2px);
    height: min(19.2vw, 79.2px);
    font-size: min(4.267vw, 17.6px);
    letter-spacing: -0.05em;
    top: calc(min(9.6vw, 39.6px) * -1);
  }
}

.p-banner {
  display: block;
}
.p-banner__lead {
  margin-inline: auto;
}
@media screen and (min-width: 836px) {
  .p-banner__lead {
    margin-top: min(9.067vw, 74.8px);
    margin-bottom: min(1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  .p-banner__lead {
    margin-top: min(16vw, 66px);
    margin-bottom: min(2.133vw, 8.8px);
  }
}
@media screen and (min-width: 836px) {
  .p-banner__lead.--single {
    width: min(58.4vw, 481.8px);
  }
}
@media screen and (max-width: 835px) {
  .p-banner__lead.--single {
    padding: 0 min(3.2vw, 13.2px);
  }
}

.l-body {
  max-width: 750px;
  margin: 0 auto;
}

.p-kv__wrapper {
  margin-top: min(-4vw, -33px) !important;
}
@media screen and (max-width: 835px) {
  .p-kv__wrapper {
    margin-top: -16vw !important;
  }
}
.p-kv__container, .p-kv__wrapper {
  width: 100%;
  position: relative;
}
.p-kv__container {
  background-color: #fcc800;
}
@media screen and (min-width: 836px) {
  .p-kv__container {
    padding-bottom: min(13.333vw, 110px);
  }
}
@media screen and (max-width: 835px) {
  .p-kv__container {
    padding-bottom: min(24.533vw, 101.2px);
  }
}
.p-kv__container::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 0;
}
@media screen and (min-width: 836px) {
  .p-kv__container::after {
    height: min(30.533vw, 251.9px);
  }
}
@media screen and (max-width: 835px) and (min-width: 376px) {
  .p-kv__container::after {
    height: 23.9520958084vw;
  }
}
@media screen and (max-width: 375px) {
  .p-kv__container::after {
    height: min(24vw, 99px);
  }
}
.p-kv__container::after {
  background-color: #fcc800;
  bottom: 0;
}
.--nocam .p-kv__container {
  background-color: #ffffff;
  padding-bottom: 0;
}
.--nocam .p-kv__container::after {
  content: none;
}
.p-kv__wrapper {
  background-color: #F7F7F7;
}
.p-kv__wrapper img {
  width: 100%;
}
.p-kv__notice, .p-kv__accordion {
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 835px) {
  .p-kv__notice, .p-kv__accordion {
    width: calc(100% - min(10.667vw, 44px));
  }
}
@media screen and (max-width: 835px) {
  .p-kv__accordion {
    margin-top: min(5.333vw, 22px);
  }
}

.p-faq__section {
  padding-top: min(7.467vw, 61.6px);
  padding-bottom: min(16vw, 132px);
}
@media screen and (max-width: 835px) {
  .p-faq__section {
    padding-top: min(14.933vw, 61.6px);
    padding-bottom: min(16vw, 66px);
  }
}
.p-faq__title {
  font-size: min(4.8vw, 39.6px);
  font-weight: 900 !important;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 835px) {
  .p-faq__title {
    font-size: min(6.4vw, 26.4px);
  }
}

.p-cta__section {
  background-color: #124c9b;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 836px) {
  .p-cta__section {
    padding-top: min(10.667vw, 88px);
    padding-bottom: min(10.667vw, 88px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__section {
    padding-top: min(10.667vw, 44px);
    padding-bottom: min(10.667vw, 44px);
  }
}
.--nocam .p-cta__section::before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 0;
  background-color: #124c9b;
}
@media screen and (min-width: 836px) {
  .--nocam .p-cta__section::before {
    height: min(30.533vw, 251.9px);
  }
}
@media screen and (max-width: 835px) and (min-width: 376px) {
  .--nocam .p-cta__section::before {
    height: 23.9520958084vw;
  }
}
@media screen and (max-width: 375px) {
  .--nocam .p-cta__section::before {
    height: min(24vw, 99px);
  }
}
@media screen and (min-width: 836px) {
  .--nocam .p-cta__section::before {
    top: calc(min(30.533vw, 251.9px) * -1);
  }
}
@media screen and (max-width: 835px) and (min-width: 376px) {
  .--nocam .p-cta__section::before {
    top: -23.9520958084vw;
  }
}
@media screen and (max-width: 375px) {
  .--nocam .p-cta__section::before {
    top: calc(min(24vw, 99px) * -1);
  }
}
.p-cta__banner {
  display: block;
}
@media screen and (min-width: 836px) {
  .p-cta__banner__wrapper {
    margin-top: min(5.333vw, 44px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__banner__wrapper {
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 836px) {
  .p-cta__banner + .p-cta__banner {
    margin-top: min(2.133vw, 17.6px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__banner + .p-cta__banner {
    margin-top: min(4.267vw, 17.6px);
  }
}
@media screen and (min-width: 836px) {
  .p-cta__switch__link, .p-cta__notice {
    margin-top: min(5.333vw, 44px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__switch__link, .p-cta__notice {
    margin-top: min(5.333vw, 22px);
  }
}
.p-cta__switch__link {
  text-align: center;
}
@media screen and (max-width: 835px) {
  .p-cta__switch__link {
    width: calc(100% + min(2.667vw, 11px));
  }
}
.p-cta__switch__link a {
  color: #fcc800;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (min-width: 836px) {
  .p-cta__switch__link a:hover {
    text-decoration: none;
  }
}
.p-cta__fixed {
  width: 100%;
  background-color: rgba(60, 57, 55, 0.9);
  position: fixed;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
  z-index: 10;
}
@media screen and (min-width: 836px) {
  .p-cta__fixed__inner {
    width: min(66.667vw, 550px);
    padding: min(1.333vw, 11px) 0;
    column-gap: min(1.333vw, 11px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 835px) {
  .p-cta__fixed__inner {
    padding: min(1.6vw, 6.6px);
    column-gap: min(1.6vw, 6.6px);
  }
}
.p-cta__fixed__link {
  font-weight: 800;
  text-align: center;
  display: block;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 836px) {
  .p-cta__fixed__link {
    font-size: clamp(20.4px, 3.2vw, 26.4px);
    padding-top: min(1.6vw, 13.2px);
    padding-bottom: min(1.067vw, 8.8px);
    border-radius: min(1.6vw, 13.2px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__fixed__link {
    font-size: min(3.733vw, 15.4px);
    padding-top: min(2.133vw, 8.8px);
    padding-bottom: min(2.133vw, 8.8px);
    border-radius: min(3.2vw, 13.2px);
  }
}
.p-cta__fixed__link.--sim {
  background-color: #2eb6c2;
  color: #ffffff;
}
@media screen and (min-width: 836px) {
  .p-cta__fixed__link.--sim:hover {
    background-color: #33c9d6;
  }
}
.p-cta__fixed__link.--entry {
  background-color: #fcc800;
  color: #3c3937;
}
@media screen and (min-width: 836px) {
  .p-cta__fixed__link.--entry:hover {
    background-color: #f9d447;
  }
}
.p-cta__fixed__link::before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (min-width: 836px) {
  .p-cta__fixed__link::before {
    font-size: clamp(15.3px, 2.4vw, 19.8px);
    right: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__fixed__link::before {
    font-size: min(3.2vw, 13.2px);
    right: min(1.067vw, 4.4px);
  }
}
.p-cta__fixed__link > span {
  width: fit-content;
  background-color: #ffffff;
  color: #3c3937;
  line-height: 1;
  border-radius: 999px;
  display: block;
  margin-inline: auto;
  margin-bottom: 0.5em;
  padding: 0.35em 1em;
}
@media screen and (min-width: 836px) {
  .p-cta__fixed__link > span {
    min-width: min(24vw, 198px);
    font-size: clamp(11.9px, 1.867vw, 15.4px);
  }
}
@media screen and (max-width: 835px) {
  .p-cta__fixed__link > span {
    min-width: min(36.267vw, 149.6px);
    font-size: min(3.2vw, 13.2px);
  }
}

.p-section-1 {
  position: relative;
  padding-top: 0vw;
}
.p-section-1__edge {
  width: 100%;
  position: absolute;
  top: -12vw;
}
@media screen and (max-width: 835px) {
  .p-section-1__edge {
    top: -24vw;
  }
}
.p-section-1__edge img {
  width: 100%;
}
.p-section-1__title {
  font-size: min(4.8vw, 39.6px);
  font-weight: 900;
  color: #124C9B;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 835px) {
  .p-section-1__title {
    font-size: min(6.4vw, 26.4px);
  }
}
.p-section-1__title span {
  color: #FA8800;
}
@media screen and (max-width: 835px) {
  .p-section-1__image.--protrude {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}

.p-section-2 {
  background-color: #FCC800;
}
.p-section-2__inner {
  background-color: white;
  border-radius: 16px;
  padding: 2.6666666667vw 1.6vw;
}
@media screen and (max-width: 835px) {
  .p-section-2__inner {
    padding: 5.3333333333vw 3.2vw;
  }
}
.p-section-2__cta {
  display: block;
  transform: scale(1.1);
}
@media screen and (max-width: 835px) {
  .p-section-2 .c-list--notice li {
    font-size: clamp(8.5px, 2.667vw, 11px);
    line-height: 1.15;
    margin-top: clamp(2.55px, 0.8vw, 3.3px);
  }
}

.p-section-3 {
  background-color: #F7F7F7;
}
.p-section-3__main {
  position: relative;
}
.p-section-3__title {
  position: absolute;
  top: 0;
}
.p-section-3__title.--2 {
  width: 39.3333333333vw;
  margin: 0 auto;
}
@media screen and (max-width: 835px) {
  .p-section-3__title.--2 {
    width: 78.6666666667vw;
  }
}
.p-section-3__image {
  position: absolute;
  top: min(17.333vw, 143px);
  left: 0;
  right: 0;
  width: min(80vw, 660px);
  margin: 2.1333333333vw auto 0;
}
.p-section-3__image img {
  width: 100%;
}
@media screen and (max-width: 835px) {
  .p-section-3__image {
    top: 18.6666666667vw;
    width: 92.8vw;
    margin: 4.2666666667vw auto 0;
  }
}
.p-section-3__graph {
  position: absolute;
  z-index: 1;
  top: min(57.333vw, 473px);
  width: min(60vw, 495px);
  margin: 1.8666666667vw 0 0 2.6666666667vw;
}
@media screen and (max-width: 835px) {
  .p-section-3__graph {
    top: 64vw;
    width: 66.6666666667vw;
    margin: 3.7333333333vw 0 0 5.3333333333vw;
  }
}
.p-section-3__edge {
  width: 100%;
  position: absolute;
  bottom: -1.3333333333vw;
  transform: scale(1.5);
}
@media screen and (max-width: 835px) {
  .p-section-3__edge {
    bottom: -5.3333333333vw;
  }
}
.p-section-3__block {
  width: 89.3333333333vw;
  margin: 0 auto;
  border: 0.5333333333vw solid #124C9B;
  border-radius: 4.2666666667vw;
  padding: 5.3333333333vw;
}

.p-section-4 {
  position: relative;
  background-color: #F7F7F7;
}
.p-section-4__inner {
  padding: 0 2.6666666667vw;
}
@media screen and (max-width: 835px) {
  .p-section-4__inner {
    padding: 0 5.3333333333vw;
  }
}
.p-section-4::before {
  position: absolute;
  content: "";
  top: -10.6666666667vw;
  width: 100%;
  height: 10.6666666667vw;
  background-color: #F7F7F7;
}
@media screen and (max-width: 835px) {
  .p-section-4::before {
    top: -10.6666666667vw;
    width: 100%;
    height: 10.6666666667vw;
  }
}
.p-section-4__title {
  width: clamp(425px, 66.667vw, 550px);
  margin: 0 auto;
}
.p-section-4__title img {
  width: 100%;
}
@media screen and (max-width: 835px) {
  .p-section-4__title {
    width: 78.6666666667vw;
    margin: 0 auto;
  }
}
.p-section-4__block {
  background-color: #fff;
  margin: 0 auto;
  border: 0.5333333333vw solid #124C9B;
  border-radius: 2.1333333333vw;
  padding: 2.6666666667vw;
}
@media screen and (max-width: 835px) {
  .p-section-4__block {
    width: 89.3333333333vw;
    margin: 0 auto;
    border: 0.5333333333vw solid #124C9B;
    border-radius: 4.2666666667vw;
    padding: 5.3333333333vw;
  }
}
.p-section-4__block img {
  width: 100%;
}

.p-section-5 {
  background-color: #F7F7F7;
}
@media screen and (min-width: 836px) {
  .p-section-5 {
    padding-top: min(10.667vw, 88px);
    padding-bottom: min(1.333vw, 11px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5 {
    padding-top: min(16vw, 66px);
    padding-bottom: min(1.333vw, 11px);
  }
}
.p-section-5__title {
  width: clamp(425px, 66.667vw, 550px);
  margin: 0 auto;
}
.p-section-5__title img {
  width: 100%;
}
@media screen and (max-width: 835px) {
  .p-section-5__title {
    width: 78.6666666667vw;
    margin: 0 auto;
  }
}
.p-section-5__lead {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 836px) {
  .p-section-5__image {
    margin-top: min(4vw, 33px);
    margin-bottom: min(7.467vw, 61.6px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__image {
    margin-top: min(8vw, 33px);
    margin-bottom: min(10.667vw, 44px);
  }
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion {
    margin-top: min(8vw, 66px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__accordion {
    margin-top: min(10.667vw, 44px);
  }
}
.p-section-5__accordion__title {
  font-weight: 800;
  text-align: center;
  border: solid 3px;
  background-color: white;
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion__title {
    border-radius: min(2.667vw, 22px);
    transition: opacity 0.3s ease;
  }
  .p-section-5__accordion__title:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__accordion__title {
    border-radius: min(5.333vw, 22px);
  }
}
.--denki .p-section-5__accordion__title {
  border-color: #FA8800;
  color: #FA8800;
}
.--gas .p-section-5__accordion__title {
  border-color: #2775E0;
  color: #2775E0;
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion__title {
    font-size: clamp(27.2px, 4.267vw, 35.2px);
    padding-top: min(4.267vw, 35.2px);
    padding-bottom: min(4.267vw, 35.2px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__accordion__title {
    padding-top: min(6.4vw, 26.4px);
    padding-bottom: min(6.4vw, 26.4px);
  }
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .p-section-5__accordion__title {
    font-size: 3.3532934132vw;
  }
}
@media screen and (max-width: 540px) {
  .p-section-5__accordion__title {
    font-size: clamp(15.3px, 4.8vw, 19.8px);
  }
}
.p-section-5__accordion__icon {
  border-radius: 50%;
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion__icon {
    width: min(6.4vw, 52.8px);
    height: min(6.4vw, 52.8px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__accordion__icon {
    width: min(6.4vw, 26.4px);
    height: min(6.4vw, 26.4px);
  }
}
.p-section-5__accordion__icon::before, .p-section-5__accordion__icon::after {
  color: #ffffff;
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion__icon::before, .p-section-5__accordion__icon::after {
    font-size: clamp(22.1px, 3.467vw, 28.6px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__accordion__icon::before, .p-section-5__accordion__icon::after {
    font-size: min(3.733vw, 15.4px);
  }
}
.--denki .p-section-5__accordion__icon {
  background-color: #FA8800;
}
.--gas .p-section-5__accordion__icon {
  background-color: #2775E0;
}
.p-section-5__accordion__box {
  background-color: #ffffff;
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion__box:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 836px) {
  .p-section-5__accordion__box dd {
    padding: min(2.667vw, 22px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__accordion__box dd {
    padding: min(11.733vw, 48.4px) min(2.133vw, 8.8px) 0;
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__plan__list {
    row-gap: min(5.333vw, 22px);
  }
}
.p-section-5__plan__item {
  border: solid 3px;
  position: relative;
  background-color: white;
}
@media screen and (min-width: 836px) {
  .p-section-5__plan__item {
    display: grid;
    align-items: center;
    border-radius: min(2.667vw, 22px);
    padding: min(4.267vw, 35.2px) min(2.667vw, 22px) min(4.8vw, 39.6px);
    grid-template-columns: 10.6666666667vw auto;
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__plan__item {
    border-radius: min(5.333vw, 22px);
    display: grid;
    align-items: center;
    column-gap: min(3.2vw, 13.2px);
    padding: min(7.467vw, 30.8px) min(4.267vw, 17.6px);
  }
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .p-section-5__plan__item {
    grid-template-columns: 23.9520958084vw auto;
    justify-content: center;
  }
}
@media screen and (max-width: 540px) {
  .p-section-5__plan__item {
    grid-template-columns: min(27.2vw, 112.2px) auto;
  }
}
.--denki .p-section-5__plan__item {
  border-color: #FA8800;
}
.--gas .p-section-5__plan__item {
  border-color: #2775E0;
}
@media screen and (min-width: 836px) {
  .p-section-5__plan__icon {
    margin-inline: auto;
    width: min(21.333vw, 176px);
  }
}
.p-section-5__plan__name {
  width: auto;
}
@media screen and (min-width: 836px) {
  .p-section-5__plan__name {
    text-align: center;
    margin-top: min(1.6vw, 13.2px);
    margin-inline: auto;
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__plan__name {
    text-align: left;
  }
}
.p-section-5__plan__name > span {
  display: block;
  line-height: 0;
}
@media screen and (min-width: 836px) {
  .p-section-5__plan__name > span {
    width: min(18.667vw, 154px);
    margin-inline: auto;
    margin-bottom: min(1.067vw, 8.8px);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__plan__name > span {
    width: clamp(112.2px, 35.2vw, 145.2px);
    margin-bottom: min(2.133vw, 8.8px);
  }
}
.p-section-5__plan__name > img {
  width: auto;
  max-width: none;
  height: min(3.2vw, 26.4px);
}
@media screen and (max-width: 835px) and (min-width: 541px) {
  .p-section-5__plan__name > img {
    height: 3.8323353293vw;
  }
}
@media screen and (max-width: 540px) {
  .p-section-5__plan__name > img {
    height: min(5.867vw, 24.2px);
  }
}
.p-section-5__plan__bal {
  color: #ffffff;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  letter-spacing: -0.1em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media screen and (min-width: 836px) {
  .p-section-5__plan__bal {
    width: min(9.6vw, 79.2px);
    height: min(9.6vw, 79.2px);
    font-size: clamp(11.05px, 1.733vw, 14.3px);
    top: calc(min(1.6vw, 13.2px) * -1);
    left: calc(min(2.133vw, 17.6px) * -1);
  }
}
@media screen and (max-width: 835px) {
  .p-section-5__plan__bal {
    width: clamp(61.2px, 19.2vw, 79.2px);
    height: clamp(61.2px, 19.2vw, 79.2px);
    font-size: clamp(11.05px, 3.467vw, 14.3px);
    top: calc(clamp(30.6px, 9.6vw, 39.6px) * -1);
    right: calc(clamp(8.5px, 2.667vw, 11px) * -1);
  }
}
.--denki .p-section-5__plan__bal {
  background-color: #FA6A02;
}
.--gas .p-section-5__plan__bal {
  background-color: #005AD5;
}
@media screen and (max-width: 835px) {
  .p-section-5__banner {
    width: 89.3333333333vw;
  }
}

.u-align--left {
  text-align: left !important;
}
@media screen and (max-width: 540px) {
  .u-align--left--sp {
    text-align: left !important;
  }
}
@media screen and (min-width: 541px) {
  .u-align--left--pc {
    text-align: left !important;
  }
}
.u-align--center {
  text-align: center !important;
}
@media screen and (max-width: 540px) {
  .u-align--center--sp {
    text-align: center !important;
  }
}
@media screen and (min-width: 541px) {
  .u-align--center--pc {
    text-align: center !important;
  }
}
.u-align--right {
  text-align: right !important;
}
@media screen and (max-width: 540px) {
  .u-align--right--sp {
    text-align: right !important;
  }
}
@media screen and (min-width: 541px) {
  .u-align--right--pc {
    text-align: right !important;
  }
}

.u-color--text {
  color: #3c3937 !important;
}
.u-color--text-second {
  color: #898683 !important;
}
.u-color--text-third {
  color: #bfc2c6 !important;
}
.u-color--text-white {
  color: #ffffff !important;
}
.u-color--text-placeholder {
  color: #8e9196 !important;
}
.u-color--text-alert {
  color: #df363d !important;
}
.u-color--text--yellow {
  color: #ffe200 !important;
}
.u-color--text--accent {
  color: #fcc800 !important;
}
.u-color--border {
  border: 1px solid #e8e8e8 !important;
}
.u-color--bg-gray {
  background-color: #f7f7f7 !important;
}
.u-color--bg-gray-second {
  background-color: #ebebeb !important;
}
.u-color--bg-gray-third {
  background-color: #f7f7f7 !important;
}
.u-color--bg-alert {
  background-color: #ffeeef !important;
}

.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: flex !important;
}
.d-flex-ai-start {
  align-items: flex-start;
}
.d-flex-ai-end {
  align-items: flex-end;
}
.d-flex-ai-center {
  align-items: center;
}
.d-flex-jc-start {
  justify-content: flex-start;
}
.d-flex-jc-end {
  justify-content: flex-end;
}
.d-flex-jc-center {
  justify-content: center;
}
.d-flex-jc-between {
  justify-content: space-between;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-shift {
  position: absolute;
  left: -9999px;
}

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: flex !important;
  }
  .d-lg-flex-ai-start {
    align-items: flex-start;
  }
  .d-lg-flex-ai-end {
    align-items: flex-end;
  }
  .d-lg-flex-ai-center {
    align-items: center;
  }
  .d-lg-flex-jc-start {
    justify-content: flex-start;
  }
  .d-lg-flex-jc-end {
    justify-content: flex-end;
  }
  .d-lg-flex-jc-center {
    justify-content: center;
  }
  .d-lg-flex-jc-between {
    justify-content: space-between;
  }
  .d-lg-inline-flex {
    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: 1195px) {
  .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: flex !important;
  }
  .d-tb-flex-ai-start {
    align-items: flex-start;
  }
  .d-tb-flex-ai-end {
    align-items: flex-end;
  }
  .d-tb-flex-ai-center {
    align-items: center;
  }
  .d-tb-flex-jc-start {
    justify-content: flex-start;
  }
  .d-tb-flex-jc-end {
    justify-content: flex-end;
  }
  .d-tb-flex-jc-center {
    justify-content: center;
  }
  .d-tb-flex-jc-between {
    justify-content: space-between;
  }
  .d-tb-inline-flex {
    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: 835px) {
  .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: flex !important;
  }
  .d-md-flex-ai-start {
    align-items: flex-start;
  }
  .d-md-flex-ai-end {
    align-items: flex-end;
  }
  .d-md-flex-ai-center {
    align-items: center;
  }
  .d-md-flex-jc-start {
    justify-content: flex-start;
  }
  .d-md-flex-jc-end {
    justify-content: flex-end;
  }
  .d-md-flex-jc-center {
    justify-content: center;
  }
  .d-md-flex-jc-between {
    justify-content: space-between;
  }
  .d-md-inline-flex {
    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: flex !important;
  }
  .d-sm-flex-ai-start {
    align-items: flex-start;
  }
  .d-sm-flex-ai-end {
    align-items: flex-end;
  }
  .d-sm-flex-ai-center {
    align-items: center;
  }
  .d-sm-flex-jc-start {
    justify-content: flex-start;
  }
  .d-sm-flex-jc-end {
    justify-content: flex-end;
  }
  .d-sm-flex-jc-center {
    justify-content: center;
  }
  .d-sm-flex-jc-between {
    justify-content: space-between;
  }
  .d-sm-inline-flex {
    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: 375px) {
  .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-0 {
  margin-top: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-0 {
    margin-top: min(0vw, 0px) !important;
  }
}

.u-mb-0 {
  margin-bottom: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-0 {
    margin-bottom: min(0vw, 0px) !important;
  }
}

.u-mt-4 {
  margin-top: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-4 {
    margin-top: min(1.067vw, 4.4px) !important;
  }
}

.u-mb-4 {
  margin-bottom: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-4 {
    margin-bottom: min(1.067vw, 4.4px) !important;
  }
}

.u-mt-8 {
  margin-top: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-8 {
    margin-top: min(2.133vw, 8.8px) !important;
  }
}

.u-mb-8 {
  margin-bottom: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-8 {
    margin-bottom: min(2.133vw, 8.8px) !important;
  }
}

.u-mt-12 {
  margin-top: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-12 {
    margin-top: min(3.2vw, 13.2px) !important;
  }
}

.u-mb-12 {
  margin-bottom: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-12 {
    margin-bottom: min(3.2vw, 13.2px) !important;
  }
}

.u-mt-16 {
  margin-top: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-16 {
    margin-top: min(4.267vw, 17.6px) !important;
  }
}

.u-mb-16 {
  margin-bottom: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-16 {
    margin-bottom: min(4.267vw, 17.6px) !important;
  }
}

.u-mt-20 {
  margin-top: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-20 {
    margin-top: min(5.333vw, 22px) !important;
  }
}

.u-mb-20 {
  margin-bottom: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-20 {
    margin-bottom: min(5.333vw, 22px) !important;
  }
}

.u-mt-24 {
  margin-top: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-24 {
    margin-top: min(6.4vw, 26.4px) !important;
  }
}

.u-mb-24 {
  margin-bottom: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-24 {
    margin-bottom: min(6.4vw, 26.4px) !important;
  }
}

.u-mt-28 {
  margin-top: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-28 {
    margin-top: min(7.467vw, 30.8px) !important;
  }
}

.u-mb-28 {
  margin-bottom: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-28 {
    margin-bottom: min(7.467vw, 30.8px) !important;
  }
}

.u-mt-32 {
  margin-top: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-32 {
    margin-top: min(8.533vw, 35.2px) !important;
  }
}

.u-mb-32 {
  margin-bottom: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-32 {
    margin-bottom: min(8.533vw, 35.2px) !important;
  }
}

.u-mt-36 {
  margin-top: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-36 {
    margin-top: min(9.6vw, 39.6px) !important;
  }
}

.u-mb-36 {
  margin-bottom: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-36 {
    margin-bottom: min(9.6vw, 39.6px) !important;
  }
}

.u-mt-40 {
  margin-top: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-40 {
    margin-top: min(10.667vw, 44px) !important;
  }
}

.u-mb-40 {
  margin-bottom: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-40 {
    margin-bottom: min(10.667vw, 44px) !important;
  }
}

.u-mt-44 {
  margin-top: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-44 {
    margin-top: min(11.733vw, 48.4px) !important;
  }
}

.u-mb-44 {
  margin-bottom: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-44 {
    margin-bottom: min(11.733vw, 48.4px) !important;
  }
}

.u-mt-48 {
  margin-top: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-48 {
    margin-top: min(12.8vw, 52.8px) !important;
  }
}

.u-mb-48 {
  margin-bottom: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-48 {
    margin-bottom: min(12.8vw, 52.8px) !important;
  }
}

.u-mt-52 {
  margin-top: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-52 {
    margin-top: min(13.867vw, 57.2px) !important;
  }
}

.u-mb-52 {
  margin-bottom: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-52 {
    margin-bottom: min(13.867vw, 57.2px) !important;
  }
}

.u-mt-56 {
  margin-top: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-56 {
    margin-top: min(14.933vw, 61.6px) !important;
  }
}

.u-mb-56 {
  margin-bottom: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-56 {
    margin-bottom: min(14.933vw, 61.6px) !important;
  }
}

.u-mt-60 {
  margin-top: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-60 {
    margin-top: min(16vw, 66px) !important;
  }
}

.u-mb-60 {
  margin-bottom: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-60 {
    margin-bottom: min(16vw, 66px) !important;
  }
}

.u-mt-64 {
  margin-top: min(8.533vw, 70.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-64 {
    margin-top: min(17.067vw, 70.4px) !important;
  }
}

.u-mb-64 {
  margin-bottom: min(8.533vw, 70.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-64 {
    margin-bottom: min(17.067vw, 70.4px) !important;
  }
}

.u-mt-68 {
  margin-top: min(9.067vw, 74.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-68 {
    margin-top: min(18.133vw, 74.8px) !important;
  }
}

.u-mb-68 {
  margin-bottom: min(9.067vw, 74.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-68 {
    margin-bottom: min(18.133vw, 74.8px) !important;
  }
}

.u-mt-72 {
  margin-top: min(9.6vw, 79.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-72 {
    margin-top: min(19.2vw, 79.2px) !important;
  }
}

.u-mb-72 {
  margin-bottom: min(9.6vw, 79.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-72 {
    margin-bottom: min(19.2vw, 79.2px) !important;
  }
}

.u-mt-76 {
  margin-top: min(10.133vw, 83.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-76 {
    margin-top: min(20.267vw, 83.6px) !important;
  }
}

.u-mb-76 {
  margin-bottom: min(10.133vw, 83.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-76 {
    margin-bottom: min(20.267vw, 83.6px) !important;
  }
}

.u-mt-80 {
  margin-top: min(10.667vw, 88px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-80 {
    margin-top: min(21.333vw, 88px) !important;
  }
}

.u-mb-80 {
  margin-bottom: min(10.667vw, 88px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-80 {
    margin-bottom: min(21.333vw, 88px) !important;
  }
}

.u-mt-84 {
  margin-top: min(11.2vw, 92.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-84 {
    margin-top: min(22.4vw, 92.4px) !important;
  }
}

.u-mb-84 {
  margin-bottom: min(11.2vw, 92.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-84 {
    margin-bottom: min(22.4vw, 92.4px) !important;
  }
}

.u-mt-88 {
  margin-top: min(11.733vw, 96.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-88 {
    margin-top: min(23.467vw, 96.8px) !important;
  }
}

.u-mb-88 {
  margin-bottom: min(11.733vw, 96.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-88 {
    margin-bottom: min(23.467vw, 96.8px) !important;
  }
}

.u-mt-92 {
  margin-top: min(12.267vw, 101.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-92 {
    margin-top: min(24.533vw, 101.2px) !important;
  }
}

.u-mb-92 {
  margin-bottom: min(12.267vw, 101.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-92 {
    margin-bottom: min(24.533vw, 101.2px) !important;
  }
}

.u-mt-96 {
  margin-top: min(12.8vw, 105.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-96 {
    margin-top: min(25.6vw, 105.6px) !important;
  }
}

.u-mb-96 {
  margin-bottom: min(12.8vw, 105.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-96 {
    margin-bottom: min(25.6vw, 105.6px) !important;
  }
}

.u-mt-100 {
  margin-top: min(13.333vw, 110px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-100 {
    margin-top: min(26.667vw, 110px) !important;
  }
}

.u-mb-100 {
  margin-bottom: min(13.333vw, 110px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-100 {
    margin-bottom: min(26.667vw, 110px) !important;
  }
}

.u-mt-104 {
  margin-top: min(13.867vw, 114.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-104 {
    margin-top: min(27.733vw, 114.4px) !important;
  }
}

.u-mb-104 {
  margin-bottom: min(13.867vw, 114.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-104 {
    margin-bottom: min(27.733vw, 114.4px) !important;
  }
}

.u-mt-108 {
  margin-top: min(14.4vw, 118.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-108 {
    margin-top: min(28.8vw, 118.8px) !important;
  }
}

.u-mb-108 {
  margin-bottom: min(14.4vw, 118.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-108 {
    margin-bottom: min(28.8vw, 118.8px) !important;
  }
}

.u-mt-112 {
  margin-top: min(14.933vw, 123.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-112 {
    margin-top: min(29.867vw, 123.2px) !important;
  }
}

.u-mb-112 {
  margin-bottom: min(14.933vw, 123.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-112 {
    margin-bottom: min(29.867vw, 123.2px) !important;
  }
}

.u-mt-116 {
  margin-top: min(15.467vw, 127.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-116 {
    margin-top: min(30.933vw, 127.6px) !important;
  }
}

.u-mb-116 {
  margin-bottom: min(15.467vw, 127.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-116 {
    margin-bottom: min(30.933vw, 127.6px) !important;
  }
}

.u-mt-120 {
  margin-top: min(16vw, 132px) !important;
}
@media screen and (max-width: 835px) {
  .u-mt-120 {
    margin-top: min(32vw, 132px) !important;
  }
}

.u-mb-120 {
  margin-bottom: min(16vw, 132px) !important;
}
@media screen and (max-width: 835px) {
  .u-mb-120 {
    margin-bottom: min(32vw, 132px) !important;
  }
}

.u-ml-0 {
  margin-left: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-0 {
    margin-left: min(0vw, 0px) !important;
  }
}

.u-mr-0 {
  margin-right: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-0 {
    margin-right: min(0vw, 0px) !important;
  }
}

.u-ml-4 {
  margin-left: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-4 {
    margin-left: min(1.067vw, 4.4px) !important;
  }
}

.u-mr-4 {
  margin-right: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-4 {
    margin-right: min(1.067vw, 4.4px) !important;
  }
}

.u-ml-8 {
  margin-left: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-8 {
    margin-left: min(2.133vw, 8.8px) !important;
  }
}

.u-mr-8 {
  margin-right: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-8 {
    margin-right: min(2.133vw, 8.8px) !important;
  }
}

.u-ml-12 {
  margin-left: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-12 {
    margin-left: min(3.2vw, 13.2px) !important;
  }
}

.u-mr-12 {
  margin-right: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-12 {
    margin-right: min(3.2vw, 13.2px) !important;
  }
}

.u-ml-16 {
  margin-left: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-16 {
    margin-left: min(4.267vw, 17.6px) !important;
  }
}

.u-mr-16 {
  margin-right: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-16 {
    margin-right: min(4.267vw, 17.6px) !important;
  }
}

.u-ml-20 {
  margin-left: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-20 {
    margin-left: min(5.333vw, 22px) !important;
  }
}

.u-mr-20 {
  margin-right: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-20 {
    margin-right: min(5.333vw, 22px) !important;
  }
}

.u-ml-24 {
  margin-left: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-24 {
    margin-left: min(6.4vw, 26.4px) !important;
  }
}

.u-mr-24 {
  margin-right: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-24 {
    margin-right: min(6.4vw, 26.4px) !important;
  }
}

.u-ml-28 {
  margin-left: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-28 {
    margin-left: min(7.467vw, 30.8px) !important;
  }
}

.u-mr-28 {
  margin-right: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-28 {
    margin-right: min(7.467vw, 30.8px) !important;
  }
}

.u-ml-32 {
  margin-left: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-32 {
    margin-left: min(8.533vw, 35.2px) !important;
  }
}

.u-mr-32 {
  margin-right: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-32 {
    margin-right: min(8.533vw, 35.2px) !important;
  }
}

.u-ml-36 {
  margin-left: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-36 {
    margin-left: min(9.6vw, 39.6px) !important;
  }
}

.u-mr-36 {
  margin-right: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-36 {
    margin-right: min(9.6vw, 39.6px) !important;
  }
}

.u-ml-40 {
  margin-left: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-ml-40 {
    margin-left: min(10.667vw, 44px) !important;
  }
}

.u-mr-40 {
  margin-right: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-mr-40 {
    margin-right: min(10.667vw, 44px) !important;
  }
}

@media screen and (min-width: 836px) {
  .u-m-pc-0 {
    margin: 0 !important;
  }
  .u-m-pc-auto {
    margin: auto !important;
  }
  .u-m-pc-left {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .u-m-pc-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-m-pc-right {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .u-mt-pc-0 {
    margin-top: 0 !important;
  }
  .u-mt-pc-0 {
    margin-top: min(0vw, 0px) !important;
  }
  .u-mb-pc-0 {
    margin-bottom: min(0vw, 0px) !important;
  }
  .u-mt-pc-4 {
    margin-top: min(1.067vw, 4.4px) !important;
  }
  .u-mb-pc-4 {
    margin-bottom: min(1.067vw, 4.4px) !important;
  }
  .u-mt-pc-8 {
    margin-top: min(2.133vw, 8.8px) !important;
  }
  .u-mb-pc-8 {
    margin-bottom: min(2.133vw, 8.8px) !important;
  }
  .u-mt-pc-12 {
    margin-top: min(3.2vw, 13.2px) !important;
  }
  .u-mb-pc-12 {
    margin-bottom: min(3.2vw, 13.2px) !important;
  }
  .u-mt-pc-16 {
    margin-top: min(4.267vw, 17.6px) !important;
  }
  .u-mb-pc-16 {
    margin-bottom: min(4.267vw, 17.6px) !important;
  }
  .u-mt-pc-20 {
    margin-top: min(5.333vw, 22px) !important;
  }
  .u-mb-pc-20 {
    margin-bottom: min(5.333vw, 22px) !important;
  }
  .u-mt-pc-24 {
    margin-top: min(6.4vw, 26.4px) !important;
  }
  .u-mb-pc-24 {
    margin-bottom: min(6.4vw, 26.4px) !important;
  }
  .u-mt-pc-28 {
    margin-top: min(7.467vw, 30.8px) !important;
  }
  .u-mb-pc-28 {
    margin-bottom: min(7.467vw, 30.8px) !important;
  }
  .u-mt-pc-32 {
    margin-top: min(8.533vw, 35.2px) !important;
  }
  .u-mb-pc-32 {
    margin-bottom: min(8.533vw, 35.2px) !important;
  }
  .u-mt-pc-36 {
    margin-top: min(9.6vw, 39.6px) !important;
  }
  .u-mb-pc-36 {
    margin-bottom: min(9.6vw, 39.6px) !important;
  }
  .u-mt-pc-40 {
    margin-top: min(10.667vw, 44px) !important;
  }
  .u-mb-pc-40 {
    margin-bottom: min(10.667vw, 44px) !important;
  }
  .u-mt-pc-44 {
    margin-top: min(11.733vw, 48.4px) !important;
  }
  .u-mb-pc-44 {
    margin-bottom: min(11.733vw, 48.4px) !important;
  }
  .u-mt-pc-48 {
    margin-top: min(12.8vw, 52.8px) !important;
  }
  .u-mb-pc-48 {
    margin-bottom: min(12.8vw, 52.8px) !important;
  }
  .u-mt-pc-52 {
    margin-top: min(13.867vw, 57.2px) !important;
  }
  .u-mb-pc-52 {
    margin-bottom: min(13.867vw, 57.2px) !important;
  }
  .u-mt-pc-56 {
    margin-top: min(14.933vw, 61.6px) !important;
  }
  .u-mb-pc-56 {
    margin-bottom: min(14.933vw, 61.6px) !important;
  }
  .u-mt-pc-60 {
    margin-top: min(16vw, 66px) !important;
  }
  .u-mb-pc-60 {
    margin-bottom: min(16vw, 66px) !important;
  }
}
@media screen and (max-width: 1195px) {
  .u-m-tb-0 {
    margin: 0 !important;
  }
  .u-m-tb-auto {
    margin: auto !important;
  }
  .u-m-tb-left {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .u-m-tb-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-m-tb-right {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .u-mt-tb-0 {
    margin-top: min(0vw, 0px) !important;
  }
  .u-mb-tb-0 {
    margin-bottom: min(0vw, 0px) !important;
  }
  .u-mt-tb-4 {
    margin-top: min(1.067vw, 4.4px) !important;
  }
  .u-mb-tb-4 {
    margin-bottom: min(1.067vw, 4.4px) !important;
  }
  .u-mt-tb-8 {
    margin-top: min(2.133vw, 8.8px) !important;
  }
  .u-mb-tb-8 {
    margin-bottom: min(2.133vw, 8.8px) !important;
  }
  .u-mt-tb-12 {
    margin-top: min(3.2vw, 13.2px) !important;
  }
  .u-mb-tb-12 {
    margin-bottom: min(3.2vw, 13.2px) !important;
  }
  .u-mt-tb-16 {
    margin-top: min(4.267vw, 17.6px) !important;
  }
  .u-mb-tb-16 {
    margin-bottom: min(4.267vw, 17.6px) !important;
  }
  .u-mt-tb-20 {
    margin-top: min(5.333vw, 22px) !important;
  }
  .u-mb-tb-20 {
    margin-bottom: min(5.333vw, 22px) !important;
  }
  .u-mt-tb-24 {
    margin-top: min(6.4vw, 26.4px) !important;
  }
  .u-mb-tb-24 {
    margin-bottom: min(6.4vw, 26.4px) !important;
  }
  .u-mt-tb-28 {
    margin-top: min(7.467vw, 30.8px) !important;
  }
  .u-mb-tb-28 {
    margin-bottom: min(7.467vw, 30.8px) !important;
  }
  .u-mt-tb-32 {
    margin-top: min(8.533vw, 35.2px) !important;
  }
  .u-mb-tb-32 {
    margin-bottom: min(8.533vw, 35.2px) !important;
  }
  .u-mt-tb-36 {
    margin-top: min(9.6vw, 39.6px) !important;
  }
  .u-mb-tb-36 {
    margin-bottom: min(9.6vw, 39.6px) !important;
  }
  .u-mt-tb-40 {
    margin-top: min(10.667vw, 44px) !important;
  }
  .u-mb-tb-40 {
    margin-bottom: min(10.667vw, 44px) !important;
  }
  .u-mt-tb-44 {
    margin-top: min(11.733vw, 48.4px) !important;
  }
  .u-mb-tb-44 {
    margin-bottom: min(11.733vw, 48.4px) !important;
  }
  .u-mt-tb-48 {
    margin-top: min(12.8vw, 52.8px) !important;
  }
  .u-mb-tb-48 {
    margin-bottom: min(12.8vw, 52.8px) !important;
  }
  .u-mt-tb-52 {
    margin-top: min(13.867vw, 57.2px) !important;
  }
  .u-mb-tb-52 {
    margin-bottom: min(13.867vw, 57.2px) !important;
  }
  .u-mt-tb-56 {
    margin-top: min(14.933vw, 61.6px) !important;
  }
  .u-mb-tb-56 {
    margin-bottom: min(14.933vw, 61.6px) !important;
  }
  .u-mt-tb-60 {
    margin-top: min(16vw, 66px) !important;
  }
  .u-mb-tb-60 {
    margin-bottom: min(16vw, 66px) !important;
  }
}
@media screen and (max-width: 835px) {
  .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(0vw, 0px) !important;
  }
  .u-mb-md-0 {
    margin-bottom: min(0vw, 0px) !important;
  }
  .u-mt-md-4 {
    margin-top: min(1.067vw, 4.4px) !important;
  }
  .u-mb-md-4 {
    margin-bottom: min(1.067vw, 4.4px) !important;
  }
  .u-mt-md-8 {
    margin-top: min(2.133vw, 8.8px) !important;
  }
  .u-mb-md-8 {
    margin-bottom: min(2.133vw, 8.8px) !important;
  }
  .u-mt-md-12 {
    margin-top: min(3.2vw, 13.2px) !important;
  }
  .u-mb-md-12 {
    margin-bottom: min(3.2vw, 13.2px) !important;
  }
  .u-mt-md-16 {
    margin-top: min(4.267vw, 17.6px) !important;
  }
  .u-mb-md-16 {
    margin-bottom: min(4.267vw, 17.6px) !important;
  }
  .u-mt-md-20 {
    margin-top: min(5.333vw, 22px) !important;
  }
  .u-mb-md-20 {
    margin-bottom: min(5.333vw, 22px) !important;
  }
  .u-mt-md-24 {
    margin-top: min(6.4vw, 26.4px) !important;
  }
  .u-mb-md-24 {
    margin-bottom: min(6.4vw, 26.4px) !important;
  }
  .u-mt-md-28 {
    margin-top: min(7.467vw, 30.8px) !important;
  }
  .u-mb-md-28 {
    margin-bottom: min(7.467vw, 30.8px) !important;
  }
  .u-mt-md-32 {
    margin-top: min(8.533vw, 35.2px) !important;
  }
  .u-mb-md-32 {
    margin-bottom: min(8.533vw, 35.2px) !important;
  }
  .u-mt-md-36 {
    margin-top: min(9.6vw, 39.6px) !important;
  }
  .u-mb-md-36 {
    margin-bottom: min(9.6vw, 39.6px) !important;
  }
  .u-mt-md-40 {
    margin-top: min(10.667vw, 44px) !important;
  }
  .u-mb-md-40 {
    margin-bottom: min(10.667vw, 44px) !important;
  }
  .u-mt-md-44 {
    margin-top: min(11.733vw, 48.4px) !important;
  }
  .u-mb-md-44 {
    margin-bottom: min(11.733vw, 48.4px) !important;
  }
  .u-mt-md-48 {
    margin-top: min(12.8vw, 52.8px) !important;
  }
  .u-mb-md-48 {
    margin-bottom: min(12.8vw, 52.8px) !important;
  }
  .u-mt-md-52 {
    margin-top: min(13.867vw, 57.2px) !important;
  }
  .u-mb-md-52 {
    margin-bottom: min(13.867vw, 57.2px) !important;
  }
  .u-mt-md-56 {
    margin-top: min(14.933vw, 61.6px) !important;
  }
  .u-mb-md-56 {
    margin-bottom: min(14.933vw, 61.6px) !important;
  }
  .u-mt-md-60 {
    margin-top: min(16vw, 66px) !important;
  }
  .u-mb-md-60 {
    margin-bottom: min(16vw, 66px) !important;
  }
}
@media screen and (max-width: 540px) {
  .u-m-sm-0 {
    margin: 0 !important;
  }
  .u-m-sm-auto {
    margin: auto !important;
  }
  .u-m-sm-left {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .u-m-sm-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-m-sm-right {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .u-mt-sm-0 {
    margin-top: min(0vw, 0px) !important;
  }
  .u-mb-sm-0 {
    margin-bottom: min(0vw, 0px) !important;
  }
  .u-mt-sm-4 {
    margin-top: min(1.067vw, 4.4px) !important;
  }
  .u-mb-sm-4 {
    margin-bottom: min(1.067vw, 4.4px) !important;
  }
  .u-mt-sm-8 {
    margin-top: min(2.133vw, 8.8px) !important;
  }
  .u-mb-sm-8 {
    margin-bottom: min(2.133vw, 8.8px) !important;
  }
  .u-mt-sm-12 {
    margin-top: min(3.2vw, 13.2px) !important;
  }
  .u-mb-sm-12 {
    margin-bottom: min(3.2vw, 13.2px) !important;
  }
  .u-mt-sm-16 {
    margin-top: min(4.267vw, 17.6px) !important;
  }
  .u-mb-sm-16 {
    margin-bottom: min(4.267vw, 17.6px) !important;
  }
  .u-mt-sm-20 {
    margin-top: min(5.333vw, 22px) !important;
  }
  .u-mb-sm-20 {
    margin-bottom: min(5.333vw, 22px) !important;
  }
  .u-mt-sm-24 {
    margin-top: min(6.4vw, 26.4px) !important;
  }
  .u-mb-sm-24 {
    margin-bottom: min(6.4vw, 26.4px) !important;
  }
  .u-mt-sm-28 {
    margin-top: min(7.467vw, 30.8px) !important;
  }
  .u-mb-sm-28 {
    margin-bottom: min(7.467vw, 30.8px) !important;
  }
  .u-mt-sm-32 {
    margin-top: min(8.533vw, 35.2px) !important;
  }
  .u-mb-sm-32 {
    margin-bottom: min(8.533vw, 35.2px) !important;
  }
  .u-mt-sm-36 {
    margin-top: min(9.6vw, 39.6px) !important;
  }
  .u-mb-sm-36 {
    margin-bottom: min(9.6vw, 39.6px) !important;
  }
  .u-mt-sm-40 {
    margin-top: min(10.667vw, 44px) !important;
  }
  .u-mb-sm-40 {
    margin-bottom: min(10.667vw, 44px) !important;
  }
}
.u-p-0 {
  padding: 0 !important;
}

.u-pt-0 {
  padding-top: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-0 {
    padding-top: min(0vw, 0px) !important;
  }
}

.u-pb-0 {
  padding-bottom: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-0 {
    padding-bottom: min(0vw, 0px) !important;
  }
}

.u-pt-4 {
  padding-top: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-4 {
    padding-top: min(1.067vw, 4.4px) !important;
  }
}

.u-pb-4 {
  padding-bottom: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-4 {
    padding-bottom: min(1.067vw, 4.4px) !important;
  }
}

.u-pt-8 {
  padding-top: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-8 {
    padding-top: min(2.133vw, 8.8px) !important;
  }
}

.u-pb-8 {
  padding-bottom: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-8 {
    padding-bottom: min(2.133vw, 8.8px) !important;
  }
}

.u-pt-12 {
  padding-top: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-12 {
    padding-top: min(3.2vw, 13.2px) !important;
  }
}

.u-pb-12 {
  padding-bottom: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-12 {
    padding-bottom: min(3.2vw, 13.2px) !important;
  }
}

.u-pt-16 {
  padding-top: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-16 {
    padding-top: min(4.267vw, 17.6px) !important;
  }
}

.u-pb-16 {
  padding-bottom: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-16 {
    padding-bottom: min(4.267vw, 17.6px) !important;
  }
}

.u-pt-20 {
  padding-top: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-20 {
    padding-top: min(5.333vw, 22px) !important;
  }
}

.u-pb-20 {
  padding-bottom: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-20 {
    padding-bottom: min(5.333vw, 22px) !important;
  }
}

.u-pt-24 {
  padding-top: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-24 {
    padding-top: min(6.4vw, 26.4px) !important;
  }
}

.u-pb-24 {
  padding-bottom: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-24 {
    padding-bottom: min(6.4vw, 26.4px) !important;
  }
}

.u-pt-28 {
  padding-top: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-28 {
    padding-top: min(7.467vw, 30.8px) !important;
  }
}

.u-pb-28 {
  padding-bottom: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-28 {
    padding-bottom: min(7.467vw, 30.8px) !important;
  }
}

.u-pt-32 {
  padding-top: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-32 {
    padding-top: min(8.533vw, 35.2px) !important;
  }
}

.u-pb-32 {
  padding-bottom: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-32 {
    padding-bottom: min(8.533vw, 35.2px) !important;
  }
}

.u-pt-36 {
  padding-top: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-36 {
    padding-top: min(9.6vw, 39.6px) !important;
  }
}

.u-pb-36 {
  padding-bottom: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-36 {
    padding-bottom: min(9.6vw, 39.6px) !important;
  }
}

.u-pt-40 {
  padding-top: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-40 {
    padding-top: min(10.667vw, 44px) !important;
  }
}

.u-pb-40 {
  padding-bottom: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-40 {
    padding-bottom: min(10.667vw, 44px) !important;
  }
}

.u-pt-44 {
  padding-top: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-44 {
    padding-top: min(11.733vw, 48.4px) !important;
  }
}

.u-pb-44 {
  padding-bottom: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-44 {
    padding-bottom: min(11.733vw, 48.4px) !important;
  }
}

.u-pt-48 {
  padding-top: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-48 {
    padding-top: min(12.8vw, 52.8px) !important;
  }
}

.u-pb-48 {
  padding-bottom: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-48 {
    padding-bottom: min(12.8vw, 52.8px) !important;
  }
}

.u-pt-52 {
  padding-top: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-52 {
    padding-top: min(13.867vw, 57.2px) !important;
  }
}

.u-pb-52 {
  padding-bottom: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-52 {
    padding-bottom: min(13.867vw, 57.2px) !important;
  }
}

.u-pt-56 {
  padding-top: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-56 {
    padding-top: min(14.933vw, 61.6px) !important;
  }
}

.u-pb-56 {
  padding-bottom: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-56 {
    padding-bottom: min(14.933vw, 61.6px) !important;
  }
}

.u-pt-60 {
  padding-top: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-60 {
    padding-top: min(16vw, 66px) !important;
  }
}

.u-pb-60 {
  padding-bottom: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-60 {
    padding-bottom: min(16vw, 66px) !important;
  }
}

.u-pt-64 {
  padding-top: min(8.533vw, 70.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-64 {
    padding-top: min(17.067vw, 70.4px) !important;
  }
}

.u-pb-64 {
  padding-bottom: min(8.533vw, 70.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-64 {
    padding-bottom: min(17.067vw, 70.4px) !important;
  }
}

.u-pt-68 {
  padding-top: min(9.067vw, 74.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-68 {
    padding-top: min(18.133vw, 74.8px) !important;
  }
}

.u-pb-68 {
  padding-bottom: min(9.067vw, 74.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-68 {
    padding-bottom: min(18.133vw, 74.8px) !important;
  }
}

.u-pt-72 {
  padding-top: min(9.6vw, 79.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-72 {
    padding-top: min(19.2vw, 79.2px) !important;
  }
}

.u-pb-72 {
  padding-bottom: min(9.6vw, 79.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-72 {
    padding-bottom: min(19.2vw, 79.2px) !important;
  }
}

.u-pt-76 {
  padding-top: min(10.133vw, 83.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-76 {
    padding-top: min(20.267vw, 83.6px) !important;
  }
}

.u-pb-76 {
  padding-bottom: min(10.133vw, 83.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-76 {
    padding-bottom: min(20.267vw, 83.6px) !important;
  }
}

.u-pt-80 {
  padding-top: min(10.667vw, 88px) !important;
}
@media screen and (max-width: 835px) {
  .u-pt-80 {
    padding-top: min(21.333vw, 88px) !important;
  }
}

.u-pb-80 {
  padding-bottom: min(10.667vw, 88px) !important;
}
@media screen and (max-width: 835px) {
  .u-pb-80 {
    padding-bottom: min(21.333vw, 88px) !important;
  }
}

.u-pl-0 {
  padding-left: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-0 {
    padding-left: min(0vw, 0px) !important;
  }
}

.u-pr-0 {
  padding-right: min(0vw, 0px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-0 {
    padding-right: min(0vw, 0px) !important;
  }
}

.u-pl-4 {
  padding-left: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-4 {
    padding-left: min(1.067vw, 4.4px) !important;
  }
}

.u-pr-4 {
  padding-right: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-4 {
    padding-right: min(1.067vw, 4.4px) !important;
  }
}

.u-pl-8 {
  padding-left: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-8 {
    padding-left: min(2.133vw, 8.8px) !important;
  }
}

.u-pr-8 {
  padding-right: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-8 {
    padding-right: min(2.133vw, 8.8px) !important;
  }
}

.u-pl-12 {
  padding-left: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-12 {
    padding-left: min(3.2vw, 13.2px) !important;
  }
}

.u-pr-12 {
  padding-right: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-12 {
    padding-right: min(3.2vw, 13.2px) !important;
  }
}

.u-pl-16 {
  padding-left: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-16 {
    padding-left: min(4.267vw, 17.6px) !important;
  }
}

.u-pr-16 {
  padding-right: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-16 {
    padding-right: min(4.267vw, 17.6px) !important;
  }
}

.u-pl-20 {
  padding-left: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-20 {
    padding-left: min(5.333vw, 22px) !important;
  }
}

.u-pr-20 {
  padding-right: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-20 {
    padding-right: min(5.333vw, 22px) !important;
  }
}

.u-pl-24 {
  padding-left: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-24 {
    padding-left: min(6.4vw, 26.4px) !important;
  }
}

.u-pr-24 {
  padding-right: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-24 {
    padding-right: min(6.4vw, 26.4px) !important;
  }
}

.u-pl-28 {
  padding-left: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-28 {
    padding-left: min(7.467vw, 30.8px) !important;
  }
}

.u-pr-28 {
  padding-right: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-28 {
    padding-right: min(7.467vw, 30.8px) !important;
  }
}

.u-pl-32 {
  padding-left: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-32 {
    padding-left: min(8.533vw, 35.2px) !important;
  }
}

.u-pr-32 {
  padding-right: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-32 {
    padding-right: min(8.533vw, 35.2px) !important;
  }
}

.u-pl-36 {
  padding-left: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-36 {
    padding-left: min(9.6vw, 39.6px) !important;
  }
}

.u-pr-36 {
  padding-right: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-36 {
    padding-right: min(9.6vw, 39.6px) !important;
  }
}

.u-pl-40 {
  padding-left: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-40 {
    padding-left: min(10.667vw, 44px) !important;
  }
}

.u-pr-40 {
  padding-right: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-40 {
    padding-right: min(10.667vw, 44px) !important;
  }
}

.u-pl-44 {
  padding-left: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-44 {
    padding-left: min(11.733vw, 48.4px) !important;
  }
}

.u-pr-44 {
  padding-right: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-44 {
    padding-right: min(11.733vw, 48.4px) !important;
  }
}

.u-pl-48 {
  padding-left: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-48 {
    padding-left: min(12.8vw, 52.8px) !important;
  }
}

.u-pr-48 {
  padding-right: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-48 {
    padding-right: min(12.8vw, 52.8px) !important;
  }
}

.u-pl-52 {
  padding-left: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-52 {
    padding-left: min(13.867vw, 57.2px) !important;
  }
}

.u-pr-52 {
  padding-right: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-52 {
    padding-right: min(13.867vw, 57.2px) !important;
  }
}

.u-pl-56 {
  padding-left: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-56 {
    padding-left: min(14.933vw, 61.6px) !important;
  }
}

.u-pr-56 {
  padding-right: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-56 {
    padding-right: min(14.933vw, 61.6px) !important;
  }
}

.u-pl-60 {
  padding-left: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-pl-60 {
    padding-left: min(16vw, 66px) !important;
  }
}

.u-pr-60 {
  padding-right: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-pr-60 {
    padding-right: min(16vw, 66px) !important;
  }
}

@media screen and (max-width: 835px) {
  .u-pt-md-0 {
    padding-top: min(0vw, 0px) !important;
  }
  .u-pb-md-0 {
    padding-bottom: min(0vw, 0px) !important;
  }
  .u-pt-md-4 {
    padding-top: min(1.067vw, 4.4px) !important;
  }
  .u-pb-md-4 {
    padding-bottom: min(1.067vw, 4.4px) !important;
  }
  .u-pt-md-8 {
    padding-top: min(2.133vw, 8.8px) !important;
  }
  .u-pb-md-8 {
    padding-bottom: min(2.133vw, 8.8px) !important;
  }
  .u-pt-md-12 {
    padding-top: min(3.2vw, 13.2px) !important;
  }
  .u-pb-md-12 {
    padding-bottom: min(3.2vw, 13.2px) !important;
  }
  .u-pt-md-16 {
    padding-top: min(4.267vw, 17.6px) !important;
  }
  .u-pb-md-16 {
    padding-bottom: min(4.267vw, 17.6px) !important;
  }
  .u-pt-md-20 {
    padding-top: min(5.333vw, 22px) !important;
  }
  .u-pb-md-20 {
    padding-bottom: min(5.333vw, 22px) !important;
  }
  .u-pt-md-24 {
    padding-top: min(6.4vw, 26.4px) !important;
  }
  .u-pb-md-24 {
    padding-bottom: min(6.4vw, 26.4px) !important;
  }
  .u-pt-md-28 {
    padding-top: min(7.467vw, 30.8px) !important;
  }
  .u-pb-md-28 {
    padding-bottom: min(7.467vw, 30.8px) !important;
  }
  .u-pt-md-32 {
    padding-top: min(8.533vw, 35.2px) !important;
  }
  .u-pb-md-32 {
    padding-bottom: min(8.533vw, 35.2px) !important;
  }
  .u-pt-md-36 {
    padding-top: min(9.6vw, 39.6px) !important;
  }
  .u-pb-md-36 {
    padding-bottom: min(9.6vw, 39.6px) !important;
  }
  .u-pt-md-40 {
    padding-top: min(10.667vw, 44px) !important;
  }
  .u-pb-md-40 {
    padding-bottom: min(10.667vw, 44px) !important;
  }
  .u-pt-md-44 {
    padding-top: min(11.733vw, 48.4px) !important;
  }
  .u-pb-md-44 {
    padding-bottom: min(11.733vw, 48.4px) !important;
  }
  .u-pt-md-48 {
    padding-top: min(12.8vw, 52.8px) !important;
  }
  .u-pb-md-48 {
    padding-bottom: min(12.8vw, 52.8px) !important;
  }
  .u-pt-md-52 {
    padding-top: min(13.867vw, 57.2px) !important;
  }
  .u-pb-md-52 {
    padding-bottom: min(13.867vw, 57.2px) !important;
  }
  .u-pt-md-56 {
    padding-top: min(14.933vw, 61.6px) !important;
  }
  .u-pb-md-56 {
    padding-bottom: min(14.933vw, 61.6px) !important;
  }
  .u-pt-md-60 {
    padding-top: min(16vw, 66px) !important;
  }
  .u-pb-md-60 {
    padding-bottom: min(16vw, 66px) !important;
  }
  .u-pl-md-0 {
    padding-left: min(0vw, 0px) !important;
  }
  .u-pr-md-0 {
    padding-right: min(0vw, 0px) !important;
  }
  .u-pl-md-4 {
    padding-left: min(1.067vw, 4.4px) !important;
  }
  .u-pr-md-4 {
    padding-right: min(1.067vw, 4.4px) !important;
  }
  .u-pl-md-8 {
    padding-left: min(2.133vw, 8.8px) !important;
  }
  .u-pr-md-8 {
    padding-right: min(2.133vw, 8.8px) !important;
  }
  .u-pl-md-12 {
    padding-left: min(3.2vw, 13.2px) !important;
  }
  .u-pr-md-12 {
    padding-right: min(3.2vw, 13.2px) !important;
  }
  .u-pl-md-16 {
    padding-left: min(4.267vw, 17.6px) !important;
  }
  .u-pr-md-16 {
    padding-right: min(4.267vw, 17.6px) !important;
  }
  .u-pl-md-20 {
    padding-left: min(5.333vw, 22px) !important;
  }
  .u-pr-md-20 {
    padding-right: min(5.333vw, 22px) !important;
  }
  .u-pl-md-24 {
    padding-left: min(6.4vw, 26.4px) !important;
  }
  .u-pr-md-24 {
    padding-right: min(6.4vw, 26.4px) !important;
  }
  .u-pl-md-28 {
    padding-left: min(7.467vw, 30.8px) !important;
  }
  .u-pr-md-28 {
    padding-right: min(7.467vw, 30.8px) !important;
  }
  .u-pl-md-32 {
    padding-left: min(8.533vw, 35.2px) !important;
  }
  .u-pr-md-32 {
    padding-right: min(8.533vw, 35.2px) !important;
  }
  .u-pl-md-36 {
    padding-left: min(9.6vw, 39.6px) !important;
  }
  .u-pr-md-36 {
    padding-right: min(9.6vw, 39.6px) !important;
  }
  .u-pl-md-40 {
    padding-left: min(10.667vw, 44px) !important;
  }
  .u-pr-md-40 {
    padding-right: min(10.667vw, 44px) !important;
  }
}
.u-wid-4 {
  width: min(0.533vw, 4.4px) !important;
  min-width: min(0.533vw, 4.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-4 {
    max-width: 100%;
    width: min(1.067vw, 4.4px) !important;
  }
}

.u-wid-8 {
  width: min(1.067vw, 8.8px) !important;
  min-width: min(1.067vw, 8.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-8 {
    max-width: 100%;
    width: min(2.133vw, 8.8px) !important;
  }
}

.u-wid-12 {
  width: min(1.6vw, 13.2px) !important;
  min-width: min(1.6vw, 13.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-12 {
    max-width: 100%;
    width: min(3.2vw, 13.2px) !important;
  }
}

.u-wid-16 {
  width: min(2.133vw, 17.6px) !important;
  min-width: min(2.133vw, 17.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-16 {
    max-width: 100%;
    width: min(4.267vw, 17.6px) !important;
  }
}

.u-wid-20 {
  width: min(2.667vw, 22px) !important;
  min-width: min(2.667vw, 22px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-20 {
    max-width: 100%;
    width: min(5.333vw, 22px) !important;
  }
}

.u-wid-24 {
  width: min(3.2vw, 26.4px) !important;
  min-width: min(3.2vw, 26.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-24 {
    max-width: 100%;
    width: min(6.4vw, 26.4px) !important;
  }
}

.u-wid-28 {
  width: min(3.733vw, 30.8px) !important;
  min-width: min(3.733vw, 30.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-28 {
    max-width: 100%;
    width: min(7.467vw, 30.8px) !important;
  }
}

.u-wid-32 {
  width: min(4.267vw, 35.2px) !important;
  min-width: min(4.267vw, 35.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-32 {
    max-width: 100%;
    width: min(8.533vw, 35.2px) !important;
  }
}

.u-wid-36 {
  width: min(4.8vw, 39.6px) !important;
  min-width: min(4.8vw, 39.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-36 {
    max-width: 100%;
    width: min(9.6vw, 39.6px) !important;
  }
}

.u-wid-40 {
  width: min(5.333vw, 44px) !important;
  min-width: min(5.333vw, 44px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-40 {
    max-width: 100%;
    width: min(10.667vw, 44px) !important;
  }
}

.u-wid-44 {
  width: min(5.867vw, 48.4px) !important;
  min-width: min(5.867vw, 48.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-44 {
    max-width: 100%;
    width: min(11.733vw, 48.4px) !important;
  }
}

.u-wid-48 {
  width: min(6.4vw, 52.8px) !important;
  min-width: min(6.4vw, 52.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-48 {
    max-width: 100%;
    width: min(12.8vw, 52.8px) !important;
  }
}

.u-wid-52 {
  width: min(6.933vw, 57.2px) !important;
  min-width: min(6.933vw, 57.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-52 {
    max-width: 100%;
    width: min(13.867vw, 57.2px) !important;
  }
}

.u-wid-56 {
  width: min(7.467vw, 61.6px) !important;
  min-width: min(7.467vw, 61.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-56 {
    max-width: 100%;
    width: min(14.933vw, 61.6px) !important;
  }
}

.u-wid-60 {
  width: min(8vw, 66px) !important;
  min-width: min(8vw, 66px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-60 {
    max-width: 100%;
    width: min(16vw, 66px) !important;
  }
}

.u-wid-64 {
  width: min(8.533vw, 70.4px) !important;
  min-width: min(8.533vw, 70.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-64 {
    max-width: 100%;
    width: min(17.067vw, 70.4px) !important;
  }
}

.u-wid-68 {
  width: min(9.067vw, 74.8px) !important;
  min-width: min(9.067vw, 74.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-68 {
    max-width: 100%;
    width: min(18.133vw, 74.8px) !important;
  }
}

.u-wid-72 {
  width: min(9.6vw, 79.2px) !important;
  min-width: min(9.6vw, 79.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-72 {
    max-width: 100%;
    width: min(19.2vw, 79.2px) !important;
  }
}

.u-wid-76 {
  width: min(10.133vw, 83.6px) !important;
  min-width: min(10.133vw, 83.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-76 {
    max-width: 100%;
    width: min(20.267vw, 83.6px) !important;
  }
}

.u-wid-80 {
  width: min(10.667vw, 88px) !important;
  min-width: min(10.667vw, 88px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-80 {
    max-width: 100%;
    width: min(21.333vw, 88px) !important;
  }
}

.u-wid-84 {
  width: min(11.2vw, 92.4px) !important;
  min-width: min(11.2vw, 92.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-84 {
    max-width: 100%;
    width: min(22.4vw, 92.4px) !important;
  }
}

.u-wid-88 {
  width: min(11.733vw, 96.8px) !important;
  min-width: min(11.733vw, 96.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-88 {
    max-width: 100%;
    width: min(23.467vw, 96.8px) !important;
  }
}

.u-wid-92 {
  width: min(12.267vw, 101.2px) !important;
  min-width: min(12.267vw, 101.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-92 {
    max-width: 100%;
    width: min(24.533vw, 101.2px) !important;
  }
}

.u-wid-96 {
  width: min(12.8vw, 105.6px) !important;
  min-width: min(12.8vw, 105.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-96 {
    max-width: 100%;
    width: min(25.6vw, 105.6px) !important;
  }
}

.u-wid-100 {
  width: min(13.333vw, 110px) !important;
  min-width: min(13.333vw, 110px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-100 {
    max-width: 100%;
    width: min(26.667vw, 110px) !important;
  }
}

.u-wid-104 {
  width: min(13.867vw, 114.4px) !important;
  min-width: min(13.867vw, 114.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-104 {
    max-width: 100%;
    width: min(27.733vw, 114.4px) !important;
  }
}

.u-wid-108 {
  width: min(14.4vw, 118.8px) !important;
  min-width: min(14.4vw, 118.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-108 {
    max-width: 100%;
    width: min(28.8vw, 118.8px) !important;
  }
}

.u-wid-112 {
  width: min(14.933vw, 123.2px) !important;
  min-width: min(14.933vw, 123.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-112 {
    max-width: 100%;
    width: min(29.867vw, 123.2px) !important;
  }
}

.u-wid-116 {
  width: min(15.467vw, 127.6px) !important;
  min-width: min(15.467vw, 127.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-116 {
    max-width: 100%;
    width: min(30.933vw, 127.6px) !important;
  }
}

.u-wid-120 {
  width: min(16vw, 132px) !important;
  min-width: min(16vw, 132px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-120 {
    max-width: 100%;
    width: min(32vw, 132px) !important;
  }
}

.u-wid-124 {
  width: min(16.533vw, 136.4px) !important;
  min-width: min(16.533vw, 136.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-124 {
    max-width: 100%;
    width: min(33.067vw, 136.4px) !important;
  }
}

.u-wid-128 {
  width: min(17.067vw, 140.8px) !important;
  min-width: min(17.067vw, 140.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-128 {
    max-width: 100%;
    width: min(34.133vw, 140.8px) !important;
  }
}

.u-wid-132 {
  width: min(17.6vw, 145.2px) !important;
  min-width: min(17.6vw, 145.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-132 {
    max-width: 100%;
    width: min(35.2vw, 145.2px) !important;
  }
}

.u-wid-136 {
  width: min(18.133vw, 149.6px) !important;
  min-width: min(18.133vw, 149.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-136 {
    max-width: 100%;
    width: min(36.267vw, 149.6px) !important;
  }
}

.u-wid-140 {
  width: min(18.667vw, 154px) !important;
  min-width: min(18.667vw, 154px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-140 {
    max-width: 100%;
    width: min(37.333vw, 154px) !important;
  }
}

.u-wid-144 {
  width: min(19.2vw, 158.4px) !important;
  min-width: min(19.2vw, 158.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-144 {
    max-width: 100%;
    width: min(38.4vw, 158.4px) !important;
  }
}

.u-wid-148 {
  width: min(19.733vw, 162.8px) !important;
  min-width: min(19.733vw, 162.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-148 {
    max-width: 100%;
    width: min(39.467vw, 162.8px) !important;
  }
}

.u-wid-152 {
  width: min(20.267vw, 167.2px) !important;
  min-width: min(20.267vw, 167.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-152 {
    max-width: 100%;
    width: min(40.533vw, 167.2px) !important;
  }
}

.u-wid-156 {
  width: min(20.8vw, 171.6px) !important;
  min-width: min(20.8vw, 171.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-156 {
    max-width: 100%;
    width: min(41.6vw, 171.6px) !important;
  }
}

.u-wid-160 {
  width: min(21.333vw, 176px) !important;
  min-width: min(21.333vw, 176px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-160 {
    max-width: 100%;
    width: min(42.667vw, 176px) !important;
  }
}

.u-wid-164 {
  width: min(21.867vw, 180.4px) !important;
  min-width: min(21.867vw, 180.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-164 {
    max-width: 100%;
    width: min(43.733vw, 180.4px) !important;
  }
}

.u-wid-168 {
  width: min(22.4vw, 184.8px) !important;
  min-width: min(22.4vw, 184.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-168 {
    max-width: 100%;
    width: min(44.8vw, 184.8px) !important;
  }
}

.u-wid-172 {
  width: min(22.933vw, 189.2px) !important;
  min-width: min(22.933vw, 189.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-172 {
    max-width: 100%;
    width: min(45.867vw, 189.2px) !important;
  }
}

.u-wid-176 {
  width: min(23.467vw, 193.6px) !important;
  min-width: min(23.467vw, 193.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-176 {
    max-width: 100%;
    width: min(46.933vw, 193.6px) !important;
  }
}

.u-wid-180 {
  width: min(24vw, 198px) !important;
  min-width: min(24vw, 198px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-180 {
    max-width: 100%;
    width: min(48vw, 198px) !important;
  }
}

.u-wid-184 {
  width: min(24.533vw, 202.4px) !important;
  min-width: min(24.533vw, 202.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-184 {
    max-width: 100%;
    width: min(49.067vw, 202.4px) !important;
  }
}

.u-wid-188 {
  width: min(25.067vw, 206.8px) !important;
  min-width: min(25.067vw, 206.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-188 {
    max-width: 100%;
    width: min(50.133vw, 206.8px) !important;
  }
}

.u-wid-192 {
  width: min(25.6vw, 211.2px) !important;
  min-width: min(25.6vw, 211.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-192 {
    max-width: 100%;
    width: min(51.2vw, 211.2px) !important;
  }
}

.u-wid-196 {
  width: min(26.133vw, 215.6px) !important;
  min-width: min(26.133vw, 215.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-196 {
    max-width: 100%;
    width: min(52.267vw, 215.6px) !important;
  }
}

.u-wid-200 {
  width: min(26.667vw, 220px) !important;
  min-width: min(26.667vw, 220px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-200 {
    max-width: 100%;
    width: min(53.333vw, 220px) !important;
  }
}

.u-wid-204 {
  width: min(27.2vw, 224.4px) !important;
  min-width: min(27.2vw, 224.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-204 {
    max-width: 100%;
    width: min(54.4vw, 224.4px) !important;
  }
}

.u-wid-208 {
  width: min(27.733vw, 228.8px) !important;
  min-width: min(27.733vw, 228.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-208 {
    max-width: 100%;
    width: min(55.467vw, 228.8px) !important;
  }
}

.u-wid-212 {
  width: min(28.267vw, 233.2px) !important;
  min-width: min(28.267vw, 233.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-212 {
    max-width: 100%;
    width: min(56.533vw, 233.2px) !important;
  }
}

.u-wid-216 {
  width: min(28.8vw, 237.6px) !important;
  min-width: min(28.8vw, 237.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-216 {
    max-width: 100%;
    width: min(57.6vw, 237.6px) !important;
  }
}

.u-wid-220 {
  width: min(29.333vw, 242px) !important;
  min-width: min(29.333vw, 242px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-220 {
    max-width: 100%;
    width: min(58.667vw, 242px) !important;
  }
}

.u-wid-224 {
  width: min(29.867vw, 246.4px) !important;
  min-width: min(29.867vw, 246.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-224 {
    max-width: 100%;
    width: min(59.733vw, 246.4px) !important;
  }
}

.u-wid-228 {
  width: min(30.4vw, 250.8px) !important;
  min-width: min(30.4vw, 250.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-228 {
    max-width: 100%;
    width: min(60.8vw, 250.8px) !important;
  }
}

.u-wid-232 {
  width: min(30.933vw, 255.2px) !important;
  min-width: min(30.933vw, 255.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-232 {
    max-width: 100%;
    width: min(61.867vw, 255.2px) !important;
  }
}

.u-wid-236 {
  width: min(31.467vw, 259.6px) !important;
  min-width: min(31.467vw, 259.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-236 {
    max-width: 100%;
    width: min(62.933vw, 259.6px) !important;
  }
}

.u-wid-240 {
  width: min(32vw, 264px) !important;
  min-width: min(32vw, 264px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-240 {
    max-width: 100%;
    width: min(64vw, 264px) !important;
  }
}

.u-wid-244 {
  width: min(32.533vw, 268.4px) !important;
  min-width: min(32.533vw, 268.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-244 {
    max-width: 100%;
    width: min(65.067vw, 268.4px) !important;
  }
}

.u-wid-248 {
  width: min(33.067vw, 272.8px) !important;
  min-width: min(33.067vw, 272.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-248 {
    max-width: 100%;
    width: min(66.133vw, 272.8px) !important;
  }
}

.u-wid-252 {
  width: min(33.6vw, 277.2px) !important;
  min-width: min(33.6vw, 277.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-252 {
    max-width: 100%;
    width: min(67.2vw, 277.2px) !important;
  }
}

.u-wid-256 {
  width: min(34.133vw, 281.6px) !important;
  min-width: min(34.133vw, 281.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-256 {
    max-width: 100%;
    width: min(68.267vw, 281.6px) !important;
  }
}

.u-wid-260 {
  width: min(34.667vw, 286px) !important;
  min-width: min(34.667vw, 286px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-260 {
    max-width: 100%;
    width: min(69.333vw, 286px) !important;
  }
}

.u-wid-264 {
  width: min(35.2vw, 290.4px) !important;
  min-width: min(35.2vw, 290.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-264 {
    max-width: 100%;
    width: min(70.4vw, 290.4px) !important;
  }
}

.u-wid-268 {
  width: min(35.733vw, 294.8px) !important;
  min-width: min(35.733vw, 294.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-268 {
    max-width: 100%;
    width: min(71.467vw, 294.8px) !important;
  }
}

.u-wid-272 {
  width: min(36.267vw, 299.2px) !important;
  min-width: min(36.267vw, 299.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-272 {
    max-width: 100%;
    width: min(72.533vw, 299.2px) !important;
  }
}

.u-wid-276 {
  width: min(36.8vw, 303.6px) !important;
  min-width: min(36.8vw, 303.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-276 {
    max-width: 100%;
    width: min(73.6vw, 303.6px) !important;
  }
}

.u-wid-280 {
  width: min(37.333vw, 308px) !important;
  min-width: min(37.333vw, 308px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-280 {
    max-width: 100%;
    width: min(74.667vw, 308px) !important;
  }
}

.u-wid-284 {
  width: min(37.867vw, 312.4px) !important;
  min-width: min(37.867vw, 312.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-284 {
    max-width: 100%;
    width: min(75.733vw, 312.4px) !important;
  }
}

.u-wid-288 {
  width: min(38.4vw, 316.8px) !important;
  min-width: min(38.4vw, 316.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-288 {
    max-width: 100%;
    width: min(76.8vw, 316.8px) !important;
  }
}

.u-wid-292 {
  width: min(38.933vw, 321.2px) !important;
  min-width: min(38.933vw, 321.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-292 {
    max-width: 100%;
    width: min(77.867vw, 321.2px) !important;
  }
}

.u-wid-296 {
  width: min(39.467vw, 325.6px) !important;
  min-width: min(39.467vw, 325.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-296 {
    max-width: 100%;
    width: min(78.933vw, 325.6px) !important;
  }
}

.u-wid-300 {
  width: min(40vw, 330px) !important;
  min-width: min(40vw, 330px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-300 {
    max-width: 100%;
    width: min(80vw, 330px) !important;
  }
}

.u-wid-304 {
  width: min(40.533vw, 334.4px) !important;
  min-width: min(40.533vw, 334.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-304 {
    max-width: 100%;
    width: min(81.067vw, 334.4px) !important;
  }
}

.u-wid-308 {
  width: min(41.067vw, 338.8px) !important;
  min-width: min(41.067vw, 338.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-308 {
    max-width: 100%;
    width: min(82.133vw, 338.8px) !important;
  }
}

.u-wid-312 {
  width: min(41.6vw, 343.2px) !important;
  min-width: min(41.6vw, 343.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-312 {
    max-width: 100%;
    width: min(83.2vw, 343.2px) !important;
  }
}

.u-wid-316 {
  width: min(42.133vw, 347.6px) !important;
  min-width: min(42.133vw, 347.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-316 {
    max-width: 100%;
    width: min(84.267vw, 347.6px) !important;
  }
}

.u-wid-320 {
  width: min(42.667vw, 352px) !important;
  min-width: min(42.667vw, 352px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-320 {
    max-width: 100%;
    width: min(85.333vw, 352px) !important;
  }
}

.u-wid-324 {
  width: min(43.2vw, 356.4px) !important;
  min-width: min(43.2vw, 356.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-324 {
    max-width: 100%;
    width: min(86.4vw, 356.4px) !important;
  }
}

.u-wid-328 {
  width: min(43.733vw, 360.8px) !important;
  min-width: min(43.733vw, 360.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-328 {
    max-width: 100%;
    width: min(87.467vw, 360.8px) !important;
  }
}

.u-wid-332 {
  width: min(44.267vw, 365.2px) !important;
  min-width: min(44.267vw, 365.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-332 {
    max-width: 100%;
    width: min(88.533vw, 365.2px) !important;
  }
}

.u-wid-336 {
  width: min(44.8vw, 369.6px) !important;
  min-width: min(44.8vw, 369.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-336 {
    max-width: 100%;
    width: min(89.6vw, 369.6px) !important;
  }
}

.u-wid-340 {
  width: min(45.333vw, 374px) !important;
  min-width: min(45.333vw, 374px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-340 {
    max-width: 100%;
    width: min(90.667vw, 374px) !important;
  }
}

.u-wid-344 {
  width: min(45.867vw, 378.4px) !important;
  min-width: min(45.867vw, 378.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-344 {
    max-width: 100%;
    width: min(91.733vw, 378.4px) !important;
  }
}

.u-wid-348 {
  width: min(46.4vw, 382.8px) !important;
  min-width: min(46.4vw, 382.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-348 {
    max-width: 100%;
    width: min(92.8vw, 382.8px) !important;
  }
}

.u-wid-352 {
  width: min(46.933vw, 387.2px) !important;
  min-width: min(46.933vw, 387.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-352 {
    max-width: 100%;
    width: min(93.867vw, 387.2px) !important;
  }
}

.u-wid-356 {
  width: min(47.467vw, 391.6px) !important;
  min-width: min(47.467vw, 391.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-356 {
    max-width: 100%;
    width: min(94.933vw, 391.6px) !important;
  }
}

.u-wid-360 {
  width: min(48vw, 396px) !important;
  min-width: min(48vw, 396px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-360 {
    max-width: 100%;
    width: min(96vw, 396px) !important;
  }
}

.u-wid-364 {
  width: min(48.533vw, 400.4px) !important;
  min-width: min(48.533vw, 400.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-364 {
    max-width: 100%;
    width: min(97.067vw, 400.4px) !important;
  }
}

.u-wid-368 {
  width: min(49.067vw, 404.8px) !important;
  min-width: min(49.067vw, 404.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-368 {
    max-width: 100%;
    width: min(98.133vw, 404.8px) !important;
  }
}

.u-wid-372 {
  width: min(49.6vw, 409.2px) !important;
  min-width: min(49.6vw, 409.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-372 {
    max-width: 100%;
    width: min(99.2vw, 409.2px) !important;
  }
}

.u-wid-376 {
  width: min(50.133vw, 413.6px) !important;
  min-width: min(50.133vw, 413.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-376 {
    max-width: 100%;
    width: min(100.267vw, 413.6px) !important;
  }
}

.u-wid-380 {
  width: min(50.667vw, 418px) !important;
  min-width: min(50.667vw, 418px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-380 {
    max-width: 100%;
    width: min(101.333vw, 418px) !important;
  }
}

.u-wid-384 {
  width: min(51.2vw, 422.4px) !important;
  min-width: min(51.2vw, 422.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-384 {
    max-width: 100%;
    width: min(102.4vw, 422.4px) !important;
  }
}

.u-wid-388 {
  width: min(51.733vw, 426.8px) !important;
  min-width: min(51.733vw, 426.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-388 {
    max-width: 100%;
    width: min(103.467vw, 426.8px) !important;
  }
}

.u-wid-392 {
  width: min(52.267vw, 431.2px) !important;
  min-width: min(52.267vw, 431.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-392 {
    max-width: 100%;
    width: min(104.533vw, 431.2px) !important;
  }
}

.u-wid-396 {
  width: min(52.8vw, 435.6px) !important;
  min-width: min(52.8vw, 435.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-396 {
    max-width: 100%;
    width: min(105.6vw, 435.6px) !important;
  }
}

.u-wid-400 {
  width: min(53.333vw, 440px) !important;
  min-width: min(53.333vw, 440px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-400 {
    max-width: 100%;
    width: min(106.667vw, 440px) !important;
  }
}

.u-wid-404 {
  width: min(53.867vw, 444.4px) !important;
  min-width: min(53.867vw, 444.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-404 {
    max-width: 100%;
    width: min(107.733vw, 444.4px) !important;
  }
}

.u-wid-408 {
  width: min(54.4vw, 448.8px) !important;
  min-width: min(54.4vw, 448.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-408 {
    max-width: 100%;
    width: min(108.8vw, 448.8px) !important;
  }
}

.u-wid-412 {
  width: min(54.933vw, 453.2px) !important;
  min-width: min(54.933vw, 453.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-412 {
    max-width: 100%;
    width: min(109.867vw, 453.2px) !important;
  }
}

.u-wid-416 {
  width: min(55.467vw, 457.6px) !important;
  min-width: min(55.467vw, 457.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-416 {
    max-width: 100%;
    width: min(110.933vw, 457.6px) !important;
  }
}

.u-wid-420 {
  width: min(56vw, 462px) !important;
  min-width: min(56vw, 462px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-420 {
    max-width: 100%;
    width: min(112vw, 462px) !important;
  }
}

.u-wid-424 {
  width: min(56.533vw, 466.4px) !important;
  min-width: min(56.533vw, 466.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-424 {
    max-width: 100%;
    width: min(113.067vw, 466.4px) !important;
  }
}

.u-wid-428 {
  width: min(57.067vw, 470.8px) !important;
  min-width: min(57.067vw, 470.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-428 {
    max-width: 100%;
    width: min(114.133vw, 470.8px) !important;
  }
}

.u-wid-432 {
  width: min(57.6vw, 475.2px) !important;
  min-width: min(57.6vw, 475.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-432 {
    max-width: 100%;
    width: min(115.2vw, 475.2px) !important;
  }
}

.u-wid-436 {
  width: min(58.133vw, 479.6px) !important;
  min-width: min(58.133vw, 479.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-436 {
    max-width: 100%;
    width: min(116.267vw, 479.6px) !important;
  }
}

.u-wid-440 {
  width: min(58.667vw, 484px) !important;
  min-width: min(58.667vw, 484px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-440 {
    max-width: 100%;
    width: min(117.333vw, 484px) !important;
  }
}

.u-wid-444 {
  width: min(59.2vw, 488.4px) !important;
  min-width: min(59.2vw, 488.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-444 {
    max-width: 100%;
    width: min(118.4vw, 488.4px) !important;
  }
}

.u-wid-448 {
  width: min(59.733vw, 492.8px) !important;
  min-width: min(59.733vw, 492.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-448 {
    max-width: 100%;
    width: min(119.467vw, 492.8px) !important;
  }
}

.u-wid-452 {
  width: min(60.267vw, 497.2px) !important;
  min-width: min(60.267vw, 497.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-452 {
    max-width: 100%;
    width: min(120.533vw, 497.2px) !important;
  }
}

.u-wid-456 {
  width: min(60.8vw, 501.6px) !important;
  min-width: min(60.8vw, 501.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-456 {
    max-width: 100%;
    width: min(121.6vw, 501.6px) !important;
  }
}

.u-wid-460 {
  width: min(61.333vw, 506px) !important;
  min-width: min(61.333vw, 506px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-460 {
    max-width: 100%;
    width: min(122.667vw, 506px) !important;
  }
}

.u-wid-464 {
  width: min(61.867vw, 510.4px) !important;
  min-width: min(61.867vw, 510.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-464 {
    max-width: 100%;
    width: min(123.733vw, 510.4px) !important;
  }
}

.u-wid-468 {
  width: min(62.4vw, 514.8px) !important;
  min-width: min(62.4vw, 514.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-468 {
    max-width: 100%;
    width: min(124.8vw, 514.8px) !important;
  }
}

.u-wid-472 {
  width: min(62.933vw, 519.2px) !important;
  min-width: min(62.933vw, 519.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-472 {
    max-width: 100%;
    width: min(125.867vw, 519.2px) !important;
  }
}

.u-wid-476 {
  width: min(63.467vw, 523.6px) !important;
  min-width: min(63.467vw, 523.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-476 {
    max-width: 100%;
    width: min(126.933vw, 523.6px) !important;
  }
}

.u-wid-480 {
  width: min(64vw, 528px) !important;
  min-width: min(64vw, 528px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-480 {
    max-width: 100%;
    width: min(128vw, 528px) !important;
  }
}

.u-wid-484 {
  width: min(64.533vw, 532.4px) !important;
  min-width: min(64.533vw, 532.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-484 {
    max-width: 100%;
    width: min(129.067vw, 532.4px) !important;
  }
}

.u-wid-488 {
  width: min(65.067vw, 536.8px) !important;
  min-width: min(65.067vw, 536.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-488 {
    max-width: 100%;
    width: min(130.133vw, 536.8px) !important;
  }
}

.u-wid-492 {
  width: min(65.6vw, 541.2px) !important;
  min-width: min(65.6vw, 541.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-492 {
    max-width: 100%;
    width: min(131.2vw, 541.2px) !important;
  }
}

.u-wid-496 {
  width: min(66.133vw, 545.6px) !important;
  min-width: min(66.133vw, 545.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-496 {
    max-width: 100%;
    width: min(132.267vw, 545.6px) !important;
  }
}

.u-wid-500 {
  width: min(66.667vw, 550px) !important;
  min-width: min(66.667vw, 550px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-500 {
    max-width: 100%;
    width: min(133.333vw, 550px) !important;
  }
}

.u-wid-504 {
  width: min(67.2vw, 554.4px) !important;
  min-width: min(67.2vw, 554.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-504 {
    max-width: 100%;
    width: min(134.4vw, 554.4px) !important;
  }
}

.u-wid-508 {
  width: min(67.733vw, 558.8px) !important;
  min-width: min(67.733vw, 558.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-508 {
    max-width: 100%;
    width: min(135.467vw, 558.8px) !important;
  }
}

.u-wid-512 {
  width: min(68.267vw, 563.2px) !important;
  min-width: min(68.267vw, 563.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-512 {
    max-width: 100%;
    width: min(136.533vw, 563.2px) !important;
  }
}

.u-wid-516 {
  width: min(68.8vw, 567.6px) !important;
  min-width: min(68.8vw, 567.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-516 {
    max-width: 100%;
    width: min(137.6vw, 567.6px) !important;
  }
}

.u-wid-520 {
  width: min(69.333vw, 572px) !important;
  min-width: min(69.333vw, 572px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-520 {
    max-width: 100%;
    width: min(138.667vw, 572px) !important;
  }
}

.u-wid-524 {
  width: min(69.867vw, 576.4px) !important;
  min-width: min(69.867vw, 576.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-524 {
    max-width: 100%;
    width: min(139.733vw, 576.4px) !important;
  }
}

.u-wid-528 {
  width: min(70.4vw, 580.8px) !important;
  min-width: min(70.4vw, 580.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-528 {
    max-width: 100%;
    width: min(140.8vw, 580.8px) !important;
  }
}

.u-wid-532 {
  width: min(70.933vw, 585.2px) !important;
  min-width: min(70.933vw, 585.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-532 {
    max-width: 100%;
    width: min(141.867vw, 585.2px) !important;
  }
}

.u-wid-536 {
  width: min(71.467vw, 589.6px) !important;
  min-width: min(71.467vw, 589.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-536 {
    max-width: 100%;
    width: min(142.933vw, 589.6px) !important;
  }
}

.u-wid-540 {
  width: min(72vw, 594px) !important;
  min-width: min(72vw, 594px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-540 {
    max-width: 100%;
    width: min(144vw, 594px) !important;
  }
}

.u-wid-544 {
  width: min(72.533vw, 598.4px) !important;
  min-width: min(72.533vw, 598.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-544 {
    max-width: 100%;
    width: min(145.067vw, 598.4px) !important;
  }
}

.u-wid-548 {
  width: min(73.067vw, 602.8px) !important;
  min-width: min(73.067vw, 602.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-548 {
    max-width: 100%;
    width: min(146.133vw, 602.8px) !important;
  }
}

.u-wid-552 {
  width: min(73.6vw, 607.2px) !important;
  min-width: min(73.6vw, 607.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-552 {
    max-width: 100%;
    width: min(147.2vw, 607.2px) !important;
  }
}

.u-wid-556 {
  width: min(74.133vw, 611.6px) !important;
  min-width: min(74.133vw, 611.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-556 {
    max-width: 100%;
    width: min(148.267vw, 611.6px) !important;
  }
}

.u-wid-560 {
  width: min(74.667vw, 616px) !important;
  min-width: min(74.667vw, 616px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-560 {
    max-width: 100%;
    width: min(149.333vw, 616px) !important;
  }
}

.u-wid-564 {
  width: min(75.2vw, 620.4px) !important;
  min-width: min(75.2vw, 620.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-564 {
    max-width: 100%;
    width: min(150.4vw, 620.4px) !important;
  }
}

.u-wid-568 {
  width: min(75.733vw, 624.8px) !important;
  min-width: min(75.733vw, 624.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-568 {
    max-width: 100%;
    width: min(151.467vw, 624.8px) !important;
  }
}

.u-wid-572 {
  width: min(76.267vw, 629.2px) !important;
  min-width: min(76.267vw, 629.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-572 {
    max-width: 100%;
    width: min(152.533vw, 629.2px) !important;
  }
}

.u-wid-576 {
  width: min(76.8vw, 633.6px) !important;
  min-width: min(76.8vw, 633.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-576 {
    max-width: 100%;
    width: min(153.6vw, 633.6px) !important;
  }
}

.u-wid-580 {
  width: min(77.333vw, 638px) !important;
  min-width: min(77.333vw, 638px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-580 {
    max-width: 100%;
    width: min(154.667vw, 638px) !important;
  }
}

.u-wid-584 {
  width: min(77.867vw, 642.4px) !important;
  min-width: min(77.867vw, 642.4px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-584 {
    max-width: 100%;
    width: min(155.733vw, 642.4px) !important;
  }
}

.u-wid-588 {
  width: min(78.4vw, 646.8px) !important;
  min-width: min(78.4vw, 646.8px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-588 {
    max-width: 100%;
    width: min(156.8vw, 646.8px) !important;
  }
}

.u-wid-592 {
  width: min(78.933vw, 651.2px) !important;
  min-width: min(78.933vw, 651.2px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-592 {
    max-width: 100%;
    width: min(157.867vw, 651.2px) !important;
  }
}

.u-wid-596 {
  width: min(79.467vw, 655.6px) !important;
  min-width: min(79.467vw, 655.6px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-596 {
    max-width: 100%;
    width: min(158.933vw, 655.6px) !important;
  }
}

.u-wid-600 {
  width: min(80vw, 660px) !important;
  min-width: min(80vw, 660px) !important;
}
@media screen and (max-width: 835px) {
  .u-wid-600 {
    max-width: 100%;
    width: min(160vw, 660px) !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: 835px) {
  .u-wid-md-4 {
    max-width: 100%;
    width: min(1.067vw, 4.4px) !important;
  }
  .u-wid-md-8 {
    max-width: 100%;
    width: min(2.133vw, 8.8px) !important;
  }
  .u-wid-md-12 {
    max-width: 100%;
    width: min(3.2vw, 13.2px) !important;
  }
  .u-wid-md-16 {
    max-width: 100%;
    width: min(4.267vw, 17.6px) !important;
  }
  .u-wid-md-20 {
    max-width: 100%;
    width: min(5.333vw, 22px) !important;
  }
  .u-wid-md-24 {
    max-width: 100%;
    width: min(6.4vw, 26.4px) !important;
  }
  .u-wid-md-28 {
    max-width: 100%;
    width: min(7.467vw, 30.8px) !important;
  }
  .u-wid-md-32 {
    max-width: 100%;
    width: min(8.533vw, 35.2px) !important;
  }
  .u-wid-md-36 {
    max-width: 100%;
    width: min(9.6vw, 39.6px) !important;
  }
  .u-wid-md-40 {
    max-width: 100%;
    width: min(10.667vw, 44px) !important;
  }
  .u-wid-md-44 {
    max-width: 100%;
    width: min(11.733vw, 48.4px) !important;
  }
  .u-wid-md-48 {
    max-width: 100%;
    width: min(12.8vw, 52.8px) !important;
  }
  .u-wid-md-52 {
    max-width: 100%;
    width: min(13.867vw, 57.2px) !important;
  }
  .u-wid-md-56 {
    max-width: 100%;
    width: min(14.933vw, 61.6px) !important;
  }
  .u-wid-md-60 {
    max-width: 100%;
    width: min(16vw, 66px) !important;
  }
  .u-wid-md-64 {
    max-width: 100%;
    width: min(17.067vw, 70.4px) !important;
  }
  .u-wid-md-68 {
    max-width: 100%;
    width: min(18.133vw, 74.8px) !important;
  }
  .u-wid-md-72 {
    max-width: 100%;
    width: min(19.2vw, 79.2px) !important;
  }
  .u-wid-md-76 {
    max-width: 100%;
    width: min(20.267vw, 83.6px) !important;
  }
  .u-wid-md-80 {
    max-width: 100%;
    width: min(21.333vw, 88px) !important;
  }
  .u-wid-md-84 {
    max-width: 100%;
    width: min(22.4vw, 92.4px) !important;
  }
  .u-wid-md-88 {
    max-width: 100%;
    width: min(23.467vw, 96.8px) !important;
  }
  .u-wid-md-92 {
    max-width: 100%;
    width: min(24.533vw, 101.2px) !important;
  }
  .u-wid-md-96 {
    max-width: 100%;
    width: min(25.6vw, 105.6px) !important;
  }
  .u-wid-md-100 {
    max-width: 100%;
    width: min(26.667vw, 110px) !important;
  }
  .u-wid-md-104 {
    max-width: 100%;
    width: min(27.733vw, 114.4px) !important;
  }
  .u-wid-md-108 {
    max-width: 100%;
    width: min(28.8vw, 118.8px) !important;
  }
  .u-wid-md-112 {
    max-width: 100%;
    width: min(29.867vw, 123.2px) !important;
  }
  .u-wid-md-116 {
    max-width: 100%;
    width: min(30.933vw, 127.6px) !important;
  }
  .u-wid-md-120 {
    max-width: 100%;
    width: min(32vw, 132px) !important;
  }
  .u-wid-md-124 {
    max-width: 100%;
    width: min(33.067vw, 136.4px) !important;
  }
  .u-wid-md-128 {
    max-width: 100%;
    width: min(34.133vw, 140.8px) !important;
  }
  .u-wid-md-132 {
    max-width: 100%;
    width: min(35.2vw, 145.2px) !important;
  }
  .u-wid-md-136 {
    max-width: 100%;
    width: min(36.267vw, 149.6px) !important;
  }
  .u-wid-md-140 {
    max-width: 100%;
    width: min(37.333vw, 154px) !important;
  }
  .u-wid-md-144 {
    max-width: 100%;
    width: min(38.4vw, 158.4px) !important;
  }
  .u-wid-md-148 {
    max-width: 100%;
    width: min(39.467vw, 162.8px) !important;
  }
  .u-wid-md-152 {
    max-width: 100%;
    width: min(40.533vw, 167.2px) !important;
  }
  .u-wid-md-156 {
    max-width: 100%;
    width: min(41.6vw, 171.6px) !important;
  }
  .u-wid-md-160 {
    max-width: 100%;
    width: min(42.667vw, 176px) !important;
  }
  .u-wid-md-164 {
    max-width: 100%;
    width: min(43.733vw, 180.4px) !important;
  }
  .u-wid-md-168 {
    max-width: 100%;
    width: min(44.8vw, 184.8px) !important;
  }
  .u-wid-md-172 {
    max-width: 100%;
    width: min(45.867vw, 189.2px) !important;
  }
  .u-wid-md-176 {
    max-width: 100%;
    width: min(46.933vw, 193.6px) !important;
  }
  .u-wid-md-180 {
    max-width: 100%;
    width: min(48vw, 198px) !important;
  }
  .u-wid-md-184 {
    max-width: 100%;
    width: min(49.067vw, 202.4px) !important;
  }
  .u-wid-md-188 {
    max-width: 100%;
    width: min(50.133vw, 206.8px) !important;
  }
  .u-wid-md-192 {
    max-width: 100%;
    width: min(51.2vw, 211.2px) !important;
  }
  .u-wid-md-196 {
    max-width: 100%;
    width: min(52.267vw, 215.6px) !important;
  }
  .u-wid-md-200 {
    max-width: 100%;
    width: min(53.333vw, 220px) !important;
  }
  .u-wid-md-204 {
    max-width: 100%;
    width: min(54.4vw, 224.4px) !important;
  }
  .u-wid-md-208 {
    max-width: 100%;
    width: min(55.467vw, 228.8px) !important;
  }
  .u-wid-md-212 {
    max-width: 100%;
    width: min(56.533vw, 233.2px) !important;
  }
  .u-wid-md-216 {
    max-width: 100%;
    width: min(57.6vw, 237.6px) !important;
  }
  .u-wid-md-220 {
    max-width: 100%;
    width: min(58.667vw, 242px) !important;
  }
  .u-wid-md-224 {
    max-width: 100%;
    width: min(59.733vw, 246.4px) !important;
  }
  .u-wid-md-228 {
    max-width: 100%;
    width: min(60.8vw, 250.8px) !important;
  }
  .u-wid-md-232 {
    max-width: 100%;
    width: min(61.867vw, 255.2px) !important;
  }
  .u-wid-md-236 {
    max-width: 100%;
    width: min(62.933vw, 259.6px) !important;
  }
  .u-wid-md-240 {
    max-width: 100%;
    width: min(64vw, 264px) !important;
  }
  .u-wid-md-244 {
    max-width: 100%;
    width: min(65.067vw, 268.4px) !important;
  }
  .u-wid-md-248 {
    max-width: 100%;
    width: min(66.133vw, 272.8px) !important;
  }
  .u-wid-md-252 {
    max-width: 100%;
    width: min(67.2vw, 277.2px) !important;
  }
  .u-wid-md-256 {
    max-width: 100%;
    width: min(68.267vw, 281.6px) !important;
  }
  .u-wid-md-260 {
    max-width: 100%;
    width: min(69.333vw, 286px) !important;
  }
  .u-wid-md-264 {
    max-width: 100%;
    width: min(70.4vw, 290.4px) !important;
  }
  .u-wid-md-268 {
    max-width: 100%;
    width: min(71.467vw, 294.8px) !important;
  }
  .u-wid-md-272 {
    max-width: 100%;
    width: min(72.533vw, 299.2px) !important;
  }
  .u-wid-md-276 {
    max-width: 100%;
    width: min(73.6vw, 303.6px) !important;
  }
  .u-wid-md-280 {
    max-width: 100%;
    width: min(74.667vw, 308px) !important;
  }
  .u-wid-md-284 {
    max-width: 100%;
    width: min(75.733vw, 312.4px) !important;
  }
  .u-wid-md-288 {
    max-width: 100%;
    width: min(76.8vw, 316.8px) !important;
  }
  .u-wid-md-292 {
    max-width: 100%;
    width: min(77.867vw, 321.2px) !important;
  }
  .u-wid-md-296 {
    max-width: 100%;
    width: min(78.933vw, 325.6px) !important;
  }
  .u-wid-md-300 {
    max-width: 100%;
    width: min(80vw, 330px) !important;
  }
  .u-wid-md-304 {
    max-width: 100%;
    width: min(81.067vw, 334.4px) !important;
  }
  .u-wid-md-308 {
    max-width: 100%;
    width: min(82.133vw, 338.8px) !important;
  }
  .u-wid-md-312 {
    max-width: 100%;
    width: min(83.2vw, 343.2px) !important;
  }
  .u-wid-md-316 {
    max-width: 100%;
    width: min(84.267vw, 347.6px) !important;
  }
  .u-wid-md-320 {
    max-width: 100%;
    width: min(85.333vw, 352px) !important;
  }
  .u-wid-md-324 {
    max-width: 100%;
    width: min(86.4vw, 356.4px) !important;
  }
  .u-wid-md-328 {
    max-width: 100%;
    width: min(87.467vw, 360.8px) !important;
  }
  .u-wid-md-332 {
    max-width: 100%;
    width: min(88.533vw, 365.2px) !important;
  }
  .u-wid-md-336 {
    max-width: 100%;
    width: min(89.6vw, 369.6px) !important;
  }
  .u-wid-md-340 {
    max-width: 100%;
    width: min(90.667vw, 374px) !important;
  }
  .u-wid-md-344 {
    max-width: 100%;
    width: min(91.733vw, 378.4px) !important;
  }
  .u-wid-md-348 {
    max-width: 100%;
    width: min(92.8vw, 382.8px) !important;
  }
  .u-wid-md-352 {
    max-width: 100%;
    width: min(93.867vw, 387.2px) !important;
  }
  .u-wid-md-356 {
    max-width: 100%;
    width: min(94.933vw, 391.6px) !important;
  }
  .u-wid-md-360 {
    max-width: 100%;
    width: min(96vw, 396px) !important;
  }
  .u-wid-md-364 {
    max-width: 100%;
    width: min(97.067vw, 400.4px) !important;
  }
  .u-wid-md-368 {
    max-width: 100%;
    width: min(98.133vw, 404.8px) !important;
  }
  .u-wid-md-372 {
    max-width: 100%;
    width: min(99.2vw, 409.2px) !important;
  }
  .u-wid-md-376 {
    max-width: 100%;
    width: min(100.267vw, 413.6px) !important;
  }
  .u-wid-md-380 {
    max-width: 100%;
    width: min(101.333vw, 418px) !important;
  }
  .u-wid-md-384 {
    max-width: 100%;
    width: min(102.4vw, 422.4px) !important;
  }
  .u-wid-md-388 {
    max-width: 100%;
    width: min(103.467vw, 426.8px) !important;
  }
  .u-wid-md-392 {
    max-width: 100%;
    width: min(104.533vw, 431.2px) !important;
  }
  .u-wid-md-396 {
    max-width: 100%;
    width: min(105.6vw, 435.6px) !important;
  }
  .u-wid-md-400 {
    max-width: 100%;
    width: min(106.667vw, 440px) !important;
  }
  .u-wid-md-404 {
    max-width: 100%;
    width: min(107.733vw, 444.4px) !important;
  }
  .u-wid-md-408 {
    max-width: 100%;
    width: min(108.8vw, 448.8px) !important;
  }
  .u-wid-md-412 {
    max-width: 100%;
    width: min(109.867vw, 453.2px) !important;
  }
  .u-wid-md-416 {
    max-width: 100%;
    width: min(110.933vw, 457.6px) !important;
  }
  .u-wid-md-420 {
    max-width: 100%;
    width: min(112vw, 462px) !important;
  }
  .u-wid-md-424 {
    max-width: 100%;
    width: min(113.067vw, 466.4px) !important;
  }
  .u-wid-md-428 {
    max-width: 100%;
    width: min(114.133vw, 470.8px) !important;
  }
  .u-wid-md-432 {
    max-width: 100%;
    width: min(115.2vw, 475.2px) !important;
  }
  .u-wid-md-436 {
    max-width: 100%;
    width: min(116.267vw, 479.6px) !important;
  }
  .u-wid-md-440 {
    max-width: 100%;
    width: min(117.333vw, 484px) !important;
  }
  .u-wid-md-444 {
    max-width: 100%;
    width: min(118.4vw, 488.4px) !important;
  }
  .u-wid-md-448 {
    max-width: 100%;
    width: min(119.467vw, 492.8px) !important;
  }
  .u-wid-md-452 {
    max-width: 100%;
    width: min(120.533vw, 497.2px) !important;
  }
  .u-wid-md-456 {
    max-width: 100%;
    width: min(121.6vw, 501.6px) !important;
  }
  .u-wid-md-460 {
    max-width: 100%;
    width: min(122.667vw, 506px) !important;
  }
  .u-wid-md-464 {
    max-width: 100%;
    width: min(123.733vw, 510.4px) !important;
  }
  .u-wid-md-468 {
    max-width: 100%;
    width: min(124.8vw, 514.8px) !important;
  }
  .u-wid-md-472 {
    max-width: 100%;
    width: min(125.867vw, 519.2px) !important;
  }
  .u-wid-md-476 {
    max-width: 100%;
    width: min(126.933vw, 523.6px) !important;
  }
  .u-wid-md-480 {
    max-width: 100%;
    width: min(128vw, 528px) !important;
  }
  .u-wid-md-484 {
    max-width: 100%;
    width: min(129.067vw, 532.4px) !important;
  }
  .u-wid-md-488 {
    max-width: 100%;
    width: min(130.133vw, 536.8px) !important;
  }
  .u-wid-md-492 {
    max-width: 100%;
    width: min(131.2vw, 541.2px) !important;
  }
  .u-wid-md-496 {
    max-width: 100%;
    width: min(132.267vw, 545.6px) !important;
  }
  .u-wid-md-500 {
    max-width: 100%;
    width: min(133.333vw, 550px) !important;
  }
  .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;
  }
}