@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 65%;
  line-height: 0;
  position: relative;
  vertical-align: baseline !important;
}

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 { /* 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;
}

:root {
  --main: #94a9b2;
  --accent: #177cba;
  --base: #ffffff;
  /* 案件によって必要なサブカラーを追加する
  $sub-1: #ffffff;
  $sub-2: #ffffff;
  */
  --text-cl-01: #4a4848;
  --text-cl-02: #666666;
  --text-cl-03: #6f6f6f;
  --text-cl-04: #455A6F;
  --link-01: #005cd1;
  --text-cl-placeholder: var(--text-cl-03);
  --text-cl-alert: #f0a3a3;
  --border-cl-01: #dddddd;
  --border-cl-02: #D7DBDD;
  --bg-01: #9a9a9a;
  --bg-02: #F8F8F8;
  --bg-03: #EFEEE4;
  --hover: #C3D0D5;
  --hover-text: #9F9F9F;
  --shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  --font-jp-01: "Noto Sans JP", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-awesome: "Font Awesome 6 Pro";
  --hiragino: "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  --zen: "Zen Kaku Gothic New", "Zen Kaku Gothic", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --inter: "Inter", var(--font-jp-01);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --lh-normal: 2;
  --lh-narrow: 1.5;
  --lh-fit: 1;
  --duration: 0.3s ease;
}

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;
}

#mainarea {
  -webkit-text-size-adjust: 100%;
  position: relative;
  margin: 0;
  text-align: left;
  font-family: var(--font-jp-01);
  font-weight: 400;
  line-height: 1.7;
  color: var(--text-cl-01);
  overflow-x: clip;
}
@media screen and (min-width: 769px) {
  #mainarea {
    font-size: clamp(13.6px, 1.171vw, 20.8px);
  }
}
@media screen and (max-width: 768px) {
  #mainarea {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}

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

@media (any-hover: hover) {
  a:hover {
    text-decoration: none;
  }
}

@media screen and (min-width: 1195px) {
  a [href^="tel:"] {
    pointer-events: none;
  }
}

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

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

svg {
  fill: currentcolor;
}

@media screen and (min-width: 769px) {
  p small {
    font-size: clamp(10.2px, 0.878vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  p small {
    font-size: clamp(9.35px, 2.933vw, 14.3px);
  }
}

strong {
  font-weight: var(--fw-bold);
}

p a, td a, th a, blockquote a {
  color: var(--link-01);
  text-decoration: underline;
}
@media (any-hover: hover) {
  p a:hover, td a:hover, th a:hover, blockquote a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

hr {
  height: 1px;
  background-color: var(--main);
  border: none;
  margin: min(26px, 1.464vw) 0;
}
@media screen and (max-width: 768px) {
  hr {
    margin: min(26px, 5.333vw) 0;
  }
}

.to-top {
  display: none !important;
}

.js-fadein {
  opacity: 0;
  transition: opacity 0.45s ease;
}
.js-fadein.is-show {
  opacity: 1;
}

.l-main {
  position: relative;
  z-index: 5;
  width: 100%;
  height: auto;
  margin: auto;
  box-sizing: border-box;
}
.l-main.--bg {
  background-size: 100%;
  background-repeat: repeat;
  background-image: url("../img/top/bg_section.jpg");
}

.l-inner {
  width: 100%;
  max-width: min(1775.8px, 100vw);
  margin: auto;
}
@media screen and (min-width: 769px) {
  .l-inner {
    padding-left: min(107.9px, 6.076vw);
    padding-right: min(107.9px, 6.076vw);
  }
}
@media screen and (max-width: 768px) {
  .l-inner {
    padding-left: min(26px, 5.333vw);
    padding-right: min(26px, 5.333vw);
  }
}

.l-section {
  padding: 8.78477306% 0;
}
@media screen and (max-width: 768px) {
  .l-section {
    padding: min(104px, 21.333vw) 0;
  }
}

.l-contents {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: max(-156px, -8.785vw);
  padding-bottom: min(156px, 8.785vw);
}
@media screen and (max-width: 768px) {
  .l-contents {
    margin-top: max(-78px, -16vw);
    padding-bottom: min(78px, 16vw);
  }
}
.l-contents > * + * {
  margin-top: min(104px, 5.857vw);
}
@media screen and (max-width: 768px) {
  .l-contents > * + * {
    margin-top: min(52px, 10.667vw);
  }
}
.l-contents__box {
  position: relative;
  padding-top: min(156px, 8.785vw);
  padding-bottom: min(156px, 8.785vw);
  border-radius: 100px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .l-contents__box {
    border-radius: 40px;
    padding-top: min(78px, 16vw);
    padding-bottom: min(78px, 16vw);
  }
}
.l-contents__box.--half {
  border-radius: 100px 100px 0 0;
}
@media screen and (max-width: 768px) {
  .l-contents__box.--half {
    border-radius: 40px 40px 0 0;
  }
}
.l-contents__box__label {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: grid;
  place-content: center;
  color: #fff;
  font-family: var(--zen);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.1em;
  background-color: #ADBDC4;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .l-contents__box__label {
    width: min(730.6px, 41.142vw);
    padding: min(26px, 1.464vw);
    font-size: clamp(20.4px, 1.757vw, 31.2px);
    border-radius: 0 0 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .l-contents__box__label {
    width: min(364px, 74.667vw);
    padding: min(7.8px, 1.6vw) 1em;
    font-size: clamp(15.3px, 4.8vw, 23.4px);
    border-radius: 0 0 8px 8px;
  }
}
.l-contents__box__label.--en {
  line-height: 1;
  font-family: var(--inter);
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .l-contents__box__label.--en {
    padding: 0.7em 1em;
  }
}
.l-contents__box__title {
  padding: min(78px, 4.392vw) 0;
  text-align: center;
  font-family: var(--zen);
  font-size: clamp(20.4px, 1.757vw, 31.2px);
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .l-contents__box__title {
    font-size: clamp(17px, 5.333vw, 26px);
    padding: min(49.4px, 10.133vw) 0;
  }
}
.l-contents__box__title:has(.sub) {
  display: flex;
  flex-direction: column;
  gap: min(31.2px, 1.757vw);
  padding: 0 0 min(104px, 5.857vw);
}
@media screen and (max-width: 768px) {
  .l-contents__box__title:has(.sub) {
    gap: min(31.2px, 6.4vw);
    padding-bottom: min(41.6px, 8.533vw);
  }
}
.l-contents__box__title:has(.sub) .sub {
  font-family: var(--font-jp-01);
  font-size: clamp(13.6px, 1.171vw, 20.8px);
  font-weight: 400;
  letter-spacing: normal;
}
@media screen and (max-width: 768px) {
  .l-contents__box__title:has(.sub) .sub {
    text-align: left;
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}

.c-button--md, .c-button--lg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 100%;
  padding: 0;
  border: none;
  border-radius: 9999px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  background-color: var(--main);
  transition: var(--duration);
}
@media (any-hover: hover) {
  .c-button--md:hover, .c-button--lg:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--hover);
  }
}
.c-button--md::after, .c-button--lg::after {
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 1em;
  font-family: var(--font-awesome);
  font-weight: 400;
  line-height: 1;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .c-button--md::after, .c-button--lg::after {
    font-size: clamp(13.6px, 1.171vw, 20.8px);
  }
}
@media screen and (max-width: 768px) {
  .c-button--md::after, .c-button--lg::after {
    font-size: clamp(13.6px, 4.267vw, 20.8px);
  }
}

@media screen and (min-width: 769px) {
  .c-button--lg {
    width: clamp(340px, 29.283vw, 520px);
    height: clamp(54.4px, 4.685vw, 83.2px);
  }
}
@media screen and (max-width: 768px) {
  .c-button--lg {
    width: clamp(284.75px, 89.333vw, 435.5px);
    height: clamp(54.4px, 17.067vw, 83.2px);
  }
}
@media screen and (min-width: 769px) {
  .c-button--md {
    width: clamp(231.2px, 19.912vw, 353.6px);
    height: clamp(47.6px, 4.1vw, 72.8px);
  }
}
@media screen and (max-width: 768px) {
  .c-button--md {
    width: clamp(221px, 69.333vw, 338px);
    height: clamp(47.6px, 14.933vw, 72.8px);
  }
}
.c-button--black {
  background-color: #3E3D3D;
}
@media (any-hover: hover) {
  .c-button--black:hover {
    background-color: #727272;
  }
}
.c-button--border {
  background-color: #fff;
  color: var(--accent);
  border: var(--accent) solid var(--border-size-s);
}
.c-button--border::after {
  color: var(--accent);
}
.c-button--icon::after {
  content: none;
}
@media screen and (min-width: 769px) {
  .c-button--icon i {
    font-size: clamp(16.15px, 1.391vw, 24.7px);
    margin-right: min(6.5px, 0.366vw);
  }
}
@media screen and (max-width: 768px) {
  .c-button--icon i {
    font-size: clamp(16.15px, 5.067vw, 24.7px);
    margin-right: min(6.5px, 1.333vw);
  }
}
.c-button--disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.c-button__list {
  display: flex;
  justify-content: center;
}
.c-button__list [class*=c-button] {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .c-button__list [class*=c-button] {
    width: calc((100% - min(13px, 2.667vw)) / 2);
  }
}
@media screen and (max-width: 480px) {
  .c-button__list [class*=c-button] {
    height: min(59.8px, 12.267vw);
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
@media screen and (max-width: 360px) {
  .c-button__list [class*=c-button] {
    font-size: clamp(10.2px, 3.2vw, 15.6px);
  }
}
@media screen and (min-width: 769px) {
  .c-button__list [class*=c-button] + [class*=c-button] {
    margin-left: min(26px, 1.464vw);
  }
}
@media screen and (max-width: 768px) {
  .c-button__list [class*=c-button] + [class*=c-button] {
    margin-left: min(13px, 2.667vw);
  }
}
.c-button__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
}
.c-button__title .deco {
  width: clamp(139.4px, 12.006vw, 213.2px);
  margin: 0 auto 4px;
}
@media screen and (max-width: 768px) {
  .c-button__title .deco {
    width: clamp(139.4px, 43.733vw, 213.2px);
  }
}

.c-pagetop {
  display: none;
  position: fixed;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .c-pagetop {
    width: clamp(47.6px, 4.1vw, 72.8px);
    height: clamp(47.6px, 4.1vw, 72.8px);
    right: min(26px, 1.464vw);
    bottom: min(26px, 1.464vw);
  }
}
@media screen and (max-width: 768px) {
  .c-pagetop {
    width: clamp(39.1px, 12.267vw, 59.8px);
    height: clamp(39.1px, 12.267vw, 59.8px);
    right: min(26px, 5.333vw);
    bottom: min(26px, 5.333vw);
  }
}
.c-pagetop a {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: calc(infinity * 1px);
  border: var(--accent) solid var(--border-size-m);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.c-pagetop a::before {
  font-family: var(--font-awesome);
  font-weight: 300;
  content: "\f106";
  color: var(--accent);
  line-height: var(--lh-fit);
  display: block;
  transition: all var(--duration);
}
@media screen and (min-width: 769px) {
  .c-pagetop a::before {
    font-size: clamp(30.6px, 2.635vw, 46.8px);
  }
}
@media screen and (max-width: 768px) {
  .c-pagetop a::before {
    font-size: clamp(25.5px, 8vw, 39px);
  }
}
@media (any-hover: hover) {
  .c-pagetop a:hover {
    background-color: var(--accent);
  }
  .c-pagetop a:hover::before {
    color: var(--text-cl-04);
  }
}
.c-pagetop a span {
  text-indent: -999em;
}
.c-pagetop.is-hide {
  z-index: 1;
}

.c-card {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .c-card__wrapper {
    gap: min(62.4px, 3.514vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .c-card__wrapper {
    gap: min(62.4px, 12.8vw) 0;
  }
}
@media screen and (max-width: 480px) {
  .c-card__wrapper {
    gap: min(26px, 5.333vw) 0;
  }
}
.c-card__img {
  position: relative;
  aspect-ratio: 24/17;
  overflow: hidden;
  border-radius: 16px;
}
.c-card__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration);
}
@media screen and (min-width: 769px) {
  .c-card__body {
    padding-top: min(20.8px, 1.171vw);
  }
}
@media screen and (max-width: 768px) {
  .c-card__body {
    padding-top: min(20.8px, 4.267vw);
  }
}
.c-card__title {
  font-family: var(--zen);
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .c-card__title {
    font-size: clamp(17px, 1.464vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  .c-card__title {
    display: flex;
    align-items: center;
    column-gap: 0.5em;
    font-size: clamp(13.6px, 4.267vw, 20.8px);
  }
}
.c-card__title span {
  flex: 1;
}
@media screen and (min-width: 769px) {
  .c-card__title i {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-card__title i {
    margin: 0;
    font-size: clamp(20.4px, 6.4vw, 31.2px);
  }
}
.c-card__tag {
  display: inline-block;
  color: var(--text-cl-03);
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .c-card__tag {
    margin-top: min(10.4px, 0.586vw);
    padding: min(5.2px, 0.293vw) 1em;
    font-size: clamp(11.9px, 1.025vw, 18.2px);
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  .c-card__tag {
    margin-top: min(10.4px, 2.133vw);
    font-size: clamp(11.05px, 3.467vw, 16.9px);
    padding: min(5.2px, 1.067vw) 1em;
    border-radius: 4px;
  }
}
.c-card__note {
  display: block;
}
@media screen and (min-width: 769px) {
  .c-card__note {
    margin-top: min(5.2px, 0.293vw);
    font-size: clamp(10.2px, 0.878vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .c-card__note {
    margin-top: min(5.2px, 1.067vw);
    font-size: clamp(9.35px, 2.933vw, 14.3px);
  }
}
.c-card__thumb {
  position: relative;
  aspect-ratio: 480/281;
  display: block;
  width: 100%;
  overflow: clip;
}
@media (any-hover: hover) {
  .c-card__thumb {
    cursor: pointer;
  }
  .c-card__thumb:hover img {
    transform: scale(1.05);
  }
}
.c-card__thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(100.1px, 5.637vw);
  height: min(100.1px, 5.637vw);
  background-image: url("../img/icon_play.png");
  background-size: cover;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .c-card__thumb::after {
    width: min(72.8px, 14.933vw);
    height: min(72.8px, 14.933vw);
  }
}
.c-card__thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration);
}
.c-card--box {
  overflow: clip;
  height: 100%;
  border-radius: 8px;
  background-color: #fff;
}
.c-card__box {
  padding: min(26px, 1.464vw);
  font-family: var(--zen);
}
@media screen and (max-width: 768px) {
  .c-card__box {
    padding: min(26px, 5.333vw);
  }
}
.c-card__box__title {
  font-size: clamp(17px, 1.464vw, 26px);
}
@media screen and (max-width: 768px) {
  .c-card__box__title {
    font-size: clamp(13.6px, 4.267vw, 20.8px);
  }
}
.c-card__box__text {
  font-size: clamp(11.9px, 1.025vw, 18.2px);
  color: var(--text-cl-02);
}
@media screen and (max-width: 768px) {
  .c-card__box__text {
    margin-top: min(5.2px, 1.067vw);
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.c-card__box__text a {
  color: var(--text-cl-02) !important;
  text-decoration: none;
}
@media (any-hover: hover) {
  .c-card__box__text a:hover {
    text-decoration: underline;
  }
}
.c-card--voice {
  overflow: clip;
  border-radius: 8px;
  border: 1px solid var(--border-cl-01);
  background-color: #fff;
}
.c-card__voice {
  padding: min(31.2px, 1.757vw);
}
@media screen and (max-width: 768px) {
  .c-card__voice {
    padding: min(31.2px, 6.4vw);
  }
}
.c-card__voice__data {
  display: flex;
  align-items: center;
  gap: min(15.6px, 0.878vw);
  font-family: var(--zen);
}
@media screen and (max-width: 768px) {
  .c-card__voice__data {
    gap: min(15.6px, 3.2vw);
  }
}
.c-card__voice__data img {
  width: min(72.8px, 4.1vw);
}
@media screen and (max-width: 768px) {
  .c-card__voice__data img {
    width: min(72.8px, 14.933vw);
  }
}
.c-card__voice__data__text {
  flex: 1;
  font-size: clamp(17px, 1.464vw, 26px);
}
@media screen and (max-width: 768px) {
  .c-card__voice__data__text {
    font-size: clamp(13.6px, 4.267vw, 20.8px);
    line-height: 2;
  }
}
.c-card__voice__data__text > * {
  display: block;
}
.c-card__voice__data__text small {
  font-size: clamp(11.9px, 1.025vw, 18.2px);
  color: var(--text-cl-03);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-card__voice__data__text small {
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.c-card__voice__title {
  font-size: clamp(17px, 1.464vw, 26px);
  margin-top: min(20.8px, 1.171vw);
}
@media screen and (max-width: 768px) {
  .c-card__voice__title {
    font-size: clamp(13.6px, 4.267vw, 20.8px);
    margin-top: min(20.8px, 4.267vw);
  }
}
.c-card__voice__text {
  margin-top: min(20.8px, 1.171vw);
  color: var(--text-cl-02);
}
@media screen and (max-width: 768px) {
  .c-card__voice__text {
    margin-top: min(20.8px, 4.267vw);
  }
}
.c-card__lead {
  min-height: 3em;
  color: var(--text-cl-01);
  font-weight: var(--fw-medium);
  line-height: var(--lh-narrow);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 769px) {
  .c-card__lead {
    font-size: clamp(13.6px, 1.171vw, 20.8px);
    margin-top: min(20.8px, 1.171vw);
  }
}
@media screen and (max-width: 768px) {
  .c-card__lead {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
    margin-top: min(15.6px, 3.2vw);
  }
}
.c-card__lead a {
  color: var(--text-cl-01);
  text-decoration: none;
}
.c-card__lead a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-card__text {
  color: var(--text-cl-02);
  line-height: var(--lh-narrow);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (min-width: 769px) {
  .c-card__text {
    font-size: clamp(11.9px, 1.025vw, 18.2px);
    margin-top: min(26px, 1.464vw);
  }
}
@media screen and (max-width: 768px) {
  .c-card__text {
    font-size: clamp(10.2px, 3.2vw, 15.6px);
    margin-top: min(26px, 5.333vw);
  }
}
.c-card__subtext {
  color: var(--text-cl-02);
  display: block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-card__subtext {
    font-size: clamp(12.75px, 1.098vw, 19.5px);
    margin-top: min(20.8px, 1.171vw);
  }
}
@media screen and (max-width: 768px) {
  .c-card__subtext {
    font-size: clamp(11.05px, 3.467vw, 16.9px);
    margin-top: min(15.6px, 3.2vw);
  }
}

@media (any-hover: hover) {
  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;
  }
}

@media (any-hover: hover) {
  .c-card:hover .c-card__img img {
    transform: scale(1.05);
  }
}

.c-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (min-width: 769px) {
  .c-row {
    gap: min(41.6px, 2.343vw);
  }
}
@media screen and (max-width: 768px) {
  .c-row {
    gap: min(41.6px, 8.533vw);
  }
  .c-row:has(.c-col-md-12) {
    column-gap: 0;
  }
}
@media screen and (min-width: 769px) {
  .c-row.--reverse > *:nth-child(1) {
    order: 2;
  }
  .c-row.--reverse > *:nth-child(2) {
    order: 1;
  }
}
@media screen and (min-width: 769px) {
  .c-row:where(.--gap-media) {
    gap: min(78px, 4.392vw);
  }
}
@media screen and (max-width: 768px) {
  .c-row:where(.--gap-media) {
    gap: min(31.2px, 6.4vw);
  }
}
@media screen and (min-width: 769px) {
  .c-row:where(.--gap-wide) {
    gap: min(62.4px, 3.514vw);
  }
}
@media screen and (max-width: 768px) {
  .c-row:where(.--gap-wide) {
    gap: min(36.4px, 7.467vw);
  }
}
@media screen and (min-width: 769px) {
  .c-row:where(.--gap-mid) {
    gap: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .c-row:where(.--gap-mid) {
    gap: min(31.2px, 6.4vw);
  }
}
@media screen and (min-width: 769px) {
  .c-row:where(.--gap-narrow) {
    gap: min(10.4px, 0.586vw);
  }
}
@media screen and (max-width: 768px) {
  .c-row:where(.--gap-narrow) {
    gap: min(5.2px, 1.067vw);
  }
}
.c-row:where(.--gap-none) {
  gap: min(0px, 0vw);
}

.c-col-1 {
  grid-column: span 1;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-1 {
    grid-column: span 1 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-1 {
    grid-column: span 1 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-1 {
    grid-column: span 1 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-1 {
    grid-column: span 1 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-1 {
    grid-column: span 1 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-1 {
    grid-column: span 1 !important;
  }
}
.c-col-2 {
  grid-column: span 2;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-2 {
    grid-column: span 2 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-2 {
    grid-column: span 2 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-2 {
    grid-column: span 2 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-2 {
    grid-column: span 2 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-2 {
    grid-column: span 2 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-2 {
    grid-column: span 2 !important;
  }
}
.c-col-3 {
  grid-column: span 3;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-3 {
    grid-column: span 3 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-3 {
    grid-column: span 3 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-3 {
    grid-column: span 3 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-3 {
    grid-column: span 3 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-3 {
    grid-column: span 3 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-3 {
    grid-column: span 3 !important;
  }
}
.c-col-4 {
  grid-column: span 4;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-4 {
    grid-column: span 4 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-4 {
    grid-column: span 4 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-4 {
    grid-column: span 4 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-4 {
    grid-column: span 4 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-4 {
    grid-column: span 4 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-4 {
    grid-column: span 4 !important;
  }
}
.c-col-5 {
  grid-column: span 5;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-5 {
    grid-column: span 5 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-5 {
    grid-column: span 5 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-5 {
    grid-column: span 5 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-5 {
    grid-column: span 5 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-5 {
    grid-column: span 5 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-5 {
    grid-column: span 5 !important;
  }
}
.c-col-6 {
  grid-column: span 6;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-6 {
    grid-column: span 6 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-6 {
    grid-column: span 6 !important;
  }
}
.c-col-7 {
  grid-column: span 7;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-7 {
    grid-column: span 7 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-7 {
    grid-column: span 7 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-7 {
    grid-column: span 7 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-7 {
    grid-column: span 7 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-7 {
    grid-column: span 7 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-7 {
    grid-column: span 7 !important;
  }
}
.c-col-8 {
  grid-column: span 8;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-8 {
    grid-column: span 8 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-8 {
    grid-column: span 8 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-8 {
    grid-column: span 8 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-8 {
    grid-column: span 8 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-8 {
    grid-column: span 8 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-8 {
    grid-column: span 8 !important;
  }
}
.c-col-9 {
  grid-column: span 9;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-9 {
    grid-column: span 9 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-9 {
    grid-column: span 9 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-9 {
    grid-column: span 9 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-9 {
    grid-column: span 9 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-9 {
    grid-column: span 9 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-9 {
    grid-column: span 9 !important;
  }
}
.c-col-10 {
  grid-column: span 10;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-10 {
    grid-column: span 10 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-10 {
    grid-column: span 10 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-10 {
    grid-column: span 10 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-10 {
    grid-column: span 10 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-10 {
    grid-column: span 10 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-10 {
    grid-column: span 10 !important;
  }
}
.c-col-11 {
  grid-column: span 11;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-11 {
    grid-column: span 11 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-11 {
    grid-column: span 11 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-11 {
    grid-column: span 11 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-11 {
    grid-column: span 11 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-11 {
    grid-column: span 11 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-11 {
    grid-column: span 11 !important;
  }
}
.c-col-12 {
  grid-column: span 12;
}
@media screen and (max-width: 360px) {
  .c-col-xsm-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (max-width: 480px) {
  .c-col-sm-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (max-width: 768px) {
  .c-col-md-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (max-width: 1194px) {
  .c-col-tb-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (max-width: 1280px) {
  .c-col-lg-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (max-width: 1366px) {
  .c-col-xlg-12 {
    grid-column: span 12 !important;
  }
}

.c-list li {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-list li {
    padding-left: min(26px, 1.464vw);
  }
}
@media screen and (max-width: 768px) {
  .c-list li {
    padding-left: min(19.5px, 4vw);
  }
}
.c-list li::before {
  content: "";
  background-color: var(--accent);
  border-radius: calc(infinity * 1px);
  position: absolute;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-list li::before {
    width: min(7.8px, 0.439vw);
    height: min(7.8px, 0.439vw);
    top: clamp(10.2px, 0.878vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .c-list li::before {
    width: clamp(5.1px, 1.6vw, 7.8px);
    height: clamp(5.1px, 1.6vw, 7.8px);
    top: clamp(10.2px, 3.2vw, 15.6px);
  }
}
@media screen and (min-width: 769px) {
  .c-list li:not(:last-child) {
    margin-bottom: min(5.2px, 0.293vw);
  }
}
@media screen and (max-width: 768px) {
  .c-list li:not(:last-child) {
    margin-bottom: min(5.2px, 1.067vw);
  }
}
@media screen and (min-width: 769px) {
  .c-list.--large li {
    font-size: clamp(17px, 1.464vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  .c-list.--large li {
    font-size: clamp(15.3px, 4.8vw, 23.4px);
    padding-left: min(26px, 5.333vw);
  }
}
@media screen and (min-width: 769px) {
  .c-list.--large li::before {
    width: clamp(8.5px, 0.732vw, 13px);
    height: clamp(8.5px, 0.732vw, 13px);
    top: clamp(11.9px, 1.025vw, 18.2px);
  }
}
@media screen and (max-width: 768px) {
  .c-list.--large li::before {
    width: clamp(8.5px, 2.667vw, 13px);
    height: clamp(8.5px, 2.667vw, 13px);
    top: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.c-list.--notice {
  color: var(--text-cl-04);
}
.c-list.--notice li {
  font-size: clamp(11.9px, 1.025vw, 18.2px);
  text-indent: -1.8em;
  padding-left: 1.8em;
  vertical-align: text-top;
}
@media screen and (max-width: 768px) {
  .c-list.--notice li {
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.c-list.--notice li::before {
  content: none;
}

ol.c-list li {
  list-style: decimal;
  padding-left: 0.5em;
  margin-left: 1em;
}
ol.c-list li::before {
  content: none;
}

.c-title__h2 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(31.2px, 1.757vw);
  text-align: center;
  padding-bottom: min(54.6px, 3.075vw);
  font-family: var(--zen);
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .c-title__h2 {
    gap: min(31.2px, 6.4vw);
    padding-bottom: min(31.2px, 6.4vw);
  }
}
.c-title__h2__main {
  display: inline-block;
  letter-spacing: 0.1em;
  font-size: clamp(20.4px, 1.757vw, 31.2px);
}
@media screen and (max-width: 768px) {
  .c-title__h2__main {
    font-size: clamp(17px, 5.333vw, 26px);
  }
}
.c-title__h2__text {
  display: inline-block;
  font-size: clamp(13.6px, 1.171vw, 20.8px);
  font-weight: 400;
  font-family: var(--font-jp-01);
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .c-title__h2__text {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
@media screen and (min-width: 769px) {
  .c-title__h2.--product {
    padding-bottom: min(78px, 4.392vw);
  }
}
@media screen and (max-width: 768px) {
  .c-title__h2.--product {
    max-width: min(650px, 133.333vw);
    margin-inline: auto;
    padding-bottom: min(52px, 10.667vw);
  }
}
.c-title__h2.--product::before {
  content: "";
  position: absolute;
  background-size: cover;
  background-image: url("../img/top/smart/title_l.png?260421");
}
@media screen and (min-width: 769px) {
  .c-title__h2.--product::before {
    left: min(143px, 8.053vw);
    bottom: max(-13px, -0.732vw);
    width: min(187.2px, 10.542vw);
    height: min(292.5px, 16.471vw);
  }
}
@media screen and (max-width: 768px) {
  .c-title__h2.--product::before {
    left: min(15.6px, 3.2vw);
    bottom: max(-10.4px, -2.133vw);
    width: min(106.6px, 21.867vw);
    height: min(167.7px, 34.4vw);
  }
}
.c-title__h2.--product::after {
  content: "";
  position: absolute;
  background-size: cover;
  background-image: url("../img/top/smart/title_r.png?260421");
}
@media screen and (min-width: 769px) {
  .c-title__h2.--product::after {
    right: min(31.2px, 1.757vw);
    bottom: min(49.4px, 2.782vw);
    width: min(257.4px, 14.495vw);
    height: min(172.9px, 9.736vw);
  }
}
@media screen and (max-width: 768px) {
  .c-title__h2.--product::after {
    right: min(18.2px, 3.733vw);
    bottom: min(23.4px, 4.8vw);
    width: min(104px, 21.333vw);
    height: min(70.2px, 14.4vw);
  }
}
.c-title__h2--zen {
  margin-bottom: min(20.8px, 1.171vw);
  color: #283747;
  font-family: var(--zen);
  font-size: clamp(20.4px, 1.757vw, 31.2px);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .c-title__h2--zen {
    font-size: clamp(17px, 5.333vw, 26px);
    margin-bottom: min(20.8px, 4.267vw);
  }
}
.c-title__h3 {
  font-family: var(--zen);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .c-title__h3 {
    font-size: clamp(20.4px, 1.757vw, 31.2px);
    margin-bottom: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .c-title__h3 {
    font-size: clamp(17px, 5.333vw, 26px);
    margin-bottom: min(31.2px, 6.4vw);
  }
}
.c-title__h3:has(.step) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.c-title__h3:has(.step) .step {
  position: relative;
  display: grid;
  place-content: center;
  width: min(52px, 2.928vw);
  height: min(52px, 2.928vw);
  margin-right: min(15.6px, 0.878vw);
  border-radius: 50%;
  background-color: var(--text-cl-01);
}
@media screen and (max-width: 768px) {
  .c-title__h3:has(.step) .step {
    width: min(52px, 10.667vw);
    height: min(52px, 10.667vw);
    margin-right: min(15.6px, 3.2vw);
  }
}
.c-title__h3:has(.step) .step::before {
  content: counter(step-counter);
  position: absolute;
  top: 50%;
  left: 52%;
  font-family: var(--inter);
  font-size: clamp(17px, 1.464vw, 26px);
  color: #fff;
  line-height: 1;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .c-title__h3:has(.step) .step::before {
    font-size: clamp(17px, 1.464vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  .c-title__h3:has(.step) .step::before {
    font-size: clamp(17px, 5.333vw, 26px);
  }
}

.c-link {
  display: flex;
  align-items: center;
  color: var(--text-cl-01) !important;
  text-decoration: none !important;
}
@media (any-hover: hover) {
  .c-link:hover {
    opacity: 0.7;
  }
}
.c-link::before {
  content: "\f138";
  display: inline-block;
  margin-top: 0.18em;
  font-weight: 700;
  font-family: var(--font-awesome);
}
@media screen and (min-width: 769px) {
  .c-link::before {
    margin-right: min(5.2px, 0.293vw);
    font-size: clamp(11.9px, 1.025vw, 18.2px);
  }
}
@media screen and (max-width: 768px) {
  .c-link::before {
    margin-right: min(5.2px, 1.067vw);
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}

.c-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.c-modal__link {
  cursor: pointer;
}
.c-modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  max-height: calc(100svh - min(156px, 8.785vw));
  margin: auto;
  overscroll-behavior: contain;
  overflow: auto;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .c-modal__inner {
    width: calc(100% - min(26px, 1.464vw));
    max-width: min(1248px, 70.278vw);
    border-radius: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-modal__inner {
    width: calc(100% - min(26px, 5.333vw));
    max-height: 90vh;
    border-radius: 8px;
  }
}
.c-modal__box {
  background-color: #fff;
  overflow: auto;
  transition: var(--duration);
}
@media screen and (min-width: 769px) {
  .c-modal__box {
    padding: 0 0 min(156px, 8.785vw);
  }
}
@media screen and (max-width: 768px) {
  .c-modal__box {
    padding: 0 0 min(78px, 16vw);
  }
}
.c-modal__box p {
  line-height: 2;
  color: var(--text-cl-04);
}
.c-modal__box figcaption {
  color: var(--text-cl-04);
  font-weight: 400;
  line-height: 2;
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  .c-modal__box .l-inner {
    max-width: 582px;
    margin-inline: auto;
    padding-left: min(15.6px, 3.2vw);
    padding-right: min(15.6px, 3.2vw);
  }
}
.c-modal__mv {
  position: relative;
  aspect-ratio: 64/37;
  margin-bottom: min(156px, 8.785vw);
}
.c-modal__mv img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  aspect-ratio: 1;
  appearance: none;
  cursor: pointer;
  border: 0;
  outline: none;
  border-radius: calc(infinity * 1px);
  transition: background-color 0.3s;
  background-color: var(--main);
}
@media screen and (min-width: 769px) {
  .c-modal__close {
    width: min(88.4px, 4.978vw);
    transform: translate(-50%, 50%);
  }
}
@media screen and (max-width: 768px) {
  .c-modal__close {
    top: min(5.2px, 1.067vw);
    right: min(5.2px, 1.067vw);
    width: min(72.8px, 14.933vw);
  }
}
.c-modal__close::before, .c-modal__close::after {
  content: "";
  position: absolute;
  display: inline-block;
  inset: 0;
  width: 32%;
  height: 2px;
  margin: auto;
  border-radius: 9999px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-modal__close::before, .c-modal__close::after {
    height: 1px;
  }
}
.c-modal__close::before {
  rotate: 50deg;
}
.c-modal__close::after {
  rotate: 130deg;
}
@media (any-hover: hover) {
  .c-modal__close:hover {
    background-color: var(--hover);
  }
}
.c-modal__close.--video {
  position: fixed;
}
@media screen and (min-width: 769px) {
  .c-modal__close.--video {
    top: min(156px, 8.785vw);
    right: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .c-modal__close.--video {
    top: min(130px, 26.667vw);
    right: min(26px, 5.333vw);
  }
}
@media screen and (max-width: 480px) {
  .c-modal__close.--video {
    top: min(130px, 26.667vw);
    right: min(26px, 5.333vw);
  }
}
.c-modal__close--video {
  position: fixed;
  z-index: 1;
  aspect-ratio: 1;
  appearance: none;
  cursor: pointer;
  background-color: var(--accent);
  border: 0;
  outline: none;
  border-radius: calc(infinity * 1px);
  box-shadow: var(--shadow);
  transition: background-color 0.3s;
}
@media screen and (min-width: 769px) {
  .c-modal__close--video {
    top: min(156px, 8.785vw);
    right: min(52px, 2.928vw);
    width: min(88.4px, 4.978vw);
  }
}
@media screen and (max-width: 768px) {
  .c-modal__close--video {
    width: min(65px, 13.333vw);
  }
}
@media screen and (max-width: 480px) {
  .c-modal__close--video {
    width: min(59.8px, 12.267vw);
  }
}
.c-modal__close--video::before, .c-modal__close--video::after {
  content: "";
  position: absolute;
  inset: 0;
  display: inline-block;
  width: 40%;
  height: 2px;
  margin: auto;
  border-radius: 9999px;
  background-color: var(--text-cl-04);
}
.c-modal__close--video::before {
  rotate: 45deg;
}
.c-modal__close--video::after {
  rotate: 135deg;
}
@media (any-hover: hover) {
  .c-modal__close--video:hover {
    opacity: 0.7;
  }
}

.p-mv {
  background-size: 100%;
  background-repeat: repeat;
  background-image: url("../img/top/bg_section.jpg");
}
.p-mv__wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 683/337;
  max-height: calc(100svh - 80px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-mv__wrap {
    aspect-ratio: 375/614;
    max-height: calc(100svh - 51px);
  }
}
.p-mv__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-mv__bg {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
  width: 100%;
}
.p-mv__title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: min(23.4px, 1.318vw);
  padding: min(20.8px, 1.171vw) min(299px, 16.837vw) min(62.4px, 3.514vw) min(71.5px, 4.026vw);
  font-family: var(--zen);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.0648em;
}
@media screen and (max-width: 768px) {
  .p-mv__title {
    bottom: min(62.4px, 12.8vw);
    gap: min(18.2px, 3.733vw);
    width: 100%;
    padding: min(13px, 2.667vw) 0 min(13px, 2.667vw) min(14.3px, 2.933vw);
  }
}
.p-mv__title .sub {
  margin-left: min(18.2px, 1.025vw);
  font-size: clamp(15.3px, 1.318vw, 23.4px);
}
@media screen and (max-width: 768px) {
  .p-mv__title .sub {
    margin-left: min(10.4px, 2.133vw);
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.p-mv__title .main {
  font-size: clamp(45.9px, 3.953vw, 70.2px);
}
@media screen and (max-width: 768px) {
  .p-mv__title .main {
    font-size: clamp(23.8px, 7.467vw, 36.4px);
  }
}
.p-mv__catch {
  position: absolute;
  top: 11.1273792094vmin;
  left: min(531.7px, 29.941vw);
  z-index: 100;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: clamp(15.3px, 1.318vw, 23.4px);
  font-family: var(--zen);
  line-height: 2;
  letter-spacing: 0.0648em;
}
@media screen and (max-width: 768px) {
  .p-mv__catch {
    top: min(162.5px, 33.333vw);
    left: min(120.9px, 24.8vw);
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-mv__breadcrumb {
  position: absolute;
  top: min(31.2px, 1.757vw);
  left: min(52px, 2.928vw);
  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(9.35px, 0.805vw, 14.3px);
  color: #000 !important;
}
@media screen and (max-width: 768px) {
  .p-mv__breadcrumb {
    font-size: clamp(9.35px, 2.933vw, 14.3px);
  }
}
.p-mv__breadcrumb li:not(:last-child)::after {
  content: ">";
  margin-inline: 0.5em;
}
.p-mv__breadcrumb a {
  color: #000 !important;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .p-mv__breadcrumb a:hover {
    text-decoration: none;
  }
}
.p-mv__blur {
  position: absolute;
  top: 0;
  z-index: 1;
  aspect-ratio: 1/1;
  border-radius: 20px;
  overflow: hidden;
  filter: blur(10px);
  animation: slideUp linear infinite;
}
.p-mv__blur:nth-of-type(1) {
  width: min(182px, 10.249vw);
  left: min(223.6px, 12.592vw);
  animation-duration: 28s;
}
@media screen and (max-width: 768px) {
  .p-mv__blur:nth-of-type(1) {
    left: max(-26px, -5.333vw);
    width: min(119.6px, 24.533vw);
  }
}
.p-mv__blur:nth-of-type(2) {
  width: min(182px, 10.249vw);
  left: min(755.3px, 42.533vw);
  animation-delay: -50s;
  animation-duration: 80s;
}
@media screen and (max-width: 768px) {
  .p-mv__blur:nth-of-type(2) {
    left: min(309.4px, 63.467vw);
    width: min(119.6px, 24.533vw);
  }
}
.p-mv__blur:nth-of-type(3) {
  width: min(234px, 13.177vw);
  left: min(843.7px, 47.511vw);
  animation-delay: -70s;
  animation-duration: 160s;
}
@media screen and (max-width: 768px) {
  .p-mv__blur:nth-of-type(3) {
    display: none;
  }
}
.p-mv__blur:nth-of-type(4) {
  width: min(182px, 10.249vw);
  right: min(89.7px, 5.051vw);
  animation-delay: -60s;
  animation-duration: 40s;
}
@media screen and (max-width: 768px) {
  .p-mv__blur:nth-of-type(4) {
    display: none;
  }
}
.p-mv__blur > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-mv__scene {
  will-change: transform;
}
.p-mv__scene__track {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  display: grid;
}
.p-mv__scene__block {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block {
    aspect-ratio: 683/337;
  }
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block {
    aspect-ratio: 375/614;
  }
}
.p-mv__scene__block .p-mv__scene__item {
  position: absolute;
  aspect-ratio: 1/1;
  width: min(338px, 19.034vw);
  overflow: clip;
  transform-origin: center center;
  transition: scale 0.8s ease;
  will-change: transform;
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item {
    border-radius: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item {
    width: min(176.8px, 36.267vw);
    border-radius: 16px;
  }
}
.p-mv__scene__block .p-mv__scene__item * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="260"].is-size-alt {
    scale: 0.6923076923;
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="180"].is-size-alt {
    scale: 0.7777777778;
  }
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="180"].is-size-alt {
    scale: 1.3939393939;
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="140"].is-size-alt {
    scale: 0.8571428571;
  }
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="140"].is-size-alt {
    scale: 0.7173913043;
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="120"].is-size-alt {
    scale: 1.1666666667;
  }
}
.p-mv__scene__block .p-mv__scene__item[data-switch] img:not(:first-child) {
  opacity: 0;
}
.p-mv__scene__block .p-mv__scene__item:nth-child(1) {
  top: min(306.8px, 17.277vw);
  left: min(74.1px, 4.173vw);
  z-index: 10;
  width: min(338px, 19.034vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(1) {
    top: min(27.3px, 5.6vw);
    left: min(201.5px, 41.333vw);
    width: min(176.8px, 36.267vw);
  }
}
.p-mv__scene__block .p-mv__scene__item:nth-child(2) {
  top: min(448.5px, 25.256vw);
  right: min(132.6px, 7.467vw);
  z-index: 10;
  width: min(338px, 19.034vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(2) {
    top: min(315.9px, 64.8vw);
    right: min(20.8px, 4.267vw);
    width: min(176.8px, 36.267vw);
  }
}
.p-mv__scene__block .p-mv__scene__item:nth-child(3) {
  top: min(92.3px, 5.198vw);
  left: min(152.1px, 8.565vw);
  width: min(182px, 10.249vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(3) {
    top: max(-35.1px, -7.2vw);
    left: max(-13px, -2.667vw);
    width: min(119.6px, 24.533vw);
  }
}
.p-mv__scene__block .p-mv__scene__item:nth-child(4) {
  top: max(-130px, -7.321vw);
  left: min(627.9px, 35.359vw);
  width: min(234px, 13.177vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(4) {
    top: min(200.2px, 41.067vw);
    left: max(-13px, -2.667vw);
    width: min(85.8px, 17.6vw);
  }
}
.p-mv__scene__block .p-mv__scene__item:nth-child(5) {
  top: max(-52px, -2.928vw);
  right: min(430.3px, 24.231vw);
  z-index: 1;
  width: min(234px, 13.177vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(5) {
    top: max(-5.2px, -1.067vw);
    right: min(55.9px, 11.467vw);
    width: min(85.8px, 17.6vw);
  }
}
.p-mv__scene__block .p-mv__scene__item:nth-child(6) {
  top: min(118.3px, 6.662vw);
  right: min(27.3px, 1.537vw);
  width: min(156px, 8.785vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(6) {
    top: min(447.2px, 91.733vw);
    right: min(146.9px, 30.133vw);
    width: min(119.6px, 24.533vw);
  }
}
.p-mv__scene__block .p-mv__scene__item:nth-child(7) {
  top: min(499.2px, 28.111vw);
  left: min(782.6px, 44.07vw);
  width: min(156px, 8.785vw);
}
@media screen and (max-width: 768px) {
  .p-mv__scene__block .p-mv__scene__item:nth-child(7) {
    top: min(523.9px, 107.467vw);
    left: auto;
    right: max(-16.9px, -3.467vw);
    width: min(85.8px, 17.6vw);
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="260"] {
    width: min(338px, 19.034vw);
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="180"] {
    width: min(234px, 13.177vw);
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="140"] {
    width: min(182px, 10.249vw);
  }
}
@media screen and (min-width: 769px) {
  .p-mv__scene__block .p-mv__scene__item[data-base-size="120"] {
    width: min(156px, 8.785vw);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(80vh);
  }
  100% {
    transform: translateY(-25vh);
  }
}
.p-anchor {
  padding: min(104px, 5.857vw) 0 min(62.4px, 3.514vw);
}
@media screen and (max-width: 768px) {
  .p-anchor {
    padding: 0 min(13px, 2.667vw) min(62.4px, 12.8vw);
  }
}
@media screen and (min-width: 769px) {
  .p-anchor__wrap {
    display: flex;
    gap: min(62.4px, 3.514vw);
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-anchor__wrap {
    display: grid;
    grid-template-columns: auto auto;
    gap: min(20.8px, 4.267vw);
    margin-inline: auto;
    width: max-content;
  }
}
@media screen and (max-width: 768px) {
  .p-anchor__block {
    display: flex;
  }
}
.p-anchor__link {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--text-cl-01);
  text-decoration: none !important;
  transition: color 0.3s ease;
}
@media screen and (min-width: 769px) {
  .p-anchor__link {
    align-items: center;
    gap: min(5.2px, 0.293vw);
  }
}
@media screen and (max-width: 768px) {
  .p-anchor__link {
    gap: min(5.2px, 1.067vw);
  }
}
@media (any-hover: hover) {
  .p-anchor__link:hover {
    color: var(--hover-text);
  }
}
.p-anchor__link::before {
  content: "\f13a";
  flex-shrink: 0;
  font-family: var(--font-awesome);
  font-weight: 700;
  font-size: clamp(13.6px, 1.171vw, 20.8px);
}
@media screen and (min-width: 769px) {
  .p-anchor__link:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: max(-31.2px, -1.757vw);
    width: 1px;
    height: 90%;
    background-color: var(--border-cl-02);
    transform: translateY(-50%);
  }
}

.p-cta {
  display: none;
  position: fixed;
  right: 0;
  z-index: 100;
}
@media screen and (min-width: 769px) {
  .p-cta {
    bottom: min(26px, 1.464vw);
    width: min(391.3px, 22.035vw);
  }
}
@media screen and (max-width: 768px) {
  .p-cta {
    bottom: min(10.4px, 2.133vw);
    width: min(365.3px, 74.933vw);
  }
}
@media (any-hover: hover) {
  .p-cta:hover .p-cta__bg {
    fill-opacity: 0.75;
  }
}
.p-cta__bg {
  fill: #9A9A9A;
  fill-opacity: 0.9;
  transition: fill-opacity 0.3s ease;
}

.p-about {
  position: relative;
  background-size: 100%;
  background-repeat: repeat;
  background-image: url("../img/top/bg_section.jpg");
}
@media screen and (min-width: 769px) {
  .p-about {
    padding: min(156px, 8.785vw) 0 min(156px, 8.785vw);
  }
}
@media screen and (max-width: 768px) {
  .p-about {
    padding: min(78px, 16vw) 0;
  }
}
.p-about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: min(130px, 7.321vw) min(130px, 7.321vw) 0 0;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-about::before {
    border-radius: 40px 40px 0 0;
  }
}
.p-about .l-inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-about__content {
    container-type: inline-size;
    display: flex;
    align-items: center;
  }
}
.p-about__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-about__title {
    width: 46.6666666667cqw;
  }
}
@media screen and (max-width: 768px) {
  .p-about__title {
    width: 100%;
    margin-top: min(41.6px, 8.533vw);
  }
}
@media screen and (min-width: 769px) {
  .p-about__title__figure {
    flex-shrink: 0;
    width: 27.5cqw;
  }
}
.p-about__title__text {
  display: flex;
  flex-direction: column;
  gap: min(5.2px, 0.293vw);
  align-items: center;
  text-align: center;
  margin-top: min(31.2px, 1.757vw);
  font-family: var(--zen);
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-about__title__text {
    margin-top: min(31.2px, 6.4vw);
  }
}
.p-about__title__text .sub {
  font-size: clamp(11.9px, 1.025vw, 18.2px);
}
@media screen and (max-width: 768px) {
  .p-about__title__text .sub {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-about__title__text .main {
  font-size: clamp(23.8px, 2.05vw, 36.4px);
}
@media screen and (max-width: 768px) {
  .p-about__title__text .main {
    font-size: clamp(20.4px, 6.4vw, 31.2px);
  }
}
.p-about__title__text .main span:first-child {
  transform: translateX(0.5em);
}
.p-about__title__desc {
  margin-top: min(52px, 2.928vw);
  line-height: 2.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-about__title__desc {
    margin-top: min(31.2px, 6.4vw);
  }
}
.p-about__list {
  flex: 1;
  position: relative;
  display: grid;
  row-gap: min(62.4px, 3.514vw);
}
@media screen and (max-width: 768px) {
  .p-about__list {
    row-gap: min(31.2px, 6.4vw);
    margin-top: min(41.6px, 8.533vw);
  }
}
.p-about__item {
  display: flex;
  background-color: var(--bg-02);
}
@media screen and (min-width: 769px) {
  .p-about__item {
    align-items: center;
    gap: min(41.6px, 2.343vw);
    width: fit-content;
    padding: min(31.2px, 1.757vw) min(41.6px, 2.343vw);
    border-radius: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-about__item {
    flex-direction: column;
    align-items: center;
    row-gap: min(15.6px, 3.2vw);
    text-align: center;
    width: 100%;
    max-width: min(650px, 133.333vw);
    margin-inline: auto;
    padding: min(31.2px, 6.4vw) min(41.6px, 8.533vw);
  }
}
@media screen and (min-width: 769px) {
  .p-about__item:nth-child(1) {
    margin-left: min(104px, 5.857vw);
  }
}
@media screen and (min-width: 769px) {
  .p-about__item:nth-child(2) {
    width: 50.8333333333cqw;
    margin-left: min(124.8px, 7.028vw);
  }
}
@media screen and (min-width: 769px) {
  .p-about__item:nth-child(3) {
    margin-left: min(10.4px, 0.586vw);
  }
}
@media screen and (min-width: 769px) {
  .p-about__item__img {
    width: min(156px, 8.785vw);
  }
}
@media screen and (max-width: 768px) {
  .p-about__item__img {
    width: min(156px, 32vw);
  }
}
.p-about__item__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(5.2px, 0.293vw);
}
.p-about__item__title {
  display: flex;
  flex-direction: column;
  gap: min(5.2px, 0.293vw);
  font-family: var(--zen);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-about__item__title {
    gap: min(5.2px, 1.067vw);
  }
}
.p-about__item__title .sub {
  font-size: clamp(13.6px, 1.171vw, 20.8px);
  color: var(--text-cl-03);
}
@media screen and (max-width: 768px) {
  .p-about__item__title .sub {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-about__item__title .main {
  font-size: clamp(20.4px, 1.757vw, 31.2px);
}
@media screen and (max-width: 768px) {
  .p-about__item__title .main {
    font-size: clamp(17px, 5.333vw, 26px);
  }
}

.p-plan {
  position: relative;
  background-color: var(--bg-03);
}
@media screen and (min-width: 769px) {
  .p-plan {
    margin-top: min(72.8px, 4.1vw);
    padding: min(62.4px, 3.514vw) min(85.8px, 4.832vw) min(52px, 2.928vw);
    border-radius: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-plan {
    max-width: min(650px, 133.333vw);
    margin: min(41.6px, 8.533vw) auto 0;
    padding: min(52px, 10.667vw) min(15.6px, 3.2vw);
    border-radius: 8px;
  }
}
@media screen and (min-width: 769px) {
  .p-plan__content {
    width: calc(100% + min(85.8px, 4.832vw));
    padding-left: min(143px, 8.053vw);
  }
}
@media screen and (max-width: 768px) {
  .p-plan__content {
    position: relative;
  }
}
.p-plan__figure {
  position: absolute;
  width: min(198.9px, 11.201vw);
  left: 0;
  bottom: min(52px, 2.928vw);
}
@media screen and (max-width: 768px) {
  .p-plan__figure {
    display: none;
  }
}
.p-plan__list {
  display: grid;
}
@media screen and (min-width: 769px) {
  .p-plan__list {
    grid-template-columns: min(443.3px, 24.963vw) min(405.6px, 22.84vw) 1fr;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .p-plan__item {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-plan__item {
    display: flex;
    gap: min(10.4px, 2.133vw);
    padding: min(15.6px, 3.2vw) 0;
  }
}
.p-plan__item__icon {
  width: min(208px, 11.713vw);
  margin: 0 auto min(20.8px, 1.171vw);
}
@media screen and (max-width: 768px) {
  .p-plan__item__icon {
    width: min(104px, 21.333vw);
    margin: 0;
  }
}
.p-plan__item__body {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .p-plan__item__body {
    flex: 1;
  }
}
.p-plan__item__title {
  font-family: var(--zen);
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: min(5.2px, 0.293vw);
}
@media screen and (max-width: 768px) {
  .p-plan__item__title {
    margin-bottom: min(5.2px, 1.067vw);
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-plan__item__text {
  font-size: clamp(11.9px, 1.025vw, 18.2px);
  color: var(--text-cl-03);
}
@media screen and (max-width: 768px) {
  .p-plan__item__text {
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}

.p-smart {
  position: relative;
  background-color: rgba(73, 119, 134, 0.9);
}
@media screen and (min-width: 769px) {
  .p-smart {
    padding: min(156px, 8.785vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .p-smart {
    padding: min(78px, 16vw) 0;
  }
}
.p-smart__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  z-index: -1;
  transition: transform 0.4s ease-out;
  will-change: transform;
}
@media screen and (min-width: 769px) {
  .p-smart__content > * + * {
    margin-top: min(156px, 8.785vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__content > * + * {
    margin-top: min(78px, 16vw);
  }
}
.p-smart__title {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-smart__title img {
    width: 100vw;
    max-width: min(487.5px, 100vw);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.p-smart__lead {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 500;
  line-height: 2.2;
}
@media screen and (min-width: 769px) {
  .p-smart__lead {
    font-size: clamp(13.6px, 1.171vw, 20.8px);
    margin-top: min(72.8px, 4.1vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__lead {
    margin-top: max(-119.6px, -24.533vw);
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-smart__anchor {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-smart__anchor {
    margin-top: min(104px, 5.857vw);
    padding-bottom: min(120.9px, 6.808vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor {
    margin-top: min(52px, 10.667vw);
    padding-bottom: min(83.2px, 17.067vw);
  }
}
@media screen and (min-width: 769px) {
  .p-smart__anchor__deco {
    position: absolute;
    top: min(143px, 8.053vw);
    right: max(-154.7px, -8.712vw);
    z-index: 0;
    width: min(312px, 17.57vw);
    transform: translateY(-100%);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__deco {
    display: none;
  }
}
.p-smart__anchor__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (min-width: 769px) {
  .p-smart__anchor__list {
    gap: min(31.2px, 1.757vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__list {
    gap: min(5.2px, 1.067vw);
  }
}
.p-smart__anchor__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  color: #fff;
  background-color: var(--main);
  transition: var(--duration);
}
@media screen and (min-width: 769px) {
  .p-smart__anchor__item {
    gap: min(15.6px, 0.878vw);
    padding: min(46.8px, 2.635vw) min(26px, 1.464vw) min(31.2px, 1.757vw);
    border-radius: 16px 16px 11px 11px;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__item {
    padding: min(36.4px, 7.467vw) min(5.2px, 1.067vw) 0;
    border-radius: 8px 8px 4px 4px;
  }
}
@media (any-hover: hover) {
  .p-smart__anchor__item:hover {
    background-color: var(--hover);
  }
  .p-smart__anchor__item:hover::after {
    background-color: var(--hover);
  }
}
.p-smart__anchor__item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-color: var(--main);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  transform: translateY(100%);
  transition: var(--duration);
}
@media screen and (min-width: 769px) {
  .p-smart__anchor__item::after {
    bottom: 3px;
    height: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__item::after {
    bottom: 1px;
    height: min(36.4px, 7.467vw);
  }
}
.p-smart__anchor__body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(15.6px, 0.878vw);
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__body {
    gap: min(5.2px, 1.067vw);
  }
}
.p-smart__anchor__body img {
  object-fit: contain;
  opacity: 1 !important;
}
@media screen and (min-width: 769px) {
  .p-smart__anchor__body img {
    width: min(72.8px, 4.1vw);
    height: min(72.8px, 4.1vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__body img {
    width: min(62.4px, 12.8vw);
    height: min(62.4px, 12.8vw);
  }
}
.p-smart__anchor__text {
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  font-size: clamp(17px, 1.464vw, 26px);
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__text {
    font-size: clamp(9.35px, 2.933vw, 14.3px);
  }
}
.p-smart__anchor__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: inline-block;
  color: var(--main);
  font-family: var(--inter);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .p-smart__anchor__label {
    padding: min(10.4px, 0.586vw) min(20.8px, 1.171vw) min(7.8px, 0.439vw);
    font-size: clamp(11.05px, 0.952vw, 16.9px);
    border-radius: 16px 0 16px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__anchor__label {
    width: 100%;
    padding: 0.5em 1em;
    font-size: clamp(8.5px, 2.667vw, 13px);
    text-align: center;
    border-radius: 8px 8px 0 0;
  }
}
.p-smart__box {
  position: relative;
  background-color: #fff;
  overflow: clip;
}
@media screen and (min-width: 769px) {
  .p-smart__box {
    border-radius: 100px;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box {
    border-radius: 40px;
  }
}
.p-smart__box__label {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: grid;
  place-content: center;
  color: #fff;
  font-family: var(--inter);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  background-color: #ADBDC4;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .p-smart__box__label {
    width: min(730.6px, 41.142vw);
    padding: min(26px, 1.464vw);
    font-size: clamp(23.8px, 2.05vw, 36.4px);
    border-radius: 0 0 16px 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__label {
    width: min(364px, 74.667vw);
    padding: min(15.6px, 3.2vw) 1em;
    font-size: clamp(17px, 5.333vw, 26px);
    border-radius: 0 0 8px 8px;
  }
}
.p-smart__box.--plan .c-col-6 {
  display: grid;
  place-items: center;
  padding: min(208px, 11.713vw) min(26px, 1.464vw) min(104px, 5.857vw);
}
@media screen and (max-width: 768px) {
  .p-smart__box.--plan .c-col-6 {
    padding: min(119.6px, 24.533vw) min(26px, 5.333vw) min(31.2px, 6.4vw);
  }
}
.p-smart__box.--plan .c-col-6:nth-of-type(2) {
  background-color: var(--bg-02);
}
@media screen and (min-width: 769px) {
  .p-smart__box.--plan .c-col-6:nth-of-type(2) {
    padding-left: min(104px, 5.857vw);
    padding-right: min(104px, 5.857vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box.--plan .c-col-6:nth-of-type(2) {
    padding: min(52px, 10.667vw) min(26px, 5.333vw);
  }
  .p-smart__box.--plan .c-col-6:nth-of-type(2) figure {
    display: block;
    max-width: min(884px, 181.333vw);
    margin-inline: auto;
  }
}
.p-smart__box__plan__subtitle {
  position: relative;
  display: flex;
  margin-inline: auto;
  font-family: var(--zen);
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 9999px;
  background-color: var(--bg-02);
}
@media screen and (min-width: 769px) {
  .p-smart__box__plan__subtitle {
    width: fit-content;
    padding: min(10.4px, 0.586vw) min(20.8px, 1.171vw);
    font-size: clamp(20.4px, 1.757vw, 31.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__plan__subtitle {
    justify-content: center;
    width: 100%;
    max-width: min(435.5px, 89.333vw);
    text-align: center;
    font-size: clamp(17px, 5.333vw, 26px);
    padding: min(10.4px, 2.133vw) min(15.6px, 3.2vw);
  }
}
.p-smart__box__plan__subtitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: var(--bg-02);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  transform: translate(-50%, 98%);
}
@media screen and (min-width: 769px) {
  .p-smart__box__plan__subtitle::after {
    width: 40px;
    height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__plan__subtitle::after {
    width: 35px;
    height: 15px;
  }
}
.p-smart__box__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-family: var(--zen);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1em;
  color: var(--accent);
}
@media screen and (min-width: 769px) {
  .p-smart__box__number {
    gap: min(15.6px, 0.878vw);
    margin: min(36.4px, 2.05vw) 0;
    font-size: clamp(34px, 2.928vw, 52px);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__number {
    flex-direction: column;
    align-items: center;
    margin: min(26px, 5.333vw) auto min(36.4px, 7.467vw);
    font-size: clamp(23.8px, 7.467vw, 36.4px);
  }
}
.p-smart__box__product {
  padding: min(156px, 8.785vw) 0;
  background-color: #eee;
}
.p-smart__box__product__slider {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-smart__box__product__slider {
    padding-left: min(104px, 5.857vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__product__slider {
    max-width: min(650px, 133.333vw);
    padding: 0 min(26px, 5.333vw);
    margin-inline: auto;
  }
}
.p-smart__box__product__slider .swiper {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-smart__box__product__slider .swiper-slide {
    width: min(442px, 24.89vw);
  }
}
@media screen and (min-width: 769px) {
  .p-smart__box__product__slider .swiper-button-next, .p-smart__box__product__slider .swiper-button-prev {
    top: min(156px, 8.785vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__product__slider .swiper-button-next, .p-smart__box__product__slider .swiper-button-prev {
    top: min(127.4px, 26.133vw);
  }
}
.p-smart__box.--design {
  padding: min(208px, 11.713vw) 0 min(156px, 8.785vw);
}
@media screen and (max-width: 768px) {
  .p-smart__box.--design {
    padding: min(104px, 21.333vw) 0 min(78px, 16vw);
  }
}
.p-smart__box__design__logo {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__logo {
    padding-bottom: min(78px, 4.392vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__logo {
    max-width: min(884px, 181.333vw);
    margin-inline: auto;
  }
}
.p-smart__box__design__logo .deco {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__logo .deco {
    left: 0;
    bottom: min(26px, 1.464vw);
    width: min(304.2px, 17.13vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__logo .deco {
    left: 0;
    bottom: min(54.6px, 11.2vw);
    width: min(189.8px, 38.933vw);
  }
}
.p-smart__box__design__logo .logo {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__logo .logo {
    width: min(481px, 27.086vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__logo .logo {
    position: absolute;
    left: 0;
    bottom: min(46.8px, 9.6vw);
    width: min(286px, 58.667vw);
  }
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__pop {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__pop {
    margin-top: min(31.2px, 6.4vw);
  }
}
.p-smart__box__design__pop img {
  display: block;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__pop img {
    width: min(234px, 13.177vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__pop img {
    width: min(146.9px, 30.133vw);
  }
}
.p-smart__box__design__pop__body {
  position: relative;
  display: block;
  width: fit-content;
  text-align: center;
  background: #ECF9FD;
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__pop__body {
    margin-bottom: min(20.8px, 1.171vw);
    padding: min(10.4px, 0.586vw) min(20.8px, 1.171vw);
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__pop__body {
    margin-left: auto;
    margin-bottom: min(10.4px, 2.133vw);
    padding: min(6.5px, 1.333vw) min(26px, 5.333vw);
    border-radius: 4px;
  }
}
.p-smart__box__design__pop__body::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #ECF9FD;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  transform: translate(0%, 50%) rotate(-25deg);
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__pop__body::before {
    width: min(39px, 2.196vw);
    height: min(33.8px, 1.903vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__pop__body::before {
    width: min(26px, 5.333vw);
    height: min(23.4px, 4.8vw);
  }
}
.p-smart__box__design__pop__body p {
  position: relative;
  z-index: 1;
  font-size: clamp(11.9px, 1.025vw, 18.2px);
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__pop__body p {
    font-size: clamp(10.2px, 3.2vw, 15.6px);
  }
}
.p-smart__box__design__pop__body .c-link {
  line-height: 2;
}
.p-smart__box__design__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: min(20.8px, 1.171vw);
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__list {
    grid-template-columns: repeat(2, 1fr);
    gap: min(20.8px, 4.267vw);
    max-width: min(884px, 181.333vw);
    margin-inline: auto;
  }
}
.p-smart__box__design__item {
  text-decoration: none !important;
}
.p-smart__box__design__item__title {
  margin-top: 1em;
  font-size: clamp(10.2px, 0.878vw, 15.6px);
  color: var(--text-cl-01);
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__item__title {
    font-size: clamp(9.35px, 2.933vw, 14.3px);
  }
}
.p-smart__box__design__item figure {
  border-radius: 8px;
  overflow: clip;
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__item figure {
    border-radius: 4px;
  }
}
.p-smart__box__design__item__logo {
  display: flex;
  margin-top: min(10.4px, 0.586vw);
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__item__logo {
    margin-top: min(10.4px, 2.133vw);
  }
}
@media screen and (min-width: 769px) {
  .p-smart__box__design__item__logo > img {
    width: min(57.2px, 3.221vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__design__item__logo > img {
    width: min(57.2px, 11.733vw);
  }
}
.p-smart__box.--spec {
  padding: min(208px, 11.713vw) 0 min(156px, 8.785vw);
  background-color: var(--bg-02);
}
@media screen and (max-width: 768px) {
  .p-smart__box.--spec {
    padding: min(104px, 21.333vw) 0 min(78px, 16vw);
  }
}
.p-smart__box__spec__media {
  display: grid;
  overflow: clip;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .p-smart__box__spec__media {
    grid-template-columns: 1fr min(725.4px, 40.849vw);
    gap: min(52px, 2.928vw);
    border-radius: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media {
    gap: min(52px, 10.667vw);
    max-width: min(650px, 133.333vw);
    margin-inline: auto;
    border-radius: 8px;
  }
}
@media screen and (min-width: 769px) {
  .p-smart__box__spec__media__body {
    padding: min(55.9px, 3.148vw) 0 min(55.9px, 3.148vw) min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media__body {
    padding: min(52px, 10.667vw) min(15.6px, 3.2vw) 0;
    border-radius: 8px;
  }
}
.p-smart__box__spec__media__term {
  display: flex;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--zen);
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 9999px;
  background-color: var(--bg-02);
}
@media screen and (min-width: 769px) {
  .p-smart__box__spec__media__term {
    padding: min(10.4px, 0.586vw) min(20.8px, 1.171vw);
    font-size: clamp(20.4px, 1.757vw, 31.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media__term {
    padding: min(5.2px, 1.067vw) 1em;
    font-size: clamp(17px, 5.333vw, 26px);
  }
}
.p-smart__box__spec__media__text {
  margin-top: min(26px, 1.464vw);
  color: var(--text-cl-04);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media__text {
    margin-top: min(26px, 5.333vw);
  }
}
.p-smart__box__spec__media__text small {
  display: block;
  margin-top: min(26px, 1.464vw);
  font-size: clamp(11.9px, 1.025vw, 18.2px);
}
.p-smart__box__spec__media__img {
  position: relative;
  aspect-ratio: 436/277;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-smart__box__spec__media__img img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-smart__box__spec__media__number {
  text-align: center;
  color: var(--accent);
  font-family: var(--zen);
  font-size: clamp(34px, 2.928vw, 52px);
  letter-spacing: 0.1em;
}
.p-smart__box__spec__media__number small {
  display: block;
  text-align: center;
  font-size: clamp(17px, 1.464vw, 26px);
  letter-spacing: normal;
}
.p-smart__box__spec__media__title {
  color: var(--text-cl-04);
  font-family: var(--zen);
  font-size: clamp(17px, 1.464vw, 26px);
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media__title {
    font-size: clamp(13.6px, 4.267vw, 20.8px);
  }
}
.p-smart__box__spec__media.--row {
  display: flex;
}
@media screen and (min-width: 769px) {
  .p-smart__box__spec__media.--row {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: min(36.4px, 2.05vw);
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media.--row {
    flex-direction: column;
    gap: min(41.6px, 8.533vw);
  }
}
@media screen and (min-width: 769px) {
  .p-smart__box__spec__media.--row .p-smart__box__spec__media__body {
    padding: 0 min(41.6px, 2.343vw) min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media.--row .p-smart__box__spec__media__body {
    padding: min(52px, 10.667vw) min(19.5px, 4vw) 0;
  }
}
.p-smart__box__spec__media.--row .p-smart__box__spec__media__title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media.--row .p-smart__box__spec__media__title {
    font-size: clamp(15.3px, 4.8vw, 23.4px);
  }
}
.p-smart__box__spec__media.--row .p-smart__box__spec__media__text {
  margin-top: min(15.6px, 0.878vw);
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media.--row .p-smart__box__spec__media__text {
    margin-top: min(15.6px, 3.2vw);
  }
}
.p-smart__box__spec__media.--row .p-smart__box__spec__media__text small {
  margin-top: min(10.4px, 0.586vw);
  font-size: clamp(10.2px, 0.878vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media.--row .p-smart__box__spec__media__text small {
    margin-top: min(15.6px, 3.2vw);
    font-size: clamp(9.35px, 2.933vw, 14.3px);
  }
}
.p-smart__box__spec__media.--row .p-smart__box__spec__media__img {
  position: relative;
  aspect-ratio: auto;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-smart__box__spec__media.--row .p-smart__box__spec__media__img {
    margin-inline: auto;
    border-radius: 0;
  }
}
.p-smart__box__spec__media.--row .p-smart__box__spec__media__img img {
  position: static;
  height: auto;
}

.p-media {
  display: flex;
  background-color: #fff;
  color: var(--text-cl-01);
  text-decoration: none !important;
}
@media screen and (min-width: 769px) {
  .p-media {
    gap: min(15.6px, 0.878vw);
    padding: min(15.6px, 0.878vw);
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-media {
    width: 100%;
    max-width: min(650px, 133.333vw);
    gap: min(15.6px, 3.2vw);
    padding: min(15.6px, 3.2vw);
    border-radius: 4px;
  }
}
.p-media__img {
  opacity: 1 !important;
}
@media screen and (min-width: 769px) {
  .p-media__img {
    width: min(117px, 6.589vw);
  }
}
@media screen and (max-width: 768px) {
  .p-media__img {
    width: min(117px, 24vw);
  }
}
.p-media__body {
  flex: 1;
}
.p-media__title {
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .p-media__title {
    font-size: clamp(11.9px, 1.025vw, 18.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-media__title {
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.p-media__text {
  color: var(--text-cl-01) !important;
}
@media screen and (min-width: 769px) {
  .p-media__text {
    margin: min(5.2px, 0.293vw) 0;
    font-size: clamp(11.9px, 1.025vw, 18.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-media__text {
    margin: min(5.2px, 1.067vw) 0;
    font-size: clamp(11.05px, 3.467vw, 16.9px);
  }
}
.p-media.--arrow {
  position: relative;
  align-items: center;
  height: 100%;
  padding: min(31.2px, 1.757vw) min(124.8px, 7.028vw) min(31.2px, 1.757vw) min(31.2px, 1.757vw);
}
@media screen and (max-width: 768px) {
  .p-media.--arrow {
    flex-direction: column;
    margin-inline: auto;
    padding: min(31.2px, 6.4vw) min(20.8px, 4.267vw);
  }
}
@media (any-hover: hover) {
  .p-media.--arrow:hover .p-media__arrow {
    color: #fff;
    border-color: var(--hover);
    background-color: var(--hover);
  }
}
.p-media.--arrow .p-media__img {
  width: min(135.2px, 7.613vw);
}
@media screen and (max-width: 768px) {
  .p-media.--arrow .p-media__img {
    width: min(169px, 34.667vw);
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-media.--arrow .p-media__body {
    position: relative;
    width: 100%;
    padding-right: min(67.6px, 13.867vw);
  }
}
.p-media.--arrow .p-media__title {
  margin-bottom: min(10.4px, 0.586vw);
  font-size: clamp(17px, 1.464vw, 26px);
  font-family: var(--zen);
  color: #283747;
}
@media screen and (max-width: 768px) {
  .p-media.--arrow .p-media__title {
    margin-bottom: min(10.4px, 2.133vw);
    font-size: clamp(13.6px, 4.267vw, 20.8px);
  }
}
.p-media.--arrow .p-media__text {
  line-height: 2;
}
.p-media__arrow {
  position: absolute;
  top: 50%;
  right: min(31.2px, 1.757vw);
  display: grid;
  place-content: center;
  width: min(78px, 4.392vw);
  height: min(78px, 4.392vw);
  font-size: clamp(13.6px, 1.171vw, 20.8px);
  color: var(--text-cl-01);
  border-radius: 50%;
  border: 1px solid var(--border-cl-02);
  transform: translateY(-50%);
  transition: var(--duration);
}
@media screen and (max-width: 768px) {
  .p-media__arrow {
    right: 0;
    width: min(52px, 10.667vw);
    height: min(52px, 10.667vw);
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}

.p-styles {
  background-size: 100%;
  background-repeat: repeat;
  background-image: url("../img/top/bg_section.jpg");
}
@media screen and (min-width: 769px) {
  .p-styles {
    padding: min(156px, 8.785vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .p-styles {
    padding: min(78px, 16vw) 0;
  }
}
.p-styles__cards {
  display: grid;
}
@media screen and (min-width: 769px) {
  .p-styles__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: min(39px, 2.196vw);
  }
}
@media screen and (max-width: 768px) {
  .p-styles__cards {
    grid-template-columns: 1fr;
    gap: min(31.2px, 6.4vw);
    max-width: min(650px, 133.333vw);
    margin-inline: auto;
  }
}
.p-styles__card {
  display: flex;
  flex-direction: column;
  overflow: clip;
  border-radius: 16px;
  border: 1px solid var(--border-cl-02);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-styles__card {
    border-radius: 8px;
  }
}
@media (any-hover: hover) {
  .p-styles__card:hover {
    text-decoration: none !important;
  }
  .p-styles__card:hover .p-styles__card__image img {
    transform: scale(1.05);
  }
  .p-styles__card:hover .c-button--black {
    background-color: #727272;
  }
}
.p-styles__card__image {
  width: 100%;
  aspect-ratio: 549/300;
  overflow: hidden;
}
.p-styles__card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--duration);
}
.p-styles__card__body {
  padding: min(41.6px, 2.343vw);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-styles__card__body {
    padding: min(41.6px, 8.533vw) min(26px, 5.333vw);
  }
}
.p-styles__card__title {
  font-family: var(--zen);
  text-align: center;
  color: var(--text-cl-01);
}
@media screen and (min-width: 769px) {
  .p-styles__card__title {
    margin-bottom: min(41.6px, 2.343vw);
    letter-spacing: 0.1em;
    font-size: clamp(17px, 1.464vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  .p-styles__card__title {
    margin-bottom: min(41.6px, 8.533vw);
    font-size: clamp(13.6px, 4.267vw, 20.8px);
  }
}

.p-interview {
  padding: min(156px, 8.785vw) 0;
  background-color: #EFEEE4;
}
.p-interview__content > * + * {
  margin-top: min(156px, 8.785vw);
}
@media screen and (max-width: 768px) {
  .p-interview__content > * + * {
    margin-top: min(78px, 16vw);
  }
}
.p-interview__content h2 {
  padding-bottom: min(78px, 4.392vw);
}
@media screen and (max-width: 768px) {
  .p-interview__content h2 {
    padding-bottom: min(41.6px, 8.533vw);
  }
}
.p-interview__wrap {
  position: relative;
  overflow: clip;
}
@media screen and (min-width: 769px) {
  .p-interview__wrap {
    padding-left: min(104px, 5.857vw);
  }
}
@media screen and (max-width: 768px) {
  .p-interview__wrap {
    max-width: min(650px, 133.333vw);
    padding: 0 min(26px, 5.333vw);
    margin-inline: auto;
  }
}

#interview {
  overflow: visible;
}
#interview .swiper {
  overflow: hidden;
}
#interview .swiper-slide {
  height: auto;
}
@media screen and (min-width: 769px) {
  #interview .swiper-slide {
    width: min(442px, 24.89vw);
  }
}
@media screen and (max-width: 768px) {
  #interview .swiper-slide {
    width: 100%;
  }
}
#interview .swiper-button-next, #interview .swiper-button-prev {
  top: min(195px, 10.981vw);
}
@media screen and (max-width: 768px) {
  #interview .swiper-button-next, #interview .swiper-button-prev {
    top: min(101.4px, 20.8vw);
  }
}

#voice {
  overflow: visible;
}
@media screen and (max-width: 768px) {
  #voice .p-interview__wrap {
    padding-right: 0;
    max-width: none;
  }
}
#voice .swiper-slide {
  height: auto;
}
@media screen and (min-width: 769px) {
  #voice .swiper-slide {
    width: min(364px, 20.498vw);
  }
}
@media screen and (max-width: 768px) {
  #voice .swiper-slide {
    width: min(364px, 74.667vw);
  }
}
@media screen and (max-width: 768px) {
  #voice .swiper-button-next, #voice .swiper-button-prev {
    top: 43%;
  }
}

.p-matching {
  position: relative;
  background-size: 100%;
  background-repeat: repeat;
  background-image: url("../img/top/matching/bg.jpg");
}
@media screen and (min-width: 769px) {
  .p-matching {
    padding: min(156px, 8.785vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .p-matching {
    padding: min(78px, 16vw) 0;
  }
}
.p-matching__image {
  width: min(1560px, 87.848vw);
  margin: 0 auto min(31.2px, 1.757vw);
}
@media screen and (max-width: 768px) {
  .p-matching__image {
    width: 100vw;
    text-align: center;
    margin-top: max(-26px, -5.333vw);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-bottom: min(13px, 2.667vw);
  }
}
@media screen and (max-width: 768px) {
  .p-matching__image img {
    max-width: min(650px, 133.333vw);
  }
}

.swiper-button-disabled {
  display: none !important;
}

.swiper-button-next, .swiper-button-prev {
  top: 50%;
  display: grid;
  place-content: center;
  margin-top: 0;
  border-radius: 50%;
  background-color: var(--main);
  color: #fff;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 769px) {
  .swiper-button-next, .swiper-button-prev {
    width: min(78px, 4.392vw);
    height: min(78px, 4.392vw);
  }
}
@media screen and (max-width: 768px) {
  .swiper-button-next, .swiper-button-prev {
    width: min(52px, 10.667vw);
    height: min(52px, 10.667vw);
  }
}
@media (any-hover: hover) {
  .swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: var(--hover);
  }
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: var(--font-awesome);
  font-size: clamp(13.6px, 1.171vw, 20.8px);
}

@media screen and (min-width: 769px) {
  .swiper-button-next {
    right: min(65px, 3.66vw);
    transform: translate(0%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .swiper-button-next {
    right: 0;
    transform: translate(-10%, 0%);
  }
}
.swiper-button-next:after {
  content: "\f061";
}

@media screen and (min-width: 769px) {
  .swiper-button-prev {
    left: min(104px, 5.857vw);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .swiper-button-prev {
    left: 0;
    transform: translate(10%, 0%);
  }
}
.swiper-button-prev:after {
  content: "\f060";
}

.p-kv {
  padding-bottom: min(156px, 8.785vw);
  background-size: cover;
  background-image: url("../img/spec/kv_bg.jpg");
}
@media screen and (max-width: 768px) {
  .p-kv {
    padding-bottom: min(78px, 16vw);
  }
}
.p-kv__wrap {
  padding-top: min(140.4px, 7.906vw);
}
@media screen and (max-width: 768px) {
  .p-kv__wrap {
    padding-top: min(104px, 21.333vw);
  }
}
.p-kv__title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(15.6px, 0.878vw);
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  font-family: var(--zen);
  font-size: clamp(40.8px, 3.514vw, 62.4px);
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-kv__title {
    gap: min(15.6px, 3.2vw);
    font-size: clamp(23.8px, 7.467vw, 36.4px);
  }
}
.p-kv__title .sub {
  font-size: clamp(13.6px, 1.171vw, 20.8px);
}
@media screen and (max-width: 768px) {
  .p-kv__title .sub {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-kv__title .main {
  position: relative;
}
.p-kv__title .main::before, .p-kv__title .main::after {
  content: "";
  position: absolute;
  top: 0;
  width: min(234px, 13.177vw);
  height: min(234px, 13.177vw);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p-kv__title .main::before, .p-kv__title .main::after {
    top: auto;
    bottom: 0;
    width: min(78px, 16vw);
    height: min(78px, 16vw);
  }
}
.p-kv__title .main::before {
  left: 0;
  background-image: url("../img/spec/kv_title_l.png?260421");
  transform: translate(-110%, -10%);
}
@media screen and (max-width: 768px) {
  .p-kv__title .main::before {
    transform: translate(-40%, 20%);
  }
}
.p-kv__title .main::after {
  right: 0;
  background-image: url("../img/spec/kv_title_r.png?260421");
  transform: translate(110%, -10%);
}
@media screen and (max-width: 768px) {
  .p-kv__title .main::after {
    transform: translate(40%, 20%);
  }
}
.p-kv__title .main[data-img=flow]::before {
  background-image: url("../img/flow/kv_title_l.png?260421");
}
.p-kv__title .main[data-img=flow]::after {
  background-image: url("../img/flow/kv_title_r.png?260421");
}
.p-kv .p-anchor {
  padding: min(104px, 5.857vw) 0;
}
@media screen and (max-width: 768px) {
  .p-kv .p-anchor {
    padding: min(52px, 10.667vw) 0;
  }
}

.p-comment {
  position: relative;
  margin-top: min(52px, 2.928vw);
}
@media screen and (max-width: 768px) {
  .p-comment {
    margin-top: min(52px, 10.667vw);
  }
}
.p-comment__wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: min(52px, 2.928vw);
  padding: min(52px, 2.928vw);
  background-color: var(--bg-03);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .p-comment__wrap {
    flex-wrap: wrap;
    align-items: center;
    gap: min(31.2px, 6.4vw) min(15.6px, 3.2vw);
    padding: min(31.2px, 6.4vw);
  }
}
.p-comment__wrap::before {
  content: "";
  position: absolute;
  top: max(-19.5px, -1.098vw);
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 min(52.65px, 2.965vw) min(66.3px, 3.734vw) min(52.65px, 2.965vw);
  border-color: transparent transparent var(--bg-03) transparent;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-comment__wrap::before {
    top: max(-15.6px, -3.2vw);
    border-width: 0 min(39px, 8vw) min(49.4px, 10.133vw) min(39px, 8vw);
  }
}
.p-comment__icon {
  position: relative;
  flex-shrink: 0;
  width: min(135.2px, 7.613vw);
  height: min(135.2px, 7.613vw);
  border-radius: 52px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-comment__icon {
    width: min(104px, 21.333vw);
    height: min(104px, 21.333vw);
    border-radius: 40px;
  }
}
.p-comment__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-comment__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: min(10.4px, 0.586vw);
}
@media screen and (max-width: 768px) {
  .p-comment__body {
    gap: min(10.4px, 2.133vw);
    display: contents;
  }
}
.p-comment__title {
  font-family: var(--zen);
  font-size: clamp(17px, 1.464vw, 26px);
  font-weight: 500;
  color: var(--text-cl-01);
}
@media screen and (max-width: 768px) {
  .p-comment__title {
    flex: 1;
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-comment__text {
    width: 100%;
  }
}
.p-comment.--title .p-comment__wrap {
  color: #fff;
  padding: min(36.4px, 2.05vw) 1em;
  background-color: var(--main);
}
@media screen and (max-width: 768px) {
  .p-comment.--title .p-comment__wrap {
    padding: min(26px, 5.333vw) 1em;
  }
}
.p-comment.--title .p-comment__wrap::before {
  top: auto;
  bottom: max(-19.5px, -1.098vw);
  z-index: 0;
  border-width: min(66.3px, 3.734vw) min(52.65px, 2.965vw) 0 min(52.65px, 2.965vw);
  border-color: var(--main) transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  .p-comment.--title .p-comment__wrap::before {
    bottom: max(-15.6px, -3.2vw);
    border-width: min(26px, 5.333vw) min(28.6px, 5.867vw) 0 min(28.6px, 5.867vw);
  }
}
.p-comment.--title .p-comment__title {
  color: #fff;
  margin-inline: auto;
  text-align: center;
  font-size: clamp(23.8px, 2.05vw, 36.4px);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-comment.--title .p-comment__title {
    font-size: clamp(17px, 5.333vw, 26px);
  }
}

.p-step {
  counter-reset: step-counter;
}
.p-step .c-title__h3 {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-step .u-text__block p {
    display: inline;
    margin-top: 0;
  }
  .p-step .u-text__block br {
    display: none;
  }
}
.p-step__item {
  display: grid;
  border-top: 1px solid var(--border-cl-02);
  counter-increment: step-counter;
}
@media screen and (min-width: 769px) {
  .p-step__item {
    grid-template-columns: 1fr min(780px, 43.924vw);
    gap: min(78px, 4.392vw);
    padding-top: min(78px, 4.392vw);
  }
}
@media screen and (max-width: 768px) {
  .p-step__item {
    grid-template-columns: 1fr;
    gap: min(31.2px, 6.4vw);
    padding-top: min(52px, 10.667vw);
  }
}
.p-step__item + .p-step__item {
  margin-top: min(78px, 4.392vw);
}
@media screen and (max-width: 768px) {
  .p-step__item + .p-step__item {
    margin-top: min(52px, 10.667vw);
  }
}
.p-step__item__note {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-step__item__note {
    order: 3;
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-step__item__body {
    display: flex;
    flex-direction: column;
    gap: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .p-step__item__body {
    display: contents;
  }
}
.p-step__item__img {
  width: calc(100% + min(26px, 1.464vw));
  transform: translateY(max(-26px, -1.464vw));
}
@media screen and (max-width: 768px) {
  .p-step__item__img {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .p-step__item .u-text__block {
    order: 3;
  }
}
.p-step__item .c-button__title {
  order: 4;
}

.p-flow {
  margin-top: min(78px, 4.392vw);
  padding: min(78px, 4.392vw);
  border-radius: 16px;
  background-color: var(--bg-03);
}
@media screen and (max-width: 768px) {
  .p-flow {
    width: 100vw;
    margin: min(52px, 10.667vw) calc(50% - 50vw) 0;
    padding: min(78px, 16vw) min(26px, 5.333vw);
    border-radius: 8px;
  }
}
.p-flow__head {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-flow__head {
    display: flex;
    flex-direction: column;
    gap: min(31.2px, 6.4vw);
  }
}
.p-flow__head__title {
  font-family: var(--zen);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .p-flow__head__title {
    font-size: clamp(20.4px, 1.757vw, 31.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__head__title {
    text-align: center;
    font-size: clamp(17px, 5.333vw, 26px);
  }
}
.p-flow__head__text {
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-flow__head__text {
    margin-top: min(65px, 3.66vw);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__head__text {
    font-size: clamp(11.9px, 3.733vw, 18.2px);
  }
}
.p-flow__head__img {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-flow__head__img {
    width: min(429px, 24.158vw);
    margin: min(65px, 3.66vw) 0 0 min(136.5px, 7.687vw);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__head__img {
    order: -1;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .p-flow__head__data {
    position: absolute;
    top: max(-26px, -1.464vw);
    right: max(-26px, -1.464vw);
    width: min(702px, 39.531vw);
  }
}
@media screen and (min-width: 769px) {
  .p-flow__custom {
    margin-top: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__custom {
    margin-top: min(52px, 10.667vw);
  }
}
.p-flow__custom__inner {
  position: relative;
  display: grid;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .p-flow__custom__inner {
    grid-template-columns: min(633.1px, 35.652vw) 1fr;
    padding: min(52px, 2.928vw);
    border-radius: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-flow__custom__inner {
    padding: min(52px, 10.667vw) min(26px, 5.333vw);
    border-radius: 8px;
  }
}
.p-flow__custom__text {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-flow__custom__text {
    gap: min(31.2px, 1.757vw);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__custom__text {
    gap: min(31.2px, 6.4vw);
  }
}
.p-flow__custom__title {
  display: flex;
  flex-direction: column;
  font-family: var(--zen);
  letter-spacing: 0.1em;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .p-flow__custom__title {
    gap: min(10.4px, 0.586vw);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__custom__title {
    gap: min(10.4px, 2.133vw);
  }
}
@media screen and (min-width: 769px) {
  .p-flow__custom__title h3 {
    font-size: clamp(20.4px, 1.757vw, 31.2px);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__custom__title h3 {
    text-align: center;
    font-size: clamp(17px, 5.333vw, 26px);
  }
}
.p-flow__custom__subtitle {
  display: flex;
  justify-content: center;
  width: min(435.5px, 24.524vw);
  background-color: var(--bg-02);
  border-radius: 9999px;
}
@media screen and (min-width: 769px) {
  .p-flow__custom__subtitle {
    position: relative;
    padding: min(10.4px, 0.586vw) min(20.8px, 1.171vw);
  }
}
@media screen and (max-width: 768px) {
  .p-flow__custom__subtitle {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(357.5px, 73.333vw);
    padding: min(10.4px, 2.133vw) min(20.8px, 4.267vw);
    transform: translate(-50%, -50%);
  }
}
.p-flow__custom__subtitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(45.5px, 2.562vw);
  height: min(18.2px, 1.025vw);
  background-color: var(--bg-02);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  transform: translate(-50%, 63%);
}
@media screen and (max-width: 768px) {
  .p-flow__custom__subtitle::after {
    width: min(39px, 8vw);
    height: min(15.6px, 3.2vw);
  }
}
.p-flow__bottom {
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .p-flow__bottom {
    margin-top: max(-39px, -8vw);
  }
}

.p-faq {
  margin-top: 0;
  padding-top: min(156px, 8.785vw);
  border-radius: 0;
  background-color: var(--bg-03);
}
.p-faq__list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-faq__list {
    gap: min(26px, 1.464vw);
  }
}
@media screen and (max-width: 768px) {
  .p-faq__list {
    gap: min(26px, 5.333vw);
  }
}
.p-faq__item {
  background-color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-faq__item {
    padding: min(31.2px, 1.757vw) min(52px, 2.928vw);
    border-radius: 8px;
  }
}
@media screen and (max-width: 768px) {
  .p-faq__item {
    padding: min(31.2px, 6.4vw) min(26px, 5.333vw);
    border-radius: 8px;
  }
}
.p-faq__item dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--zen);
}
@media screen and (min-width: 769px) {
  .p-faq__item dt {
    font-size: clamp(17px, 1.464vw, 26px);
    padding-right: min(52px, 2.928vw);
  }
}
@media screen and (max-width: 768px) {
  .p-faq__item dt {
    font-size: clamp(13.6px, 4.267vw, 20.8px);
    padding-right: min(41.6px, 8.533vw);
  }
}
.p-faq__item dt::before, .p-faq__item dt::after {
  content: "";
  position: absolute;
  background-color: var(--text-cl-01);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media screen and (min-width: 769px) {
  .p-faq__item dt::before, .p-faq__item dt::after {
    right: min(10.4px, 0.586vw);
  }
}
@media screen and (max-width: 768px) {
  .p-faq__item dt::before, .p-faq__item dt::after {
    right: min(5.2px, 1.067vw);
  }
}
@media screen and (min-width: 769px) {
  .p-faq__item dt::before {
    width: min(18.2px, 1.025vw);
    height: min(2.6px, 0.146vw);
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .p-faq__item dt::before {
    width: min(15.6px, 3.2vw);
    height: min(2.6px, 0.533vw);
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 769px) {
  .p-faq__item dt::after {
    width: min(2.6px, 0.146vw);
    height: min(18.2px, 1.025vw);
    top: 50%;
    left: auto;
    right: min(18.2px, 1.025vw);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .p-faq__item dt::after {
    width: min(2.6px, 0.533vw);
    height: min(15.6px, 3.2vw);
    top: 50%;
    left: auto;
    right: min(11.7px, 2.4vw);
    transform: translateY(-50%);
  }
}
.p-faq__item dd {
  display: none;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .p-faq__item dd {
    margin-top: min(31.2px, 1.757vw);
  }
}
@media screen and (max-width: 768px) {
  .p-faq__item dd {
    margin-top: min(31.2px, 6.4vw);
  }
}
.p-faq__item.is-open dt::after {
  transform: translateY(-50%) rotate(90deg);
  opacity: 0;
}

.p-index__custom__slider {
  display: grid;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-index__custom__slider {
    grid-template-columns: min(70.2px, 3.953vw) 1fr;
  }
}
@media screen and (max-width: 768px) {
  .p-index__custom__slider {
    width: 100%;
    max-width: min(975px, 200vw);
    margin-top: min(31.2px, 6.4vw);
  }
}
.p-index__custom .swiper-wrapper {
  max-width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-index__custom .swiper-wrapper {
    order: 1;
    width: 100%;
  }
}
.p-index__custom .swiper-slide {
  position: relative;
  overflow: hidden;
}
.p-index__custom .swiper-slide-active {
  mask-image: linear-gradient(80deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 400% 400%;
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  animation: mask-animation 2s cubic-bezier(0, 0.24, 0.85, 0.94) forwards;
}
.p-index__custom__side {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-index__custom__side {
    display: flex;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-index__custom__side {
    order: 2;
    width: 100%;
  }
}
.p-index__custom__labels {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-index__custom__labels {
    width: 100%;
    height: min(87.1px, 4.905vw);
    font-size: cs(12);
  }
}
@media screen and (max-width: 768px) {
  .p-index__custom__labels {
    width: min(85.8px, 17.6vw);
    height: min(37.7px, 7.733vw);
    font-size: cs(12, sp);
    background-color: #B58282;
  }
}
.p-index__custom__label {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #B58282;
}
@media screen and (min-width: 769px) {
  .p-index__custom__label {
    font-size: min(19.5px, 1.098vw);
  }
}
@media screen and (max-width: 768px) {
  .p-index__custom__label {
    display: grid;
    place-content: center;
    text-align: center;
    font-size: cs(12, sp);
    color: #fff;
  }
}
.p-index__custom__label:not(.is-current) {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-index__custom__design {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    padding-right: min(13px, 0.732vw);
  }
}
@media screen and (max-width: 768px) {
  .p-index__custom__design {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(10.4px, 2.133vw);
    width: min(150.8px, 30.933vw);
    margin-top: min(15.6px, 3.2vw);
    margin-inline: auto;
  }
}
.p-index__custom__design img {
  cursor: pointer;
  filter: brightness(0.6);
}
.p-index__custom__design img.is-current {
  cursor: default;
  filter: none;
  pointer-events: none;
}

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

.u-color--accent {
  color: var(--accent);
}
.u-color--main {
  color: var(--main);
}
.u-color--base {
  color: var(--base);
}
.u-color {
  /* 案件によって必要なサブカラーを追加する
  &--sub-1{
    color: $sub-1;
  }
  &--sub-1{
    color: $sub-1;
  }
  */
}
.u-color--text {
  color: var(--text-cl-01);
}
.u-color--text-second {
  color: var(--text-cl-02);
}
.u-color--text-third {
  color: var(--text-cl-03);
}
.u-color--text-note {
  color: var(--text-cl-04);
}
.u-color--text-link {
  color: var(--link-01);
}
.u-color--text-placeholder {
  color: var(--text-cl-placeholder);
}
.u-color--text-alert {
  color: var(--text-cl-alert);
}
.u-color--border {
  border: var(--border-cl-01) solid var(--border-size-s);
}
.u-color--bg-gray {
  background-color: var(--bg-01);
}

@media screen and (min-width: 769px) {
  .is-pc {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .is-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block !important;
  }
}

.d-hide {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

.d-none {
  display: none !important;
}

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

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

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: 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;
}

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: 1194px) {
  .d-tb-none {
    display: none !important;
  }
  .d-tb-inline {
    display: inline !important;
  }
  .d-tb-inline-block {
    display: inline-block !important;
  }
  .d-tb-block {
    display: block !important;
  }
  .d-tb-table {
    display: table !important;
  }
  .d-tb-table-row {
    display: table-row !important;
  }
  .d-tb-table-cell {
    display: table-cell !important;
  }
  .d-tb-flex {
    display: 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: 768px) {
  .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: 480px) {
  .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: 360px) {
  .d-xsm-none {
    display: none !important;
  }
  .d-xsm-inline {
    display: inline !important;
  }
  .d-xsm-inline-block {
    display: inline-block !important;
  }
  .d-xsm-block {
    display: block !important;
  }
}
.u-m-0 {
  margin: 0 !important;
}
.u-m-auto {
  margin: auto !important;
}
.u-m-left {
  margin-left: 0 !important;
  margin-right: auto !important;
}
.u-m-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-m-right {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.u-mt-100 {
  margin-top: min(130px, 7.321vw);
}
.u-mt-120 {
  margin-top: min(156px, 8.785vw);
}
.u-mt-160 {
  margin-top: min(208px, 11.713vw);
}
.u-mt-200 {
  margin-top: min(260px, 14.641vw);
}
@media screen and (max-width: 768px) {
  .u-mt-100 {
    margin-top: min(130px, 26.667vw);
  }
  .u-mt-120 {
    margin-top: min(156px, 32vw);
  }
  .u-mt-160 {
    margin-top: min(208px, 42.667vw);
  }
  .u-mt-200 {
    margin-top: min(260px, 53.333vw);
  }
}

.u-mr-100 {
  margin-right: min(130px, 7.321vw);
}
.u-mr-120 {
  margin-right: min(156px, 8.785vw);
}
.u-mr-160 {
  margin-right: min(208px, 11.713vw);
}
.u-mr-200 {
  margin-right: min(260px, 14.641vw);
}
@media screen and (max-width: 768px) {
  .u-mr-100 {
    margin-right: min(130px, 26.667vw);
  }
  .u-mr-120 {
    margin-right: min(156px, 32vw);
  }
  .u-mr-160 {
    margin-right: min(208px, 42.667vw);
  }
  .u-mr-200 {
    margin-right: min(260px, 53.333vw);
  }
}

.u-mb-100 {
  margin-bottom: min(130px, 7.321vw);
}
.u-mb-120 {
  margin-bottom: min(156px, 8.785vw);
}
.u-mb-160 {
  margin-bottom: min(208px, 11.713vw);
}
.u-mb-200 {
  margin-bottom: min(260px, 14.641vw);
}
@media screen and (max-width: 768px) {
  .u-mb-100 {
    margin-bottom: min(130px, 26.667vw);
  }
  .u-mb-120 {
    margin-bottom: min(156px, 32vw);
  }
  .u-mb-160 {
    margin-bottom: min(208px, 42.667vw);
  }
  .u-mb-200 {
    margin-bottom: min(260px, 53.333vw);
  }
}

.u-ml-100 {
  margin-left: min(130px, 7.321vw);
}
.u-ml-120 {
  margin-left: min(156px, 8.785vw);
}
.u-ml-160 {
  margin-left: min(208px, 11.713vw);
}
.u-ml-200 {
  margin-left: min(260px, 14.641vw);
}
@media screen and (max-width: 768px) {
  .u-ml-100 {
    margin-left: min(130px, 26.667vw);
  }
  .u-ml-120 {
    margin-left: min(156px, 32vw);
  }
  .u-ml-160 {
    margin-left: min(208px, 42.667vw);
  }
  .u-ml-200 {
    margin-left: min(260px, 53.333vw);
  }
}

.u-mt-0 {
  margin-top: min(0px, 0vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mt-0 {
    margin-top: min(0px, 0vw) !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-ml-44 {
  margin-left: min(57.2px, 3.221vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-44 {
    margin-left: min(57.2px, 11.733vw) !important;
  }
}

.u-mr-44 {
  margin-right: min(57.2px, 3.221vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-44 {
    margin-right: min(57.2px, 11.733vw) !important;
  }
}

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

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

.u-ml-48 {
  margin-left: min(62.4px, 3.514vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-48 {
    margin-left: min(62.4px, 12.8vw) !important;
  }
}

.u-mr-48 {
  margin-right: min(62.4px, 3.514vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-48 {
    margin-right: min(62.4px, 12.8vw) !important;
  }
}

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

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

.u-ml-52 {
  margin-left: min(67.6px, 3.807vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-52 {
    margin-left: min(67.6px, 13.867vw) !important;
  }
}

.u-mr-52 {
  margin-right: min(67.6px, 3.807vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-52 {
    margin-right: min(67.6px, 13.867vw) !important;
  }
}

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

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

.u-ml-56 {
  margin-left: min(72.8px, 4.1vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-56 {
    margin-left: min(72.8px, 14.933vw) !important;
  }
}

.u-mr-56 {
  margin-right: min(72.8px, 4.1vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-56 {
    margin-right: min(72.8px, 14.933vw) !important;
  }
}

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

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

.u-ml-60 {
  margin-left: min(78px, 4.392vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-60 {
    margin-left: min(78px, 16vw) !important;
  }
}

.u-mr-60 {
  margin-right: min(78px, 4.392vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-60 {
    margin-right: min(78px, 16vw) !important;
  }
}

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

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

.u-ml-64 {
  margin-left: min(83.2px, 4.685vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-64 {
    margin-left: min(83.2px, 17.067vw) !important;
  }
}

.u-mr-64 {
  margin-right: min(83.2px, 4.685vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-64 {
    margin-right: min(83.2px, 17.067vw) !important;
  }
}

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

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

.u-ml-68 {
  margin-left: min(88.4px, 4.978vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-68 {
    margin-left: min(88.4px, 18.133vw) !important;
  }
}

.u-mr-68 {
  margin-right: min(88.4px, 4.978vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-68 {
    margin-right: min(88.4px, 18.133vw) !important;
  }
}

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

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

.u-ml-72 {
  margin-left: min(93.6px, 5.271vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-72 {
    margin-left: min(93.6px, 19.2vw) !important;
  }
}

.u-mr-72 {
  margin-right: min(93.6px, 5.271vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-72 {
    margin-right: min(93.6px, 19.2vw) !important;
  }
}

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

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

.u-ml-76 {
  margin-left: min(98.8px, 5.564vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-76 {
    margin-left: min(98.8px, 20.267vw) !important;
  }
}

.u-mr-76 {
  margin-right: min(98.8px, 5.564vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-76 {
    margin-right: min(98.8px, 20.267vw) !important;
  }
}

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

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

.u-ml-80 {
  margin-left: min(104px, 5.857vw) !important;
}
@media screen and (max-width: 768px) {
  .u-ml-80 {
    margin-left: min(104px, 21.333vw) !important;
  }
}

.u-mr-80 {
  margin-right: min(104px, 5.857vw) !important;
}
@media screen and (max-width: 768px) {
  .u-mr-80 {
    margin-right: min(104px, 21.333vw) !important;
  }
}

@media screen and (max-width: 768px) {
  .u-m-md-0 {
    margin: 0 !important;
  }
  .u-m-md-auto {
    margin: auto !important;
  }
  .u-m-md-left {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .u-m-md-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-m-md-right {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .u-mt-md-0 {
    margin-top: min(0px, 0vw) !important;
  }
  .u-mb-md-0 {
    margin-bottom: min(0px, 0vw) !important;
  }
  .u-ml-md-0 {
    margin-left: min(0px, 0vw) !important;
  }
  .u-mr-md-0 {
    margin-right: min(0px, 0vw) !important;
  }
  .u-mt-md-4 {
    margin-top: min(5.2px, 1.067vw) !important;
  }
  .u-mb-md-4 {
    margin-bottom: min(5.2px, 1.067vw) !important;
  }
  .u-ml-md-4 {
    margin-left: min(5.2px, 1.067vw) !important;
  }
  .u-mr-md-4 {
    margin-right: min(5.2px, 1.067vw) !important;
  }
  .u-mt-md-8 {
    margin-top: min(10.4px, 2.133vw) !important;
  }
  .u-mb-md-8 {
    margin-bottom: min(10.4px, 2.133vw) !important;
  }
  .u-ml-md-8 {
    margin-left: min(10.4px, 2.133vw) !important;
  }
  .u-mr-md-8 {
    margin-right: min(10.4px, 2.133vw) !important;
  }
  .u-mt-md-12 {
    margin-top: min(15.6px, 3.2vw) !important;
  }
  .u-mb-md-12 {
    margin-bottom: min(15.6px, 3.2vw) !important;
  }
  .u-ml-md-12 {
    margin-left: min(15.6px, 3.2vw) !important;
  }
  .u-mr-md-12 {
    margin-right: min(15.6px, 3.2vw) !important;
  }
  .u-mt-md-16 {
    margin-top: min(20.8px, 4.267vw) !important;
  }
  .u-mb-md-16 {
    margin-bottom: min(20.8px, 4.267vw) !important;
  }
  .u-ml-md-16 {
    margin-left: min(20.8px, 4.267vw) !important;
  }
  .u-mr-md-16 {
    margin-right: min(20.8px, 4.267vw) !important;
  }
  .u-mt-md-20 {
    margin-top: min(26px, 5.333vw) !important;
  }
  .u-mb-md-20 {
    margin-bottom: min(26px, 5.333vw) !important;
  }
  .u-ml-md-20 {
    margin-left: min(26px, 5.333vw) !important;
  }
  .u-mr-md-20 {
    margin-right: min(26px, 5.333vw) !important;
  }
  .u-mt-md-24 {
    margin-top: min(31.2px, 6.4vw) !important;
  }
  .u-mb-md-24 {
    margin-bottom: min(31.2px, 6.4vw) !important;
  }
  .u-ml-md-24 {
    margin-left: min(31.2px, 6.4vw) !important;
  }
  .u-mr-md-24 {
    margin-right: min(31.2px, 6.4vw) !important;
  }
  .u-mt-md-28 {
    margin-top: min(36.4px, 7.467vw) !important;
  }
  .u-mb-md-28 {
    margin-bottom: min(36.4px, 7.467vw) !important;
  }
  .u-ml-md-28 {
    margin-left: min(36.4px, 7.467vw) !important;
  }
  .u-mr-md-28 {
    margin-right: min(36.4px, 7.467vw) !important;
  }
  .u-mt-md-32 {
    margin-top: min(41.6px, 8.533vw) !important;
  }
  .u-mb-md-32 {
    margin-bottom: min(41.6px, 8.533vw) !important;
  }
  .u-ml-md-32 {
    margin-left: min(41.6px, 8.533vw) !important;
  }
  .u-mr-md-32 {
    margin-right: min(41.6px, 8.533vw) !important;
  }
  .u-mt-md-36 {
    margin-top: min(46.8px, 9.6vw) !important;
  }
  .u-mb-md-36 {
    margin-bottom: min(46.8px, 9.6vw) !important;
  }
  .u-ml-md-36 {
    margin-left: min(46.8px, 9.6vw) !important;
  }
  .u-mr-md-36 {
    margin-right: min(46.8px, 9.6vw) !important;
  }
  .u-mt-md-40 {
    margin-top: min(52px, 10.667vw) !important;
  }
  .u-mb-md-40 {
    margin-bottom: min(52px, 10.667vw) !important;
  }
  .u-ml-md-40 {
    margin-left: min(52px, 10.667vw) !important;
  }
  .u-mr-md-40 {
    margin-right: min(52px, 10.667vw) !important;
  }
  .u-mt-md-44 {
    margin-top: min(57.2px, 11.733vw) !important;
  }
  .u-mb-md-44 {
    margin-bottom: min(57.2px, 11.733vw) !important;
  }
  .u-ml-md-44 {
    margin-left: min(57.2px, 11.733vw) !important;
  }
  .u-mr-md-44 {
    margin-right: min(57.2px, 11.733vw) !important;
  }
  .u-mt-md-48 {
    margin-top: min(62.4px, 12.8vw) !important;
  }
  .u-mb-md-48 {
    margin-bottom: min(62.4px, 12.8vw) !important;
  }
  .u-ml-md-48 {
    margin-left: min(62.4px, 12.8vw) !important;
  }
  .u-mr-md-48 {
    margin-right: min(62.4px, 12.8vw) !important;
  }
  .u-mt-md-52 {
    margin-top: min(67.6px, 13.867vw) !important;
  }
  .u-mb-md-52 {
    margin-bottom: min(67.6px, 13.867vw) !important;
  }
  .u-ml-md-52 {
    margin-left: min(67.6px, 13.867vw) !important;
  }
  .u-mr-md-52 {
    margin-right: min(67.6px, 13.867vw) !important;
  }
  .u-mt-md-56 {
    margin-top: min(72.8px, 14.933vw) !important;
  }
  .u-mb-md-56 {
    margin-bottom: min(72.8px, 14.933vw) !important;
  }
  .u-ml-md-56 {
    margin-left: min(72.8px, 14.933vw) !important;
  }
  .u-mr-md-56 {
    margin-right: min(72.8px, 14.933vw) !important;
  }
  .u-mt-md-60 {
    margin-top: min(78px, 16vw) !important;
  }
  .u-mb-md-60 {
    margin-bottom: min(78px, 16vw) !important;
  }
  .u-ml-md-60 {
    margin-left: min(78px, 16vw) !important;
  }
  .u-mr-md-60 {
    margin-right: min(78px, 16vw) !important;
  }
  .u-mt-md-64 {
    margin-top: min(83.2px, 17.067vw) !important;
  }
  .u-mb-md-64 {
    margin-bottom: min(83.2px, 17.067vw) !important;
  }
  .u-ml-md-64 {
    margin-left: min(83.2px, 17.067vw) !important;
  }
  .u-mr-md-64 {
    margin-right: min(83.2px, 17.067vw) !important;
  }
  .u-mt-md-68 {
    margin-top: min(88.4px, 18.133vw) !important;
  }
  .u-mb-md-68 {
    margin-bottom: min(88.4px, 18.133vw) !important;
  }
  .u-ml-md-68 {
    margin-left: min(88.4px, 18.133vw) !important;
  }
  .u-mr-md-68 {
    margin-right: min(88.4px, 18.133vw) !important;
  }
  .u-mt-md-72 {
    margin-top: min(93.6px, 19.2vw) !important;
  }
  .u-mb-md-72 {
    margin-bottom: min(93.6px, 19.2vw) !important;
  }
  .u-ml-md-72 {
    margin-left: min(93.6px, 19.2vw) !important;
  }
  .u-mr-md-72 {
    margin-right: min(93.6px, 19.2vw) !important;
  }
  .u-mt-md-76 {
    margin-top: min(98.8px, 20.267vw) !important;
  }
  .u-mb-md-76 {
    margin-bottom: min(98.8px, 20.267vw) !important;
  }
  .u-ml-md-76 {
    margin-left: min(98.8px, 20.267vw) !important;
  }
  .u-mr-md-76 {
    margin-right: min(98.8px, 20.267vw) !important;
  }
  .u-mt-md-80 {
    margin-top: min(104px, 21.333vw) !important;
  }
  .u-mb-md-80 {
    margin-bottom: min(104px, 21.333vw) !important;
  }
  .u-ml-md-80 {
    margin-left: min(104px, 21.333vw) !important;
  }
  .u-mr-md-80 {
    margin-right: min(104px, 21.333vw) !important;
  }
}
.u-pt-0 {
  padding-top: min(0px, 0vw) !important;
}
@media screen and (max-width: 768px) {
  .u-pt-0 {
    padding-top: min(0px, 0vw) !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .u-pt-pr-0 {
    padding-top: min(0px, 0vw) !important;
  }
  .u-pb-pr-0 {
    padding-bottom: min(0px, 0vw) !important;
  }
  .u-pl-pr-0 {
    padding-left: min(0px, 0vw) !important;
  }
  .u-pr-pr-0 {
    padding-right: min(0px, 0vw) !important;
  }
  .u-pt-pr-4 {
    padding-top: min(5.2px, 1.067vw) !important;
  }
  .u-pb-pr-4 {
    padding-bottom: min(5.2px, 1.067vw) !important;
  }
  .u-pl-pr-4 {
    padding-left: min(5.2px, 1.067vw) !important;
  }
  .u-pr-pr-4 {
    padding-right: min(5.2px, 1.067vw) !important;
  }
  .u-pt-pr-8 {
    padding-top: min(10.4px, 2.133vw) !important;
  }
  .u-pb-pr-8 {
    padding-bottom: min(10.4px, 2.133vw) !important;
  }
  .u-pl-pr-8 {
    padding-left: min(10.4px, 2.133vw) !important;
  }
  .u-pr-pr-8 {
    padding-right: min(10.4px, 2.133vw) !important;
  }
  .u-pt-pr-12 {
    padding-top: min(15.6px, 3.2vw) !important;
  }
  .u-pb-pr-12 {
    padding-bottom: min(15.6px, 3.2vw) !important;
  }
  .u-pl-pr-12 {
    padding-left: min(15.6px, 3.2vw) !important;
  }
  .u-pr-pr-12 {
    padding-right: min(15.6px, 3.2vw) !important;
  }
  .u-pt-pr-16 {
    padding-top: min(20.8px, 4.267vw) !important;
  }
  .u-pb-pr-16 {
    padding-bottom: min(20.8px, 4.267vw) !important;
  }
  .u-pl-pr-16 {
    padding-left: min(20.8px, 4.267vw) !important;
  }
  .u-pr-pr-16 {
    padding-right: min(20.8px, 4.267vw) !important;
  }
  .u-pt-pr-20 {
    padding-top: min(26px, 5.333vw) !important;
  }
  .u-pb-pr-20 {
    padding-bottom: min(26px, 5.333vw) !important;
  }
  .u-pl-pr-20 {
    padding-left: min(26px, 5.333vw) !important;
  }
  .u-pr-pr-20 {
    padding-right: min(26px, 5.333vw) !important;
  }
  .u-pt-pr-24 {
    padding-top: min(31.2px, 6.4vw) !important;
  }
  .u-pb-pr-24 {
    padding-bottom: min(31.2px, 6.4vw) !important;
  }
  .u-pl-pr-24 {
    padding-left: min(31.2px, 6.4vw) !important;
  }
  .u-pr-pr-24 {
    padding-right: min(31.2px, 6.4vw) !important;
  }
  .u-pt-pr-28 {
    padding-top: min(36.4px, 7.467vw) !important;
  }
  .u-pb-pr-28 {
    padding-bottom: min(36.4px, 7.467vw) !important;
  }
  .u-pl-pr-28 {
    padding-left: min(36.4px, 7.467vw) !important;
  }
  .u-pr-pr-28 {
    padding-right: min(36.4px, 7.467vw) !important;
  }
  .u-pt-pr-32 {
    padding-top: min(41.6px, 8.533vw) !important;
  }
  .u-pb-pr-32 {
    padding-bottom: min(41.6px, 8.533vw) !important;
  }
  .u-pl-pr-32 {
    padding-left: min(41.6px, 8.533vw) !important;
  }
  .u-pr-pr-32 {
    padding-right: min(41.6px, 8.533vw) !important;
  }
  .u-pt-pr-36 {
    padding-top: min(46.8px, 9.6vw) !important;
  }
  .u-pb-pr-36 {
    padding-bottom: min(46.8px, 9.6vw) !important;
  }
  .u-pl-pr-36 {
    padding-left: min(46.8px, 9.6vw) !important;
  }
  .u-pr-pr-36 {
    padding-right: min(46.8px, 9.6vw) !important;
  }
  .u-pt-pr-40 {
    padding-top: min(52px, 10.667vw) !important;
  }
  .u-pb-pr-40 {
    padding-bottom: min(52px, 10.667vw) !important;
  }
  .u-pl-pr-40 {
    padding-left: min(52px, 10.667vw) !important;
  }
  .u-pr-pr-40 {
    padding-right: min(52px, 10.667vw) !important;
  }
  .u-pt-pr-44 {
    padding-top: min(57.2px, 11.733vw) !important;
  }
  .u-pb-pr-44 {
    padding-bottom: min(57.2px, 11.733vw) !important;
  }
  .u-pl-pr-44 {
    padding-left: min(57.2px, 11.733vw) !important;
  }
  .u-pr-pr-44 {
    padding-right: min(57.2px, 11.733vw) !important;
  }
  .u-pt-pr-48 {
    padding-top: min(62.4px, 12.8vw) !important;
  }
  .u-pb-pr-48 {
    padding-bottom: min(62.4px, 12.8vw) !important;
  }
  .u-pl-pr-48 {
    padding-left: min(62.4px, 12.8vw) !important;
  }
  .u-pr-pr-48 {
    padding-right: min(62.4px, 12.8vw) !important;
  }
  .u-pt-pr-52 {
    padding-top: min(67.6px, 13.867vw) !important;
  }
  .u-pb-pr-52 {
    padding-bottom: min(67.6px, 13.867vw) !important;
  }
  .u-pl-pr-52 {
    padding-left: min(67.6px, 13.867vw) !important;
  }
  .u-pr-pr-52 {
    padding-right: min(67.6px, 13.867vw) !important;
  }
  .u-pt-pr-56 {
    padding-top: min(72.8px, 14.933vw) !important;
  }
  .u-pb-pr-56 {
    padding-bottom: min(72.8px, 14.933vw) !important;
  }
  .u-pl-pr-56 {
    padding-left: min(72.8px, 14.933vw) !important;
  }
  .u-pr-pr-56 {
    padding-right: min(72.8px, 14.933vw) !important;
  }
  .u-pt-pr-60 {
    padding-top: min(78px, 16vw) !important;
  }
  .u-pb-pr-60 {
    padding-bottom: min(78px, 16vw) !important;
  }
  .u-pl-pr-60 {
    padding-left: min(78px, 16vw) !important;
  }
  .u-pr-pr-60 {
    padding-right: min(78px, 16vw) !important;
  }
}
.u-text--lh22 {
  line-height: 2.2;
}
.u-text--lh2 {
  line-height: 2;
}
.u-text--bold {
  font-weight: var(--fw-bold) !important;
}
.u-text--normal {
  font-weight: var(--fw-regular) !important;
}
@media screen and (min-width: 769px) {
  .u-text--size--lg {
    font-size: clamp(20.4px, 1.757vw, 31.2px) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text--size--lg {
    font-size: clamp(13.6px, 4.267vw, 20.8px) !important;
  }
}
@media screen and (min-width: 769px) {
  .u-text--size--md {
    font-size: clamp(13.6px, 1.171vw, 20.8px) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text--size--md {
    font-size: clamp(13.6px, 4.267vw, 20.8px) !important;
  }
}
@media screen and (min-width: 769px) {
  .u-text--size--sm {
    font-size: clamp(11.9px, 1.025vw, 18.2px) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text--size--sm {
    font-size: clamp(10.2px, 3.2vw, 15.6px) !important;
  }
}
@media screen and (min-width: 769px) {
  .u-text--size--xsm {
    font-size: clamp(10.2px, 0.878vw, 15.6px) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text--size--xsm {
    font-size: clamp(8.5px, 2.667vw, 13px) !important;
  }
}
.u-text__block {
  line-height: 2;
}
.u-text__block > * + * {
  margin-top: 2em;
}

.u-textlink {
  display: inline-block;
  position: relative;
}
.u-textlink.--arrow {
  padding-left: min(31.2px, 1.757vw);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .u-textlink.--arrow {
    padding-left: min(31.2px, 6.4vw);
  }
}
.u-textlink.--arrow i:first-child {
  margin-right: 0.5em;
  margin-left: 0;
}

.u-wid-10 {
  width: min(13px, 0.732vw) !important;
  min-width: min(13px, 0.732vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-10 {
    width: min(13px, 2.667vw) !important;
    min-width: min(13px, 2.667vw) !important;
  }
}

.u-wid-20 {
  width: min(26px, 1.464vw) !important;
  min-width: min(26px, 1.464vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-20 {
    width: min(26px, 5.333vw) !important;
    min-width: min(26px, 5.333vw) !important;
  }
}

.u-wid-30 {
  width: min(39px, 2.196vw) !important;
  min-width: min(39px, 2.196vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-30 {
    width: min(39px, 8vw) !important;
    min-width: min(39px, 8vw) !important;
  }
}

.u-wid-40 {
  width: min(52px, 2.928vw) !important;
  min-width: min(52px, 2.928vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-40 {
    width: min(52px, 10.667vw) !important;
    min-width: min(52px, 10.667vw) !important;
  }
}

.u-wid-50 {
  width: min(65px, 3.66vw) !important;
  min-width: min(65px, 3.66vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-50 {
    width: min(65px, 13.333vw) !important;
    min-width: min(65px, 13.333vw) !important;
  }
}

.u-wid-60 {
  width: min(78px, 4.392vw) !important;
  min-width: min(78px, 4.392vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-60 {
    width: min(78px, 16vw) !important;
    min-width: min(78px, 16vw) !important;
  }
}

.u-wid-70 {
  width: min(91px, 5.124vw) !important;
  min-width: min(91px, 5.124vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-70 {
    width: min(91px, 18.667vw) !important;
    min-width: min(91px, 18.667vw) !important;
  }
}

.u-wid-80 {
  width: min(104px, 5.857vw) !important;
  min-width: min(104px, 5.857vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-80 {
    width: min(104px, 21.333vw) !important;
    min-width: min(104px, 21.333vw) !important;
  }
}

.u-wid-90 {
  width: min(117px, 6.589vw) !important;
  min-width: min(117px, 6.589vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-90 {
    width: min(117px, 24vw) !important;
    min-width: min(117px, 24vw) !important;
  }
}

.u-wid-100 {
  width: min(130px, 7.321vw) !important;
  min-width: min(130px, 7.321vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-100 {
    width: min(130px, 26.667vw) !important;
    min-width: min(130px, 26.667vw) !important;
  }
}

.u-wid-110 {
  width: min(143px, 8.053vw) !important;
  min-width: min(143px, 8.053vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-110 {
    width: min(143px, 29.333vw) !important;
    min-width: min(143px, 29.333vw) !important;
  }
}

.u-wid-120 {
  width: min(156px, 8.785vw) !important;
  min-width: min(156px, 8.785vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-120 {
    width: min(156px, 32vw) !important;
    min-width: min(156px, 32vw) !important;
  }
}

.u-wid-130 {
  width: min(169px, 9.517vw) !important;
  min-width: min(169px, 9.517vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-130 {
    width: min(169px, 34.667vw) !important;
    min-width: min(169px, 34.667vw) !important;
  }
}

.u-wid-140 {
  width: min(182px, 10.249vw) !important;
  min-width: min(182px, 10.249vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-140 {
    width: min(182px, 37.333vw) !important;
    min-width: min(182px, 37.333vw) !important;
  }
}

.u-wid-150 {
  width: min(195px, 10.981vw) !important;
  min-width: min(195px, 10.981vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-150 {
    width: min(195px, 40vw) !important;
    min-width: min(195px, 40vw) !important;
  }
}

.u-wid-160 {
  width: min(208px, 11.713vw) !important;
  min-width: min(208px, 11.713vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-160 {
    width: min(208px, 42.667vw) !important;
    min-width: min(208px, 42.667vw) !important;
  }
}

.u-wid-170 {
  width: min(221px, 12.445vw) !important;
  min-width: min(221px, 12.445vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-170 {
    width: min(221px, 45.333vw) !important;
    min-width: min(221px, 45.333vw) !important;
  }
}

.u-wid-180 {
  width: min(234px, 13.177vw) !important;
  min-width: min(234px, 13.177vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-180 {
    width: min(234px, 48vw) !important;
    min-width: min(234px, 48vw) !important;
  }
}

.u-wid-190 {
  width: min(247px, 13.909vw) !important;
  min-width: min(247px, 13.909vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-190 {
    width: min(247px, 50.667vw) !important;
    min-width: min(247px, 50.667vw) !important;
  }
}

.u-wid-200 {
  width: min(260px, 14.641vw) !important;
  min-width: min(260px, 14.641vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-200 {
    width: min(260px, 53.333vw) !important;
    min-width: min(260px, 53.333vw) !important;
  }
}

.u-wid-210 {
  width: min(273px, 15.373vw) !important;
  min-width: min(273px, 15.373vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-210 {
    width: min(273px, 56vw) !important;
    min-width: min(273px, 56vw) !important;
  }
}

.u-wid-220 {
  width: min(286px, 16.105vw) !important;
  min-width: min(286px, 16.105vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-220 {
    width: min(286px, 58.667vw) !important;
    min-width: min(286px, 58.667vw) !important;
  }
}

.u-wid-230 {
  width: min(299px, 16.837vw) !important;
  min-width: min(299px, 16.837vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-230 {
    width: min(299px, 61.333vw) !important;
    min-width: min(299px, 61.333vw) !important;
  }
}

.u-wid-240 {
  width: min(312px, 17.57vw) !important;
  min-width: min(312px, 17.57vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-240 {
    width: min(312px, 64vw) !important;
    min-width: min(312px, 64vw) !important;
  }
}

.u-wid-250 {
  width: min(325px, 18.302vw) !important;
  min-width: min(325px, 18.302vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-250 {
    width: min(325px, 66.667vw) !important;
    min-width: min(325px, 66.667vw) !important;
  }
}

.u-wid-260 {
  width: min(338px, 19.034vw) !important;
  min-width: min(338px, 19.034vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-260 {
    width: min(338px, 69.333vw) !important;
    min-width: min(338px, 69.333vw) !important;
  }
}

.u-wid-270 {
  width: min(351px, 19.766vw) !important;
  min-width: min(351px, 19.766vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-270 {
    width: min(351px, 72vw) !important;
    min-width: min(351px, 72vw) !important;
  }
}

.u-wid-280 {
  width: min(364px, 20.498vw) !important;
  min-width: min(364px, 20.498vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-280 {
    width: min(364px, 74.667vw) !important;
    min-width: min(364px, 74.667vw) !important;
  }
}

.u-wid-290 {
  width: min(377px, 21.23vw) !important;
  min-width: min(377px, 21.23vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-290 {
    width: min(377px, 77.333vw) !important;
    min-width: min(377px, 77.333vw) !important;
  }
}

.u-wid-300 {
  width: min(390px, 21.962vw) !important;
  min-width: min(390px, 21.962vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-300 {
    width: min(390px, 80vw) !important;
    min-width: min(390px, 80vw) !important;
  }
}

.u-wid-310 {
  width: min(403px, 22.694vw) !important;
  min-width: min(403px, 22.694vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-310 {
    width: min(403px, 82.667vw) !important;
    min-width: min(403px, 82.667vw) !important;
  }
}

.u-wid-320 {
  width: min(416px, 23.426vw) !important;
  min-width: min(416px, 23.426vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-320 {
    width: min(416px, 85.333vw) !important;
    min-width: min(416px, 85.333vw) !important;
  }
}

.u-wid-330 {
  width: min(429px, 24.158vw) !important;
  min-width: min(429px, 24.158vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-330 {
    width: min(429px, 88vw) !important;
    min-width: min(429px, 88vw) !important;
  }
}

.u-wid-340 {
  width: min(442px, 24.89vw) !important;
  min-width: min(442px, 24.89vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-340 {
    width: min(442px, 90.667vw) !important;
    min-width: min(442px, 90.667vw) !important;
  }
}

.u-wid-350 {
  width: min(455px, 25.622vw) !important;
  min-width: min(455px, 25.622vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-350 {
    width: min(455px, 93.333vw) !important;
    min-width: min(455px, 93.333vw) !important;
  }
}

.u-wid-360 {
  width: min(468px, 26.354vw) !important;
  min-width: min(468px, 26.354vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-360 {
    width: min(468px, 96vw) !important;
    min-width: min(468px, 96vw) !important;
  }
}

.u-wid-370 {
  width: min(481px, 27.086vw) !important;
  min-width: min(481px, 27.086vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-370 {
    width: min(481px, 98.667vw) !important;
    min-width: min(481px, 98.667vw) !important;
  }
}

.u-wid-380 {
  width: min(494px, 27.818vw) !important;
  min-width: min(494px, 27.818vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-380 {
    width: min(494px, 101.333vw) !important;
    min-width: min(494px, 101.333vw) !important;
  }
}

.u-wid-390 {
  width: min(507px, 28.551vw) !important;
  min-width: min(507px, 28.551vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-390 {
    width: min(507px, 104vw) !important;
    min-width: min(507px, 104vw) !important;
  }
}

.u-wid-400 {
  width: min(520px, 29.283vw) !important;
  min-width: min(520px, 29.283vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-400 {
    width: min(520px, 106.667vw) !important;
    min-width: min(520px, 106.667vw) !important;
  }
}

.u-wid-410 {
  width: min(533px, 30.015vw) !important;
  min-width: min(533px, 30.015vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-410 {
    width: min(533px, 109.333vw) !important;
    min-width: min(533px, 109.333vw) !important;
  }
}

.u-wid-420 {
  width: min(546px, 30.747vw) !important;
  min-width: min(546px, 30.747vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-420 {
    width: min(546px, 112vw) !important;
    min-width: min(546px, 112vw) !important;
  }
}

.u-wid-430 {
  width: min(559px, 31.479vw) !important;
  min-width: min(559px, 31.479vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-430 {
    width: min(559px, 114.667vw) !important;
    min-width: min(559px, 114.667vw) !important;
  }
}

.u-wid-440 {
  width: min(572px, 32.211vw) !important;
  min-width: min(572px, 32.211vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-440 {
    width: min(572px, 117.333vw) !important;
    min-width: min(572px, 117.333vw) !important;
  }
}

.u-wid-450 {
  width: min(585px, 32.943vw) !important;
  min-width: min(585px, 32.943vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-450 {
    width: min(585px, 120vw) !important;
    min-width: min(585px, 120vw) !important;
  }
}

.u-wid-460 {
  width: min(598px, 33.675vw) !important;
  min-width: min(598px, 33.675vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-460 {
    width: min(598px, 122.667vw) !important;
    min-width: min(598px, 122.667vw) !important;
  }
}

.u-wid-470 {
  width: min(611px, 34.407vw) !important;
  min-width: min(611px, 34.407vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-470 {
    width: min(611px, 125.333vw) !important;
    min-width: min(611px, 125.333vw) !important;
  }
}

.u-wid-480 {
  width: min(624px, 35.139vw) !important;
  min-width: min(624px, 35.139vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-480 {
    width: min(624px, 128vw) !important;
    min-width: min(624px, 128vw) !important;
  }
}

.u-wid-490 {
  width: min(637px, 35.871vw) !important;
  min-width: min(637px, 35.871vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-490 {
    width: min(637px, 130.667vw) !important;
    min-width: min(637px, 130.667vw) !important;
  }
}

.u-wid-500 {
  width: min(650px, 36.603vw) !important;
  min-width: min(650px, 36.603vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-500 {
    width: min(650px, 133.333vw) !important;
    min-width: min(650px, 133.333vw) !important;
  }
}

.u-wid-510 {
  width: min(663px, 37.335vw) !important;
  min-width: min(663px, 37.335vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-510 {
    width: min(663px, 136vw) !important;
    min-width: min(663px, 136vw) !important;
  }
}

.u-wid-520 {
  width: min(676px, 38.067vw) !important;
  min-width: min(676px, 38.067vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-520 {
    width: min(676px, 138.667vw) !important;
    min-width: min(676px, 138.667vw) !important;
  }
}

.u-wid-530 {
  width: min(689px, 38.799vw) !important;
  min-width: min(689px, 38.799vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-530 {
    width: min(689px, 141.333vw) !important;
    min-width: min(689px, 141.333vw) !important;
  }
}

.u-wid-540 {
  width: min(702px, 39.531vw) !important;
  min-width: min(702px, 39.531vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-540 {
    width: min(702px, 144vw) !important;
    min-width: min(702px, 144vw) !important;
  }
}

.u-wid-550 {
  width: min(715px, 40.264vw) !important;
  min-width: min(715px, 40.264vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-550 {
    width: min(715px, 146.667vw) !important;
    min-width: min(715px, 146.667vw) !important;
  }
}

.u-wid-560 {
  width: min(728px, 40.996vw) !important;
  min-width: min(728px, 40.996vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-560 {
    width: min(728px, 149.333vw) !important;
    min-width: min(728px, 149.333vw) !important;
  }
}

.u-wid-570 {
  width: min(741px, 41.728vw) !important;
  min-width: min(741px, 41.728vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-570 {
    width: min(741px, 152vw) !important;
    min-width: min(741px, 152vw) !important;
  }
}

.u-wid-580 {
  width: min(754px, 42.46vw) !important;
  min-width: min(754px, 42.46vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-580 {
    width: min(754px, 154.667vw) !important;
    min-width: min(754px, 154.667vw) !important;
  }
}

.u-wid-590 {
  width: min(767px, 43.192vw) !important;
  min-width: min(767px, 43.192vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-590 {
    width: min(767px, 157.333vw) !important;
    min-width: min(767px, 157.333vw) !important;
  }
}

.u-wid-600 {
  width: min(780px, 43.924vw) !important;
  min-width: min(780px, 43.924vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-600 {
    width: min(780px, 160vw) !important;
    min-width: min(780px, 160vw) !important;
  }
}

.u-wid-610 {
  width: min(793px, 44.656vw) !important;
  min-width: min(793px, 44.656vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-610 {
    width: min(793px, 162.667vw) !important;
    min-width: min(793px, 162.667vw) !important;
  }
}

.u-wid-620 {
  width: min(806px, 45.388vw) !important;
  min-width: min(806px, 45.388vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-620 {
    width: min(806px, 165.333vw) !important;
    min-width: min(806px, 165.333vw) !important;
  }
}

.u-wid-630 {
  width: min(819px, 46.12vw) !important;
  min-width: min(819px, 46.12vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-630 {
    width: min(819px, 168vw) !important;
    min-width: min(819px, 168vw) !important;
  }
}

.u-wid-640 {
  width: min(832px, 46.852vw) !important;
  min-width: min(832px, 46.852vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-640 {
    width: min(832px, 170.667vw) !important;
    min-width: min(832px, 170.667vw) !important;
  }
}

.u-wid-650 {
  width: min(845px, 47.584vw) !important;
  min-width: min(845px, 47.584vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-650 {
    width: min(845px, 173.333vw) !important;
    min-width: min(845px, 173.333vw) !important;
  }
}

.u-wid-660 {
  width: min(858px, 48.316vw) !important;
  min-width: min(858px, 48.316vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-660 {
    width: min(858px, 176vw) !important;
    min-width: min(858px, 176vw) !important;
  }
}

.u-wid-670 {
  width: min(871px, 49.048vw) !important;
  min-width: min(871px, 49.048vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-670 {
    width: min(871px, 178.667vw) !important;
    min-width: min(871px, 178.667vw) !important;
  }
}

.u-wid-680 {
  width: min(884px, 49.78vw) !important;
  min-width: min(884px, 49.78vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-680 {
    width: min(884px, 181.333vw) !important;
    min-width: min(884px, 181.333vw) !important;
  }
}

.u-wid-690 {
  width: min(897px, 50.512vw) !important;
  min-width: min(897px, 50.512vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-690 {
    width: min(897px, 184vw) !important;
    min-width: min(897px, 184vw) !important;
  }
}

.u-wid-700 {
  width: min(910px, 51.245vw) !important;
  min-width: min(910px, 51.245vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-700 {
    width: min(910px, 186.667vw) !important;
    min-width: min(910px, 186.667vw) !important;
  }
}

.u-wid-710 {
  width: min(923px, 51.977vw) !important;
  min-width: min(923px, 51.977vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-710 {
    width: min(923px, 189.333vw) !important;
    min-width: min(923px, 189.333vw) !important;
  }
}

.u-wid-720 {
  width: min(936px, 52.709vw) !important;
  min-width: min(936px, 52.709vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-720 {
    width: min(936px, 192vw) !important;
    min-width: min(936px, 192vw) !important;
  }
}

.u-wid-730 {
  width: min(949px, 53.441vw) !important;
  min-width: min(949px, 53.441vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-730 {
    width: min(949px, 194.667vw) !important;
    min-width: min(949px, 194.667vw) !important;
  }
}

.u-wid-740 {
  width: min(962px, 54.173vw) !important;
  min-width: min(962px, 54.173vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-740 {
    width: min(962px, 197.333vw) !important;
    min-width: min(962px, 197.333vw) !important;
  }
}

.u-wid-750 {
  width: min(975px, 54.905vw) !important;
  min-width: min(975px, 54.905vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-750 {
    width: min(975px, 200vw) !important;
    min-width: min(975px, 200vw) !important;
  }
}

.u-wid-760 {
  width: min(988px, 55.637vw) !important;
  min-width: min(988px, 55.637vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-760 {
    width: min(988px, 202.667vw) !important;
    min-width: min(988px, 202.667vw) !important;
  }
}

.u-wid-770 {
  width: min(1001px, 56.369vw) !important;
  min-width: min(1001px, 56.369vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-770 {
    width: min(1001px, 205.333vw) !important;
    min-width: min(1001px, 205.333vw) !important;
  }
}

.u-wid-780 {
  width: min(1014px, 57.101vw) !important;
  min-width: min(1014px, 57.101vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-780 {
    width: min(1014px, 208vw) !important;
    min-width: min(1014px, 208vw) !important;
  }
}

.u-wid-790 {
  width: min(1027px, 57.833vw) !important;
  min-width: min(1027px, 57.833vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-790 {
    width: min(1027px, 210.667vw) !important;
    min-width: min(1027px, 210.667vw) !important;
  }
}

.u-wid-800 {
  width: min(1040px, 58.565vw) !important;
  min-width: min(1040px, 58.565vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-800 {
    width: min(1040px, 213.333vw) !important;
    min-width: min(1040px, 213.333vw) !important;
  }
}

.u-wid-810 {
  width: min(1053px, 59.297vw) !important;
  min-width: min(1053px, 59.297vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-810 {
    width: min(1053px, 216vw) !important;
    min-width: min(1053px, 216vw) !important;
  }
}

.u-wid-820 {
  width: min(1066px, 60.029vw) !important;
  min-width: min(1066px, 60.029vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-820 {
    width: min(1066px, 218.667vw) !important;
    min-width: min(1066px, 218.667vw) !important;
  }
}

.u-wid-830 {
  width: min(1079px, 60.761vw) !important;
  min-width: min(1079px, 60.761vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-830 {
    width: min(1079px, 221.333vw) !important;
    min-width: min(1079px, 221.333vw) !important;
  }
}

.u-wid-840 {
  width: min(1092px, 61.493vw) !important;
  min-width: min(1092px, 61.493vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-840 {
    width: min(1092px, 224vw) !important;
    min-width: min(1092px, 224vw) !important;
  }
}

.u-wid-850 {
  width: min(1105px, 62.225vw) !important;
  min-width: min(1105px, 62.225vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-850 {
    width: min(1105px, 226.667vw) !important;
    min-width: min(1105px, 226.667vw) !important;
  }
}

.u-wid-860 {
  width: min(1118px, 62.958vw) !important;
  min-width: min(1118px, 62.958vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-860 {
    width: min(1118px, 229.333vw) !important;
    min-width: min(1118px, 229.333vw) !important;
  }
}

.u-wid-870 {
  width: min(1131px, 63.69vw) !important;
  min-width: min(1131px, 63.69vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-870 {
    width: min(1131px, 232vw) !important;
    min-width: min(1131px, 232vw) !important;
  }
}

.u-wid-880 {
  width: min(1144px, 64.422vw) !important;
  min-width: min(1144px, 64.422vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-880 {
    width: min(1144px, 234.667vw) !important;
    min-width: min(1144px, 234.667vw) !important;
  }
}

.u-wid-890 {
  width: min(1157px, 65.154vw) !important;
  min-width: min(1157px, 65.154vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-890 {
    width: min(1157px, 237.333vw) !important;
    min-width: min(1157px, 237.333vw) !important;
  }
}

.u-wid-900 {
  width: min(1170px, 65.886vw) !important;
  min-width: min(1170px, 65.886vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-900 {
    width: min(1170px, 240vw) !important;
    min-width: min(1170px, 240vw) !important;
  }
}

.u-wid-910 {
  width: min(1183px, 66.618vw) !important;
  min-width: min(1183px, 66.618vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-910 {
    width: min(1183px, 242.667vw) !important;
    min-width: min(1183px, 242.667vw) !important;
  }
}

.u-wid-920 {
  width: min(1196px, 67.35vw) !important;
  min-width: min(1196px, 67.35vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-920 {
    width: min(1196px, 245.333vw) !important;
    min-width: min(1196px, 245.333vw) !important;
  }
}

.u-wid-930 {
  width: min(1209px, 68.082vw) !important;
  min-width: min(1209px, 68.082vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-930 {
    width: min(1209px, 248vw) !important;
    min-width: min(1209px, 248vw) !important;
  }
}

.u-wid-940 {
  width: min(1222px, 68.814vw) !important;
  min-width: min(1222px, 68.814vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-940 {
    width: min(1222px, 250.667vw) !important;
    min-width: min(1222px, 250.667vw) !important;
  }
}

.u-wid-950 {
  width: min(1235px, 69.546vw) !important;
  min-width: min(1235px, 69.546vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-950 {
    width: min(1235px, 253.333vw) !important;
    min-width: min(1235px, 253.333vw) !important;
  }
}

.u-wid-960 {
  width: min(1248px, 70.278vw) !important;
  min-width: min(1248px, 70.278vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-960 {
    width: min(1248px, 256vw) !important;
    min-width: min(1248px, 256vw) !important;
  }
}

.u-wid-970 {
  width: min(1261px, 71.01vw) !important;
  min-width: min(1261px, 71.01vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-970 {
    width: min(1261px, 258.667vw) !important;
    min-width: min(1261px, 258.667vw) !important;
  }
}

.u-wid-980 {
  width: min(1274px, 71.742vw) !important;
  min-width: min(1274px, 71.742vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-980 {
    width: min(1274px, 261.333vw) !important;
    min-width: min(1274px, 261.333vw) !important;
  }
}

.u-wid-990 {
  width: min(1287px, 72.474vw) !important;
  min-width: min(1287px, 72.474vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-990 {
    width: min(1287px, 264vw) !important;
    min-width: min(1287px, 264vw) !important;
  }
}

.u-wid-1000 {
  width: min(1300px, 73.206vw) !important;
  min-width: min(1300px, 73.206vw) !important;
}
@media screen and (max-width: 768px) {
  .u-wid-1000 {
    width: min(1300px, 266.667vw) !important;
    min-width: min(1300px, 266.667vw) !important;
  }
}

.u-wid-05per {
  width: 5% !important;
  min-width: 5% !important;
}

.u-wid-10per {
  width: 10% !important;
  min-width: 10% !important;
}

.u-wid-15per {
  width: 15% !important;
  min-width: 15% !important;
}

.u-wid-20per {
  width: 20% !important;
  min-width: 20% !important;
}

.u-wid-25per {
  width: 25% !important;
  min-width: 25% !important;
}

.u-wid-30per {
  width: 30% !important;
  min-width: 30% !important;
}

.u-wid-35per {
  width: 35% !important;
  min-width: 35% !important;
}

.u-wid-40per {
  width: 40% !important;
  min-width: 40% !important;
}

.u-wid-45per {
  width: 45% !important;
  min-width: 45% !important;
}

.u-wid-50per {
  width: 50% !important;
  min-width: 50% !important;
}

.u-wid-55per {
  width: 55% !important;
  min-width: 55% !important;
}

.u-wid-60per {
  width: 60% !important;
  min-width: 60% !important;
}

.u-wid-65per {
  width: 65% !important;
  min-width: 65% !important;
}

.u-wid-70per {
  width: 70% !important;
  min-width: 70% !important;
}

.u-wid-75per {
  width: 75% !important;
  min-width: 75% !important;
}

.u-wid-80per {
  width: 80% !important;
  min-width: 80% !important;
}

.u-wid-85per {
  width: 85% !important;
  min-width: 85% !important;
}

.u-wid-90per {
  width: 90% !important;
  min-width: 90% !important;
}

.u-wid-95per {
  width: 95% !important;
  min-width: 95% !important;
}

.u-wid-100per {
  width: 100% !important;
  min-width: 100% !important;
}

.u-wid-auto {
  width: auto !important;
  min-width: 0;
}

@media screen and (max-width: 768px) {
  .u-wid-md-10 {
    width: min(13px, 0.732vw) !important;
    min-width: min(13px, 0.732vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-10 {
    width: min(13px, 2.667vw) !important;
    min-width: min(13px, 2.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-20 {
    width: min(26px, 1.464vw) !important;
    min-width: min(26px, 1.464vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-20 {
    width: min(26px, 5.333vw) !important;
    min-width: min(26px, 5.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-30 {
    width: min(39px, 2.196vw) !important;
    min-width: min(39px, 2.196vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-30 {
    width: min(39px, 8vw) !important;
    min-width: min(39px, 8vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-40 {
    width: min(52px, 2.928vw) !important;
    min-width: min(52px, 2.928vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-40 {
    width: min(52px, 10.667vw) !important;
    min-width: min(52px, 10.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-50 {
    width: min(65px, 3.66vw) !important;
    min-width: min(65px, 3.66vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-50 {
    width: min(65px, 13.333vw) !important;
    min-width: min(65px, 13.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-60 {
    width: min(78px, 4.392vw) !important;
    min-width: min(78px, 4.392vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-60 {
    width: min(78px, 16vw) !important;
    min-width: min(78px, 16vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-70 {
    width: min(91px, 5.124vw) !important;
    min-width: min(91px, 5.124vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-70 {
    width: min(91px, 18.667vw) !important;
    min-width: min(91px, 18.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-80 {
    width: min(104px, 5.857vw) !important;
    min-width: min(104px, 5.857vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-80 {
    width: min(104px, 21.333vw) !important;
    min-width: min(104px, 21.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-90 {
    width: min(117px, 6.589vw) !important;
    min-width: min(117px, 6.589vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-90 {
    width: min(117px, 24vw) !important;
    min-width: min(117px, 24vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-100 {
    width: min(130px, 7.321vw) !important;
    min-width: min(130px, 7.321vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-100 {
    width: min(130px, 26.667vw) !important;
    min-width: min(130px, 26.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-110 {
    width: min(143px, 8.053vw) !important;
    min-width: min(143px, 8.053vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-110 {
    width: min(143px, 29.333vw) !important;
    min-width: min(143px, 29.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-120 {
    width: min(156px, 8.785vw) !important;
    min-width: min(156px, 8.785vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-120 {
    width: min(156px, 32vw) !important;
    min-width: min(156px, 32vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-130 {
    width: min(169px, 9.517vw) !important;
    min-width: min(169px, 9.517vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-130 {
    width: min(169px, 34.667vw) !important;
    min-width: min(169px, 34.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-140 {
    width: min(182px, 10.249vw) !important;
    min-width: min(182px, 10.249vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-140 {
    width: min(182px, 37.333vw) !important;
    min-width: min(182px, 37.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-150 {
    width: min(195px, 10.981vw) !important;
    min-width: min(195px, 10.981vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-150 {
    width: min(195px, 40vw) !important;
    min-width: min(195px, 40vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-160 {
    width: min(208px, 11.713vw) !important;
    min-width: min(208px, 11.713vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-160 {
    width: min(208px, 42.667vw) !important;
    min-width: min(208px, 42.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-170 {
    width: min(221px, 12.445vw) !important;
    min-width: min(221px, 12.445vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-170 {
    width: min(221px, 45.333vw) !important;
    min-width: min(221px, 45.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-180 {
    width: min(234px, 13.177vw) !important;
    min-width: min(234px, 13.177vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-180 {
    width: min(234px, 48vw) !important;
    min-width: min(234px, 48vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-190 {
    width: min(247px, 13.909vw) !important;
    min-width: min(247px, 13.909vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-190 {
    width: min(247px, 50.667vw) !important;
    min-width: min(247px, 50.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-200 {
    width: min(260px, 14.641vw) !important;
    min-width: min(260px, 14.641vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-200 {
    width: min(260px, 53.333vw) !important;
    min-width: min(260px, 53.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-210 {
    width: min(273px, 15.373vw) !important;
    min-width: min(273px, 15.373vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-210 {
    width: min(273px, 56vw) !important;
    min-width: min(273px, 56vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-220 {
    width: min(286px, 16.105vw) !important;
    min-width: min(286px, 16.105vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-220 {
    width: min(286px, 58.667vw) !important;
    min-width: min(286px, 58.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-230 {
    width: min(299px, 16.837vw) !important;
    min-width: min(299px, 16.837vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-230 {
    width: min(299px, 61.333vw) !important;
    min-width: min(299px, 61.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-240 {
    width: min(312px, 17.57vw) !important;
    min-width: min(312px, 17.57vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-240 {
    width: min(312px, 64vw) !important;
    min-width: min(312px, 64vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-250 {
    width: min(325px, 18.302vw) !important;
    min-width: min(325px, 18.302vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-250 {
    width: min(325px, 66.667vw) !important;
    min-width: min(325px, 66.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-260 {
    width: min(338px, 19.034vw) !important;
    min-width: min(338px, 19.034vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-260 {
    width: min(338px, 69.333vw) !important;
    min-width: min(338px, 69.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-270 {
    width: min(351px, 19.766vw) !important;
    min-width: min(351px, 19.766vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-270 {
    width: min(351px, 72vw) !important;
    min-width: min(351px, 72vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-280 {
    width: min(364px, 20.498vw) !important;
    min-width: min(364px, 20.498vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-280 {
    width: min(364px, 74.667vw) !important;
    min-width: min(364px, 74.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-290 {
    width: min(377px, 21.23vw) !important;
    min-width: min(377px, 21.23vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-290 {
    width: min(377px, 77.333vw) !important;
    min-width: min(377px, 77.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-300 {
    width: min(390px, 21.962vw) !important;
    min-width: min(390px, 21.962vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-300 {
    width: min(390px, 80vw) !important;
    min-width: min(390px, 80vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-310 {
    width: min(403px, 22.694vw) !important;
    min-width: min(403px, 22.694vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-310 {
    width: min(403px, 82.667vw) !important;
    min-width: min(403px, 82.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-320 {
    width: min(416px, 23.426vw) !important;
    min-width: min(416px, 23.426vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-320 {
    width: min(416px, 85.333vw) !important;
    min-width: min(416px, 85.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-330 {
    width: min(429px, 24.158vw) !important;
    min-width: min(429px, 24.158vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-330 {
    width: min(429px, 88vw) !important;
    min-width: min(429px, 88vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-340 {
    width: min(442px, 24.89vw) !important;
    min-width: min(442px, 24.89vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-340 {
    width: min(442px, 90.667vw) !important;
    min-width: min(442px, 90.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-350 {
    width: min(455px, 25.622vw) !important;
    min-width: min(455px, 25.622vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-350 {
    width: min(455px, 93.333vw) !important;
    min-width: min(455px, 93.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-360 {
    width: min(468px, 26.354vw) !important;
    min-width: min(468px, 26.354vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-360 {
    width: min(468px, 96vw) !important;
    min-width: min(468px, 96vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-370 {
    width: min(481px, 27.086vw) !important;
    min-width: min(481px, 27.086vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-370 {
    width: min(481px, 98.667vw) !important;
    min-width: min(481px, 98.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-380 {
    width: min(494px, 27.818vw) !important;
    min-width: min(494px, 27.818vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-380 {
    width: min(494px, 101.333vw) !important;
    min-width: min(494px, 101.333vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-390 {
    width: min(507px, 28.551vw) !important;
    min-width: min(507px, 28.551vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-390 {
    width: min(507px, 104vw) !important;
    min-width: min(507px, 104vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wid-md-400 {
    width: min(520px, 29.283vw) !important;
    min-width: min(520px, 29.283vw) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .u-wid-md-400 {
    width: min(520px, 106.667vw) !important;
    min-width: min(520px, 106.667vw) !important;
  }
}
@media screen and (max-width: 768px) {
  .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;
  }
}