@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Barlow:wght@700&family=Noto+Sans+JP:wght@400;700&family=Yuji+Syuku:wght@400&display=fallback");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
@font-face {
  font-family: "Barlow";
  src: url("https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2") format("woff2");
  font-weight: 700;
  ascent-override: 95%; /* 上方向に調整 */
}
@font-face {
  font-family: "Yuji Syuku";
  src: url("https://fonts.gstatic.com/s/yujisyuku/v10/HI_JiZQSLqB9pfG6PlROyw.woff2") format("woff2");
  font-weight: 400;
  ascent-override: 110%;
  descent-override: 90%;
}
:root {
  --font-family-sans: "Inter","Noto Sans JP",sans-serif;
  --font-oswald:"Oswald",sans-serif;
  --font-apple:"Homemade Apple",sans-serif;
  --font-blush: "Yuji Syuku",serif;
  --font-inter-tight: "Inter Tight", sans-serif;
  --font-garamond: "EB Garamond", serif;
  --font-barlow: "Barlow", sans-serif;
}

:root {
  --rgb-blue: rgb(0 145 235);
  --rgb-lightblue: var(--md-blue-400);
  --marker-green: rgb(0 174 178 / .25);
  --marker-yellow:rgb(255 216 25 / .5);
  --rgb-gray:rgb(0 0 0 / .1);
  --rgb-whitegray:rgb(250 250 250);
  --rgb-watergray:rgb(245 245 245);
  --rgb-palegray:rgb(240 240 240);
  --rgb-lightgray:rgb(230 230 230);
  --rgb-negativegray:rgb(153 153 153);
  --rgb-middlegray:rgb(200 200 200);
  --rgb-darkgray:rgb(90 90 90);
  --rgb-deepgray:rgb(30 30 30);
  --rgb-bluegray:rgb(73 88 95);
  --rgb-background-line: rgb(240 240 240);
}

:root {
  --rgb-background:var(--rgb-white);
  --rgb-text:var(--rgb-black);
  --rgb-selection:var(--rgb-blue);
  --rgb-accent: var(--rgb-red);
  --rgb-header:var(--rgb-white);
  --rgb-link:var(--rgb-blue);
  --rgb-slide: var(--rgb-yellow);
  --rgb-heading-em: rgb(0 0 0 / .1);
  --section-background-reverse-image:none;
  --section-background-reverse-color:var(--rgb-blue);
  --rgb-contact:var(--rgb-black);
  --rgb-footer:var(--rgb-white);
  --rgb-sitemap:var(--rgb-white);
  --rgb-copyright:var(--rgb-blue);
  --rgb-herolink: var(--rgb-black);
  --rgb-carpet:rgba(186 167 110 / .1);
  --rgb-heading-light-gradation:none;
  --rgb-heading-light-color:var(--rgb-watergray);
  --rgb-heading-dark-gradation:none;
  --rgb-heading-dark-color:var(--rgb-blue);
  --pills-background: var(--rgb-beige);
  --pills-text: var(--rgb-white);
  --tab-content-background: var(--rgb-carpet);
  --rgb-cussion:rgb(40 80 190);
  --rgb-phone:#00A02C;
  --rgb-facsimile:#1FB783;
  --rgb-updated:var(--rgb-caution);
  --rgb-caution:rgb(255 0 0);
  --rgb-regist:rgb(29 153 255);
  --rgb-color:rgb(92 181 255);
  --rgb-cart:rgb(29 153 255);
  --heading-white: rgb(255 255 255);
  --heading-black: rgb(0 0 0);
  --rgb-heading-border: var(--rgb-main);
  --rgb-linegray: rgb(222 222 222);
  --rgb-flow: var(--rgb-blue);
  --rgb-flowno: var(--rgb-blue);
  --rgb-flow-icon: var(--rgb-blue);
  --rgb-list-marker: var(--rgb-blue);
  --rgb-faq: var(--rgb-watergray);
  --rgb-faq-summary: var(--rgb-text);
  --rgb-faq-mark: var(--rgb-blue);
  --rgb-category-heading-gradient:none;
  --rgb-category-heading-background:var(--rgb-blue);
  --rgb-category-heading-color: var(--rgb-white);
  --rgb-category-navigation-link: var(--rgb-blue);
  --rgb-category-navigation-hover: var(--rgb-lightblue);
  --rgb-category-navigation-active: var(--rgb-lightblue);
  --rgb-side-link: var(--rgb-white);
  --rgb-side-hover: var(--rgb-lightgray);
  --rgb-side-active: var(--rgb-red);
  --rgb-paging: var(--rgb-black);
  --rgb-paging-text: var(--rgb-black);
  --rgb-paging-background: var(--rgb-white);
  --rgb-paging-border: var(--rgb-linegray);
  --rgb-paging-hover: var(--rgb-lightgray);
  --rgb-paging-current: var(--rgb-blue);
  --rgb-form: var(--rgb-caution);
  --rgb-required: var(--rgb-caution);
  --rgb-optional: var(--rgb-black);
  --rgb-faqtag: var(--rgb-blue);
  --rgb-morning: var(--rgb-lightblue);
  --rgb-noon: var(--rgb-red);
  --rgb-check: var(--rgb-blue);
  --rgb-td-heading: rgba(0 0 0 / .05);
}

:root {
  --padding-x: 2rem;
  --container-width: 80rem;
  --container-half: calc(var(--container-width) * .5);
  --gap-rate: 1;
  --gap-xxl: 4rem;
  --gap-xl: 3rem;
  --gap-lg: 2rem;
  --gap-md: 1.5rem;
  --gap-sm: 1rem;
  --gap-xs: .5rem;
  --gap-xxs: .25rem;
  --gap-hairline: .0625rem;
  --gap-none: 0;
  --box-rate: var(--responsive-rate);
  --responsive-rate: 1;
  --xl-rate: 1;
  --lg-rate: 1;
  --md-rate: 1;
  --sm-rate: 1;
  --xs-rate: 1;
  --nav-rate: 1;
  --nav-gap-rate: 1;
}
@media only screen and (max-width: 1399px) {
  :root {
    --padding-x: 2rem;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --padding-x: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --padding-x: 1.5rem;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --padding-x: 1.25rem;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --container-width: 70rem;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --container-width: 54rem;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --container-width: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --gap-rate: .85;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --gap-rate: .7;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --gap-rate: .55;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --gap-rate: .4;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --responsive-rate: .85;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --responsive-rate: .7;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --responsive-rate: .55;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --responsive-rate: .4;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --xl-rate: .875;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --xl-rate: .75;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --xl-rate: .625;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --xl-rate: .5;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --lg-rate: .9;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --lg-rate: .8;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --lg-rate: .7;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --lg-rate: .6;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --md-rate: .925;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --md-rate: .85;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --md-rate: .775;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --md-rate: .7;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --sm-rate: .95;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --sm-rate: .9;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --sm-rate: .85;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --sm-rate: .8;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --xs-rate: .975;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --xs-rate: .95;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --xs-rate: .925;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --xs-rate: .9;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --nav-rate: .75;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --nav-rate: .675;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --nav-gap-rate: .75;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --nav-gap-rate: .5;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --nav-gap-rate: 0;
  }
}

:root {
  --heading-margin: .75;
  --section-padding:8rem;
  --clearance-padding:calc(var(--section-padding) * var(--responsive-rate));
  --block-padding:calc(var(--section-padding) * var(--responsive-rate) * .5);
  --section-margin:8rem;
  --devider-margin:calc(var(--section-padding) * var(--responsive-rate));
  --header-height: 8rem;
  --header-height-scroll: 8rem;
  --width-scrollbar:calc(100% - 100vw);
  --leftline-border-width: .1875rem;
  --underline-border-width: .125rem;
  --nav-border-active: .1875rem;
  --contact-th-width: 15em;
  --width-side: 16rem;
  --width-gap: 4rem;
  --width-main: calc(100% - var(--width-side) - var(--width-gap));
  --leading-trim-ja: calc((1em - 1lh) * .5);
  --leading-trim-en: calc((1cap - 1lh) * .5);
}
@media only screen and (max-width: 991px) {
  :root {
    --header-height: 9vw;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --header-height: 16vw;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --header-height-scroll: 9vw;
  }
}
@media only screen and (max-width: 575px) {
  :root {
    --header-height-scroll: 16vw;
  }
}

:root {
  --button-font-size: 1em;
  --button-font-family: var(--font-serif);
  --button-font-weight: 700;
  --button-padding-x: calc(1em * var(--xs-rate));
  --button-padding-y: calc(1em * var(--xs-rate));
  --button-text-transform: uppercase;
  --button-border-width: .125rem;
  --button-border-color: var(--rgb-blue);
  --flat-gradient: none;
  --flat-gradient-hover: none;
  --flat-background:var(--rgb-blue);
  --flat-background-hover:var(--rgb-darkgray);
  --flat-color:var(--rgb-white);
  --flat-color-hover:var(--rgb-white);
  --negative-gradient: none;
  --negative-gradient-hover: none;
  --negative-background:var(--rgb-white);
  --negative-background-hover:var(--rgb-watergray);
  --negative-color:var(--rgb-negativegray);
  --negative-color-hover:var(--rgb-negativegray);
  --negative-border-color:var(--rgb-negativegray);
  --solid-gradient: none;
  --solid-gradient-hover: none;
  --solid-background:var(--rgb-white);
  --solid-background-hover:var(--rgb-blue);
  --solid-color:var(--rgb-blue);
  --solid-color-hover:var(--rgb-white);
  --solid-border-color:var(--rgb-blue);
  --outline-gradient: none;
  --outline-gradient-hover: none;
  --outline-background:transparent;
  --outline-background-hover:var(--rgb-blue);
  --outline-color:var(--rgb-blue);
  --outline-color-hover:var(--rgb-white);
  --invert-gradient: none;
  --invert-gradient-hover: none;
  --invert-background:transparent;
  --invert-background-hover:var(--rgb-white);
  --invert-color:var(--rgb-white);
  --invert-color-hover:var(--rgb-black);
  --white-gradient: none;
  --white-gradient-hover: none;
  --white-background:var(--rgb-white);
  --white-background-hover:var(--rgb-lightgray);
  --white-color:var(--rgb-blue);
  --white-color-hover:var(--rgb-blue);
  --blend-gradient: none;
  --blend-background:var(--rgb-blue);
  --blend-color:var(--rgb-white);
  --blend-color-hover:var(--rgb-white);
  --negative: var(--rgb-negativegray);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  min-inline-size: 0;
  border-width: 0;
  border-style: solid;
  scroll-behavior: unset;
}

@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after,
  ::backdrop {
    background-attachment: scroll !important;
    scroll-behavior: unset !important;
    transition-delay: 0s !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
  }
}
:where(body) {
  background-color: var(--rgb-background);
  color: var(--rgb-text);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-block-size: 100svb;
  margin: unset;
  min-width: 100%;
  overflow-x: clip;
  position: relative;
}

:where(:root) {
  font-family: system-ui, sans-serif;
  font-style: unset;
  font-weight: 400;
  line-height: 1.5;
  text-align: start;
  text-spacing-trim: trim-start;
  word-break: initial;
  line-break: strict;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
          hyphens: auto;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin-block: unset;
  font-size: unset;
}

:where(search) {
  display: block flow;
}

:where(p, blockquote, figure, pre, address, ul, ol, dl) {
  margin-block: unset;
}

:where(blockquote, figure) {
  margin-inline: unset;
}

:where(address):where(:lang(ja)) {
  font-style: unset;
}

:where(ul, ol) {
  padding-inline-start: unset;
  list-style-type: "";
}

:where(dt) {
  font-weight: 700;
}

:where(dd) {
  margin-inline-start: unset;
}

:where(hr) {
  border-block-start-width: 1px;
}

:where(pre) {
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

:where(b, strong) {
  font-weight: 700;
}

:where(i, cite, em, dfn, var):where(:lang(ja)) {
  font-style: unset;
}

:where(code, kbd, samp) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: unset;
}

:where(cite, dfn)::before {
  content: var(--_quotation-start, "“");
}

:where(cite, dfn)::after {
  content: var(--_quotation-end, "”");
}

:where(cite, dfn):where(:lang(ja)) {
  --_quotation-start: "「";
  --_quotation-end: "」";
}

:where(var) {
  font-family: serif;
}

@supports (text-decoration-color: color-mix(in sRGB, Mark, transparent)) {
  :where(mark) {
    background-color: unset;
    color: unset;
    text-decoration-line: underline;
    text-decoration-color: color-mix(in sRGB, Mark, transparent 50%);
    text-decoration-thickness: 0.4em;
    text-underline-offset: -0.2em;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
}
:where(:-moz-any-link) {
  background-color: unset;
  color: unset;
  text-decoration-line: none;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.25em;
}
:where(:any-link) {
  background-color: unset;
  color: unset;
  text-decoration-line: none;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.25em;
}

:where(ins) {
  text-decoration-style: dashed;
  text-underline-offset: 0.4em;
}

:where(del) {
  text-decoration-style: double;
}

:where(img, video, canvas, audio, iframe, embed, object) {
  display: block flow;
  vertical-align: middle;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

:where(svg) {
  vertical-align: middle;
}

:where(table) {
  border-collapse: separate;
}

:where(caption) {
  text-align: start;
}

:where(td, th) {
  padding: unset;
  vertical-align: top;
}

:where(th) {
  font-weight: 700;
  text-align: start;
}

:where(button, input, select, textarea),
::file-selector-button {
  padding: unset;
  border-width: 1px;
  border-color: transparent;
  border-radius: unset;
  background-color: unset;
  color: unset;
  font: unset;
  vertical-align: middle;
  letter-spacing: unset;
  text-align: unset;
  text-transform: unset;
}

:where([type=radio i], [type=checkbox i]) {
  margin: unset;
}

:where([type=file i]) {
  cursor: unset;
}

:where(textarea) {
  margin-block: unset;
  resize: block;
}

:where(button),
::file-selector-button {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  touch-action: manipulation;
}

:where(button)::-moz-focus-inner {
  padding: unset;
}

:where(button, label[for], select, [role=tab], [role=button]),
::file-selector-button {
  cursor: pointer;
}

:where(select:disabled) {
  opacity: inherit;
}

:where(fieldset) {
  margin-inline: unset;
  padding: unset;
}

:where(legend) {
  padding-inline: unset;
}

:where(optgroup) {
  font: unset;
}

::-moz-placeholder {
  opacity: unset;
}

::placeholder {
  opacity: unset;
}

:where(summary) {
  display: block flow;
  cursor: pointer;
}

::-webkit-details-marker {
  display: none;
}

:where(dialog) {
  overflow: unset;
  inline-size: unset;
  block-size: unset;
  max-inline-size: unset;
  max-block-size: unset;
  padding: unset;
  background-color: unset;
  color: unset;
}

:where([popover]) {
  overflow: unset;
  inline-size: unset;
  block-size: unset;
  padding: unset;
  background-color: unset;
  color: unset;
}

::backdrop {
  background-color: unset;
}

:where(:-moz-focusring) {
  outline: auto;
}

:where(:focus-visible) {
  outline-offset: 2px;
}

:where(:focus:not(:focus-visible)) {
  outline: none;
}

[tabindex="-1"]:focus-visible {
  outline: none !important;
}

:where(:disabled) {
  cursor: default;
}

[hidden]:not([hidden=until-found]) {
  display: none !important;
}

.html {
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: var(--rgb-text);
}

.mx-auto {
  display: block;
}

.table-responsive {
  padding-top: 1px;
}

[class*=container] {
  position: relative;
  z-index: 99;
}

@media only screen and (max-width: 575px) {
  .table-responsive table {
    width: 200vw;
  }
}

::-moz-selection {
  background-color: var(--rgb-selection);
  color: var(--rgb-white);
}

::selection {
  background-color: var(--rgb-selection);
  color: var(--rgb-white);
}

::-moz-selection {
  background-color: var(--rgb-selection);
  color: var(--rgb-white);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--border-width) solid;
  opacity: 0.25;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

blockquote {
  margin: 0 0 1rem;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--body-bg);
  background-color: var(--body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--secondary-color);
  text-align: left;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
	direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.c-image__liquid {
  max-width: 100%;
  height: auto;
}

.c-image__thumbnail {
  padding: 0.25rem;
  background-color: var(--body-bg);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  max-width: 100%;
  height: auto;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
img {
  vertical-align: bottom;
}

html {
  font-size: 0.8vw;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
@media print {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 2000px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 991px) {
  html {
    overflow-y: overlay;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 2.25vw;
  }
}
@media only screen and (max-width: 575px) {
  html {
    font-size: 4vw;
  }
}

header, main, footer {
  width: 100%;
  min-width: 1px;
  max-width: 100%;
}

main, footer {
  overflow: hidden;
}

small {
  font-size: 0.75em;
}

a, button {
  background-color: transparent;
  outline: 0;
  text-decoration: none;
}
a:hover, a:active, a:focus, button:hover, button:active, button:focus {
  opacity: 1;
}

a[href="tel:"] {
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  a[href="tel:"] {
    pointer-events: initial;
  }
}

span[data-action=call] {
  white-space: nowrap;
}

button {
  cursor: pointer;
}

.l-container__width--full {
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;
}

.l-container__width--all {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 991px) {
  .l-container__width--all {
    box-sizing: border-box;
  }
}

.l-container__width--large {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  width: 100%;
  max-width: var(--container-width);
}
@media only screen and (max-width: 991px) {
  .l-container__width--large {
    box-sizing: border-box;
  }
}

.l-container__width--medium {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  width: 100%;
  max-width: 70rem;
}
@media only screen and (max-width: 991px) {
  .l-container__width--medium {
    box-sizing: border-box;
  }
}

.l-container__width--small {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  width: 100%;
  max-width: 60rem;
}
@media only screen and (max-width: 991px) {
  .l-container__width--small {
    box-sizing: border-box;
  }
}

.l-container__width--xsmall {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  width: 100%;
  max-width: 50rem;
}
@media only screen and (max-width: 991px) {
  .l-container__width--xsmall {
    box-sizing: border-box;
  }
}

.l-container__width--mobile {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  .l-container__width--mobile {
    box-sizing: border-box;
  }
}

.l-header {
  height: var(--header-height);
  display: block grid;
  position: fixed;
  inset: 0 0 auto;
  z-index: 9999999;
}

.l-header__inner--top {
  display: block flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-header__inner--top {
    padding: 0;
    height: var(--header-height);
    flex-wrap: nowrap;
  }
}

.l-header__inner--bottom {
  display: block flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-header__inner--bottom {
    padding: 0;
    height: var(--header-height);
    flex-wrap: nowrap;
  }
}

.l-header__navigation {
  display: block flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-header__navigation {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.l-header__nav--contact {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .l-header__nav--contact {
    display: none;
  }
}

.l-header__nav--links {
  margin-bottom: 0.25rem;
  display: block flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .l-header__nav--links {
    display: none;
  }
}

.l-header__nav--search {
  display: block flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 991px) {
  .l-header__nav--search {
    margin: 0;
    padding: 0.75rem 1rem;
  }
}

.l-header__nav--call {
  font-size: 1rem;
  line-height: 0.75;
  white-space: nowrap;
}

.l-header__nav--recept {
  font-size: 0.75rem;
  line-height: 1.5;
  margin-left: 1em;
}

.l-header__nav--right {
  margin-left: 2rem;
  margin-right: var(--padding-x);
  display: block flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .l-header__nav--right {
    margin-left: 1.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .l-header__nav--right {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 991px) {
  .l-header__nav--right {
    display: none;
  }
}

.l-header__navigation--slide {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}

.l-header__navigation--overlay {
  opacity: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -9;
  display: none;
}

.l-header__navigation--toggler {
  width: var(--header-height);
  height: var(--header-height);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9999999;
  cursor: pointer;
}
.l-header__navigation--toggler::before {
  font-size: calc(var(--header-height) * 0.175);
  line-height: 1;
  margin-bottom: 0.75em;
  display: block flow;
}
@media only screen and (max-width: 991px) {
  .l-header__navigation--toggler::before {
    font-size: calc(var(--header-height) * 0.1875);
  }
}

.l-header__navigation--switch {
  width: calc(var(--header-height) * 0.5);
  height: calc(var(--header-height) * 0.15);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-header__navigation--switch {
    width: calc(var(--header-height) * 0.625);
    height: calc(var(--header-height) * 0.1875);
  }
}
.l-header__navigation--switch span {
  display: block flow;
}
@media only screen and (max-width: 991px) {
  .l-header__navigation--switch span {
    width: calc(var(--header-height) * 0.625);
    height: 2px;
  }
}
.l-header__navigation--switch span::before, .l-header__navigation--switch span::after {
  margin-left: -50%;
  margin-right: -50%;
  width: calc(var(--header-height) * 0.5);
  height: 0.125rem;
  display: block;
  transform-origin: center center;
  position: absolute;
  left: 50%;
  right: 50%;
  content: "";
}
@media only screen and (max-width: 991px) {
  .l-header__navigation--switch span::before, .l-header__navigation--switch span::after {
    width: calc(var(--header-height) * 0.625);
    height: 2px;
  }
}
.l-header__navigation--switch span::before {
  top: 0;
  transition: top 0.5s, transform 0.5s;
}
.l-header__navigation--switch span::after {
  bottom: 0;
  transition: bottom 0.5s, transform 0.5s;
}

.l-header__navigation--extend {
  overflow: hidden;
  padding: calc(var(--header-height) * 1.5) calc(var(--header-height) * 0.5) calc(var(--header-height) * 0.5);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: -100vh;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  transition: all 0.6s;
}

.l-header__navigation--index {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}

.l-header__navigation--primary {
  padding-bottom: var(--padding-x);
}

.l-outer__liquid {
  background: transparent;
  position: relative;
  z-index: 9;
  justify-content: center;
  width: 100%;
}

.l-outer__liquid--side, .l-outer__liquid--main {
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .l-outer__liquid--side, .l-outer__liquid--main {
    padding: 0;
    width: auto;
    display: block;
  }
}

.l-outer__solid {
  margin: auto;
  width: 100%;
  max-width: var(--container-width);
  display: block grid;
  grid-gap: 0 calc(4rem * var(--responsive-rate));
}

@media screen and (min-width: 992px) {
  .l-outer__solid--main .l-container__width--large {
    padding: 0;
  }
}

.l-outer__solid--side {
  position: relative;
}
.l-outer__solid--side .l-outer__solid--side + .l-outer__solid--side {
  display: none;
}
@media only screen and (max-width: 991px) {
  .l-outer__solid--side .l-outer__solid--side + .l-outer__solid--side {
    margin: 4rem 0;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .l-outer__solid--side .l-outer__solid--side + .l-outer__solid--side {
    margin-bottom: 2rem;
  }
}

@property --window-size {
  syntax: "<length>";
  initial-value: 0px;
  inherits: true;
}
.l-section {
  position: relative;
  scroll-margin-top: var(--header-height);
  container-type: inline-size;
  --window-size: 100cqw;
  --scrollbar-width: calc(100vw - var(--window-size));
}

.l-section__clearance {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--clearance-padding);
  padding-bottom: var(--clearance-padding);
}

.l-section__clearance--hairline {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.l-section__clearance--fluid {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding: calc(var(--padding-x) * 0.5);
}
@media only screen and (max-width: 991px) {
  .l-section__clearance--fluid {
    padding: calc(var(--padding-x) * 0.5) 0;
  }
}

.l-section__clearance--top {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--clearance-padding);
}

.l-section__clearance--bottom {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-bottom: var(--clearance-padding);
}

.l-section__clearance--narrow {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: calc(var(--clearance-padding) * 0.5);
  padding-bottom: calc(var(--clearance-padding) * 0.5);
}

.l-section__clearance--wide {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: calc(var(--clearance-padding) * 2);
  padding-bottom: calc(var(--clearance-padding) * 2);
}

.l-section__clearance--narrow--top {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: calc(var(--clearance-padding) * 0.5);
  padding-bottom: 0;
}

.l-section__clearance--narrow--bottom {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: 0;
  padding-bottom: calc(var(--clearance-padding) * 0.5);
}

.l-section__clearance--responsive {
  padding: var(--clearance-padding) 0;
  scroll-margin-top: var(--header-height);
}
@media only screen and (max-width: 575px) {
  .l-section__clearance--responsive {
    padding: var(--clearance-padding) 0 0;
  }
}

.l-section__margin {
  margin-top: var(--devider-margin);
}

.l-section__separate {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-section__separate {
    display: flex;
    flex-flow: column nowrap;
  }
}

.l-section__separate--text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (max-width: 991px) {
  .l-section__separate--text {
    flex: 0 0 100%;
    order: 1;
    position: static;
  }
}

.l-section__separate--heading {
  width: 100%;
  padding-top: var(--clearance-padding);
  padding-bottom: calc(var(--clearance-padding) * var(--heading-margin-rate) * 0.5);
}

.l-section__separate--body {
  padding-top: calc(var(--clearance-padding) * var(--heading-margin-rate) * 0.5);
  padding-bottom: var(--clearance-padding);
  flex-grow: 1;
}

@media only screen and (max-width: 991px) {
  .l-section__separate--image {
    padding: var(--clearance-padding) calc(var(--padding-x) * 0.5);
    flex: 0 0 100%;
    order: 2;
  }
}
.l-section__separate--image img {
  position: relative;
  z-index: 9 !important;
}

.l-section__image--devider {
  position: relative;
}
.l-section__image--devider .u-background__cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.l-block {
  position: relative;
  scroll-margin-top: var(--header-height);
}

.l-block__clearance {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--block-padding);
  padding-bottom: var(--block-padding);
}

.l-block__clearance--xl {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--block-padding);
  padding-bottom: var(--block-padding);
}
@media only screen and (max-width: 1199px) {
  .l-block__clearance--xl {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.l-block__clearance--lg {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--block-padding);
  padding-bottom: var(--block-padding);
}
@media only screen and (max-width: 991px) {
  .l-block__clearance--lg {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.l-block__clearance--sm {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--block-padding);
  padding-bottom: var(--block-padding);
}
@media only screen and (max-width: 575px) {
  .l-block__clearance--sm {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.l-block__clearance--top {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-top: var(--block-padding);
}

.l-block__clearance--bottom {
  position: relative;
  scroll-margin-top: var(--header-height);
  padding-bottom: var(--block-padding);
}

.l-footer {
  position: relative;
  z-index: 99;
}

.l-footer__contact {
  position: relative;
  z-index: 9;
}

.l-contact {
  display: block grid;
  position: relative;
}

.l-googlemaps iframe {
  width: 100%;
  height: 25rem;
}

.l-information {
  display: block grid;
  position: relative;
}

.l-footer__logo img, .l-footer__logo svg {
  vertical-align: top;
  width: auto;
}

.l-location__hour {
  line-height: 1.5;
}

.l-location__holiday::before {
  content: "/";
  margin: 0 0.33em;
}
.l-location__holiday:not(:first-child) {
  margin-top: 0.5rem;
}
.l-location__holiday p + p {
  margin: 0;
}

@media only screen and (max-width: 991px) {
  .l-sitemap {
    display: none;
  }
}

.l-footer__copyright {
  display: block flow;
}

[data-frame=float] {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

.c-box__line {
  border: 0.0625rem solid var(--rgb-linegray);
}

.c-box__line--light {
  border: 0.0625rem solid var(--rgb-linegray);
  border-top: none;
}
.c-box__line--light .c-box__heading {
  border-top: 1px solid var(--rgb-linegray);
}

.c-box__line--dark .c-box__heading, .c-box__line--dark .c-box__image {
  border: 0.0625rem solid var(--rgb-linegray);
  border-top: none;
  margin: 0 -0.0625rem;
}
.c-box__line--dark .c-box__heading:first-child, .c-box__line--dark .c-box__image:first-child {
  margin-top: -0.0625rem;
}

[data-heading=transparent] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=transparent-sm] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent-sm] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=transparent-md] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent-md] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=transparent-lg] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent-lg] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=transparent-xl] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent-xl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=transparent-xxl] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent-xxl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}
[data-heading=light] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-sm] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=light-sm] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-md] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=light-md] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-lg] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=light-lg] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-xl] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=light-xl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-xxl] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=light-xxl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=middle] {
  background-image: var(--rgb-heading-middle-gradation);
  background-color: var(--rgb-heading-middle-color);
  color: var(--rgb-text);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}
[data-heading=middle] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=middle-sm] {
  background-image: var(--rgb-heading-middle-gradation);
  background-color: var(--rgb-heading-middle-color);
  color: var(--rgb-text);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=middle-sm] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=middle-md] {
  background-image: var(--rgb-heading-middle-gradation);
  background-color: var(--rgb-heading-middle-color);
  color: var(--rgb-text);
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=middle-md] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=middle-lg] {
  background-image: var(--rgb-heading-middle-gradation);
  background-color: var(--rgb-heading-middle-color);
  color: var(--rgb-text);
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=middle-lg] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=middle-xl] {
  background-image: var(--rgb-heading-middle-gradation);
  background-color: var(--rgb-heading-middle-color);
  color: var(--rgb-text);
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=middle-xl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=middle-xxl] {
  background-image: var(--rgb-heading-middle-gradation);
  background-color: var(--rgb-heading-middle-color);
  color: var(--rgb-text);
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=middle-xxl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: rgba(255, 255, 255, 0.95);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}
[data-heading=dark] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark-sm] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: rgba(255, 255, 255, 0.95);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=dark-sm] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark-md] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: rgba(255, 255, 255, 0.95);
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=dark-md] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark-lg] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: rgba(255, 255, 255, 0.95);
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=dark-lg] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark-xl] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: rgba(255, 255, 255, 0.95);
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=dark-xl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark-xxl] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: rgba(255, 255, 255, 0.95);
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=dark-xxl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-category] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  text-align: left;
}
[data-heading=light-category] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-category-sm] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.5;
  text-align: center;
}
[data-heading=light-category-sm] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-category-md] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
  text-align: left;
}
[data-heading=light-category-md] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-category-lg] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
  text-align: left;
}
[data-heading=light-category-lg] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-category-xl] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
  text-align: left;
}
[data-heading=light-category-xl] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=light-category-xxl] {
  background-image: var(--rgb-heading-light-gradation);
  background-color: var(--rgb-heading-light-color);
  color: var(--rgb-text);
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
  text-align: left;
}
[data-heading=light-category-xxl] small {
  font-size: 0.75em;
  display: block flow;
}

.c-box--xs .c-box__heading {
  padding: 0.75em calc(var(--gap-xs) * var(--box-rate));
}
.c-box--xs .c-box__heading--thin {
  padding: 0.5em calc(var(--gap-xs) * var(--box-rate));
}
.c-box--xs .c-box__heading--heavy {
  padding: 1.5em calc(var(--gap-xs) * var(--box-rate));
}
.c-box--xs .c-box__body, .c-box--xs .c-box__file, .c-box--xs .c-box__image--inset {
  padding: calc(var(--gap-xs) * var(--box-rate) * 2) calc(var(--gap-xs) * var(--box-rate) * 2);
}

.c-box--sm .c-box__heading {
  padding: 0.75em calc(var(--gap-sm) * var(--box-rate) * 2);
}
.c-box--sm .c-box__heading--thin {
  padding: 0.5em calc(var(--gap-sm) * var(--box-rate) * 2);
}
.c-box--sm .c-box__heading--heavy {
  padding: 1.5em calc(var(--gap-sm) * var(--box-rate) * 2);
}
.c-box--sm .c-box__body, .c-box--sm .c-box__file, .c-box--sm .c-box__image--inset {
  padding: calc(var(--gap-sm) * var(--box-rate) * 2) calc(var(--gap-sm) * var(--box-rate) * 2);
}

.c-box--md .c-box__heading {
  padding: 0.75em calc(var(--gap-md) * var(--box-rate) * 2);
}
.c-box--md .c-box__heading--thin {
  padding: 0.5em calc(var(--gap-md) * var(--box-rate) * 2);
}
.c-box--md .c-box__heading--heavy {
  padding: 1.5em calc(var(--gap-md) * var(--box-rate) * 2);
}
.c-box--md .c-box__body, .c-box--md .c-box__file, .c-box--md .c-box__image--inset {
  padding: calc(var(--gap-md) * var(--box-rate) * 2) calc(var(--gap-md) * var(--box-rate) * 2);
}

.c-box--lg .c-box__heading {
  padding: 0.75em calc(var(--gap-lg) * var(--box-rate) * 2);
}
.c-box--lg .c-box__heading--thin {
  padding: 0.5em calc(var(--gap-lg) * var(--box-rate) * 2);
}
.c-box--lg .c-box__heading--heavy {
  padding: 1.5em calc(var(--gap-lg) * var(--box-rate) * 2);
}
.c-box--lg .c-box__body, .c-box--lg .c-box__file, .c-box--lg .c-box__image--inset {
  padding: calc(var(--gap-lg) * var(--box-rate) * 2) calc(var(--gap-lg) * var(--box-rate) * 2);
}

.c-box--xl .c-box__heading {
  padding: 0.75em calc(var(--gap-xl) * var(--box-rate) * 2);
}
.c-box--xl .c-box__heading--thin {
  padding: 0.5em calc(var(--gap-xl) * var(--box-rate) * 2);
}
.c-box--xl .c-box__heading--heavy {
  padding: 1.5em calc(var(--gap-xl) * var(--box-rate) * 2);
}
.c-box--xl .c-box__body, .c-box--xl .c-box__file, .c-box--xl .c-box__image--inset {
  padding: calc(var(--gap-xl) * var(--box-rate) * 2) calc(var(--gap-xl) * var(--box-rate) * 2);
}

.c-box--xxl .c-box__heading {
  padding: 0.75em calc(var(--gap-xxl) * var(--box-rate) * 2);
}
.c-box--xxl .c-box__heading--thin {
  padding: 0.5em calc(var(--gap-xxl) * var(--box-rate) * 2);
}
.c-box--xxl .c-box__heading--heavy {
  padding: 1.5em calc(var(--gap-xxl) * var(--box-rate) * 2);
}
.c-box--xxl .c-box__body, .c-box--xxl .c-box__file, .c-box--xxl .c-box__image--inset {
  padding: calc(var(--gap-xxl) * var(--box-rate) * 2) calc(var(--gap-xxl) * var(--box-rate) * 2);
}

.c-box__image--inset > img, .c-box__image > img {
  width: 100%;
  height: auto;
}

.c-box__image {
  position: relative;
}
.c-box__image[class*=u-rounded--] {
  overflow: hidden;
}
.c-box__image--over {
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--rgb-white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block flex;
  justify-content: center;
  align-items: center;
}

.c-box__image--inset + .c-box__body {
  padding-top: 0;
}

.c-box__body {
  line-height: 1.75;
}
.c-box__body + .c-box__body {
  border-top: 0.0625rem dashed var(--rgb-linegray);
}

.c-box__date {
  line-height: 1.75;
  border-top: 0.0625rem solid var(--rgb-linegray);
  padding-right: 1rem;
  display: block flex;
  justify-content: flex-start;
  align-items: center;
}
.c-box__date:first-child {
  border-top: none;
}
.c-box__date .c-box__date--new {
  font-size: 0.66em;
  line-height: 0.75;
  color: var(--rgb-new);
  margin-left: 2rem;
}

.c-box__file {
  line-height: 1.75;
  border-top: 0.0625rem solid var(--rgb-linegray);
}

.c-box__icon {
  background-color: var(--rgb-white);
  border-radius: 6rem;
  font-size: 3em;
  margin: -4.5rem auto;
  width: 9rem;
  height: 9rem;
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .c-box__icon {
    font-size: 2.5em;
    width: 7.5rem;
    height: 7.5rem;
    margin: -3.75rem auto;
  }
}
@media only screen and (max-width: 767px) {
  .c-box__icon {
    font-size: 2em;
    width: 6rem;
    height: 6rem;
    margin: -3rem auto;
  }
}

.c-box__icon--md {
  background-color: var(--rgb-white);
  margin-top: calc(4.5rem * var(--md-rate));
  padding: calc(2rem * var(--md-rate));
  padding-top: 0;
  width: 100%;
}

.c-box__icon--disc {
  border-top: 1px dashed var(--rgb-linegray);
  font-size: calc(1.25em * var(--sm-rate));
  text-align: center;
  padding: calc(1.5rem * var(--responsive-rate)) 0;
}

.c-box--xl, .c-box--lg, .c-box--md, .c-box--sm, .c-box--xs {
  display: block flow;
  width: 100%;
  position: relative;
  scroll-margin-top: calc(var(--header-height) + 2rem);
}

.c-box--xs:not(:first-of-type) {
  margin-top: calc(2rem * var(--responsive-rate));
}

.c-box--sm:not(:first-of-type) {
  margin-top: calc(3rem * var(--responsive-rate));
}

.c-box--md:not(:first-of-type) {
  margin-top: calc(4rem * var(--responsive-rate));
}

.c-box--lg:not(:first-of-type) {
  margin-top: calc(5rem * var(--responsive-rate));
}

.c-box--xl:not(:first-of-type) {
  margin-top: calc(6rem * var(--responsive-rate));
}

[class*=c-box].u-background--white {
  color: var(--rgb-text);
}

a[class*=c-box], a[class*=c-box]:hover, a[class*=c-box]:active, a[class*=c-box]:focus {
  scale: 1;
  transition: scale 0.3s;
  display: block flow;
}
a[class*=c-box]:hover, a[class*=c-box]:active, a[class*=c-box]:focus {
  scale: 1.05;
  transition: scale 0.6s;
}

a.c-button, button.c-button, input[type=submit].c-button {
  white-space: normal;
  text-decoration: none;
  font-size: var(--button-font-size);
  line-height: 1.5;
  font-weight: var(--button-font-weight);
  text-transform: var(--button-text-transform);
  width: 100%;
  height: 100%;
  display: block flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
  opacity: 1;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
a.c-button small, button.c-button small, input[type=submit].c-button small {
  flex: 1 1 100%;
  font-weight: 700;
  font-size: 0.75em;
}
a.c-button[data-type=link], button.c-button[data-type=link], input[type=submit].c-button[data-type=link] {
  justify-content: center;
}
a.c-button[data-type=file], button.c-button[data-type=file], input[type=submit].c-button[data-type=file] {
  justify-content: flex-start;
}

[data-type=dummy] {
  white-space: normal;
  text-decoration: none;
  font-size: var(--button-font-size);
  line-height: 1.5;
  font-weight: var(--button-font-weight);
  text-transform: var(--button-text-transform);
  width: 100%;
  height: 100%;
  display: block flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
  opacity: 1;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
  justify-content: center;
}
[data-type=dummy] small {
  flex: 1 1 100%;
  font-weight: 700;
  font-size: 0.75em;
}

a.c-button[data-font=xxl], button.c-button[data-font=xxl], input[type=submit].c-button[data-font=xxl] {
  font-size: calc(var(--button-font-size) * 2 * var(--lg-rate));
}
a.c-button[data-font=xl], button.c-button[data-font=xl], input[type=submit].c-button[data-font=xl] {
  font-size: calc(var(--button-font-size) * 1.5 * var(--md-rate));
}
a.c-button[data-font=lg], button.c-button[data-font=lg], input[type=submit].c-button[data-font=lg] {
  font-size: calc(var(--button-font-size) * 1.25 * var(--sm-rate));
}
a.c-button[data-font=md], button.c-button[data-font=md], input[type=submit].c-button[data-font=md] {
  font-size: calc(var(--button-font-size) * 1.125 * var(--sm-rate));
}
a.c-button[data-font=sm], button.c-button[data-font=sm], input[type=submit].c-button[data-font=sm] {
  font-size: calc(var(--button-font-size) * 0.75);
}
a.c-button[data-font=xs], button.c-button[data-font=xs], input[type=submit].c-button[data-font=xs] {
  font-size: calc(var(--button-font-size) * 0.66);
}

.c-button__width--inline {
  display: block flex;
}
.c-button__width--inline .c-button {
  padding-right: 1.5rem;
  width: -moz-max-content;
  width: max-content;
}

.c-button__width--220 {
  display: block flex;
}
.c-button__width--220 .c-button {
  max-width: 11vw;
}
@media print {
  .c-button__width--220 .c-button {
    max-width: 220px;
  }
}
@media only screen and (max-width: 2000px) {
  .c-button__width--220 .c-button {
    max-width: 220px;
  }
}
@media only screen and (max-width: 575px) {
  .c-button__width--220 .c-button {
    max-width: 100%;
  }
}

.c-button__width--330 {
  display: block flex;
}
.c-button__width--330 .c-button {
  max-width: 16.5vw;
}
@media print {
  .c-button__width--330 .c-button {
    max-width: 330px;
  }
}
@media only screen and (max-width: 2000px) {
  .c-button__width--330 .c-button {
    max-width: 330px;
  }
}
@media only screen and (max-width: 575px) {
  .c-button__width--330 .c-button {
    max-width: 100%;
  }
}

.c-button__width--440 {
  display: block flex;
}
.c-button__width--440 .c-button {
  max-width: 22vw;
}
@media print {
  .c-button__width--440 .c-button {
    max-width: 440px;
  }
}
@media only screen and (max-width: 2000px) {
  .c-button__width--440 .c-button {
    max-width: 440px;
  }
}
@media only screen and (max-width: 575px) {
  .c-button__width--440 .c-button {
    max-width: 100%;
  }
}

.c-button__width--660 {
  display: block flex;
}
.c-button__width--660 .c-button {
  max-width: 33vw;
}
@media print {
  .c-button__width--660 .c-button {
    max-width: 660px;
  }
}
@media only screen and (max-width: 2000px) {
  .c-button__width--660 .c-button {
    max-width: 660px;
  }
}
@media only screen and (max-width: 991px) {
  .c-button__width--660 .c-button {
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .c-button__width--660 .c-button {
    max-width: 100%;
  }
}

.c-button__width--max {
  display: block flex;
}
.c-button__width--max .c-button {
  width: -moz-max-content;
  width: max-content;
}

.c-button__position--center {
  justify-content: center;
}

.c-button__position--end {
  justify-content: end;
}

a.c-button[data-height=zero], a.c-button[data-height=zero]:hover, a.c-button[data-height=zero]:active, a.c-button[data-height=zero]:focus, button.c-button[data-height=zero], button.c-button[data-height=zero]:hover, button.c-button[data-height=zero]:active, button.c-button[data-height=zero]:focus, input[type=submit].c-button[data-height=zero], input[type=submit].c-button[data-height=zero]:hover, input[type=submit].c-button[data-height=zero]:active, input[type=submit].c-button[data-height=zero]:focus {
  padding: 0;
}
a.c-button[data-height=thin], a.c-button[data-height=thin]:hover, a.c-button[data-height=thin]:active, a.c-button[data-height=thin]:focus, button.c-button[data-height=thin], button.c-button[data-height=thin]:hover, button.c-button[data-height=thin]:active, button.c-button[data-height=thin]:focus, input[type=submit].c-button[data-height=thin], input[type=submit].c-button[data-height=thin]:hover, input[type=submit].c-button[data-height=thin]:active, input[type=submit].c-button[data-height=thin]:focus {
  padding: calc(var(--button-padding-y) * 0.5) var(--button-padding-x);
}
a.c-button[data-height=thin][data-hover=flat], a.c-button[data-height=thin][data-hover=multiply], a.c-button[data-height=thin][data-hover=screen], a.c-button[data-height=thin][data-hover=overlay], a.c-button[data-height=thin]:hover[data-hover=flat], a.c-button[data-height=thin]:hover[data-hover=multiply], a.c-button[data-height=thin]:hover[data-hover=screen], a.c-button[data-height=thin]:hover[data-hover=overlay], a.c-button[data-height=thin]:active[data-hover=flat], a.c-button[data-height=thin]:active[data-hover=multiply], a.c-button[data-height=thin]:active[data-hover=screen], a.c-button[data-height=thin]:active[data-hover=overlay], a.c-button[data-height=thin]:focus[data-hover=flat], a.c-button[data-height=thin]:focus[data-hover=multiply], a.c-button[data-height=thin]:focus[data-hover=screen], a.c-button[data-height=thin]:focus[data-hover=overlay], button.c-button[data-height=thin][data-hover=flat], button.c-button[data-height=thin][data-hover=multiply], button.c-button[data-height=thin][data-hover=screen], button.c-button[data-height=thin][data-hover=overlay], button.c-button[data-height=thin]:hover[data-hover=flat], button.c-button[data-height=thin]:hover[data-hover=multiply], button.c-button[data-height=thin]:hover[data-hover=screen], button.c-button[data-height=thin]:hover[data-hover=overlay], button.c-button[data-height=thin]:active[data-hover=flat], button.c-button[data-height=thin]:active[data-hover=multiply], button.c-button[data-height=thin]:active[data-hover=screen], button.c-button[data-height=thin]:active[data-hover=overlay], button.c-button[data-height=thin]:focus[data-hover=flat], button.c-button[data-height=thin]:focus[data-hover=multiply], button.c-button[data-height=thin]:focus[data-hover=screen], button.c-button[data-height=thin]:focus[data-hover=overlay], input[type=submit].c-button[data-height=thin][data-hover=flat], input[type=submit].c-button[data-height=thin][data-hover=multiply], input[type=submit].c-button[data-height=thin][data-hover=screen], input[type=submit].c-button[data-height=thin][data-hover=overlay], input[type=submit].c-button[data-height=thin]:hover[data-hover=flat], input[type=submit].c-button[data-height=thin]:hover[data-hover=multiply], input[type=submit].c-button[data-height=thin]:hover[data-hover=screen], input[type=submit].c-button[data-height=thin]:hover[data-hover=overlay], input[type=submit].c-button[data-height=thin]:active[data-hover=flat], input[type=submit].c-button[data-height=thin]:active[data-hover=multiply], input[type=submit].c-button[data-height=thin]:active[data-hover=screen], input[type=submit].c-button[data-height=thin]:active[data-hover=overlay], input[type=submit].c-button[data-height=thin]:focus[data-hover=flat], input[type=submit].c-button[data-height=thin]:focus[data-hover=multiply], input[type=submit].c-button[data-height=thin]:focus[data-hover=screen], input[type=submit].c-button[data-height=thin]:focus[data-hover=overlay] {
  padding: calc(var(--button-padding-y) * 0.5 + var(--button-border-width)) var(--button-padding-x);
}
a.c-button[data-height=light], a.c-button[data-height=light]:hover, a.c-button[data-height=light]:active, a.c-button[data-height=light]:focus, button.c-button[data-height=light], button.c-button[data-height=light]:hover, button.c-button[data-height=light]:active, button.c-button[data-height=light]:focus, input[type=submit].c-button[data-height=light], input[type=submit].c-button[data-height=light]:hover, input[type=submit].c-button[data-height=light]:active, input[type=submit].c-button[data-height=light]:focus {
  padding: calc(var(--button-padding-y) * 0.75) var(--button-padding-x);
}
a.c-button[data-height=light][data-hover=flat], a.c-button[data-height=light][data-hover=multiply], a.c-button[data-height=light][data-hover=screen], a.c-button[data-height=light][data-hover=overlay], a.c-button[data-height=light]:hover[data-hover=flat], a.c-button[data-height=light]:hover[data-hover=multiply], a.c-button[data-height=light]:hover[data-hover=screen], a.c-button[data-height=light]:hover[data-hover=overlay], a.c-button[data-height=light]:active[data-hover=flat], a.c-button[data-height=light]:active[data-hover=multiply], a.c-button[data-height=light]:active[data-hover=screen], a.c-button[data-height=light]:active[data-hover=overlay], a.c-button[data-height=light]:focus[data-hover=flat], a.c-button[data-height=light]:focus[data-hover=multiply], a.c-button[data-height=light]:focus[data-hover=screen], a.c-button[data-height=light]:focus[data-hover=overlay], button.c-button[data-height=light][data-hover=flat], button.c-button[data-height=light][data-hover=multiply], button.c-button[data-height=light][data-hover=screen], button.c-button[data-height=light][data-hover=overlay], button.c-button[data-height=light]:hover[data-hover=flat], button.c-button[data-height=light]:hover[data-hover=multiply], button.c-button[data-height=light]:hover[data-hover=screen], button.c-button[data-height=light]:hover[data-hover=overlay], button.c-button[data-height=light]:active[data-hover=flat], button.c-button[data-height=light]:active[data-hover=multiply], button.c-button[data-height=light]:active[data-hover=screen], button.c-button[data-height=light]:active[data-hover=overlay], button.c-button[data-height=light]:focus[data-hover=flat], button.c-button[data-height=light]:focus[data-hover=multiply], button.c-button[data-height=light]:focus[data-hover=screen], button.c-button[data-height=light]:focus[data-hover=overlay], input[type=submit].c-button[data-height=light][data-hover=flat], input[type=submit].c-button[data-height=light][data-hover=multiply], input[type=submit].c-button[data-height=light][data-hover=screen], input[type=submit].c-button[data-height=light][data-hover=overlay], input[type=submit].c-button[data-height=light]:hover[data-hover=flat], input[type=submit].c-button[data-height=light]:hover[data-hover=multiply], input[type=submit].c-button[data-height=light]:hover[data-hover=screen], input[type=submit].c-button[data-height=light]:hover[data-hover=overlay], input[type=submit].c-button[data-height=light]:active[data-hover=flat], input[type=submit].c-button[data-height=light]:active[data-hover=multiply], input[type=submit].c-button[data-height=light]:active[data-hover=screen], input[type=submit].c-button[data-height=light]:active[data-hover=overlay], input[type=submit].c-button[data-height=light]:focus[data-hover=flat], input[type=submit].c-button[data-height=light]:focus[data-hover=multiply], input[type=submit].c-button[data-height=light]:focus[data-hover=screen], input[type=submit].c-button[data-height=light]:focus[data-hover=overlay] {
  padding: calc(var(--button-padding-y) * 0.75 + var(--button-border-width)) var(--button-padding-x);
}
a.c-button[data-height=flat], a.c-button[data-height=flat]:hover, a.c-button[data-height=flat]:active, a.c-button[data-height=flat]:focus, button.c-button[data-height=flat], button.c-button[data-height=flat]:hover, button.c-button[data-height=flat]:active, button.c-button[data-height=flat]:focus, input[type=submit].c-button[data-height=flat], input[type=submit].c-button[data-height=flat]:hover, input[type=submit].c-button[data-height=flat]:active, input[type=submit].c-button[data-height=flat]:focus {
  padding: var(--button-padding-y) var(--button-padding-x);
}
a.c-button[data-height=flat][data-hover=flat], a.c-button[data-height=flat][data-hover=multiply], a.c-button[data-height=flat][data-hover=screen], a.c-button[data-height=flat][data-hover=overlay], a.c-button[data-height=flat]:hover[data-hover=flat], a.c-button[data-height=flat]:hover[data-hover=multiply], a.c-button[data-height=flat]:hover[data-hover=screen], a.c-button[data-height=flat]:hover[data-hover=overlay], a.c-button[data-height=flat]:active[data-hover=flat], a.c-button[data-height=flat]:active[data-hover=multiply], a.c-button[data-height=flat]:active[data-hover=screen], a.c-button[data-height=flat]:active[data-hover=overlay], a.c-button[data-height=flat]:focus[data-hover=flat], a.c-button[data-height=flat]:focus[data-hover=multiply], a.c-button[data-height=flat]:focus[data-hover=screen], a.c-button[data-height=flat]:focus[data-hover=overlay], button.c-button[data-height=flat][data-hover=flat], button.c-button[data-height=flat][data-hover=multiply], button.c-button[data-height=flat][data-hover=screen], button.c-button[data-height=flat][data-hover=overlay], button.c-button[data-height=flat]:hover[data-hover=flat], button.c-button[data-height=flat]:hover[data-hover=multiply], button.c-button[data-height=flat]:hover[data-hover=screen], button.c-button[data-height=flat]:hover[data-hover=overlay], button.c-button[data-height=flat]:active[data-hover=flat], button.c-button[data-height=flat]:active[data-hover=multiply], button.c-button[data-height=flat]:active[data-hover=screen], button.c-button[data-height=flat]:active[data-hover=overlay], button.c-button[data-height=flat]:focus[data-hover=flat], button.c-button[data-height=flat]:focus[data-hover=multiply], button.c-button[data-height=flat]:focus[data-hover=screen], button.c-button[data-height=flat]:focus[data-hover=overlay], input[type=submit].c-button[data-height=flat][data-hover=flat], input[type=submit].c-button[data-height=flat][data-hover=multiply], input[type=submit].c-button[data-height=flat][data-hover=screen], input[type=submit].c-button[data-height=flat][data-hover=overlay], input[type=submit].c-button[data-height=flat]:hover[data-hover=flat], input[type=submit].c-button[data-height=flat]:hover[data-hover=multiply], input[type=submit].c-button[data-height=flat]:hover[data-hover=screen], input[type=submit].c-button[data-height=flat]:hover[data-hover=overlay], input[type=submit].c-button[data-height=flat]:active[data-hover=flat], input[type=submit].c-button[data-height=flat]:active[data-hover=multiply], input[type=submit].c-button[data-height=flat]:active[data-hover=screen], input[type=submit].c-button[data-height=flat]:active[data-hover=overlay], input[type=submit].c-button[data-height=flat]:focus[data-hover=flat], input[type=submit].c-button[data-height=flat]:focus[data-hover=multiply], input[type=submit].c-button[data-height=flat]:focus[data-hover=screen], input[type=submit].c-button[data-height=flat]:focus[data-hover=overlay] {
  padding: calc(var(--button-padding-y) + var(--button-border-width)) var(--button-padding-x);
}
a.c-button[data-height=heavy], a.c-button[data-height=heavy]:hover, a.c-button[data-height=heavy]:active, a.c-button[data-height=heavy]:focus, button.c-button[data-height=heavy], button.c-button[data-height=heavy]:hover, button.c-button[data-height=heavy]:active, button.c-button[data-height=heavy]:focus, input[type=submit].c-button[data-height=heavy], input[type=submit].c-button[data-height=heavy]:hover, input[type=submit].c-button[data-height=heavy]:active, input[type=submit].c-button[data-height=heavy]:focus {
  padding: calc(var(--button-padding-y) * 2) var(--button-padding-x);
}
@media only screen and (max-width: 991px) {
  a.c-button[data-height=heavy], a.c-button[data-height=heavy]:hover, a.c-button[data-height=heavy]:active, a.c-button[data-height=heavy]:focus, button.c-button[data-height=heavy], button.c-button[data-height=heavy]:hover, button.c-button[data-height=heavy]:active, button.c-button[data-height=heavy]:focus, input[type=submit].c-button[data-height=heavy], input[type=submit].c-button[data-height=heavy]:hover, input[type=submit].c-button[data-height=heavy]:active, input[type=submit].c-button[data-height=heavy]:focus {
    padding: 2.5em var(--button-padding-x);
  }
}
@media only screen and (max-width: 767px) {
  a.c-button[data-height=heavy], a.c-button[data-height=heavy]:hover, a.c-button[data-height=heavy]:active, a.c-button[data-height=heavy]:focus, button.c-button[data-height=heavy], button.c-button[data-height=heavy]:hover, button.c-button[data-height=heavy]:active, button.c-button[data-height=heavy]:focus, input[type=submit].c-button[data-height=heavy], input[type=submit].c-button[data-height=heavy]:hover, input[type=submit].c-button[data-height=heavy]:active, input[type=submit].c-button[data-height=heavy]:focus {
    padding: 2em var(--button-padding-x);
  }
}
a.c-button[data-height=heavy][data-hover=flat], a.c-button[data-height=heavy][data-hover=multiply], a.c-button[data-height=heavy][data-hover=screen], a.c-button[data-height=heavy][data-hover=overlay], a.c-button[data-height=heavy]:hover[data-hover=flat], a.c-button[data-height=heavy]:hover[data-hover=multiply], a.c-button[data-height=heavy]:hover[data-hover=screen], a.c-button[data-height=heavy]:hover[data-hover=overlay], a.c-button[data-height=heavy]:active[data-hover=flat], a.c-button[data-height=heavy]:active[data-hover=multiply], a.c-button[data-height=heavy]:active[data-hover=screen], a.c-button[data-height=heavy]:active[data-hover=overlay], a.c-button[data-height=heavy]:focus[data-hover=flat], a.c-button[data-height=heavy]:focus[data-hover=multiply], a.c-button[data-height=heavy]:focus[data-hover=screen], a.c-button[data-height=heavy]:focus[data-hover=overlay], button.c-button[data-height=heavy][data-hover=flat], button.c-button[data-height=heavy][data-hover=multiply], button.c-button[data-height=heavy][data-hover=screen], button.c-button[data-height=heavy][data-hover=overlay], button.c-button[data-height=heavy]:hover[data-hover=flat], button.c-button[data-height=heavy]:hover[data-hover=multiply], button.c-button[data-height=heavy]:hover[data-hover=screen], button.c-button[data-height=heavy]:hover[data-hover=overlay], button.c-button[data-height=heavy]:active[data-hover=flat], button.c-button[data-height=heavy]:active[data-hover=multiply], button.c-button[data-height=heavy]:active[data-hover=screen], button.c-button[data-height=heavy]:active[data-hover=overlay], button.c-button[data-height=heavy]:focus[data-hover=flat], button.c-button[data-height=heavy]:focus[data-hover=multiply], button.c-button[data-height=heavy]:focus[data-hover=screen], button.c-button[data-height=heavy]:focus[data-hover=overlay], input[type=submit].c-button[data-height=heavy][data-hover=flat], input[type=submit].c-button[data-height=heavy][data-hover=multiply], input[type=submit].c-button[data-height=heavy][data-hover=screen], input[type=submit].c-button[data-height=heavy][data-hover=overlay], input[type=submit].c-button[data-height=heavy]:hover[data-hover=flat], input[type=submit].c-button[data-height=heavy]:hover[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:hover[data-hover=screen], input[type=submit].c-button[data-height=heavy]:hover[data-hover=overlay], input[type=submit].c-button[data-height=heavy]:active[data-hover=flat], input[type=submit].c-button[data-height=heavy]:active[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:active[data-hover=screen], input[type=submit].c-button[data-height=heavy]:active[data-hover=overlay], input[type=submit].c-button[data-height=heavy]:focus[data-hover=flat], input[type=submit].c-button[data-height=heavy]:focus[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:focus[data-hover=screen], input[type=submit].c-button[data-height=heavy]:focus[data-hover=overlay] {
  padding: calc(var(--button-padding-y) * 2 + var(--button-border-width)) var(--button-padding-x);
}
@media only screen and (max-width: 991px) {
  a.c-button[data-height=heavy][data-hover=flat], a.c-button[data-height=heavy][data-hover=multiply], a.c-button[data-height=heavy][data-hover=screen], a.c-button[data-height=heavy][data-hover=overlay], a.c-button[data-height=heavy]:hover[data-hover=flat], a.c-button[data-height=heavy]:hover[data-hover=multiply], a.c-button[data-height=heavy]:hover[data-hover=screen], a.c-button[data-height=heavy]:hover[data-hover=overlay], a.c-button[data-height=heavy]:active[data-hover=flat], a.c-button[data-height=heavy]:active[data-hover=multiply], a.c-button[data-height=heavy]:active[data-hover=screen], a.c-button[data-height=heavy]:active[data-hover=overlay], a.c-button[data-height=heavy]:focus[data-hover=flat], a.c-button[data-height=heavy]:focus[data-hover=multiply], a.c-button[data-height=heavy]:focus[data-hover=screen], a.c-button[data-height=heavy]:focus[data-hover=overlay], button.c-button[data-height=heavy][data-hover=flat], button.c-button[data-height=heavy][data-hover=multiply], button.c-button[data-height=heavy][data-hover=screen], button.c-button[data-height=heavy][data-hover=overlay], button.c-button[data-height=heavy]:hover[data-hover=flat], button.c-button[data-height=heavy]:hover[data-hover=multiply], button.c-button[data-height=heavy]:hover[data-hover=screen], button.c-button[data-height=heavy]:hover[data-hover=overlay], button.c-button[data-height=heavy]:active[data-hover=flat], button.c-button[data-height=heavy]:active[data-hover=multiply], button.c-button[data-height=heavy]:active[data-hover=screen], button.c-button[data-height=heavy]:active[data-hover=overlay], button.c-button[data-height=heavy]:focus[data-hover=flat], button.c-button[data-height=heavy]:focus[data-hover=multiply], button.c-button[data-height=heavy]:focus[data-hover=screen], button.c-button[data-height=heavy]:focus[data-hover=overlay], input[type=submit].c-button[data-height=heavy][data-hover=flat], input[type=submit].c-button[data-height=heavy][data-hover=multiply], input[type=submit].c-button[data-height=heavy][data-hover=screen], input[type=submit].c-button[data-height=heavy][data-hover=overlay], input[type=submit].c-button[data-height=heavy]:hover[data-hover=flat], input[type=submit].c-button[data-height=heavy]:hover[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:hover[data-hover=screen], input[type=submit].c-button[data-height=heavy]:hover[data-hover=overlay], input[type=submit].c-button[data-height=heavy]:active[data-hover=flat], input[type=submit].c-button[data-height=heavy]:active[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:active[data-hover=screen], input[type=submit].c-button[data-height=heavy]:active[data-hover=overlay], input[type=submit].c-button[data-height=heavy]:focus[data-hover=flat], input[type=submit].c-button[data-height=heavy]:focus[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:focus[data-hover=screen], input[type=submit].c-button[data-height=heavy]:focus[data-hover=overlay] {
    padding: calc(2.5em + var(--button-border-width)) var(--button-padding-x);
  }
}
@media only screen and (max-width: 767px) {
  a.c-button[data-height=heavy][data-hover=flat], a.c-button[data-height=heavy][data-hover=multiply], a.c-button[data-height=heavy][data-hover=screen], a.c-button[data-height=heavy][data-hover=overlay], a.c-button[data-height=heavy]:hover[data-hover=flat], a.c-button[data-height=heavy]:hover[data-hover=multiply], a.c-button[data-height=heavy]:hover[data-hover=screen], a.c-button[data-height=heavy]:hover[data-hover=overlay], a.c-button[data-height=heavy]:active[data-hover=flat], a.c-button[data-height=heavy]:active[data-hover=multiply], a.c-button[data-height=heavy]:active[data-hover=screen], a.c-button[data-height=heavy]:active[data-hover=overlay], a.c-button[data-height=heavy]:focus[data-hover=flat], a.c-button[data-height=heavy]:focus[data-hover=multiply], a.c-button[data-height=heavy]:focus[data-hover=screen], a.c-button[data-height=heavy]:focus[data-hover=overlay], button.c-button[data-height=heavy][data-hover=flat], button.c-button[data-height=heavy][data-hover=multiply], button.c-button[data-height=heavy][data-hover=screen], button.c-button[data-height=heavy][data-hover=overlay], button.c-button[data-height=heavy]:hover[data-hover=flat], button.c-button[data-height=heavy]:hover[data-hover=multiply], button.c-button[data-height=heavy]:hover[data-hover=screen], button.c-button[data-height=heavy]:hover[data-hover=overlay], button.c-button[data-height=heavy]:active[data-hover=flat], button.c-button[data-height=heavy]:active[data-hover=multiply], button.c-button[data-height=heavy]:active[data-hover=screen], button.c-button[data-height=heavy]:active[data-hover=overlay], button.c-button[data-height=heavy]:focus[data-hover=flat], button.c-button[data-height=heavy]:focus[data-hover=multiply], button.c-button[data-height=heavy]:focus[data-hover=screen], button.c-button[data-height=heavy]:focus[data-hover=overlay], input[type=submit].c-button[data-height=heavy][data-hover=flat], input[type=submit].c-button[data-height=heavy][data-hover=multiply], input[type=submit].c-button[data-height=heavy][data-hover=screen], input[type=submit].c-button[data-height=heavy][data-hover=overlay], input[type=submit].c-button[data-height=heavy]:hover[data-hover=flat], input[type=submit].c-button[data-height=heavy]:hover[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:hover[data-hover=screen], input[type=submit].c-button[data-height=heavy]:hover[data-hover=overlay], input[type=submit].c-button[data-height=heavy]:active[data-hover=flat], input[type=submit].c-button[data-height=heavy]:active[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:active[data-hover=screen], input[type=submit].c-button[data-height=heavy]:active[data-hover=overlay], input[type=submit].c-button[data-height=heavy]:focus[data-hover=flat], input[type=submit].c-button[data-height=heavy]:focus[data-hover=multiply], input[type=submit].c-button[data-height=heavy]:focus[data-hover=screen], input[type=submit].c-button[data-height=heavy]:focus[data-hover=overlay] {
    padding: calc(2em + var(--button-border-width)) var(--button-padding-x);
  }
}

span.c-button[data-height=zero] {
  padding: 0;
}
span.c-button[data-height=thin] {
  padding: calc(var(--button-padding-y) * 0.5) var(--button-padding-x);
}
span.c-button[data-height=thin][data-hover=flat], span.c-button[data-height=thin][data-hover=multiply], span.c-button[data-height=thin][data-hover=screen], span.c-button[data-height=thin][data-hover=overlay] {
  padding: calc(var(--button-padding-y) * 0.5 + var(--button-border-width)) var(--button-padding-x);
}
span.c-button[data-height=light] {
  padding: calc(var(--button-padding-y) * 0.75) var(--button-padding-x);
}
span.c-button[data-height=light][data-hover=flat], span.c-button[data-height=light][data-hover=multiply], span.c-button[data-height=light][data-hover=screen], span.c-button[data-height=light][data-hover=overlay] {
  padding: calc(var(--button-padding-y) * 0.75 + var(--button-border-width)) var(--button-padding-x);
}
span.c-button[data-height=flat] {
  padding: var(--button-padding-y) var(--button-padding-x);
}
span.c-button[data-height=flat][data-hover=flat], span.c-button[data-height=flat][data-hover=multiply], span.c-button[data-height=flat][data-hover=screen], span.c-button[data-height=flat][data-hover=overlay] {
  padding: calc(var(--button-padding-y) + var(--button-border-width)) var(--button-padding-x);
}
span.c-button[data-height=heavy] {
  padding: calc(var(--button-padding-y) * 2) var(--button-padding-x);
}
@media only screen and (max-width: 991px) {
  span.c-button[data-height=heavy] {
    padding: 2.5em var(--button-padding-x);
  }
}
@media only screen and (max-width: 767px) {
  span.c-button[data-height=heavy] {
    padding: 2em var(--button-padding-x);
  }
}
span.c-button[data-height=heavy][data-hover=flat], span.c-button[data-height=heavy][data-hover=multiply], span.c-button[data-height=heavy][data-hover=screen], span.c-button[data-height=heavy][data-hover=overlay] {
  padding: calc(var(--button-padding-y) * 2 + var(--button-border-width)) var(--button-padding-x);
}
@media only screen and (max-width: 991px) {
  span.c-button[data-height=heavy][data-hover=flat], span.c-button[data-height=heavy][data-hover=multiply], span.c-button[data-height=heavy][data-hover=screen], span.c-button[data-height=heavy][data-hover=overlay] {
    padding: calc(2.5em + var(--button-border-width)) var(--button-padding-x);
  }
}
@media only screen and (max-width: 767px) {
  span.c-button[data-height=heavy][data-hover=flat], span.c-button[data-height=heavy][data-hover=multiply], span.c-button[data-height=heavy][data-hover=screen], span.c-button[data-height=heavy][data-hover=overlay] {
    padding: calc(2em + var(--button-border-width)) var(--button-padding-x);
  }
}

.c-button__circle--heavy, .c-button__circle--thin, .c-button__circle--flat {
  width: -moz-max-content;
  width: max-content;
}
.c-button__circle--heavy span, .c-button__circle--thin span, .c-button__circle--flat span {
  width: 1.125em;
  height: 1.125em;
  display: block flex;
  justify-content: center;
  align-items: center;
}

.c-button__circle--flat, .c-button__circle--flat:hover, .c-button__circle--flat:active, .c-button__circle--flat:focus {
  padding: 1em;
}
@media only screen and (max-width: 991px) {
  .c-button__circle--flat, .c-button__circle--flat:hover, .c-button__circle--flat:active, .c-button__circle--flat:focus {
    padding: 0.75em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .c-button__circle--flat, .c-button__circle--flat:hover, .c-button__circle--flat:active, .c-button__circle--flat:focus {
    padding: 0.5em 1em;
  }
}

.c-button__circle--thin, .c-button__circle--thin:hover, .c-button__circle--thin:active, .c-button__circle--thin:focus {
  padding: 0.5em;
}
@media only screen and (max-width: 991px) {
  .c-button__circle--thin, .c-button__circle--thin:hover, .c-button__circle--thin:active, .c-button__circle--thin:focus {
    padding: 0.33em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .c-button__circle--thin, .c-button__circle--thin:hover, .c-button__circle--thin:active, .c-button__circle--thin:focus {
    padding: 0.25em 1em;
  }
}

.c-button__circle--heavy, .c-button__circle--heavy:hover, .c-button__circle--heavy:active, .c-button__circle--heavy:focus {
  padding: 2em;
}
@media only screen and (max-width: 991px) {
  .c-button__circle--heavy, .c-button__circle--heavy:hover, .c-button__circle--heavy:active, .c-button__circle--heavy:focus {
    padding: 2.5em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .c-button__circle--heavy, .c-button__circle--heavy:hover, .c-button__circle--heavy:active, .c-button__circle--heavy:focus {
    padding: 2em 1em;
  }
}

a[data-hover=flat], button[data-hover=flat], input[data-hover=flat] {
  background-image: var(--flat-gradient);
  background-color: var(--flat-background);
  border: none;
}
a[data-hover=flat] span, button[data-hover=flat] span, input[data-hover=flat] span {
  color: var(--flat-color);
}
a[data-hover=flat] span::before, button[data-hover=flat] span::before, input[data-hover=flat] span::before {
  color: var(--flat-icon-color);
}
a[data-hover=flat]:hover, a[data-hover=flat]:active, a[data-hover=flat]:focus, button[data-hover=flat]:hover, button[data-hover=flat]:active, button[data-hover=flat]:focus, input[data-hover=flat]:hover, input[data-hover=flat]:active, input[data-hover=flat]:focus {
  background-image: var(--flat-gradient-hover);
  background-color: var(--flat-background-hover);
}
a[data-hover=flat]:hover span, a[data-hover=flat]:active span, a[data-hover=flat]:focus span, button[data-hover=flat]:hover span, button[data-hover=flat]:active span, button[data-hover=flat]:focus span, input[data-hover=flat]:hover span, input[data-hover=flat]:active span, input[data-hover=flat]:focus span {
  color: var(--flat-color-hover);
}
a[data-hover=flat]:hover span::before::before, a[data-hover=flat]:active span::before::before, a[data-hover=flat]:focus span::before::before, button[data-hover=flat]:hover span::before::before, button[data-hover=flat]:active span::before::before, button[data-hover=flat]:focus span::before::before, input[data-hover=flat]:hover span::before::before, input[data-hover=flat]:active span::before::before, input[data-hover=flat]:focus span::before::before {
  color: var(--flat-icon-color-hover);
}
a[data-hover=negative], button[data-hover=negative], input[data-hover=negative] {
  background-color: var(--negative-background);
  border: var(--button-border-width) solid var(--negative-border-color);
}
a[data-hover=negative] span, button[data-hover=negative] span, input[data-hover=negative] span {
  color: var(--negative-color);
}
a[data-hover=negative] span::before, button[data-hover=negative] span::before, input[data-hover=negative] span::before {
  color: var(--negative-icon-color);
}
a[data-hover=negative]:hover, a[data-hover=negative]:active, a[data-hover=negative]:focus, button[data-hover=negative]:hover, button[data-hover=negative]:active, button[data-hover=negative]:focus, input[data-hover=negative]:hover, input[data-hover=negative]:active, input[data-hover=negative]:focus {
  background-color: var(--negative-background-hover);
}
a[data-hover=negative]:hover span, a[data-hover=negative]:active span, a[data-hover=negative]:focus span, button[data-hover=negative]:hover span, button[data-hover=negative]:active span, button[data-hover=negative]:focus span, input[data-hover=negative]:hover span, input[data-hover=negative]:active span, input[data-hover=negative]:focus span {
  color: var(--negative-color-hover);
}
a[data-hover=negative]:hover span::before, a[data-hover=negative]:active span::before, a[data-hover=negative]:focus span::before, button[data-hover=negative]:hover span::before, button[data-hover=negative]:active span::before, button[data-hover=negative]:focus span::before, input[data-hover=negative]:hover span::before, input[data-hover=negative]:active span::before, input[data-hover=negative]:focus span::before {
  color: var(--negative-icon-color-hover);
}
a[data-hover=solid], button[data-hover=solid], input[data-hover=solid] {
  background-color: var(--solid-background);
  border: var(--button-border-width) solid var(--solid-border-color);
}
a[data-hover=solid] span, button[data-hover=solid] span, input[data-hover=solid] span {
  color: var(--solid-color);
}
a[data-hover=solid] span::before, button[data-hover=solid] span::before, input[data-hover=solid] span::before {
  color: var(--solid-icon-color);
}
a[data-hover=solid]:hover, a[data-hover=solid]:active, a[data-hover=solid]:focus, button[data-hover=solid]:hover, button[data-hover=solid]:active, button[data-hover=solid]:focus, input[data-hover=solid]:hover, input[data-hover=solid]:active, input[data-hover=solid]:focus {
  background-color: var(--solid-background-hover);
}
a[data-hover=solid]:hover span, a[data-hover=solid]:active span, a[data-hover=solid]:focus span, button[data-hover=solid]:hover span, button[data-hover=solid]:active span, button[data-hover=solid]:focus span, input[data-hover=solid]:hover span, input[data-hover=solid]:active span, input[data-hover=solid]:focus span {
  color: var(--solid-color-hover);
}
a[data-hover=solid]:hover span::before, a[data-hover=solid]:active span::before, a[data-hover=solid]:focus span::before, button[data-hover=solid]:hover span::before, button[data-hover=solid]:active span::before, button[data-hover=solid]:focus span::before, input[data-hover=solid]:hover span::before, input[data-hover=solid]:active span::before, input[data-hover=solid]:focus span::before {
  color: var(--solid-icon-color-hover);
}
a[data-hover=outline], button[data-hover=outline], input[data-hover=outline] {
  background-color: var(--outline-background);
  border: var(--button-border-width) solid var(--outline-color);
}
a[data-hover=outline] span::before, button[data-hover=outline] span::before, input[data-hover=outline] span::before {
  color: var(--outline-icon-color);
}
a[data-hover=outline]:hover, a[data-hover=outline]:active, a[data-hover=outline]:focus, button[data-hover=outline]:hover, button[data-hover=outline]:active, button[data-hover=outline]:focus, input[data-hover=outline]:hover, input[data-hover=outline]:active, input[data-hover=outline]:focus {
  background-color: var(--outline-color-hover);
}
a[data-hover=outline]:hover span::before, a[data-hover=outline]:active span::before, a[data-hover=outline]:focus span::before, button[data-hover=outline]:hover span::before, button[data-hover=outline]:active span::before, button[data-hover=outline]:focus span::before, input[data-hover=outline]:hover span::before, input[data-hover=outline]:active span::before, input[data-hover=outline]:focus span::before {
  color: var(--outline-icon-color-hover);
}
a[data-hover=invert], button[data-hover=invert], input[data-hover=invert] {
  background-color: transparent;
  border: var(--button-border-width) solid var(--rgb-white);
  color: var(--invert-color);
}
a[data-hover=invert] span::before, button[data-hover=invert] span::before, input[data-hover=invert] span::before {
  color: var(--invert-icon-color);
}
a[data-hover=invert]:hover, a[data-hover=invert]:active, a[data-hover=invert]:focus, button[data-hover=invert]:hover, button[data-hover=invert]:active, button[data-hover=invert]:focus, input[data-hover=invert]:hover, input[data-hover=invert]:active, input[data-hover=invert]:focus {
  background-color: rgba(255, 255, 255, 0.25);
  color: var(--invert-color-hover);
  border-color: var(--invert-color);
}
a[data-hover=invert]:hover span::before, a[data-hover=invert]:active span::before, a[data-hover=invert]:focus span::before, button[data-hover=invert]:hover span::before, button[data-hover=invert]:active span::before, button[data-hover=invert]:focus span::before, input[data-hover=invert]:hover span::before, input[data-hover=invert]:active span::before, input[data-hover=invert]:focus span::before {
  color: var(--invert-icon-color-hover);
}
a[data-hover=white], button[data-hover=white], input[data-hover=white] {
  background-color: var(--white-background);
}
a[data-hover=white] span, button[data-hover=white] span, input[data-hover=white] span {
  color: var(--white-color);
}
a[data-hover=white] span::before, button[data-hover=white] span::before, input[data-hover=white] span::before {
  color: var(--white-icon-color);
}
a[data-hover=white]:hover, a[data-hover=white]:active, a[data-hover=white]:focus, button[data-hover=white]:hover, button[data-hover=white]:active, button[data-hover=white]:focus, input[data-hover=white]:hover, input[data-hover=white]:active, input[data-hover=white]:focus {
  background-color: transparent;
}
a[data-hover=white]:hover span, a[data-hover=white]:active span, a[data-hover=white]:focus span, button[data-hover=white]:hover span, button[data-hover=white]:active span, button[data-hover=white]:focus span, input[data-hover=white]:hover span, input[data-hover=white]:active span, input[data-hover=white]:focus span {
  color: var(--white-color-hover);
}
a[data-hover=white]:hover span::before, a[data-hover=white]:active span::before, a[data-hover=white]:focus span::before, button[data-hover=white]:hover span::before, button[data-hover=white]:active span::before, button[data-hover=white]:focus span::before, input[data-hover=white]:hover span::before, input[data-hover=white]:active span::before, input[data-hover=white]:focus span::before {
  color: var(--white-icon-color-hover);
}
a[data-hover=multiply], a[data-hover=screen], a[data-hover=overlay], button[data-hover=multiply], button[data-hover=screen], button[data-hover=overlay], input[data-hover=multiply], input[data-hover=screen], input[data-hover=overlay] {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  color: var(--blend-color);
  border: none;
}
a[data-hover=multiply] span::before, a[data-hover=screen] span::before, a[data-hover=overlay] span::before, button[data-hover=multiply] span::before, button[data-hover=screen] span::before, button[data-hover=overlay] span::before, input[data-hover=multiply] span::before, input[data-hover=screen] span::before, input[data-hover=overlay] span::before {
  color: var(--blend-icon-color);
}
a[data-hover=monochrome], button[data-hover=monochrome], input[data-hover=monochrome] {
  background-color: var(--button-white);
  border: var(--button-border-width) solid var(--button-black);
  color: var(--button-black);
}
a[data-hover=monochrome]:hover, a[data-hover=monochrome]:active, a[data-hover=monochrome]:focus, button[data-hover=monochrome]:hover, button[data-hover=monochrome]:active, button[data-hover=monochrome]:focus, input[data-hover=monochrome]:hover, input[data-hover=monochrome]:active, input[data-hover=monochrome]:focus {
  background-color: var(--button-black);
  border-color: var(--button-black);
  color: var(--button-white);
}

[data-rounded=xs] {
  overflow: hidden;
  border-radius: 0.125rem;
}

[data-rounded=sm] {
  overflow: hidden;
  border-radius: 0.25rem;
}

[data-rounded=sm] {
  overflow: hidden;
  border-radius: 0.5rem;
}

[data-rounded=lg] {
  overflow: hidden;
  border-radius: 0.75rem;
}

[data-rounded=xl] {
  overflow: hidden;
  border-radius: 1rem;
}

[data-rounded=xxl] {
  overflow: hidden;
  border-radius: 2rem;
}

[data-rounded=all] {
  overflow: hidden;
  border-radius: calc(infinity * 1rem);
}

[data-rounded=left-all] {
  overflow: hidden;
  border-radius: calc(infinity * 1rem) 0 0 calc(infinity * 1rem);
}

[data-rounded=right-all] {
  overflow: hidden;
  border-radius: 0 calc(infinity * 1rem) calc(infinity * 1rem) 0;
}

a[data-motion=right][data-hover=flat], button[data-motion=right][data-hover=flat], input[type=submit][data-motion=right][data-hover=flat] {
  background-image: none;
  background-color: var(--flat-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=flat]::before, button[data-motion=right][data-hover=flat]::before, input[type=submit][data-motion=right][data-hover=flat]::before {
  background-image: none;
  background-color: var(--flat-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=flat] span, button[data-motion=right][data-hover=flat] span, input[type=submit][data-motion=right][data-hover=flat] span {
  color: var(--flat-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=flat]:hover::before, a[data-motion=right][data-hover=flat]:active::before, a[data-motion=right][data-hover=flat]:focus::before, a[data-motion=right][data-hover=flat].active::before, button[data-motion=right][data-hover=flat]:hover::before, button[data-motion=right][data-hover=flat]:active::before, button[data-motion=right][data-hover=flat]:focus::before, button[data-motion=right][data-hover=flat].active::before, input[type=submit][data-motion=right][data-hover=flat]:hover::before, input[type=submit][data-motion=right][data-hover=flat]:active::before, input[type=submit][data-motion=right][data-hover=flat]:focus::before, input[type=submit][data-motion=right][data-hover=flat].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=flat]:hover span, a[data-motion=right][data-hover=flat]:active span, a[data-motion=right][data-hover=flat]:focus span, a[data-motion=right][data-hover=flat].active span, button[data-motion=right][data-hover=flat]:hover span, button[data-motion=right][data-hover=flat]:active span, button[data-motion=right][data-hover=flat]:focus span, button[data-motion=right][data-hover=flat].active span, input[type=submit][data-motion=right][data-hover=flat]:hover span, input[type=submit][data-motion=right][data-hover=flat]:active span, input[type=submit][data-motion=right][data-hover=flat]:focus span, input[type=submit][data-motion=right][data-hover=flat].active span {
  color: var(--flat-color);
}
a[data-motion=right][data-hover=flat]::before, button[data-motion=right][data-hover=flat]::before, input[type=submit][data-motion=right][data-hover=flat]::before {
  animation: flat-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=flat] span, button[data-motion=right][data-hover=flat] span, input[type=submit][data-motion=right][data-hover=flat] span {
  animation: flat-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=flat]:hover::before, a[data-motion=right][data-hover=flat]:active::before, a[data-motion=right][data-hover=flat]:focus::before, a[data-motion=right][data-hover=flat].active::before, button[data-motion=right][data-hover=flat]:hover::before, button[data-motion=right][data-hover=flat]:active::before, button[data-motion=right][data-hover=flat]:focus::before, button[data-motion=right][data-hover=flat].active::before, input[type=submit][data-motion=right][data-hover=flat]:hover::before, input[type=submit][data-motion=right][data-hover=flat]:active::before, input[type=submit][data-motion=right][data-hover=flat]:focus::before, input[type=submit][data-motion=right][data-hover=flat].active::before {
  animation: flat-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=flat]:hover span, a[data-motion=right][data-hover=flat]:active span, a[data-motion=right][data-hover=flat]:focus span, a[data-motion=right][data-hover=flat].active span, button[data-motion=right][data-hover=flat]:hover span, button[data-motion=right][data-hover=flat]:active span, button[data-motion=right][data-hover=flat]:focus span, button[data-motion=right][data-hover=flat].active span, input[type=submit][data-motion=right][data-hover=flat]:hover span, input[type=submit][data-motion=right][data-hover=flat]:active span, input[type=submit][data-motion=right][data-hover=flat]:focus span, input[type=submit][data-motion=right][data-hover=flat].active span {
  animation: flat-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=negative], button[data-motion=right][data-hover=negative], input[type=submit][data-motion=right][data-hover=negative] {
  background-image: none;
  background-color: var(--negative-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=negative]::before, button[data-motion=right][data-hover=negative]::before, input[type=submit][data-motion=right][data-hover=negative]::before {
  background-image: none;
  background-color: var(--negative-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=negative] span, button[data-motion=right][data-hover=negative] span, input[type=submit][data-motion=right][data-hover=negative] span {
  color: var(--negative-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=negative]:hover::before, a[data-motion=right][data-hover=negative]:active::before, a[data-motion=right][data-hover=negative]:focus::before, a[data-motion=right][data-hover=negative].active::before, button[data-motion=right][data-hover=negative]:hover::before, button[data-motion=right][data-hover=negative]:active::before, button[data-motion=right][data-hover=negative]:focus::before, button[data-motion=right][data-hover=negative].active::before, input[type=submit][data-motion=right][data-hover=negative]:hover::before, input[type=submit][data-motion=right][data-hover=negative]:active::before, input[type=submit][data-motion=right][data-hover=negative]:focus::before, input[type=submit][data-motion=right][data-hover=negative].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=negative]:hover span, a[data-motion=right][data-hover=negative]:active span, a[data-motion=right][data-hover=negative]:focus span, a[data-motion=right][data-hover=negative].active span, button[data-motion=right][data-hover=negative]:hover span, button[data-motion=right][data-hover=negative]:active span, button[data-motion=right][data-hover=negative]:focus span, button[data-motion=right][data-hover=negative].active span, input[type=submit][data-motion=right][data-hover=negative]:hover span, input[type=submit][data-motion=right][data-hover=negative]:active span, input[type=submit][data-motion=right][data-hover=negative]:focus span, input[type=submit][data-motion=right][data-hover=negative].active span {
  color: var(--negative-color);
}
a[data-motion=right][data-hover=negative]::before, button[data-motion=right][data-hover=negative]::before, input[type=submit][data-motion=right][data-hover=negative]::before {
  animation: negative-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=negative] span, button[data-motion=right][data-hover=negative] span, input[type=submit][data-motion=right][data-hover=negative] span {
  animation: negative-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=negative]:hover::before, a[data-motion=right][data-hover=negative]:active::before, a[data-motion=right][data-hover=negative]:focus::before, a[data-motion=right][data-hover=negative].active::before, button[data-motion=right][data-hover=negative]:hover::before, button[data-motion=right][data-hover=negative]:active::before, button[data-motion=right][data-hover=negative]:focus::before, button[data-motion=right][data-hover=negative].active::before, input[type=submit][data-motion=right][data-hover=negative]:hover::before, input[type=submit][data-motion=right][data-hover=negative]:active::before, input[type=submit][data-motion=right][data-hover=negative]:focus::before, input[type=submit][data-motion=right][data-hover=negative].active::before {
  animation: negative-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=negative]:hover span, a[data-motion=right][data-hover=negative]:active span, a[data-motion=right][data-hover=negative]:focus span, a[data-motion=right][data-hover=negative].active span, button[data-motion=right][data-hover=negative]:hover span, button[data-motion=right][data-hover=negative]:active span, button[data-motion=right][data-hover=negative]:focus span, button[data-motion=right][data-hover=negative].active span, input[type=submit][data-motion=right][data-hover=negative]:hover span, input[type=submit][data-motion=right][data-hover=negative]:active span, input[type=submit][data-motion=right][data-hover=negative]:focus span, input[type=submit][data-motion=right][data-hover=negative].active span {
  animation: negative-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=solid], button[data-motion=right][data-hover=solid], input[type=submit][data-motion=right][data-hover=solid] {
  background-image: none;
  background-color: var(--solid-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=solid]::before, button[data-motion=right][data-hover=solid]::before, input[type=submit][data-motion=right][data-hover=solid]::before {
  background-image: none;
  background-color: var(--solid-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=solid] span, button[data-motion=right][data-hover=solid] span, input[type=submit][data-motion=right][data-hover=solid] span {
  color: var(--solid-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=solid]:hover::before, a[data-motion=right][data-hover=solid]:active::before, a[data-motion=right][data-hover=solid]:focus::before, a[data-motion=right][data-hover=solid].active::before, button[data-motion=right][data-hover=solid]:hover::before, button[data-motion=right][data-hover=solid]:active::before, button[data-motion=right][data-hover=solid]:focus::before, button[data-motion=right][data-hover=solid].active::before, input[type=submit][data-motion=right][data-hover=solid]:hover::before, input[type=submit][data-motion=right][data-hover=solid]:active::before, input[type=submit][data-motion=right][data-hover=solid]:focus::before, input[type=submit][data-motion=right][data-hover=solid].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=solid]:hover span, a[data-motion=right][data-hover=solid]:active span, a[data-motion=right][data-hover=solid]:focus span, a[data-motion=right][data-hover=solid].active span, button[data-motion=right][data-hover=solid]:hover span, button[data-motion=right][data-hover=solid]:active span, button[data-motion=right][data-hover=solid]:focus span, button[data-motion=right][data-hover=solid].active span, input[type=submit][data-motion=right][data-hover=solid]:hover span, input[type=submit][data-motion=right][data-hover=solid]:active span, input[type=submit][data-motion=right][data-hover=solid]:focus span, input[type=submit][data-motion=right][data-hover=solid].active span {
  color: var(--solid-color);
}
a[data-motion=right][data-hover=solid]::before, button[data-motion=right][data-hover=solid]::before, input[type=submit][data-motion=right][data-hover=solid]::before {
  animation: solid-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=solid] span, button[data-motion=right][data-hover=solid] span, input[type=submit][data-motion=right][data-hover=solid] span {
  animation: solid-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=solid]:hover::before, a[data-motion=right][data-hover=solid]:active::before, a[data-motion=right][data-hover=solid]:focus::before, a[data-motion=right][data-hover=solid].active::before, button[data-motion=right][data-hover=solid]:hover::before, button[data-motion=right][data-hover=solid]:active::before, button[data-motion=right][data-hover=solid]:focus::before, button[data-motion=right][data-hover=solid].active::before, input[type=submit][data-motion=right][data-hover=solid]:hover::before, input[type=submit][data-motion=right][data-hover=solid]:active::before, input[type=submit][data-motion=right][data-hover=solid]:focus::before, input[type=submit][data-motion=right][data-hover=solid].active::before {
  animation: solid-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=solid]:hover span, a[data-motion=right][data-hover=solid]:active span, a[data-motion=right][data-hover=solid]:focus span, a[data-motion=right][data-hover=solid].active span, button[data-motion=right][data-hover=solid]:hover span, button[data-motion=right][data-hover=solid]:active span, button[data-motion=right][data-hover=solid]:focus span, button[data-motion=right][data-hover=solid].active span, input[type=submit][data-motion=right][data-hover=solid]:hover span, input[type=submit][data-motion=right][data-hover=solid]:active span, input[type=submit][data-motion=right][data-hover=solid]:focus span, input[type=submit][data-motion=right][data-hover=solid].active span {
  animation: solid-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=outline], button[data-motion=right][data-hover=outline], input[type=submit][data-motion=right][data-hover=outline] {
  background-image: none;
  background-color: var(--outline-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=outline]::before, button[data-motion=right][data-hover=outline]::before, input[type=submit][data-motion=right][data-hover=outline]::before {
  background-image: none;
  background-color: var(--outline-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=outline] span, button[data-motion=right][data-hover=outline] span, input[type=submit][data-motion=right][data-hover=outline] span {
  color: var(--outline-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=outline]:hover::before, a[data-motion=right][data-hover=outline]:active::before, a[data-motion=right][data-hover=outline]:focus::before, a[data-motion=right][data-hover=outline].active::before, button[data-motion=right][data-hover=outline]:hover::before, button[data-motion=right][data-hover=outline]:active::before, button[data-motion=right][data-hover=outline]:focus::before, button[data-motion=right][data-hover=outline].active::before, input[type=submit][data-motion=right][data-hover=outline]:hover::before, input[type=submit][data-motion=right][data-hover=outline]:active::before, input[type=submit][data-motion=right][data-hover=outline]:focus::before, input[type=submit][data-motion=right][data-hover=outline].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=outline]:hover span, a[data-motion=right][data-hover=outline]:active span, a[data-motion=right][data-hover=outline]:focus span, a[data-motion=right][data-hover=outline].active span, button[data-motion=right][data-hover=outline]:hover span, button[data-motion=right][data-hover=outline]:active span, button[data-motion=right][data-hover=outline]:focus span, button[data-motion=right][data-hover=outline].active span, input[type=submit][data-motion=right][data-hover=outline]:hover span, input[type=submit][data-motion=right][data-hover=outline]:active span, input[type=submit][data-motion=right][data-hover=outline]:focus span, input[type=submit][data-motion=right][data-hover=outline].active span {
  color: var(--outline-color);
}
a[data-motion=right][data-hover=outline]::before, button[data-motion=right][data-hover=outline]::before, input[type=submit][data-motion=right][data-hover=outline]::before {
  animation: outline-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=outline] span, button[data-motion=right][data-hover=outline] span, input[type=submit][data-motion=right][data-hover=outline] span {
  animation: outline-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=outline]:hover::before, a[data-motion=right][data-hover=outline]:active::before, a[data-motion=right][data-hover=outline]:focus::before, a[data-motion=right][data-hover=outline].active::before, button[data-motion=right][data-hover=outline]:hover::before, button[data-motion=right][data-hover=outline]:active::before, button[data-motion=right][data-hover=outline]:focus::before, button[data-motion=right][data-hover=outline].active::before, input[type=submit][data-motion=right][data-hover=outline]:hover::before, input[type=submit][data-motion=right][data-hover=outline]:active::before, input[type=submit][data-motion=right][data-hover=outline]:focus::before, input[type=submit][data-motion=right][data-hover=outline].active::before {
  animation: outline-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=outline]:hover span, a[data-motion=right][data-hover=outline]:active span, a[data-motion=right][data-hover=outline]:focus span, a[data-motion=right][data-hover=outline].active span, button[data-motion=right][data-hover=outline]:hover span, button[data-motion=right][data-hover=outline]:active span, button[data-motion=right][data-hover=outline]:focus span, button[data-motion=right][data-hover=outline].active span, input[type=submit][data-motion=right][data-hover=outline]:hover span, input[type=submit][data-motion=right][data-hover=outline]:active span, input[type=submit][data-motion=right][data-hover=outline]:focus span, input[type=submit][data-motion=right][data-hover=outline].active span {
  animation: outline-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=invert], button[data-motion=right][data-hover=invert], input[type=submit][data-motion=right][data-hover=invert] {
  background-image: none;
  background-color: var(--invert-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=invert]::before, button[data-motion=right][data-hover=invert]::before, input[type=submit][data-motion=right][data-hover=invert]::before {
  background-image: none;
  background-color: var(--invert-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=invert] span, button[data-motion=right][data-hover=invert] span, input[type=submit][data-motion=right][data-hover=invert] span {
  color: var(--invert-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=invert]:hover::before, a[data-motion=right][data-hover=invert]:active::before, a[data-motion=right][data-hover=invert]:focus::before, a[data-motion=right][data-hover=invert].active::before, button[data-motion=right][data-hover=invert]:hover::before, button[data-motion=right][data-hover=invert]:active::before, button[data-motion=right][data-hover=invert]:focus::before, button[data-motion=right][data-hover=invert].active::before, input[type=submit][data-motion=right][data-hover=invert]:hover::before, input[type=submit][data-motion=right][data-hover=invert]:active::before, input[type=submit][data-motion=right][data-hover=invert]:focus::before, input[type=submit][data-motion=right][data-hover=invert].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=invert]:hover span, a[data-motion=right][data-hover=invert]:active span, a[data-motion=right][data-hover=invert]:focus span, a[data-motion=right][data-hover=invert].active span, button[data-motion=right][data-hover=invert]:hover span, button[data-motion=right][data-hover=invert]:active span, button[data-motion=right][data-hover=invert]:focus span, button[data-motion=right][data-hover=invert].active span, input[type=submit][data-motion=right][data-hover=invert]:hover span, input[type=submit][data-motion=right][data-hover=invert]:active span, input[type=submit][data-motion=right][data-hover=invert]:focus span, input[type=submit][data-motion=right][data-hover=invert].active span {
  color: var(--invert-color);
}
a[data-motion=right][data-hover=invert]::before, button[data-motion=right][data-hover=invert]::before, input[type=submit][data-motion=right][data-hover=invert]::before {
  animation: invert-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=invert] span, button[data-motion=right][data-hover=invert] span, input[type=submit][data-motion=right][data-hover=invert] span {
  animation: invert-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=invert]:hover::before, a[data-motion=right][data-hover=invert]:active::before, a[data-motion=right][data-hover=invert]:focus::before, a[data-motion=right][data-hover=invert].active::before, button[data-motion=right][data-hover=invert]:hover::before, button[data-motion=right][data-hover=invert]:active::before, button[data-motion=right][data-hover=invert]:focus::before, button[data-motion=right][data-hover=invert].active::before, input[type=submit][data-motion=right][data-hover=invert]:hover::before, input[type=submit][data-motion=right][data-hover=invert]:active::before, input[type=submit][data-motion=right][data-hover=invert]:focus::before, input[type=submit][data-motion=right][data-hover=invert].active::before {
  animation: invert-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=invert]:hover span, a[data-motion=right][data-hover=invert]:active span, a[data-motion=right][data-hover=invert]:focus span, a[data-motion=right][data-hover=invert].active span, button[data-motion=right][data-hover=invert]:hover span, button[data-motion=right][data-hover=invert]:active span, button[data-motion=right][data-hover=invert]:focus span, button[data-motion=right][data-hover=invert].active span, input[type=submit][data-motion=right][data-hover=invert]:hover span, input[type=submit][data-motion=right][data-hover=invert]:active span, input[type=submit][data-motion=right][data-hover=invert]:focus span, input[type=submit][data-motion=right][data-hover=invert].active span {
  animation: invert-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=white], button[data-motion=right][data-hover=white], input[type=submit][data-motion=right][data-hover=white] {
  background-image: none;
  background-color: var(--white-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=white]::before, button[data-motion=right][data-hover=white]::before, input[type=submit][data-motion=right][data-hover=white]::before {
  background-image: none;
  background-color: var(--white-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=white] span, button[data-motion=right][data-hover=white] span, input[type=submit][data-motion=right][data-hover=white] span {
  color: var(--white-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=white]:hover::before, a[data-motion=right][data-hover=white]:active::before, a[data-motion=right][data-hover=white]:focus::before, a[data-motion=right][data-hover=white].active::before, button[data-motion=right][data-hover=white]:hover::before, button[data-motion=right][data-hover=white]:active::before, button[data-motion=right][data-hover=white]:focus::before, button[data-motion=right][data-hover=white].active::before, input[type=submit][data-motion=right][data-hover=white]:hover::before, input[type=submit][data-motion=right][data-hover=white]:active::before, input[type=submit][data-motion=right][data-hover=white]:focus::before, input[type=submit][data-motion=right][data-hover=white].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=white]:hover span, a[data-motion=right][data-hover=white]:active span, a[data-motion=right][data-hover=white]:focus span, a[data-motion=right][data-hover=white].active span, button[data-motion=right][data-hover=white]:hover span, button[data-motion=right][data-hover=white]:active span, button[data-motion=right][data-hover=white]:focus span, button[data-motion=right][data-hover=white].active span, input[type=submit][data-motion=right][data-hover=white]:hover span, input[type=submit][data-motion=right][data-hover=white]:active span, input[type=submit][data-motion=right][data-hover=white]:focus span, input[type=submit][data-motion=right][data-hover=white].active span {
  color: var(--white-color);
}
a[data-motion=right][data-hover=white]::before, button[data-motion=right][data-hover=white]::before, input[type=submit][data-motion=right][data-hover=white]::before {
  animation: white-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=white] span, button[data-motion=right][data-hover=white] span, input[type=submit][data-motion=right][data-hover=white] span {
  animation: white-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=white]:hover::before, a[data-motion=right][data-hover=white]:active::before, a[data-motion=right][data-hover=white]:focus::before, a[data-motion=right][data-hover=white].active::before, button[data-motion=right][data-hover=white]:hover::before, button[data-motion=right][data-hover=white]:active::before, button[data-motion=right][data-hover=white]:focus::before, button[data-motion=right][data-hover=white].active::before, input[type=submit][data-motion=right][data-hover=white]:hover::before, input[type=submit][data-motion=right][data-hover=white]:active::before, input[type=submit][data-motion=right][data-hover=white]:focus::before, input[type=submit][data-motion=right][data-hover=white].active::before {
  animation: white-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=white]:hover span, a[data-motion=right][data-hover=white]:active span, a[data-motion=right][data-hover=white]:focus span, a[data-motion=right][data-hover=white].active span, button[data-motion=right][data-hover=white]:hover span, button[data-motion=right][data-hover=white]:active span, button[data-motion=right][data-hover=white]:focus span, button[data-motion=right][data-hover=white].active span, input[type=submit][data-motion=right][data-hover=white]:hover span, input[type=submit][data-motion=right][data-hover=white]:active span, input[type=submit][data-motion=right][data-hover=white]:focus span, input[type=submit][data-motion=right][data-hover=white].active span {
  animation: white-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=deep], button[data-motion=right][data-hover=deep], input[type=submit][data-motion=right][data-hover=deep] {
  background-image: none;
  background-color: var(--deep-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=deep]::before, button[data-motion=right][data-hover=deep]::before, input[type=submit][data-motion=right][data-hover=deep]::before {
  background-image: none;
  background-color: var(--deep-background-hover);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=deep] span, button[data-motion=right][data-hover=deep] span, input[type=submit][data-motion=right][data-hover=deep] span {
  color: var(--deep-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=deep]:hover::before, a[data-motion=right][data-hover=deep]:active::before, a[data-motion=right][data-hover=deep]:focus::before, a[data-motion=right][data-hover=deep].active::before, button[data-motion=right][data-hover=deep]:hover::before, button[data-motion=right][data-hover=deep]:active::before, button[data-motion=right][data-hover=deep]:focus::before, button[data-motion=right][data-hover=deep].active::before, input[type=submit][data-motion=right][data-hover=deep]:hover::before, input[type=submit][data-motion=right][data-hover=deep]:active::before, input[type=submit][data-motion=right][data-hover=deep]:focus::before, input[type=submit][data-motion=right][data-hover=deep].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=deep]:hover span, a[data-motion=right][data-hover=deep]:active span, a[data-motion=right][data-hover=deep]:focus span, a[data-motion=right][data-hover=deep].active span, button[data-motion=right][data-hover=deep]:hover span, button[data-motion=right][data-hover=deep]:active span, button[data-motion=right][data-hover=deep]:focus span, button[data-motion=right][data-hover=deep].active span, input[type=submit][data-motion=right][data-hover=deep]:hover span, input[type=submit][data-motion=right][data-hover=deep]:active span, input[type=submit][data-motion=right][data-hover=deep]:focus span, input[type=submit][data-motion=right][data-hover=deep].active span {
  color: var(--deep-color);
}
a[data-motion=right][data-hover=deep]::before, button[data-motion=right][data-hover=deep]::before, input[type=submit][data-motion=right][data-hover=deep]::before {
  animation: deep-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=deep] span, button[data-motion=right][data-hover=deep] span, input[type=submit][data-motion=right][data-hover=deep] span {
  animation: deep-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=deep]:hover::before, a[data-motion=right][data-hover=deep]:active::before, a[data-motion=right][data-hover=deep]:focus::before, a[data-motion=right][data-hover=deep].active::before, button[data-motion=right][data-hover=deep]:hover::before, button[data-motion=right][data-hover=deep]:active::before, button[data-motion=right][data-hover=deep]:focus::before, button[data-motion=right][data-hover=deep].active::before, input[type=submit][data-motion=right][data-hover=deep]:hover::before, input[type=submit][data-motion=right][data-hover=deep]:active::before, input[type=submit][data-motion=right][data-hover=deep]:focus::before, input[type=submit][data-motion=right][data-hover=deep].active::before {
  animation: deep-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=deep]:hover span, a[data-motion=right][data-hover=deep]:active span, a[data-motion=right][data-hover=deep]:focus span, a[data-motion=right][data-hover=deep].active span, button[data-motion=right][data-hover=deep]:hover span, button[data-motion=right][data-hover=deep]:active span, button[data-motion=right][data-hover=deep]:focus span, button[data-motion=right][data-hover=deep].active span, input[type=submit][data-motion=right][data-hover=deep]:hover span, input[type=submit][data-motion=right][data-hover=deep]:active span, input[type=submit][data-motion=right][data-hover=deep]:focus span, input[type=submit][data-motion=right][data-hover=deep].active span {
  animation: deep-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=multiply], button[data-motion=right][data-hover=multiply], input[type=submit][data-motion=right][data-hover=multiply] {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=multiply]::before, button[data-motion=right][data-hover=multiply]::before, input[type=submit][data-motion=right][data-hover=multiply]::before {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=multiply] span, button[data-motion=right][data-hover=multiply] span, input[type=submit][data-motion=right][data-hover=multiply] span {
  color: var(--blend-color);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=multiply]:hover::before, a[data-motion=right][data-hover=multiply]:active::before, a[data-motion=right][data-hover=multiply]:focus::before, a[data-motion=right][data-hover=multiply].active::before, button[data-motion=right][data-hover=multiply]:hover::before, button[data-motion=right][data-hover=multiply]:active::before, button[data-motion=right][data-hover=multiply]:focus::before, button[data-motion=right][data-hover=multiply].active::before, input[type=submit][data-motion=right][data-hover=multiply]:hover::before, input[type=submit][data-motion=right][data-hover=multiply]:active::before, input[type=submit][data-motion=right][data-hover=multiply]:focus::before, input[type=submit][data-motion=right][data-hover=multiply].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=multiply]:hover span, a[data-motion=right][data-hover=multiply]:active span, a[data-motion=right][data-hover=multiply]:focus span, a[data-motion=right][data-hover=multiply].active span, button[data-motion=right][data-hover=multiply]:hover span, button[data-motion=right][data-hover=multiply]:active span, button[data-motion=right][data-hover=multiply]:focus span, button[data-motion=right][data-hover=multiply].active span, input[type=submit][data-motion=right][data-hover=multiply]:hover span, input[type=submit][data-motion=right][data-hover=multiply]:active span, input[type=submit][data-motion=right][data-hover=multiply]:focus span, input[type=submit][data-motion=right][data-hover=multiply].active span {
  color: var(--blend-color);
}
a[data-motion=right][data-hover=multiply]::before, button[data-motion=right][data-hover=multiply]::before, input[type=submit][data-motion=right][data-hover=multiply]::before {
  mix-blend-mode: multiply;
  animation: blend-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=multiply] span, button[data-motion=right][data-hover=multiply] span, input[type=submit][data-motion=right][data-hover=multiply] span {
  animation: blend-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=multiply]:hover::before, a[data-motion=right][data-hover=multiply]:active::before, a[data-motion=right][data-hover=multiply]:focus::before, a[data-motion=right][data-hover=multiply].active::before, button[data-motion=right][data-hover=multiply]:hover::before, button[data-motion=right][data-hover=multiply]:active::before, button[data-motion=right][data-hover=multiply]:focus::before, button[data-motion=right][data-hover=multiply].active::before, input[type=submit][data-motion=right][data-hover=multiply]:hover::before, input[type=submit][data-motion=right][data-hover=multiply]:active::before, input[type=submit][data-motion=right][data-hover=multiply]:focus::before, input[type=submit][data-motion=right][data-hover=multiply].active::before {
  animation: blend-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=multiply]:hover span, a[data-motion=right][data-hover=multiply]:active span, a[data-motion=right][data-hover=multiply]:focus span, a[data-motion=right][data-hover=multiply].active span, button[data-motion=right][data-hover=multiply]:hover span, button[data-motion=right][data-hover=multiply]:active span, button[data-motion=right][data-hover=multiply]:focus span, button[data-motion=right][data-hover=multiply].active span, input[type=submit][data-motion=right][data-hover=multiply]:hover span, input[type=submit][data-motion=right][data-hover=multiply]:active span, input[type=submit][data-motion=right][data-hover=multiply]:focus span, input[type=submit][data-motion=right][data-hover=multiply].active span {
  animation: blend-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=screen], button[data-motion=right][data-hover=screen], input[type=submit][data-motion=right][data-hover=screen] {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=screen]::before, button[data-motion=right][data-hover=screen]::before, input[type=submit][data-motion=right][data-hover=screen]::before {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=screen] span, button[data-motion=right][data-hover=screen] span, input[type=submit][data-motion=right][data-hover=screen] span {
  color: var(--blend-color);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=screen]:hover::before, a[data-motion=right][data-hover=screen]:active::before, a[data-motion=right][data-hover=screen]:focus::before, a[data-motion=right][data-hover=screen].active::before, button[data-motion=right][data-hover=screen]:hover::before, button[data-motion=right][data-hover=screen]:active::before, button[data-motion=right][data-hover=screen]:focus::before, button[data-motion=right][data-hover=screen].active::before, input[type=submit][data-motion=right][data-hover=screen]:hover::before, input[type=submit][data-motion=right][data-hover=screen]:active::before, input[type=submit][data-motion=right][data-hover=screen]:focus::before, input[type=submit][data-motion=right][data-hover=screen].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=screen]:hover span, a[data-motion=right][data-hover=screen]:active span, a[data-motion=right][data-hover=screen]:focus span, a[data-motion=right][data-hover=screen].active span, button[data-motion=right][data-hover=screen]:hover span, button[data-motion=right][data-hover=screen]:active span, button[data-motion=right][data-hover=screen]:focus span, button[data-motion=right][data-hover=screen].active span, input[type=submit][data-motion=right][data-hover=screen]:hover span, input[type=submit][data-motion=right][data-hover=screen]:active span, input[type=submit][data-motion=right][data-hover=screen]:focus span, input[type=submit][data-motion=right][data-hover=screen].active span {
  color: var(--blend-color);
}
a[data-motion=right][data-hover=screen]::before, button[data-motion=right][data-hover=screen]::before, input[type=submit][data-motion=right][data-hover=screen]::before {
  mix-blend-mode: screen;
  animation: blend-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=screen] span, button[data-motion=right][data-hover=screen] span, input[type=submit][data-motion=right][data-hover=screen] span {
  animation: blend-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=screen]:hover::before, a[data-motion=right][data-hover=screen]:active::before, a[data-motion=right][data-hover=screen]:focus::before, a[data-motion=right][data-hover=screen].active::before, button[data-motion=right][data-hover=screen]:hover::before, button[data-motion=right][data-hover=screen]:active::before, button[data-motion=right][data-hover=screen]:focus::before, button[data-motion=right][data-hover=screen].active::before, input[type=submit][data-motion=right][data-hover=screen]:hover::before, input[type=submit][data-motion=right][data-hover=screen]:active::before, input[type=submit][data-motion=right][data-hover=screen]:focus::before, input[type=submit][data-motion=right][data-hover=screen].active::before {
  animation: blend-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=screen]:hover span, a[data-motion=right][data-hover=screen]:active span, a[data-motion=right][data-hover=screen]:focus span, a[data-motion=right][data-hover=screen].active span, button[data-motion=right][data-hover=screen]:hover span, button[data-motion=right][data-hover=screen]:active span, button[data-motion=right][data-hover=screen]:focus span, button[data-motion=right][data-hover=screen].active span, input[type=submit][data-motion=right][data-hover=screen]:hover span, input[type=submit][data-motion=right][data-hover=screen]:active span, input[type=submit][data-motion=right][data-hover=screen]:focus span, input[type=submit][data-motion=right][data-hover=screen].active span {
  animation: blend-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=overlay], button[data-motion=right][data-hover=overlay], input[type=submit][data-motion=right][data-hover=overlay] {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=overlay]::before, button[data-motion=right][data-hover=overlay]::before, input[type=submit][data-motion=right][data-hover=overlay]::before {
  background-image: var(--blend-gradient);
  background-color: var(--blend-background);
  width: 100%;
  display: block flow;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 0;
  content: "";
}
a[data-motion=right][data-hover=overlay] span, button[data-motion=right][data-hover=overlay] span, input[type=submit][data-motion=right][data-hover=overlay] span {
  color: var(--blend-color);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=overlay]:hover::before, a[data-motion=right][data-hover=overlay]:active::before, a[data-motion=right][data-hover=overlay]:focus::before, a[data-motion=right][data-hover=overlay].active::before, button[data-motion=right][data-hover=overlay]:hover::before, button[data-motion=right][data-hover=overlay]:active::before, button[data-motion=right][data-hover=overlay]:focus::before, button[data-motion=right][data-hover=overlay].active::before, input[type=submit][data-motion=right][data-hover=overlay]:hover::before, input[type=submit][data-motion=right][data-hover=overlay]:active::before, input[type=submit][data-motion=right][data-hover=overlay]:focus::before, input[type=submit][data-motion=right][data-hover=overlay].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=overlay]:hover span, a[data-motion=right][data-hover=overlay]:active span, a[data-motion=right][data-hover=overlay]:focus span, a[data-motion=right][data-hover=overlay].active span, button[data-motion=right][data-hover=overlay]:hover span, button[data-motion=right][data-hover=overlay]:active span, button[data-motion=right][data-hover=overlay]:focus span, button[data-motion=right][data-hover=overlay].active span, input[type=submit][data-motion=right][data-hover=overlay]:hover span, input[type=submit][data-motion=right][data-hover=overlay]:active span, input[type=submit][data-motion=right][data-hover=overlay]:focus span, input[type=submit][data-motion=right][data-hover=overlay].active span {
  color: var(--blend-color);
}
a[data-motion=right][data-hover=overlay]::before, button[data-motion=right][data-hover=overlay]::before, input[type=submit][data-motion=right][data-hover=overlay]::before {
  mix-blend-mode: overlay;
  animation: blend-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=overlay] span, button[data-motion=right][data-hover=overlay] span, input[type=submit][data-motion=right][data-hover=overlay] span {
  animation: blend-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=overlay]:hover::before, a[data-motion=right][data-hover=overlay]:active::before, a[data-motion=right][data-hover=overlay]:focus::before, a[data-motion=right][data-hover=overlay].active::before, button[data-motion=right][data-hover=overlay]:hover::before, button[data-motion=right][data-hover=overlay]:active::before, button[data-motion=right][data-hover=overlay]:focus::before, button[data-motion=right][data-hover=overlay].active::before, input[type=submit][data-motion=right][data-hover=overlay]:hover::before, input[type=submit][data-motion=right][data-hover=overlay]:active::before, input[type=submit][data-motion=right][data-hover=overlay]:focus::before, input[type=submit][data-motion=right][data-hover=overlay].active::before {
  animation: blend-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=overlay]:hover span, a[data-motion=right][data-hover=overlay]:active span, a[data-motion=right][data-hover=overlay]:focus span, a[data-motion=right][data-hover=overlay].active span, button[data-motion=right][data-hover=overlay]:hover span, button[data-motion=right][data-hover=overlay]:active span, button[data-motion=right][data-hover=overlay]:focus span, button[data-motion=right][data-hover=overlay].active span, input[type=submit][data-motion=right][data-hover=overlay]:hover span, input[type=submit][data-motion=right][data-hover=overlay]:active span, input[type=submit][data-motion=right][data-hover=overlay]:focus span, input[type=submit][data-motion=right][data-hover=overlay].active span {
  animation: flat-color-hover 0.5s ease-in 1 forwards;
}

@keyframes flat-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes flat-color-out {
  0%, 20% {
    color: var(--flat-color-hover);
  }
  80%, 100% {
    color: var(--flat-color);
  }
}
@keyframes flat-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes flat-color-hover {
  0%, 20% {
    color: var(--flat-color);
  }
  80%, 100% {
    color: var(--flat-color-hover);
  }
}
@keyframes negative-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes negative-color-out {
  0%, 20% {
    color: var(--negative-color-hover);
  }
  80%, 100% {
    color: var(--negative-color);
  }
}
@keyframes negative-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes negative-color-hover {
  0%, 20% {
    color: var(--negative-color);
  }
  80%, 100% {
    color: var(--negative-color-hover);
  }
}
@keyframes solid-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes solid-color-out {
  0%, 20% {
    color: var(--solid-color-hover);
  }
  80%, 100% {
    color: var(--solid-color);
  }
}
@keyframes solid-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes solid-color-hover {
  0%, 20% {
    color: var(--solid-color);
  }
  80%, 100% {
    color: var(--solid-color-hover);
  }
}
@keyframes outline-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes outline-color-out {
  0%, 20% {
    color: var(--outline-color-hover);
  }
  80%, 100% {
    color: var(--outline-color);
  }
}
@keyframes outline-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes outline-color-hover {
  0%, 20% {
    color: var(--outline-color);
  }
  80%, 100% {
    color: var(--outline-color-hover);
  }
}
@keyframes invert-color-out {
  0%, 20% {
    color: var(--invert-color-hover);
  }
  80%, 100% {
    color: var(--invert-color);
  }
}
@keyframes invert-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes invert-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes invert-color-hover {
  0%, 20% {
    color: var(--invert-color);
  }
  80%, 100% {
    color: var(--invert-color-hover);
  }
}
@keyframes white-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0%;
  }
}
@keyframes white-color-out {
  0%, 20% {
    color: var(--white-color-hover);
  }
  80%, 100% {
    color: var(--white-color);
  }
}
@keyframes white-background-hover {
  0%, 20% {
    width: 0%;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes white-color-hover {
  0%, 20% {
    color: var(--white-color);
  }
  80%, 100% {
    color: var(--white-color-hover);
  }
}
@keyframes deep-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0%;
  }
}
@keyframes deep-color-out {
  0%, 20% {
    color: var(--white-color-hover);
  }
  80%, 100% {
    color: var(--white-color);
  }
}
@keyframes deep-background-hover {
  0%, 20% {
    width: 0%;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes deep-color-hover {
  0%, 20% {
    color: var(--white-color);
  }
  80%, 100% {
    color: var(--white-color-hover);
  }
}
@keyframes blend-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes blend-color-out {
  0%, 20% {
    color: var(--blend-color-hover);
  }
  80%, 100% {
    color: var(--blend-color);
  }
}
@keyframes blend-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes blend-color-hover {
  0%, 20% {
    color: var(--blend-color);
  }
  80%, 100% {
    color: var(--blend-color-hover);
  }
}
.c-carpet__top--bottom, .c-carpet__bottom, .c-carpet__top, .c-carpet__right, .c-carpet__right--top, .c-carpet__right--top-short, .c-carpet__right--bottom, .c-carpet__right--short, .c-carpet__left, .c-carpet__left--top, .c-carpet__left--top-short, .c-carpet__left--bottom, .c-carpet__left--short {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.c-carpet__top--bottom:before, .c-carpet__bottom:before, .c-carpet__top:before, .c-carpet__right:before, .c-carpet__right--top:before, .c-carpet__right--top-short:before, .c-carpet__right--bottom:before, .c-carpet__right--short:before, .c-carpet__left:before, .c-carpet__left--top:before, .c-carpet__left--top-short:before, .c-carpet__left--bottom:before, .c-carpet__left--short:before {
  background-color: var(--rgb-carpet);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
}
@media only screen and (max-width: 1399px) {
  .c-carpet__top--bottom:before, .c-carpet__bottom:before, .c-carpet__top:before, .c-carpet__right:before, .c-carpet__right--top:before, .c-carpet__right--top-short:before, .c-carpet__right--bottom:before, .c-carpet__right--short:before, .c-carpet__left:before, .c-carpet__left--top:before, .c-carpet__left--top-short:before, .c-carpet__left--bottom:before, .c-carpet__left--short:before {
    width: 100%;
  }
}

.c-carpet__left:before, .c-carpet__left--top:before, .c-carpet__left--top-short:before, .c-carpet__left--bottom:before, .c-carpet__left--short:before {
  left: 0;
}

.c-carpet__right:before, .c-carpet__right--top:before, .c-carpet__right--top-short:before, .c-carpet__right--bottom:before, .c-carpet__right--short:before {
  right: 0;
}

.c-carpet__left:before {
  right: calc(50% - var(--container-half) + var(--clearance-padding));
  background-position: right top;
}
@media only screen and (max-width: 1399px) {
  .c-carpet__left:before {
    right: 0;
  }
}
.c-carpet__left--top:before {
  background-position: right top;
  top: var(--clearance-padding);
  right: calc(50% - var(--container-half) + var(--clearance-padding));
}
@media only screen and (max-width: 1399px) {
  .c-carpet__left--top:before {
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .c-carpet__left--top:before {
    top: 0;
  }
}
.c-carpet__left--top-short:before {
  background-position: right top;
  top: calc(var(--clearance-padding) * 2);
  right: calc(50% - var(--container-half) + var(--clearance-padding));
}
@media only screen and (max-width: 1399px) {
  .c-carpet__left--top-short:before {
    top: 0;
    left: 0;
  }
}
.c-carpet__left--bottom:before {
  background-position: right top;
  right: calc(50% - var(--container-half) + var(--clearance-padding));
  bottom: var(--clearance-padding);
}
@media only screen and (max-width: 1399px) {
  .c-carpet__left--bottom:before {
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .c-carpet__left--bottom:before {
    bottom: 0;
  }
}
.c-carpet__left--short:before {
  background-position: right top;
  right: calc(50% - var(--container-half) + var(--clearance-padding));
  bottom: calc(var(--clearance-padding) * 1.5);
}
@media only screen and (max-width: 1399px) {
  .c-carpet__left--short:before {
    left: 0;
  }
}
.c-carpet__left--short .c-title__index1 {
  padding-bottom: 6rem;
}
@media only screen and (max-width: 1199px) {
  .c-carpet__left--short .c-title__index1 {
    padding-bottom: 6.25vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-carpet__left--short .c-title__index1 {
    padding-bottom: 0;
  }
}

.c-carpet__right:before {
  background-position: left top;
  left: calc(50% - var(--container-half) + var(--clearance-padding));
}
@media only screen and (max-width: 1399px) {
  .c-carpet__right:before {
    left: 0;
  }
}
.c-carpet__right--top:before {
  background-position: right top;
  top: var(--clearance-padding);
  left: calc(50% - var(--container-half) + var(--clearance-padding));
}
@media only screen and (max-width: 1399px) {
  .c-carpet__right--top:before {
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .c-carpet__right--top:before {
    top: 0;
  }
}
.c-carpet__right--bottom:before {
  background-position: right top;
  left: calc(50% - var(--container-half) + var(--clearance-padding));
  bottom: var(--clearance-padding);
}
@media only screen and (max-width: 1399px) {
  .c-carpet__right--bottom:before {
    left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .c-carpet__right--bottom:before {
    bottom: 0;
  }
}
.c-carpet__right--short:before {
  background-position: left top;
  left: calc(50% - var(--container-half) + var(--clearance-padding));
  bottom: calc(var(--clearance-padding) * 1.5);
}
@media only screen and (max-width: 1399px) {
  .c-carpet__right--short:before {
    left: 0;
  }
}
.c-carpet__top:before {
  width: 100%;
  top: 10rem;
}

.c-carpet__bottom:before {
  width: 100%;
  bottom: 10rem;
}

.c-carpet__top--bottom:before {
  width: 100%;
  top: 10rem;
  bottom: 10rem;
}

.c-category__heading {
  background-image: var(--rgb-category-heading-gradient);
  background-color: var(--rgb-category-heading-background);
  color: var(--rgb-category-heading-color);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1px;
  padding: 1rem;
  width: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .c-category__heading {
    pointer-events: all;
    display: block flow;
  }
}
.c-category__heading .material-icons {
  display: none;
}
@media only screen and (max-width: 991px) {
  .c-category__heading .material-icons {
    display: inline flow-root;
    margin-left: 1rem;
  }
}
.c-category__heading + input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}

.c-category__navigation {
  background-color: transparent;
  list-style: none;
  display: block grid;
  width: 100%;
}

.c-category__column1 {
  grid-template-columns: repeat(1, 1fr);
}

.c-category__column2 {
  grid-template-columns: repeat(2, 1fr);
}

.c-category__column3 {
  grid-template-columns: repeat(3, 1fr);
}

.c-category__column4 {
  grid-template-columns: repeat(4, 1fr);
}

.c-category__column5 {
  grid-template-columns: repeat(5, 1fr);
}

.c-category__column6 {
  grid-template-columns: repeat(6, 1fr);
}

.c-category__column7 {
  grid-template-columns: repeat(7, 1fr);
}

.c-category__column8 {
  grid-template-columns: repeat(8, 1fr);
}

.c-category__column9 {
  grid-template-columns: repeat(8, 1fr);
}

.c-category__column10 {
  grid-template-columns: repeat(8, 1fr);
}

@media only screen and (max-width: 991px) {
  .c-category__column1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column4 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column5 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column6 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column7 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column8 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column9 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-category__column10 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  [class*=c-category__column] {
    display: block flow;
  }
  [class*=c-category__column] .c-category__navigation--item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.c-category__navigation--link, .c-category__navigation--link:hover, .c-category__navigation--link:active, .c-category__navigation--link:focus {
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
  padding: var(--aside-link-padding-y) var(--aside-link-padding-x);
  display: block flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .c-category__navigation--link, .c-category__navigation--link:hover, .c-category__navigation--link:active, .c-category__navigation--link:focus {
    padding: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .c-category__navigation--link, .c-category__navigation--link:hover, .c-category__navigation--link:active, .c-category__navigation--link:focus {
    font-size: 0.3em;
    padding: 1em;
  }
}
.c-category__navigation--link.active {
  opacity: 1;
}

.l-outer__liquid--main .c-category__heading,
.l-outer__solid--main .c-category__heading {
  display: none;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__heading,
  .l-outer__solid--main .c-category__heading {
    display: block;
    pointer-events: all;
  }
}
.l-outer__liquid--main .c-category__navigation,
.l-outer__solid--main .c-category__navigation {
  margin: -0.5px;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__navigation,
  .l-outer__solid--main .c-category__navigation {
    margin: 0;
  }
}
.l-outer__liquid--main .c-category__navigation--item,
.l-outer__solid--main .c-category__navigation--item {
  border-bottom: none;
  padding: 0.5px;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__navigation--item,
  .l-outer__solid--main .c-category__navigation--item {
    padding: 0;
  }
}
.l-outer__liquid--main .c-category__navigation--link, .l-outer__liquid--main .c-category__navigation--link:hover, .l-outer__liquid--main .c-category__navigation--link:active, .l-outer__liquid--main .c-category__navigation--link:focus,
.l-outer__solid--main .c-category__navigation--link,
.l-outer__solid--main .c-category__navigation--link:hover,
.l-outer__solid--main .c-category__navigation--link:active,
.l-outer__solid--main .c-category__navigation--link:focus {
  display: block flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-size: 1em;
  margin: 0;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__navigation--link, .l-outer__liquid--main .c-category__navigation--link:hover, .l-outer__liquid--main .c-category__navigation--link:active, .l-outer__liquid--main .c-category__navigation--link:focus,
  .l-outer__solid--main .c-category__navigation--link,
  .l-outer__solid--main .c-category__navigation--link:hover,
  .l-outer__solid--main .c-category__navigation--link:active,
  .l-outer__solid--main .c-category__navigation--link:focus {
    border: none;
    opacity: 1;
  }
}
.l-outer__liquid--main .c-category__navigation--link,
.l-outer__solid--main .c-category__navigation--link {
  background-color: var(--rgb-category-navigation-link);
  color: var(--rgb-white);
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__navigation--link,
  .l-outer__solid--main .c-category__navigation--link {
    background-color: var(--rgb-white);
    color: var(--rgb-text);
  }
}
.l-outer__liquid--main .c-category__navigation--link:hover, .l-outer__liquid--main .c-category__navigation--link:active, .l-outer__liquid--main .c-category__navigation--link:focus, .l-outer__liquid--main .c-category__navigation--link.active,
.l-outer__solid--main .c-category__navigation--link:hover,
.l-outer__solid--main .c-category__navigation--link:active,
.l-outer__solid--main .c-category__navigation--link:focus,
.l-outer__solid--main .c-category__navigation--link.active {
  background-color: var(--rgb-category-navigation-hover);
  color: var(--rgb-white);
  opacity: 0.9;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__navigation--link:hover, .l-outer__liquid--main .c-category__navigation--link:active, .l-outer__liquid--main .c-category__navigation--link:focus, .l-outer__liquid--main .c-category__navigation--link.active,
  .l-outer__solid--main .c-category__navigation--link:hover,
  .l-outer__solid--main .c-category__navigation--link:active,
  .l-outer__solid--main .c-category__navigation--link:focus,
  .l-outer__solid--main .c-category__navigation--link.active {
    background-color: var(--rgb-palegray);
    color: var(--rgb-text);
  }
}
.l-outer__liquid--main .c-category__navigation--link.active,
.l-outer__solid--main .c-category__navigation--link.active {
  background-color: var(--rgb-category-navigation-active);
  color: var(--rgb-white);
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .l-outer__liquid--main .c-category__navigation--link.active,
  .l-outer__solid--main .c-category__navigation--link.active {
    background-color: var(--rgb-palegray);
    color: var(--rgb-text);
  }
}

@media only screen and (max-width: 991px) {
  .l-outer__solid--side.order-1 {
    margin-bottom: var(--clearance-padding);
  }
}
.l-outer__solid--side .c-category__heading {
  font-size: var(--category-heading-font-size);
  width: 100%;
}
.l-outer__solid--side .c-category__heading span:not([class]) {
  display: block flow;
  margin-top: var(--leading-trim-ja);
  margin-bottom: var(--leading-trim-ja);
}
.l-outer__solid--side .c-category__navigation {
  background-color: var(--category-navigation-background);
  display: block flow;
}
.l-outer__solid--side .c-category__navigation--item {
  border-bottom: 1px solid var(--category-navigation-item-line);
}
@media only screen and (max-width: 991px) {
  .l-outer__solid--side .c-category__navigation--item {
    border-bottom: none;
  }
}
.l-outer__solid--side .c-category__navigation--link, .l-outer__solid--side .c-category__navigation--link:hover, .l-outer__solid--side .c-category__navigation--link:active, .l-outer__solid--side .c-category__navigation--link:focus, .l-outer__solid--side .c-category__navigation--link.active {
  border: none;
  font-size: var(--aside-link-font-size);
  margin: 0;
  display: block flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .l-outer__solid--side .c-category__navigation--link, .l-outer__solid--side .c-category__navigation--link:hover, .l-outer__solid--side .c-category__navigation--link:active, .l-outer__solid--side .c-category__navigation--link:focus, .l-outer__solid--side .c-category__navigation--link.active {
    border: none;
    opacity: 1;
  }
}
.l-outer__solid--side .c-category__navigation--link {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
}
.l-outer__solid--side .c-category__navigation--link:hover, .l-outer__solid--side .c-category__navigation--link:active, .l-outer__solid--side .c-category__navigation--link:focus {
  background-color: var(--rgb-palegray);
  color: var(--rgb-text);
}
.l-outer__solid--side .c-category__navigation--link.active {
  background-color: var(--rgb-palegray);
  color: var(--rgb-text);
}

.c-category__heading + input[type=checkbox]:checked + .c-category__navigation, .c-category__heading + input[type=checkbox]:checked + .c-category__navigation .c-category-navigation--item {
  max-height: 9999vh;
}

@media only screen and (max-width: 991px) {
  input[type=checkbox] + .c-category__navigation .c-category__navigation--item {
    border-bottom: 0px solid var(--rgb-linegray);
  }
  input[type=checkbox] + .c-category__navigation .c-category__navigation--item .c-category__navigation--link {
    line-height: 0;
    padding: 0 1.5rem;
    visibility: hidden;
    opacity: 0;
    transition: padding 0.2s, line-height 0.2s, visibility 0.2s, opacity 0.2s;
  }
}

@media only screen and (max-width: 991px) {
  input[type=checkbox]:checked + .c-category__navigation .c-category__navigation--item {
    border-bottom: 1px solid var(--rgb-linegray);
  }
  input[type=checkbox]:checked + .c-category__navigation .c-category__navigation--item .c-category__navigation--link {
    line-height: 1.25;
    padding: 1rem 1.5rem;
    visibility: visible;
    opacity: 1;
    transition: padding 0.2s, line-height 0.2s, visibility 0.2s, opacity 0.2s;
  }
}

.paging {
  display: block flex;
  justify-content: center;
}
.paging .paging-text {
  display: block flow;
  cursor: pointer;
}
.paging .paging-text a, .paging .paging-text a:hover, .paging .paging-text a:active, .paging .paging-text a:focus, .paging .paging-text.current {
  font-size: 1.125rem;
  font-weight: 300;
  text-decoration: none;
  margin: 0 0.125rem;
  padding: 0;
  width: 3rem;
  height: 3rem;
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .paging .paging-text a, .paging .paging-text a:hover, .paging .paging-text a:active, .paging .paging-text a:focus, .paging .paging-text.current {
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
  }
}
.paging .paging-text a i.fa, .paging .paging-text a:hover i.fa, .paging .paging-text a:active i.fa, .paging .paging-text a:focus i.fa, .paging .paging-text.current i.fa {
  font-weight: 300;
}
.paging .paging-text a {
  background-color: var(--rgb-paging-background);
  color: var(--rgb-text);
  border: 0.0625rem solid var(--rgb-paging-border);
}
.paging .paging-text a:hover, .paging .paging-text a:active, .paging .paging-text a:focus {
  background-color: var(--rgb-paging-hover);
  color: var(--rgb-paging-text);
  border: 0.0625rem solid var(--rgb-paging-border);
  opacity: 1;
  font-weight: 500;
}
.paging .paging-text a:hover i.fa, .paging .paging-text a:active i.fa, .paging .paging-text a:focus i.fa {
  font-weight: 500;
}
.paging .paging-text.current {
  background-color: var(--rgb-paging-current);
  color: var(--rgb-white);
  border: 0.0625rem solid var(--rgb-paging-current);
}

.c-box__collapse {
  background-color: var(--rgb-white);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.075);
  position: relative;
  word-wrap: break-word;
}
.c-box__collapse dt a, .c-box__collapse dt a:hover, .c-box__collapse dt a:active, .c-box__collapse dt a:focus, .c-box__collapse dt span {
  background-color: var(--rgb-collapse);
  color: var(--rgb-white);
  font-size: 1.125rem;
  line-height: 1.25;
  padding: 1.5rem 6rem;
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .c-box__collapse dt a, .c-box__collapse dt a:hover, .c-box__collapse dt a:active, .c-box__collapse dt a:focus, .c-box__collapse dt span {
    font-size: 1rem;
    padding: 1rem 4rem;
  }
}
.c-box__collapse dt a:before, .c-box__collapse dt a:hover:before, .c-box__collapse dt a:active:before, .c-box__collapse dt a:focus:before, .c-box__collapse dt span:before {
  color: var(--rgb-white);
  font-size: 6rem;
  line-height: 0.5;
  font-weight: 700;
  text-align: center;
  width: 6rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.25;
  content: "";
}
@media only screen and (max-width: 991px) {
  .c-box__collapse dt a:before, .c-box__collapse dt a:hover:before, .c-box__collapse dt a:active:before, .c-box__collapse dt a:focus:before, .c-box__collapse dt span:before {
    font-size: 5rem;
    width: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-box__collapse dt a:before, .c-box__collapse dt a:hover:before, .c-box__collapse dt a:active:before, .c-box__collapse dt a:focus:before, .c-box__collapse dt span:before {
    font-size: 4rem;
    width: 4rem;
  }
}
.c-box__collapse dt a:after, .c-box__collapse dt a:hover:after, .c-box__collapse dt a:active:after, .c-box__collapse dt a:focus:after, .c-box__collapse dt span:after {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  bottom: 50%;
  line-height: 24px;
  margin: -12px 0;
  color: var(--rgb-white);
}
.c-box__collapse dt a[aria-expanded=false]:after, .c-box__collapse dt a:hover[aria-expanded=false]:after, .c-box__collapse dt a:active[aria-expanded=false]:after, .c-box__collapse dt a:focus[aria-expanded=false]:after, .c-box__collapse dt span[aria-expanded=false]:after {
  content: "\f078";
}
.c-box__collapse dt a[aria-expanded=true]:after, .c-box__collapse dt a:hover[aria-expanded=true]:after, .c-box__collapse dt a:active[aria-expanded=true]:after, .c-box__collapse dt a:focus[aria-expanded=true]:after, .c-box__collapse dt span[aria-expanded=true]:after {
  content: "\f077";
}
.c-box__collapse--description {
  padding: 2rem;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .c-box__collapse--description {
    padding: 1rem;
  }
}
.c-box__collapse + .c-box__collapse {
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .c-box__collapse + .c-box__collapse {
    margin-top: 1rem;
  }
}

.c-counter__start {
  counter-reset: collapse;
}
.c-counter__start .c-box__collapse dt a:before, .c-counter__start .c-box__collapse dt span:before {
  counter-increment: collapse;
  content: "" counter(collapse) "";
}

.c-flex__inline--xxl {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xxl) * var(--gap-rate) * -1);
}
.c-flex__inline--xxl > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xxl) * var(--gap-rate));
  padding-right: calc(var(--gap-xxl) * var(--gap-rate));
}
@media only screen and (max-width: 2000px) {
  .c-flex__inline--xxl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-lg) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-lg) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-lg) * var(--gap-rate));
    padding-right: calc(var(--gap-lg) * var(--gap-rate));
  }
}
@media only screen and (max-width: 991px) {
  .c-flex__inline--xxl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-md) * var(--gap-rate));
    padding-right: calc(var(--gap-md) * var(--gap-rate));
  }
}

.c-flex__inline--xl {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xl) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xl) * var(--gap-rate) * -1);
}
.c-flex__inline--xl > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xl) * var(--gap-rate));
  padding-right: calc(var(--gap-xl) * var(--gap-rate));
}
@media only screen and (max-width: 2000px) {
  .c-flex__inline--xl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-lg) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-lg) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-lg) * var(--gap-rate));
    padding-right: calc(var(--gap-lg) * var(--gap-rate));
  }
}
@media only screen and (max-width: 991px) {
  .c-flex__inline--xl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-md) * var(--gap-rate));
    padding-right: calc(var(--gap-md) * var(--gap-rate));
  }
}

.c-flex__inline--lg {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-lg) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-lg) * var(--gap-rate) * -1);
}
.c-flex__inline--lg > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-lg) * var(--gap-rate));
  padding-right: calc(var(--gap-lg) * var(--gap-rate));
}
@media only screen and (max-width: 991px) {
  .c-flex__inline--lg {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
  }
  .c-flex__inline--lg > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-md) * var(--gap-rate));
    padding-right: calc(var(--gap-md) * var(--gap-rate));
  }
}

.c-flex__inline--md {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
}
.c-flex__inline--md > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-md) * var(--gap-rate));
  padding-right: calc(var(--gap-md) * var(--gap-rate));
}

.c-flex__inline--sm {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-sm) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-sm) * var(--gap-rate) * -1);
}
.c-flex__inline--sm > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-sm) * var(--gap-rate));
  padding-right: calc(var(--gap-sm) * var(--gap-rate));
}

.c-flex__inline--xs {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xs) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xs) * var(--gap-rate) * -1);
}
.c-flex__inline--xs > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xs) * var(--gap-rate));
  padding-right: calc(var(--gap-xs) * var(--gap-rate));
}

.c-flex__inline--xxs {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xxs) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xxs) * var(--gap-rate) * -1);
}
.c-flex__inline--xxs > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xxs) * var(--gap-rate));
  padding-right: calc(var(--gap-xxs) * var(--gap-rate));
}

.c-flex__inline--hairline {
  display: block flex;
  flex-flow: row wrap;
  margin-left: max(-0.0625rem, -1px);
  margin-right: max(-0.0625rem, -1px);
}
.c-flex__inline--hairline > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: max(0.0625rem, 1px);
  padding-right: max(0.0625rem, 1px);
}

.c-flex__inline--none {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-none) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-none) * var(--gap-rate) * -1);
}
.c-flex__inline--none > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-none) * var(--gap-rate));
  padding-right: calc(var(--gap-none) * var(--gap-rate));
}

.c-flex__block--xxl {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * -2);
}
.c-flex__block--xxl > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xxl) * var(--gap-rate));
  padding-right: calc(var(--gap-xxl) * var(--gap-rate));
  margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * 2);
}
@media only screen and (max-width: 1399px) {
  .c-flex__block--xxl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-xl) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-xl) * var(--gap-rate) * -1);
    margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * -2);
  }
  .c-flex__block--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-xl) * var(--gap-rate));
    padding-right: calc(var(--gap-xl) * var(--gap-rate));
    margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * 2);
  }
}
@media only screen and (max-width: 1199px) {
  .c-flex__block--xxl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-lg) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-lg) * var(--gap-rate) * -1);
    margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * -2);
  }
  .c-flex__block--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-lg) * var(--gap-rate));
    padding-right: calc(var(--gap-lg) * var(--gap-rate));
    margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * 2);
  }
}
@media only screen and (max-width: 991px) {
  .c-flex__block--xxl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-bottom: calc(var(--gap-md) * var(--gap-rate) * -2);
  }
  .c-flex__block--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-md) * var(--gap-rate));
    padding-right: calc(var(--gap-md) * var(--gap-rate));
    margin-bottom: calc(var(--gap-md) * var(--gap-rate) * 2);
  }
}

.c-flex__block--xl {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xl) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xl) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * -2);
}
.c-flex__block--xl > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xl) * var(--gap-rate));
  padding-right: calc(var(--gap-xl) * var(--gap-rate));
  margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * 2);
}
@media only screen and (max-width: 1199px) {
  .c-flex__block--xl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-lg) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-lg) * var(--gap-rate) * -1);
    margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * -2);
  }
  .c-flex__block--xl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-lg) * var(--gap-rate));
    padding-right: calc(var(--gap-lg) * var(--gap-rate));
    margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * 2);
  }
}
@media only screen and (max-width: 991px) {
  .c-flex__block--xl {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-bottom: calc(var(--gap-md) * var(--gap-rate) * -2);
  }
  .c-flex__block--xl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-md) * var(--gap-rate));
    padding-right: calc(var(--gap-md) * var(--gap-rate));
    margin-bottom: calc(var(--gap-md) * var(--gap-rate) * 2);
  }
}

.c-flex__block--lg {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-lg) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-lg) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * -2);
}
.c-flex__block--lg > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-lg) * var(--gap-rate));
  padding-right: calc(var(--gap-lg) * var(--gap-rate));
  margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * 2);
}
@media only screen and (max-width: 991px) {
  .c-flex__block--lg {
    display: block flex;
    flex-flow: row wrap;
    margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
    margin-bottom: calc(var(--gap-md) * var(--gap-rate) * -2);
  }
  .c-flex__block--lg > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--gap-md) * var(--gap-rate));
    padding-right: calc(var(--gap-md) * var(--gap-rate));
    margin-bottom: calc(var(--gap-md) * var(--gap-rate) * 2);
  }
}

.c-flex__block--md {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-md) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-md) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-md) * var(--gap-rate) * -2);
}
.c-flex__block--md > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-md) * var(--gap-rate));
  padding-right: calc(var(--gap-md) * var(--gap-rate));
  margin-bottom: calc(var(--gap-md) * var(--gap-rate) * 2);
}

.c-flex__block--sm {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-sm) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-sm) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-sm) * var(--gap-rate) * -2);
}
.c-flex__block--sm > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-sm) * var(--gap-rate));
  padding-right: calc(var(--gap-sm) * var(--gap-rate));
  margin-bottom: calc(var(--gap-sm) * var(--gap-rate) * 2);
}

.c-flex__block--xs {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xs) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xs) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-xs) * var(--gap-rate) * -2);
}
.c-flex__block--xs > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xs) * var(--gap-rate));
  padding-right: calc(var(--gap-xs) * var(--gap-rate));
  margin-bottom: calc(var(--gap-xs) * var(--gap-rate) * 2);
}

.c-flex__block--xxs {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-xxs) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xxs) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-xxs) * var(--gap-rate) * -2);
}
.c-flex__block--xxs > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-xxs) * var(--gap-rate));
  padding-right: calc(var(--gap-xxs) * var(--gap-rate));
  margin-bottom: calc(var(--gap-xxs) * var(--gap-rate) * 2);
}

.c-flex__block--hairline {
  display: block flex;
  flex-flow: row wrap;
  margin-left: max(-0.0625rem, -1px);
  margin-right: max(-0.0625rem, -1px);
  margin-bottom: max(-0.125rem, -2px);
}
.c-flex__block--hairline > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: max(0.0625rem, 1px);
  padding-right: max(0.0625rem, 1px);
  margin-bottom: max(0.125rem, 2px);
}

.c-flex__block--none {
  display: block flex;
  flex-flow: row wrap;
  margin-left: calc(var(--gap-none) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-none) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-none) * var(--gap-rate) * -2);
}
.c-flex__block--none > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-left: calc(var(--gap-none) * var(--gap-rate));
  padding-right: calc(var(--gap-none) * var(--gap-rate));
  margin-bottom: calc(var(--gap-none) * var(--gap-rate) * 2);
}

.c-span__xs {
  flex: 1 0 0%;
}

.c-span__xs--auto {
  flex: 0 0 auto;
  width: auto;
}

.c-span__xs--1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.c-span__xs--2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.c-span__xs--3 {
  flex: 0 0 auto;
  width: 25%;
}

.c-span__xs--4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.c-span__xs--5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.c-span__xs--6 {
  flex: 0 0 auto;
  width: 50%;
}

.c-span__xs--7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.c-span__xs--8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.c-span__xs--9 {
  flex: 0 0 auto;
  width: 75%;
}

.c-span__xs--10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.c-span__xs--11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.c-span__xs--12 {
  flex: 0 0 auto;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .c-span__sm {
    flex: 1 0 0%;
  }
  .c-span__sm--auto {
    flex: 0 0 auto;
    width: auto;
  }
  .c-span__sm--1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .c-span__sm--2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .c-span__sm--3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .c-span__sm--4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .c-span__sm--5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .c-span__sm--6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .c-span__sm--7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .c-span__sm--8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .c-span__sm--9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .c-span__sm--10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .c-span__sm--11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .c-span__sm--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .c-span__md {
    flex: 1 0 0%;
  }
  .c-span__md--auto {
    flex: 0 0 auto;
    width: auto;
  }
  .c-span__md--1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .c-span__md--2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .c-span__md--3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .c-span__md--4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .c-span__md--5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .c-span__md--6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .c-span__md--7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .c-span__md--8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .c-span__md--9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .c-span__md--10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .c-span__md--11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .c-span__md--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .c-span__lg {
    flex: 1 0 0%;
  }
  .c-span__lg--auto {
    flex: 0 0 auto;
    width: auto;
  }
  .c-span__lg--1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .c-span__lg--2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .c-span__lg--3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .c-span__lg--4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .c-span__lg--5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .c-span__lg--6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .c-span__lg--7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .c-span__lg--8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .c-span__lg--9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .c-span__lg--10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .c-span__lg--11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .c-span__lg--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .c-span__xl {
    flex: 1 0 0%;
  }
  .c-span__xl--auto {
    flex: 0 0 auto;
    width: auto;
  }
  .c-span__xl--1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .c-span__xl--2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .c-span__xl--3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .c-span__xl--4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .c-span__xl--5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .c-span__xl--6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .c-span__xl--7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .c-span__xl--8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .c-span__xl--9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .c-span__xl--10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .c-span__xl--11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .c-span__xl--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .c-span__xxl {
    flex: 1 0 0%;
  }
  .c-span__xxl--auto {
    flex: 0 0 auto;
    width: auto;
  }
  .c-span__xxl--1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .c-span__xxl--2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .c-span__xxl--3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .c-span__xxl--4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .c-span__xxl--5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .c-span__xxl--6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .c-span__xxl--7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .c-span__xxl--8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .c-span__xxl--9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .c-span__xxl--10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .c-span__xxl--11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .c-span__xxl--12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.c-horizontal__start {
  justify-content: flex-start !important;
}

.c-horizontal__end {
  justify-content: flex-end !important;
}

.c-horizontal__center {
  justify-content: center !important;
}

.c-horizontal__between {
  justify-content: space-between !important;
}

.c-horizontal__around {
  justify-content: space-around !important;
}

.c-horizontal__evenly {
  justify-content: space-evenly !important;
}

.c-vertical--start {
  align-items: flex-start !important;
}

.c-vertical--end {
  align-items: flex-end !important;
}

.c-vertical--center {
  align-items: center !important;
}

.c-vertical__baseline {
  align-items: baseline !important;
}

.c-vertical--stretch {
  align-items: stretch !important;
}

.c-self--auto {
  align-self: auto !important;
}

.c-self--start {
  align-self: flex-start !important;
}

.c-self--end {
  align-self: flex-end !important;
}

.c-self--center {
  align-self: center !important;
}

.c-self__baseline {
  align-self: baseline !important;
}

.c-self__stretch {
  align-self: stretch !important;
}

@media screen and (min-width: 576px) {
  .c-horizontal__sm--start {
    justify-content: flex-start !important;
  }
  .c-horizontal__sm--end {
    justify-content: flex-end !important;
  }
  .c-horizontal__sm--center {
    justify-content: center !important;
  }
  .c-horizontal__sm--between {
    justify-content: space-between !important;
  }
  .c-horizontal__sm-around {
    justify-content: space-around !important;
  }
  .c-horizontal__sm-evenly {
    justify-content: space-evenly !important;
  }
  .c-vertical__sm--start {
    align-items: flex-start !important;
  }
  .c-vertical__sm--end {
    align-items: flex-end !important;
  }
  .c-vertical__sm--center {
    align-items: center !important;
  }
  .c-vertical__sm-baseline {
    align-items: baseline !important;
  }
  .c-vertical__sm-stretch {
    align-items: stretch !important;
  }
  .c-self__sm--auto {
    align-self: auto !important;
  }
  .c-self__sm--start {
    align-self: flex-start !important;
  }
  .c-self__sm--end {
    align-self: flex-end !important;
  }
  .c-self__sm--center {
    align-self: center !important;
  }
  .c-self__sm-baseline {
    align-self: baseline !important;
  }
  .c-self__sm-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .c-horizontal__md--start {
    justify-content: flex-start !important;
  }
  .c-horizontal__md--end {
    justify-content: flex-end !important;
  }
  .c-horizontal__md--center {
    justify-content: center !important;
  }
  .c-horizontal__md--between {
    justify-content: space-between !important;
  }
  .c-horizontal__md-around {
    justify-content: space-around !important;
  }
  .c-horizontal__md-evenly {
    justify-content: space-evenly !important;
  }
  .c-vertical__md--start {
    align-items: flex-start !important;
  }
  .c-vertical__md--end {
    align-items: flex-end !important;
  }
  .c-vertical__md--center {
    align-items: center !important;
  }
  .c-vertical__md-baseline {
    align-items: baseline !important;
  }
  .c-vertical__md-stretch {
    align-items: stretch !important;
  }
  .c-self__md--auto {
    align-self: auto !important;
  }
  .c-self__md--start {
    align-self: flex-start !important;
  }
  .c-self__md--end {
    align-self: flex-end !important;
  }
  .c-self__md--center {
    align-self: center !important;
  }
  .c-self__md-baseline {
    align-self: baseline !important;
  }
  .c-self__md-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .c-horizontal__lg--start {
    justify-content: flex-start !important;
  }
  .c-horizontal__lg--end {
    justify-content: flex-end !important;
  }
  .c-horizontal__lg--center {
    justify-content: center !important;
  }
  .c-horizontal__lg--between {
    justify-content: space-between !important;
  }
  .c-horizontal__lg-around {
    justify-content: space-around !important;
  }
  .c-horizontal__lg-evenly {
    justify-content: space-evenly !important;
  }
  .c-vertical__lg--start {
    align-items: flex-start !important;
  }
  .c-vertical__lg--end {
    align-items: flex-end !important;
  }
  .c-vertical__lg--center {
    align-items: center !important;
  }
  .c-vertical__lg-baseline {
    align-items: baseline !important;
  }
  .c-vertical__lg-stretch {
    align-items: stretch !important;
  }
  .c-self__lg--auto {
    align-self: auto !important;
  }
  .c-self__lg--start {
    align-self: flex-start !important;
  }
  .c-self__lg--end {
    align-self: flex-end !important;
  }
  .c-self__lg--center {
    align-self: center !important;
  }
  .c-self__lg-baseline {
    align-self: baseline !important;
  }
  .c-self__lg-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .c-horizontal__xl--start {
    justify-content: flex-start !important;
  }
  .c-horizontal__xl--end {
    justify-content: flex-end !important;
  }
  .c-horizontal__xl--center {
    justify-content: center !important;
  }
  .c-horizontal__xl--between {
    justify-content: space-between !important;
  }
  .c-horizontal__xl-around {
    justify-content: space-around !important;
  }
  .c-horizontal__xl-evenly {
    justify-content: space-evenly !important;
  }
  .c-vertical__xl--start {
    align-items: flex-start !important;
  }
  .c-vertical__xl--end {
    align-items: flex-end !important;
  }
  .c-vertical__xl--center {
    align-items: center !important;
  }
  .c-vertical__xl-baseline {
    align-items: baseline !important;
  }
  .c-vertical__xl-stretch {
    align-items: stretch !important;
  }
  .c-self__xl--auto {
    align-self: auto !important;
  }
  .c-self__xl--start {
    align-self: flex-start !important;
  }
  .c-self__xl--end {
    align-self: flex-end !important;
  }
  .c-self__xl--center {
    align-self: center !important;
  }
  .c-self__xl-baseline {
    align-self: baseline !important;
  }
  .c-self__xl-stretch {
    align-self: stretch !important;
  }
}
@media screen and (min-width: 1400px) {
  .c-horizontal__xxl--start {
    justify-content: flex-start !important;
  }
  .c-horizontal__xxl--end {
    justify-content: flex-end !important;
  }
  .c-horizontal__xxl--center {
    justify-content: center !important;
  }
  .c-horizontal__xxl--between {
    justify-content: space-between !important;
  }
  .c-horizontal__xxl--around {
    justify-content: space-around !important;
  }
  .c-horizontal__xxl--evenly {
    justify-content: space-evenly !important;
  }
  .c-vertical__xxl--start {
    align-items: flex-start !important;
  }
  .c-vertical__xxl--end {
    align-items: flex-end !important;
  }
  .c-vertical__xxl--center {
    align-items: center !important;
  }
  .c-vertical__xxl--baseline {
    align-items: baseline !important;
  }
  .c-vertical__xxl--stretch {
    align-items: stretch !important;
  }
  .c-self__xxl--auto {
    align-self: auto !important;
  }
  .c-self__xxl--start {
    align-self: flex-start !important;
  }
  .c-self__xxl--end {
    align-self: flex-end !important;
  }
  .c-self__xxl--center {
    align-self: center !important;
  }
  .c-self__xxl--baseline {
    align-self: baseline !important;
  }
  .c-self__xxl--stretch {
    align-self: stretch !important;
  }
}
.c-box__drawer {
  background-color: var(--rgb-white);
  word-wrap: break-word;
  position: relative;
}
.c-box__drawer dt a, .c-box__drawer dt a:hover, .c-box__drawer dt a:active, .c-box__drawer dt a:focus, .c-box__drawer dt span {
  background-color: var(--rgb-main);
  color: var(--rgb-white);
  font-size: 1.25rem;
  line-height: 1.25;
  padding: 1.5rem 9rem 1.5rem 3rem;
  display: block flow;
  position: relative;
  overflow: hidden;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .c-box__drawer dt a, .c-box__drawer dt a:hover, .c-box__drawer dt a:active, .c-box__drawer dt a:focus, .c-box__drawer dt span {
    font-size: 1.125rem;
    padding: 1rem 4rem 1rem 1rem;
  }
}
.c-box__drawer dt a small, .c-box__drawer dt a:hover small, .c-box__drawer dt a:active small, .c-box__drawer dt a:focus small, .c-box__drawer dt span small {
  margin-left: 1em;
  font-weight: 400;
}
.c-box__drawer dt a:after, .c-box__drawer dt a:hover:after, .c-box__drawer dt a:active:after, .c-box__drawer dt a:focus:after, .c-box__drawer dt span:after {
  color: var(--rgb-white);
  line-height: 24px;
  font-family: "Font Awesome 5 Pro";
  margin: -12px 0;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  bottom: 50%;
}
.c-box__drawer dt a[aria-expanded=false]:after {
  content: "\f067";
}
.c-box__drawer dt a[aria-expanded=true]:after {
  content: "\f068";
}
.c-box__drawer dd {
  border: 1px solid #DDD;
  border-top: none;
}

.c-box__drawer--inner {
  padding: 3rem;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .c-box__drawer--inner {
    padding: 1rem;
  }
}

.c-box__drawer + .c-box__drawer {
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .c-box__drawer + .c-box__drawer {
    margin-top: 1rem;
  }
}

.c-drawer__faq {
  border: 0.0625rem solid var(--rgb-linegray);
  display: block flow;
  position: relative;
  word-wrap: break-word;
  background-color: var(--rgb-white);
}
.c-drawer__faq:not(:first-of-type) {
  margin-top: calc(2rem * var(--responsive-rate));
}
.c-drawer__faq summary {
  background-color: var(--rgb-faq);
  color: var(--rgb-faq-summary);
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  font-weight: 500;
  padding: 1em 3em 1em 4em;
  display: block flow;
  position: relative;
  overflow: hidden;
}
.c-drawer__faq summary::before {
  color: var(--rgb-faq-mark);
  font-size: 3.5em;
  line-height: 0.5;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0.25em;
  right: 0;
  bottom: 0;
  content: "Q";
  overflow: hidden;
  opacity: 0.2;
}
.c-drawer__faq summary::after {
  color: var(--rgb-faq-mark);
  font-size: 1.125em;
  line-height: 1;
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 0;
  margin: -0.5em 1em;
  content: "\e145";
  font-family: "Material Icons";
}
.c-drawer__faq[open] summary::after {
  content: "\e15b";
}

.js-drawer {
  overflow: hidden;
  transition: height 0.4s ease-in-out;
}

.c-drawer__faq--answer {
  background-color: var(--rgb-faq-answer);
  padding: calc(2rem * var(--responsive-rate));
}

.c-floating__link {
  background-color: var(--graycolor);
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0);
  display: block flow;
  position: relative;
}
.c-floating__link, .c-floating__link:hover, .c-floating__link:active, .c-floating__link:focus {
  background-color: var(--graycolor);
  color: var(--textcolor);
}
.c-floating__link:hover, .c-floating__link:active, .c-floating__link:focus {
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
}
.c-floating__link--text {
  padding: 3rem;
  width: 100%;
  aspect-ratio: 2/1;
}
.c-floating__link--text:after {
  background-color: var(--maincolor);
  color: var(--rgb-white);
  font-size: 1.5em;
  font-family: "Font Awesome 5 Pro";
  display: block flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3rem;
  height: 3rem;
  content: "\f061";
}
.c-floating__link--text h4 {
  margin-bottom: 1.5rem;
}

.c-poster__left + .container-lg .c-floating__link {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.c-poster__right + .container-lg .c-floating__link {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}

.c-flow__horizontal {
  display: block grid;
  gap: calc(2rem * var(--lg-rate));
}
.c-flow__horizontal .c-flow__article {
  background-color: var(--rgb-white);
  border-top: 0.0625rem solid var(--rgb-flow);
  border-bottom: 0.0625rem solid var(--rgb-flow);
  scroll-margin-top: calc(var(--header-height));
  width: 100%;
  position: relative;
  border-left: 0.0625rem solid var(--rgb-flow);
  border-right: 0.0625rem solid var(--rgb-flow);
  padding: calc(2rem * var(--lg-rate));
}
.c-flow__horizontal .c-flow__article p {
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .c-flow__horizontal .c-flow__article p {
    line-height: 1.5;
  }
}
.c-flow__horizontal .c-flow__article hr {
  margin: 1rem 0;
}
.c-flow__horizontal .c-flow__article::before, .c-flow__horizontal .c-flow__article::after {
  border-width: calc(1.75rem * var(--lg-rate));
  border-style: solid;
  margin: calc(-1.75rem * var(--lg-rate)) 0;
  position: absolute;
  content: "";
}
.c-flow__horizontal .c-flow__article::before {
  z-index: 3;
}
.c-flow__horizontal .c-flow__article::after {
  z-index: 2;
}
.c-flow__horizontal .c-flow__article:last-child::before, .c-flow__horizontal .c-flow__article:last-child::after {
  display: none;
}
.c-flow__horizontal .c-flow__article .c-flow__icon {
  background-color: var(--rgb-white);
  border: 0.125rem solid var(--rgb-flow-icon);
  border-radius: 50%;
  color: var(--rgb-flow-icon);
  font-size: 2em;
  line-height: 1;
  text-align: center;
  margin: 0.5em auto;
  width: 4rem;
  height: 4rem;
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-flow__horizontal .c-flow__article .c-flow__icon {
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
  }
}
.c-flow__horizontal .c-flow__article .c-flow__heading {
  color: var(--rgb-flow);
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal .c-flow__article .c-flow__heading {
    margin-top: 0.75em;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .c-flow__horizontal .c-flow__article .c-flow__heading {
    margin-top: 0.5em;
    margin-bottom: 1em;
  }
}
.c-flow__horizontal .c-flow__article .c-flow__heading:first-child {
  margin-top: 0;
}
.c-flow__horizontal .c-flow__article .c-flow__heading:last-child {
  margin-bottom: 0;
}
.c-flow__horizontal .c-flow__article .c-flow__image {
  margin: 0 calc(-1.5rem * var(--lg-rate)) calc(1.5rem * var(--lg-rate));
}
@media screen and (min-width: 1400px) {
  .c-flow__horizontal.c-flow__break--xl {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 1399px) {
  .c-flow__horizontal.c-flow__break--xl {
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 1399px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before, .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    margin: 0 -1.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before, .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    margin: 0 -1.25rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before, .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    margin: 0 -1rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before, .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    margin: 0 -0.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before, .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    top: 50%;
    bottom: 50%;
  }
}
@media only screen and (max-width: 1399px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before, .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    left: 50%;
    right: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before {
    border-color: transparent transparent transparent var(--rgb-white);
    left: calc(100% - 0.0625rem);
  }
}
@media only screen and (max-width: 1399px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::before {
    border-color: var(--rgb-white) transparent transparent transparent;
    top: calc(100% - 0.0625rem);
  }
}
@media screen and (min-width: 1400px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    border-color: transparent transparent transparent var(--rgb-flow);
    left: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  .c-flow__horizontal.c-flow__break--xl .c-flow__article::after {
    border-color: var(--rgb-flow) transparent transparent transparent;
    top: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .c-flow__horizontal.c-flow__break--lg {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal.c-flow__break--lg {
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before, .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    margin: 0 -1.25rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before, .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    margin: 0 -1rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before, .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    margin: 0 -0.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before, .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    top: 50%;
    bottom: 50%;
  }
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before, .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    left: 50%;
    right: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before {
    border-color: transparent transparent transparent var(--rgb-white);
    left: calc(100% - 0.0625rem);
  }
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::before {
    border-color: var(--rgb-white) transparent transparent transparent;
    top: calc(100% - 0.0625rem);
  }
}
@media screen and (min-width: 1200px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    border-color: transparent transparent transparent var(--rgb-flow);
    left: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .c-flow__horizontal.c-flow__break--lg .c-flow__article::after {
    border-color: var(--rgb-flow) transparent transparent transparent;
    top: 100%;
  }
}
@media screen and (min-width: 992px) {
  .c-flow__horizontal.c-flow__break--md {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--md {
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::before, .c-flow__horizontal.c-flow__break--md .c-flow__article::after {
    margin: 0 -1rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::before, .c-flow__horizontal.c-flow__break--md .c-flow__article::after {
    margin: 0 -0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::before, .c-flow__horizontal.c-flow__break--md .c-flow__article::after {
    top: 50%;
    bottom: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::before, .c-flow__horizontal.c-flow__break--md .c-flow__article::after {
    left: 50%;
    right: 50%;
  }
}
@media screen and (min-width: 992px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::before {
    border-color: transparent transparent transparent var(--rgb-white);
    left: calc(100% - 0.0625rem);
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::before {
    border-color: var(--rgb-white) transparent transparent transparent;
    top: calc(100% - 0.0625rem);
  }
}
@media screen and (min-width: 992px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::after {
    border-color: transparent transparent transparent var(--rgb-flow);
    left: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .c-flow__horizontal.c-flow__break--md .c-flow__article::after {
    border-color: var(--rgb-flow) transparent transparent transparent;
    top: 100%;
  }
}
@media screen and (min-width: 576px) {
  .c-flow__horizontal.c-flow__break--xs {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--xs {
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::before, .c-flow__horizontal.c-flow__break--xs .c-flow__article::after {
    margin: 0 -0.75rem;
  }
}
@media screen and (min-width: 576px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::before, .c-flow__horizontal.c-flow__break--xs .c-flow__article::after {
    top: 50%;
    bottom: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::before, .c-flow__horizontal.c-flow__break--xs .c-flow__article::after {
    left: 50%;
    right: 50%;
  }
}
@media screen and (min-width: 576px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::before {
    border-color: transparent transparent transparent var(--rgb-white);
    left: calc(100% - 0.0625rem);
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::before {
    border-color: var(--rgb-white) transparent transparent transparent;
    top: calc(100% - 0.0625rem);
  }
}
@media screen and (min-width: 576px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::after {
    border-color: transparent transparent transparent var(--rgb-flow);
    left: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__horizontal.c-flow__break--xs .c-flow__article::after {
    border-color: var(--rgb-flow) transparent transparent transparent;
    top: 100%;
  }
}

.c-flow__before-after .c-flow__article {
  padding: 0.25rem;
}
.c-flow__before-after .c-flow__article .c-flow__heading {
  background-color: var(--rgb-flow-heading);
  margin: 0;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.c-flow__before-after .c-flow__article .c-flow__heading.c-flow__heading--fixed {
  background-color: var(--rgb-flow-heading-transparent);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.c-flow__before-after .c-flow__image {
  position: relative;
  z-index: 4;
}

.c-flow--step {
  background-color: var(--rgb-flow);
  color: var(--rgb-white);
  border-radius: 50%;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  margin: 0.5em auto;
  width: 4rem;
  height: 4rem;
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-flow--step {
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
  }
}

.c-flow__vertical {
  border-top: 0.0625rem solid var(--rgb-flow);
}
.c-flow__vertical .c-flow__article {
  background-color: var(--rgb-white);
  border-top: 0.0625rem solid var(--rgb-flow);
  border-bottom: 0.0625rem solid var(--rgb-flow);
  scroll-margin-top: calc(var(--header-height));
  width: 100%;
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0) 100%);
  padding: 0;
  display: table;
  width: 100%;
  border-top: none;
}
.c-flow__vertical .c-flow__article p {
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  .c-flow__vertical .c-flow__article p {
    line-height: 1.5;
  }
}
.c-flow__vertical .c-flow__article hr {
  margin: 1rem 0;
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__article {
    padding: 0;
  }
}
.c-flow__vertical .c-flow__article::before, .c-flow__vertical .c-flow__article::after {
  border-width: 1.75rem;
  border-style: solid;
  margin: 0 -1.75rem;
  width: 0;
  height: 0;
  display: block flow;
  position: absolute;
  left: 50%;
  right: 50%;
  content: "";
}
@media only screen and (max-width: 767px) {
  .c-flow__vertical .c-flow__article::before, .c-flow__vertical .c-flow__article::after {
    border-width: 1.25rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__article::before, .c-flow__vertical .c-flow__article::after {
    margin: 0 -1.25rem;
  }
}
.c-flow__vertical .c-flow__article::before {
  border-color: var(--rgb-flow) transparent transparent transparent;
  top: -0.0625rem;
  z-index: 7;
}
.c-flow__vertical .c-flow__article::after {
  border-color: var(--rgb-white) transparent transparent transparent;
  top: -0.125rem;
  z-index: 8;
}
.c-flow__vertical .c-flow__article:first-child::before, .c-flow__vertical .c-flow__article:first-child::after {
  display: none;
}
.c-flow__vertical .c-flow__no, .c-flow__vertical .c-flow__time, .c-flow__vertical .c-flow__notes {
  display: table-cell;
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__no, .c-flow__vertical .c-flow__time, .c-flow__vertical .c-flow__notes {
    display: block flow;
  }
}
.c-flow__vertical .c-flow__time {
  width: 18rem;
  vertical-align: top;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .c-flow__vertical .c-flow__time {
    width: 12rem;
    vertical-align: top;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__time {
    width: 100%;
  }
}
.c-flow__vertical .c-flow__time span {
  color: rgba(0, 0, 0, 0.075);
  font-size: 6em;
  line-height: 1;
  font-weight: 700;
  margin-top: -0.05em;
  padding: 0;
  display: block flow;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .c-flow__vertical .c-flow__time span {
    font-size: 4em;
  }
}
.c-flow__vertical .c-flow__no {
  width: 4.5rem;
  vertical-align: top;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .c-flow__vertical .c-flow__no {
    width: 3rem;
    vertical-align: top;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__no {
    width: 100%;
  }
}
.c-flow__vertical .c-flow__no span {
  color: var(--rgb-flowno);
  font-size: 7em;
  line-height: 1;
  font-weight: 700;
  margin-top: 0.1875em;
  padding: 0;
  display: block flow;
}
@media only screen and (max-width: 767px) {
  .c-flow__vertical .c-flow__no span {
    font-size: 3.5em;
    line-height: 1;
  }
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__no span {
    text-align: right;
  }
}
.c-flow__vertical .c-flow__no small {
  display: block flow;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .c-flow__vertical .c-flow__no small {
    font-size: 10px;
    line-height: 12px;
  }
}
.c-flow__vertical .c-flow__no + .c-flow__notes {
  vertical-align: top;
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__no + .c-flow__notes {
    padding: 0 0 1rem;
    margin-top: -1.5rem;
  }
}
.c-flow__vertical .c-flow__notes {
  padding: 3rem;
}
@media only screen and (max-width: 991px) {
  .c-flow__vertical .c-flow__notes {
    padding: 3rem 2rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-flow__vertical .c-flow__notes {
    padding: 2rem 1rem 1rem;
  }
}
.c-flow__vertical .c-flow__notes .well {
  background: var(--rgb-white);
  border: none;
  color: #212121;
}
.c-flow__vertical .c-flow__notes .c-heading__flow {
  font-size: 1.125em;
  line-height: 1.5;
  margin: 1.5em 0 0.75em;
}
.c-flow__vertical .c-flow__notes .c-heading__flow .c-heading__leftline {
  line-height: 1.5;
  font-weight: 700;
  display: block flow;
}
.c-flow__vertical .c-flow__notes .c-heading__flow:first-child {
  margin-top: 0;
}
.c-flow__vertical .c-flow__notes h5:first-child {
  margin-top: 0;
}
.c-flow__vertical .c-flow__notes p {
  line-height: 1.75;
}
.c-flow__vertical .c-flow__notes hr {
  margin: 0.5em 0;
  border-top: 0.0625rem dashed #FF9;
}
.c-flow__vertical .c-flow__notes dl {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__notes dl {
    display: block flow;
  }
}
.c-flow__vertical .c-flow__notes dl dt, .c-flow__vertical .c-flow__notes dl dd {
  display: table-cell;
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__notes dl dt, .c-flow__vertical .c-flow__notes dl dd {
    display: block flow;
  }
}
.c-flow__vertical .c-flow__notes dl dt {
  width: 7em;
}
@media only screen and (max-width: 575px) {
  .c-flow__vertical .c-flow__notes dl dt {
    margin-bottom: 1.25vw;
  }
}

.c-flow__word {
  display: block flex;
  justify-content: center;
  align-items: center;
  padding: calc(2em * var(--md-rate)) calc(1em * var(--md-rate));
}
.c-flow__word p {
  text-align: center;
  line-height: 1.5;
}

.c-policy__scroll {
  background-color: var(--rgb-white);
  height: 12.5rem;
  overflow-y: scroll;
}

.c-form__recept {
  text-align: center;
  line-height: 1.5;
  margin: -0.25em 0;
}

[data-field=required] {
  display: block flex;
  justify-content: space-between;
  align-items: center;
}
[data-field=required]:after {
  color: var(--rgb-white);
  font-size: 0.75em;
  line-height: 1;
  margin-left: 1.33em;
  padding: 0.25em 0.5em;
  text-align: center;
}
[data-field=required].justify-content-start {
  margin-bottom: 0.5em;
  width: 7em;
}
[data-field=required] small {
  display: block flex;
  justify-content: center;
  align-items: center;
}
[data-field=required]:after {
  background-color: var(--rgb-required);
  content: "必須";
}

.c-form__optional {
  display: block flex;
  justify-content: space-between;
  align-items: center;
}
.c-form__optional:after {
  color: var(--rgb-white);
  font-size: 0.75em;
  line-height: 1;
  margin-left: 1.33em;
  padding: 0.25em 0.5em;
  text-align: center;
}
.c-form__optional.justify-content-start {
  margin-bottom: 0.5em;
  width: 7em;
}
.c-form__optional small {
  display: block flex;
  justify-content: center;
  align-items: center;
}
.c-form__optional:after {
  background-color: var(--rgb-optional);
  content: "任意";
}

.c-form__required--image {
  background-color: var(--rgb-required);
  color: var(--rgb-white);
  font-size: 0.75em;
  line-height: 1;
  font-weight: 500;
  margin-right: 0.25rem;
  margin-bottom: 0.25em;
  padding: 0.25em 0;
  width: 2.25rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
  display: inline flow-root;
}

.c-form__label {
  margin-bottom: 0.5rem;
}

.c-form__text {
  margin-top: 0.25rem;
  font-size: 0.9em;
}

.c-form__control {
  background-color: var(--rgb-white);
  background-clip: padding-box;
  color: var(--rgb-text);
  border: 0.0625rem solid var(--rgb-linegray);
  border-radius: 0.125rem;
  font-size: 1em;
  line-height: 1.5;
  display: block flow;
  padding: 0.375em 0.75em;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__control {
    transition: none;
  }
}
.c-form__control[type=file] {
  overflow: hidden;
}

.c-form__control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.c-form__control:focus {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
  border-color: var(--rgb-focus);
  outline: 0;
}

.c-form__control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}

.c-form__control::-webkit-datetime-edit {
  display: block flow;
  padding: 0;
}

.c-form__control::-moz-placeholder {
  color: var(--rgb-middlegray);
  opacity: 1;
}

.c-form__control::placeholder {
  color: var(--rgb-middlegray);
  opacity: 1;
}

.c-form__control:disabled {
  background-color: var(--rgb-lightgray);
  opacity: 1;
}

.c-form__control::file-selector-button {
  background-color: var(--rgb-lightgray);
  color: var(--rgb-text);
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 0.0625rem;
  border-radius: 0;
  font-size: 1em;
  line-height: 1.5;
  margin: -0.5em -0.75em;
  margin-inline-end: 0.75em;
  padding: 0.5em 0.75em;
  pointer-events: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__control::file-selector-button {
    transition: none;
  }
}

.c-form__control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--rgb-lightgray);
}

.c-form__width--lg {
  width: 75%;
}
@media only screen and (max-width: 991px) {
  .c-form__width--lg {
    width: 100%;
  }
}

.c-form__width--md {
  width: 50%;
}
@media only screen and (max-width: 575px) {
  .c-form__width--md {
    width: 100%;
  }
}

.c-form__width--sm {
  width: 25%;
}
@media only screen and (max-width: 991px) {
  .c-form__width--sm {
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .c-form__width--sm {
    width: 100%;
  }
}

.c-form__control--plaintext {
  display: block flow;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--rgb-text);
  background-color: transparent;
  border: solid transparent;
  border-width: 0.0625rem 0;
}
.c-form__control--plaintext:focus {
  outline: 0;
}

textarea.c-form__control {
  min-height: calc(1.5em + 0.75rem + 0.125rem);
}

.c-form__control--color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 0.125rem);
  padding: 0.375rem;
}

.c-form__control--color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.c-form__control--color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.125rem;
}

.c-form__control--color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 0.125rem;
}

.c-form__select {
  background-color: var(--rgb-white);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  color: var(--rgb-text);
  border: 0.0625rem solid var(--rgb-linegray);
  border-radius: 0.125rem;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block flow;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__select {
    transition: none;
  }
}
.c-form__select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.c-form__select[multiple], .c-form__select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.c-form__select:disabled {
  background-color: var(--rgb-lightgray);
}

.c-form__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--rgb-text);
}

@media print {
  .c-form__list {
    display: block flex;
    flex-flow: row wrap;
    align-items: center;
  }
}
@media screen and (min-width: 576px) {
  .c-form__list {
    display: block flex;
    flex-flow: row wrap;
    align-items: center;
  }
}
.c-form__list li {
  margin-right: 1.5em;
  display: block flex;
  flex-flow: row wrap;
  align-items: center;
}

.c-form__check {
  display: block flex;
  align-items: center;
  min-height: 1.5rem;
}

.c-form__check .c-form__check--input {
  margin-right: 0.5em;
}

.c-form__check--reverse {
  padding-left: 0;
  padding-right: 1.5em;
  text-align: right;
}

.c-form__check--reverse .c-form__check--input {
  margin-right: -1.5em;
  margin-left: 0;
}

.c-form__check--input {
  --form-check-bg: var(--rgb-white);
  width: 1em;
  height: 1em;
  vertical-align: top;
  background-color: var(--form-check-bg);
  background-image: var(--form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0.0625rem solid var(--rgb-linegray);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.c-form__check--input[type=checkbox] {
  border-radius: 0.25em;
}

.c-form__check--input[type=radio] {
  border-radius: 50%;
}

.c-form__check--input:active {
  filter: brightness(90%);
}

.c-form__check--input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.c-form__check--input:checked[type=radio] {
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.c-form__check--input:not(:checked)[type=checkbox] {
  background-color: var(--rgb-white);
  border-color: var(--rgb-linegray);
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.c-form__check--input:checked {
  background-color: var(--rgb-form);
  border-color: var(--rgb-form);
}

.c-form__check--input:checked[type=checkbox] {
  background-color: var(--rgb-form);
  border-color: var(--rgb-form);
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.c-form__check--input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.c-form__check--input[disabled] ~ .c-form__check--label, .c-form__check--input:disabled ~ .c-form__check--label {
  cursor: default;
  opacity: 0.5;
}

.c-form__switch {
  padding-left: 2.5em;
}

.c-form__switch .c-form__check--input {
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, .25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__switch .c-form__check--input {
    transition: none;
  }
}
.c-form__switch .c-form__check--input:focus {
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.c-form__switch .c-form__check--input:checked {
  background-position: right center;
  --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.c-form__switch.c-form__check--reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.c-form__switch.c-form__check--reverse .c-form__check--input {
  margin-right: -2.5em;
  margin-left: 0;
}

.c-form__check--inline {
  display: inline flow-root;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.c-form__range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.c-form__range:focus {
  outline: 0;
}

.c-form__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.c-form__range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.c-form__range::-moz-focus-outer {
  border: 0;
}

.c-form__range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: var(--rgb-form);
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.c-form__range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.c-form__range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--rgb-lightgray);
  border-color: transparent;
  border-radius: 1rem;
}

.c-form__range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: var(--rgb-form);
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.c-form__range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.c-form__range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--rgb-lightgray);
  border-color: transparent;
  border-radius: 1rem;
}

.c-form__range:disabled {
  pointer-events: none;
}

.c-form__range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}

.c-form__range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.c-form__floating {
  position: relative;
}

.c-form__floating > .c-form__control,
.c-form__floating > .c-form__control--plaintext,
.c-form__floating > .c-form__select {
  height: 3.625rem;
  min-height: 3.625rem;
  line-height: 1.25;
}

.c-form__floating > label {
  border: 0.0625rem solid transparent;
  text-align: start;
  padding: 1rem 0.75rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  opacity: 0.33;
}

@media (prefers-reduced-motion: reduce) {
  .c-form__floating > label {
    transition: none;
  }
}
.c-form__floating > .c-form__control,
.c-form__floating > .c-form__control--plaintext {
  padding: 1rem 0.75rem;
}

.c-form__floating > .c-form__control::-moz-placeholder, .c-form__floating > .c-form__control--plaintext::-moz-placeholder {
  color: transparent;
}

.c-form__floating > .c-form__control::placeholder,
.c-form__floating > .c-form__control--plaintext::placeholder {
  color: transparent;
}

.c-form__floating > .c-form__control:not(:-moz-placeholder-shown), .c-form__floating > .c-form__control--plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.c-form__floating > .c-form__control:focus, .c-form__floating > .c-form__control:not(:placeholder-shown),
.c-form__floating > .c-form__control--plaintext:focus,
.c-form__floating > .c-form__control--plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.c-form__floating > .c-form__control:-webkit-autofill,
.c-form__floating > .c-form__control--plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.c-form__floating > .c-form__select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.c-form__floating > .c-form__control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--rgb-text-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.c-form__floating > .c-form__control:focus ~ label,
.c-form__floating > .c-form__control:not(:placeholder-shown) ~ label,
.c-form__floating > .c-form__control--plaintext ~ label,
.c-form__floating > .c-form__select ~ label {
  color: rgba(var(--rgb-text-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.c-form__floating > .c-form__control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--rgb-white);
  border-radius: 0.125rem;
}

.c-form__floating > .c-form__control:focus ~ label::after,
.c-form__floating > .c-form__control:not(:placeholder-shown) ~ label::after,
.c-form__floating > .c-form__control--plaintext ~ label::after,
.c-form__floating > .c-form__select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--rgb-white);
  border-radius: 0.125rem;
}

.c-form__floating > .c-form__control:-webkit-autofill ~ label {
  color: rgba(var(--rgb-text-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.c-form__floating > .c-form__control--plaintext ~ label {
  border-width: 0.0625rem 0;
}

.c-form__floating > :disabled ~ label {
  color: #6c757d;
}

.c-form__floating > :disabled ~ label::after {
  background-color: var(--rgb-lightgray);
}

.c-input__group {
  position: relative;
  display: block flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.c-input__group > .c-form__control,
.c-input__group > .c-form__select,
.c-input__group > .c-form__floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.c-input__group > .c-form__control:focus,
.c-input__group > .c-form__select:focus,
.c-input__group > .c-form__floating:focus-within {
  z-index: 5;
}

.c-input__group .btn {
  position: relative;
  z-index: 2;
}

.c-input__group .btn:focus {
  z-index: 5;
}

.c-input__group--text {
  background-color: var(--rgb-lightgray);
  color: var(--rgb-text);
  border: 0.0625rem solid var(--rgb-linegray);
  border-radius: 0.125rem;
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  padding: 0.375rem 0.75rem;
  display: block flex;
  align-items: center;
}

.c-input__group--lg > .c-form__control,
.c-input__group--lg > .c-form__select,
.c-input__group--lg > .c-input__group--text,
.c-input__group--lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}

.c-input__group--sm > .c-form__control,
.c-input__group--sm > .c-form__select,
.c-input__group--sm > .c-input__group--text,
.c-input__group--sm > .btn {
  padding: 0.25em 0.5em;
  font-size: 0.9em;
  border-radius: 0.0625rem;
}

.c-input__group--lg > .c-form__select,
.c-input__group--sm > .c-form__select {
  padding-right: 3rem;
}

.c-input__group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.c-form__floating),
.c-input__group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.c-input__group:not(.has-validation) > .c-form__floating:not(:last-child) > .c-form__control,
.c-input__group:not(.has-validation) > .c-form__floating:not(:last-child) > .c-form__select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-input__group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.c-form__floating),
.c-input__group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.c-input__group.has-validation > .c-form__floating:nth-last-child(n+3) > .c-form__control,
.c-input__group.has-validation > .c-form__floating:nth-last-child(n+3) > .c-form__select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-input__group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -0.0625rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-input__group > .c-form__floating:not(:first-child) > .c-form__control,
.c-input__group > .c-form__floating:not(:first-child) > .c-form__select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: 0.125rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block flow;
}

.was-validated .c-form__control:valid, .c-form__control.is-valid {
  border-color: var(--form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .c-form__control:valid:focus, .c-form__control.is-valid:focus {
  border-color: var(--form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.c-form__control:valid, textarea.c-form__control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .c-form__select:valid, .c-form__select.is-valid {
  border-color: var(--form-valid-border-color);
}

.was-validated .c-form__select:valid:not([multiple]):not([size]), .was-validated .c-form__select:valid:not([multiple])[size="1"], .c-form__select.is-valid:not([multiple]):not([size]), .c-form__select.is-valid:not([multiple])[size="1"] {
  --form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .c-form__select:valid:focus, .c-form__select.is-valid:focus {
  border-color: var(--form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .c-form__control--color:valid, .c-form__control--color.is-valid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.was-validated .c-form__check--input:valid, .c-form__check--input.is-valid {
  border-color: var(--form-valid-border-color);
}

.was-validated .c-form__check--input:valid:checked, .c-form__check--input.is-valid:checked {
  background-color: var(--form-valid-color);
}

.was-validated .c-form__check--input:valid:focus, .c-form__check--input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .c-form__check--input:valid ~ .c-form__check--label, .c-form__check--input.is-valid ~ .c-form__check--label {
  color: var(--form-valid-color);
}

.c-form__check--inline .c-form__check--input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .c-input__group > .c-form__control:not(:focus):valid, .c-input__group > .c-form__control:not(:focus).is-valid,
.was-validated .c-input__group > .c-form__select:not(:focus):valid,
.c-input__group > .c-form__select:not(:focus).is-valid,
.was-validated .c-input__group > .c-form__floating:not(:focus-within):valid,
.c-input__group > .c-form__floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: 0.125rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block flow;
}

.was-validated .c-form__control:invalid, .c-form__control.is-invalid {
  border-color: var(--form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .c-form__control:invalid:focus, .c-form__control.is-invalid:focus {
  border-color: var(--form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.c-form__control:invalid, textarea.c-form__control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .c-form__select:invalid, .c-form__select.is-invalid {
  border-color: var(--form-invalid-border-color);
}

.was-validated .c-form__select:invalid:not([multiple]):not([size]), .was-validated .c-form__select:invalid:not([multiple])[size="1"], .c-form__select.is-invalid:not([multiple]):not([size]), .c-form__select.is-invalid:not([multiple])[size="1"] {
  --form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .c-form__select:invalid:focus, .c-form__select.is-invalid:focus {
  border-color: var(--form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .c-form__control--color:invalid, .c-form__control--color.is-invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.was-validated .c-form__check--input:invalid, .c-form__check--input.is-invalid {
  border-color: var(--form-invalid-border-color);
}

.was-validated .c-form__check--input:invalid:checked, .c-form__check--input.is-invalid:checked {
  background-color: var(--form-invalid-color);
}

.was-validated .c-form__check--input:invalid:focus, .c-form__check--input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .c-form__check--input:invalid ~ .c-form__check--label, .c-form__check--input.is-invalid ~ .c-form__check--label {
  color: var(--form-invalid-color);
}

.c-form__check--inline .c-form__check--input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .c-input__group > .c-form__control:not(:focus):invalid,
.c-input__group > .c-form__control:not(:focus).is-invalid,
.was-validated .c-input__group > .c-form__select:not(:focus):invalid,
.c-input__group > .c-form__select:not(:focus).is-invalid,
.was-validated .c-input__group > .c-form__floating:not(:focus-within):invalid,
.c-input__group > .c-form__floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.c-frame__line {
  border: 0.0625rem solid var(--rgb-linegray);
  padding: 0.0625rem;
  background-color: var(--rgb-white);
}
.c-frame__line > img, .c-frame__line a > img {
  width: 100%;
  height: auto;
}

.c-frame__mirror {
  position: relative;
}
.c-frame__mirror:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.5rem solid rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 767px) {
  .c-frame__mirror:after {
    border: 0.5rem solid rgba(255, 255, 255, 0.5);
  }
}
.c-frame__mirror img {
  width: 100%;
  height: auto;
}

.c-frame__overlap--wrapper {
  margin: 2rem 0;
}

.c-frame__overlap--xs, .c-frame__overlap--sm, .c-frame__overlap--long, .c-frame__overlap {
  display: inline flow-root;
  position: relative;
}
.c-frame__overlap--xs::before, .c-frame__overlap--sm::before, .c-frame__overlap--long::before, .c-frame__overlap::before, .c-frame__overlap--xs::after, .c-frame__overlap--sm::after, .c-frame__overlap--long::after, .c-frame__overlap::after {
  background-color: var(--rgb-white);
  padding-bottom: 33.3333333333%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.c-frame__overlap--xs::before, .c-frame__overlap--sm::before, .c-frame__overlap--long::before, .c-frame__overlap::before {
  z-index: 2;
}
.c-frame__overlap--xs::after, .c-frame__overlap--sm::after, .c-frame__overlap--long::after, .c-frame__overlap::after {
  z-index: 1;
}
.c-frame__overlap--xs img, .c-frame__overlap--sm img, .c-frame__overlap--long img, .c-frame__overlap img {
  background-color: var(--rgb-white);
  width: 100%;
  height: auto;
  display: inline flow-root;
  position: relative;
  z-index: 3;
}

.c-frame__overlap img {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  border-radius: 0.125rem;
}
.c-frame__overlap:before, .c-frame__overlap:after {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
}
.c-frame__overlap:before {
  transform: rotate(4deg);
}
.c-frame__overlap:after {
  transform: rotate(2deg);
}

.c-frame__overlap--long img {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
  padding: 0.5rem;
  border-radius: 0.125rem;
}
.c-frame__overlap--long:before, .c-frame__overlap--long:after {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
  padding: 0.25rem;
}
.c-frame__overlap--long:before {
  transform: rotate(2deg);
}
.c-frame__overlap--long:after {
  transform: rotate(1deg);
}

.c-frame__overlap--sm img {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  padding: 1rem;
  border-radius: 0.125rem;
}
.c-frame__overlap--sm:before, .c-frame__overlap--sm:after {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
.c-frame__overlap--sm:before {
  transform: rotate(4deg);
}
.c-frame__overlap--sm:after {
  transform: rotate(2deg);
}

.c-frame__overlap--xs img {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  border-radius: 0.125rem;
}
.c-frame__overlap--xs:before, .c-frame__overlap--xs:after {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
}
.c-frame__overlap--xs:before {
  transform: rotate(4deg);
}
.c-frame__overlap--xs:after {
  transform: rotate(2deg);
}

.c-frame__polaroid {
  background-color: var(--rgb-white);
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: calc(1.5rem * var(--lg-rate));
}
.c-frame__polaroid p {
  text-align: center;
  line-height: 1.125;
  font-size: 0.9rem;
  padding: 0.25rem 0;
}
.c-frame__polaroid img {
  width: 100%;
  height: auto;
}
.c-frame__polaroid--rounded {
  background-color: var(--rgb-white);
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 1rem;
  border-radius: 2rem;
}
@media only screen and (max-width: 767px) {
  .c-frame__polaroid--rounded {
    padding: 5px;
  }
}
.c-frame__polaroid--rounded img {
  width: 100%;
  height: auto;
  position: relative;
  display: inline flow-root;
  border-radius: 22px;
}

.c-frame__bracket {
  padding: 1.25rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .c-frame__bracket {
    padding: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-frame__bracket {
    padding: 0.5rem;
  }
}
.c-frame__bracket:before, .c-frame__bracket:after {
  position: absolute;
  content: "";
}
.c-frame__bracket:before {
  top: 0;
  left: 25%;
  right: 0;
  bottom: 25%;
}
.c-frame__bracket:after {
  top: 25%;
  left: 0;
  right: 25%;
  bottom: 0;
}

.c-frame__with--tape, .c-frame__with--pin {
  position: relative;
}
.c-frame__with--tape::before, .c-frame__with--pin::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block flow;
  position: absolute;
  left: 50%;
  right: 50%;
  z-index: 1;
  content: "";
}

.c-frame__with--pin:before {
  background-image: url(../images/pin.png);
  width: 2.5rem;
  height: 3rem;
  margin: 0 -1.25rem;
  top: -2rem;
}
@media only screen and (max-width: 767px) {
  .c-frame__with--pin:before {
    width: 1.25rem;
    height: 3rem;
    margin: 0 -0.625rem;
    top: -2rem;
  }
}

.c-frame__with--tape:before {
  background-image: url(../images/tape.png);
  width: 6rem;
  height: 2.25rem;
  margin: 0 -3rem;
  top: -1.5rem;
}
@media only screen and (max-width: 767px) {
  .c-frame__with--tape:before {
    width: 4rem;
    height: 1.5rem;
    margin: 0 -2rem;
    top: -0.75rem;
  }
}

.c-frame__note {
  background-color: var(--rgb-white);
  color: #696969;
  border: solid 1px #E6E6E6;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 0.3em 2em 2em;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 767px) {
  .c-frame__note {
    padding: 0.3em 1em 2em;
  }
}

.c-frame__note--line {
  background-color: var(--rgb-white);
  width: 100%;
  background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, var(--rgb-white) 0%, var(--rgb-white) 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
  background-size: 8px 100%, 100% 2em;
  line-height: 2em;
  padding: 2em 0 0.2em;
}
@media only screen and (max-width: 767px) {
  .c-frame__note--line {
    line-height: 2.05em;
  }
}
.c-frame__note--line strong {
  display: block;
  color: var(--deepcolor);
  margin-bottom: 2em;
}
.c-frame__note--line span {
  display: inline-block;
  width: 5em;
}

.c-heading {
  position: relative;
  z-index: 1;
  font-feature-settings: "palt";
  isolation: isolate;
  line-height: 1.5;
}
.c-heading span, .c-heading em {
  line-height: 1.5;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  margin-block: var(--leading-trim-ja);
}
.c-heading:first-child {
  margin-top: 0;
}
.c-heading:last-child {
  margin-bottom: 0;
}

.c-heading__margin {
  margin-bottom: calc(var(--clearance-padding) * var(--heading-margin) * var(--heading-margin));
}

.c-heading__margin--first {
  margin-bottom: calc(var(--clearance-padding) * var(--heading-margin));
}

.c-heading__headline {
  padding-top: 0.5rem;
  display: block;
}

.c-heading__underline {
  padding-bottom: 0.25em;
  display: block;
}

.c-heading__leftline {
  padding-left: 0.66em;
  display: block;
}

.c-heading__square--brackets {
  display: flex;
  align-items: center;
}
.c-heading__square--brackets::before, .c-heading__square--brackets::after {
  width: 0.4em;
  height: 1em;
  display: block;
  content: "";
}
.c-heading__square--brackets::before {
  margin-bottom: auto;
  border-top: var(--brackets-border-width) solid var(--brackets-border-color);
  border-left: var(--brackets-border-width) solid var(--brackets-border-color);
  margin-right: 0.6em;
}
.c-heading__square--brackets::after {
  margin-top: auto;
  border-right: var(--brackets-border-width) solid var(--brackets-border-color);
  border-bottom: var(--brackets-border-width) solid var(--brackets-border-color);
  margin-left: 0.6em;
}

.c-heading__devider::after {
  background-color: var(--rgb-heading-devider);
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--width-heading-devider);
  height: 0.125rem;
  content: "";
}
.c-heading__devider.text-center:after {
  left: 50%;
  right: 50%;
  margin: 0 calc(var(--width-heading-devider) * -0.5);
}
@media only screen and (min-width: 992px) {
  .c-heading__devider.text-center.text-lg-start:after {
    left: 0;
    right: auto;
    margin: 0;
  }
}
.c-heading__devider.text-end:after {
  left: auto;
  right: 0;
}

.c-hero__link--thin, .c-hero__link {
  display: block;
  position: relative;
  overflow: hidden;
}

.c-hero__link--image {
  background-color: var(--rgb-herolink);
  overflow: hidden;
}
.c-hero__link--image img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.6s;
}
.c-hero__link--image + .c-hero__link--title {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-hero__link--title {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1em;
}
.c-hero__link--title h4 {
  color: var(--rgb-white);
}
@media only screen and (max-width: 991px) {
  .c-hero__link--title h4 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .c-hero__link--title h4 {
    font-size: 1.25em;
  }
}
.c-hero__link--title:after {
  background-color: var(--accentcolor);
  color: var(--rgb-white);
  border-radius: 6rem;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 1em;
  padding: 0.5em 1em;
  display: block;
  content: "View More";
}
@media only screen and (max-width: 991px) {
  .c-hero__link--title:after {
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 767px) {
  .c-hero__link--title:after {
    font-size: 0.8em;
  }
}

.c-hero__link:hover .c-hero__link--image img {
  transform: scale(1.05);
  transition: transform 1.2s;
}

.c-hero__dummy {
  position: relative;
  display: block;
  overflow: hidden;
}
.c-hero__dummy--image {
  background-color: #000;
  overflow: hidden;
}
.c-hero__dummy--image img {
  transform: scale(1);
  width: 100%;
  height: auto;
  transition: transform 0.6s;
}
.c-hero__dummy--title {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.c-hero__dummy--title h4 {
  font-size: 1.75em;
  font-weight: 700;
  color: var(--rgb-white);
}
@media only screen and (max-width: 991px) {
  .c-hero__dummy--title h4 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .c-hero__dummy--title h4 {
    font-size: 1.25em;
  }
}

.c-hero__icon {
  position: relative;
  display: block;
  overflow: hidden;
}
.c-hero__icon--image {
  background-color: #000;
  overflow: hidden;
  padding: 5rem;
}
@media only screen and (max-width: 1399px) {
  .c-hero__icon--image {
    padding: 4rem;
  }
}
@media only screen and (max-width: 1199px) {
  .c-hero__icon--image {
    padding: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-hero__icon--image {
    padding: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-hero__icon--image {
    padding: 1.5rem;
  }
}
.c-hero__icon--image img {
  transform: scale(1);
  width: 100%;
  height: auto;
  transition: transform 0.6s;
}
.c-hero__icon--title {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.c-hero__icon--title h4 {
  font-size: 1.25em;
  font-weight: 700;
  color: var(--rgb-white);
}
@media only screen and (max-width: 991px) {
  .c-hero__icon--title h4 {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .c-hero__icon--title h4 {
    font-size: 1.125em;
  }
}

.c-lead {
  font-size: calc(1.125em * var(--sm-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead small {
  font-size: 0.66em;
  display: block;
}
.c-lead span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--xs {
  font-size: calc(1.25em * var(--sm-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--xs small {
  font-size: 0.66em;
  display: block;
}
.c-lead--xs span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--xs span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--sm {
  font-size: calc(1.33em * var(--sm-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--sm small {
  font-size: 0.66em;
  display: block;
}
.c-lead--sm span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--sm span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--md {
  font-size: calc(1.5em * var(--sm-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--md small {
  font-size: 0.66em;
  display: block;
}
.c-lead--md span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--md span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--lg {
  font-size: calc(1.66em * var(--sm-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--lg small {
  font-size: 0.66em;
  display: block;
}
.c-lead--lg span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--lg span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--xl {
  font-size: calc(1.75em * var(--md-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--xl small {
  font-size: 0.66em;
  display: block;
}
.c-lead--xl span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--xl span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--xxl {
  font-size: calc(2em * var(--md-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--xxl small {
  font-size: 0.66em;
  display: block;
}
.c-lead--xxl span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--xxl span {
    display: inline;
    white-space: normal;
  }
}

.c-lead--xxxl {
  font-size: calc(2.5em * var(--md-rate));
  display: block flex;
  flex-flow: row wrap;
}
.c-lead--xxxl small {
  font-size: 0.66em;
  display: block;
}
.c-lead--xxxl span {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-lead--xxxl span {
    display: inline;
    white-space: normal;
  }
}

.c-text__link, .c-text__link:hover, .c-text__link:active, .c-text__link:focus {
  color: var(--rgb-link);
  text-decoration: underline;
  text-underline-position: under;
  word-break: break-word;
}
.c-text__link:hover, .c-text__link:active, .c-text__link:focus {
  text-decoration: none;
}

.c-list__disc {
  list-style: disc;
  padding-left: 2em;
}
.c-list__disc li .c-kome {
  display: block;
  line-height: 1.5;
}

.c-list__circle {
  list-style: none;
  padding-left: 2em;
  padding-left: 0;
}
.c-list__circle > li {
  padding-left: 2em;
}
.c-list__circle > li::before {
  color: var(--rgb-list-marker);
  font-family: "Material Icons";
  content: "\f111";
  display: inline-block;
  text-align: center;
  margin-left: -2em;
  width: 2em;
  font-weight: 900;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .c-list__circle > li::before {
    line-height: 1.5;
  }
}

.c-list__square {
  list-style: none;
  padding-left: 2em;
  padding-left: 0;
  counter-reset: square;
}
.c-list__square li {
  line-height: 1.5;
  padding-left: 3em;
}
.c-list__square li:before {
  background-color: var(--rgb-list-marker);
  color: var(--rgb-white);
  border-radius: 0.5rem;
  font-weight: 700;
  counter-increment: square;
  content: "" counter(square) "";
  text-align: center;
  display: inline-block;
  margin-right: 1em;
  margin-left: -3em;
  padding-top: 0.25em;
  width: 2em;
  height: 2em;
}
.c-list__square li + li {
  margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .c-list__square li + li {
    margin-top: 0.25rem;
  }
}
.c-list__square strong {
  margin-right: 1em;
  font-weight: 800;
}

.c-list__minus {
  list-style: none;
  padding-left: 2em;
}
.c-list__minus > li {
  display: inline-block;
}
.c-list__minus > li:before {
  content: "-";
  display: inline-block;
  width: 1em;
  color: #212121;
  font-weight: 700;
}
.c-list__minus > li + li {
  margin-left: 1em;
}

.c-list__decimal {
  list-style: decimal;
  padding-left: 2em;
}
.c-list__decimal li {
  margin-left: 1.5em;
}
.c-list__decimal li:not(:first-of-type) {
  margin-top: 0.25em;
}
.c-list__decimal li .c-list__bracket {
  margin-top: 0.25em;
  margin-left: -2em;
}

.c-list__check {
  list-style: none;
  padding-left: 2em;
  padding-left: 2em;
}
.c-list__check li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Icons";
  width: 1.6em;
  height: 1em;
  margin-left: -1.6em;
  margin-bottom: 0.1875em;
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  content: "\e5ca";
}

.c-list__check--sm {
  list-style: none;
  padding-left: 2em;
  padding-left: 2em;
  font-size: 1.125em;
}
.c-list__check--sm li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Icons";
  width: 1.6em;
  height: 1em;
  margin-left: -1.6em;
  margin-bottom: 0.1875em;
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  content: "\e5ca";
}

.c-list__check--md {
  list-style: none;
  padding-left: 2em;
  padding-left: 2em;
  font-size: 1.25em;
}
.c-list__check--md li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Icons";
  width: 1.6em;
  height: 1em;
  margin-left: -1.6em;
  margin-bottom: 0.1875em;
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  content: "\e5ca";
}

.c-list__check--lg {
  list-style: none;
  padding-left: 2em;
  padding-left: 2em;
  font-size: 1.5em;
}
.c-list__check--lg li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Icons";
  width: 1.6em;
  height: 1em;
  margin-left: -1.6em;
  margin-bottom: 0.1875em;
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  content: "\e5ca";
}

.c-list__check--circle {
  list-style: none;
  padding-left: 2em;
  padding-left: 2em;
}
.c-list__check--circle li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Icons";
  width: 1.6em;
  height: 1em;
  margin-left: -1.6em;
  margin-bottom: 0.1875em;
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  content: "\e86c";
}

.c-list__check--square {
  list-style: none;
  padding-left: 2em;
  padding-left: 2em;
}
.c-list__check--square li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Icons";
  width: 1.6em;
  height: 1em;
  margin-left: -1.6em;
  margin-bottom: 0.1875em;
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  content: "\e834";
}

.c-list__bracket {
  list-style: none;
  counter-reset: bracket;
}
.c-list__bracket > li {
  line-height: 1.5;
  padding-left: 3em;
}
.c-list__bracket > li p {
  margin-bottom: 0.33em;
}
.c-list__bracket > li:before {
  counter-increment: bracket;
  content: "（" counter(bracket) "）";
  display: inline-block;
  margin-left: -3em;
  width: 3em;
}
.c-list__bracket > li + li {
  margin-top: 0.5em;
}
.c-list__bracket > li p {
  margin: 0.5em 0 0.25em;
}

.c-list__bracket--medium {
  list-style: none;
  counter-reset: bracket;
}
.c-list__bracket--medium > li {
  line-height: 1.5;
  padding-left: 3em;
}
.c-list__bracket--medium > li p {
  margin-bottom: 0.33em;
}
.c-list__bracket--medium > li:before {
  counter-increment: bracket;
  content: "（" counter(bracket) "）";
  display: inline-block;
  margin-left: -3em;
  width: 3em;
}
.c-list__bracket--medium > li + li {
  margin-top: 0.5em;
}
.c-list__bracket--medium > li p {
  margin: 0.5em 0 0.25em;
}
.c-list__bracket--medium > li:before {
  font-weight: 500;
}
.c-list__bracket--medium > li strong {
  font-weight: 500;
  margin-bottom: 0.25em;
}

.c-list__bracket--bold {
  list-style: none;
  counter-reset: bracket;
}
.c-list__bracket--bold > li {
  line-height: 1.5;
  padding-left: 3em;
}
.c-list__bracket--bold > li p {
  margin-bottom: 0.33em;
}
.c-list__bracket--bold > li:before {
  counter-increment: bracket;
  content: "（" counter(bracket) "）";
  display: inline-block;
  margin-left: -3em;
  width: 3em;
}
.c-list__bracket--bold > li + li {
  margin-top: 0.5em;
}
.c-list__bracket--bold > li p {
  margin: 0.5em 0 0.25em;
}
.c-list__bracket--bold > li:before {
  font-weight: 700;
}
.c-list__bracket--bold > li strong {
  font-weight: 700;
}

.c-list__dot {
  list-style: none;
  counter-reset: dot;
}
.c-list__dot > li {
  line-height: 1.5;
  padding-left: 2.5em;
  font-weight: 500;
}
.c-list__dot > li > ul, .c-list__dot > li ol {
  font-weight: 300;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.c-list__dot > li p {
  margin-bottom: 0.33em;
}
.c-list__dot > li:before {
  counter-increment: dot;
  content: "" counter(dot) ".";
  display: inline-block;
  margin-left: -1.5em;
  margin-right: -0.5em;
  width: 2em;
}
.c-list__dot > li + li {
  margin-top: 0.5em;
}
.c-list__dot > li p {
  margin: 0.5em 0 0.25em;
}

.c-list__counter--circle {
  list-style: none;
  counter-reset: counter;
}
.c-list__counter--circle li {
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.25;
  font-weight: 500;
  padding-left: 2.5em;
}
.c-list__counter--circle li:not(:first-child) {
  margin-top: 1em;
}
.c-list__counter--circle li:before {
  counter-increment: counter;
  content: "" counter(counter) "";
  background-color: var(--rgb-list-counter);
  color: var(--rgb-white);
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: -2.5em;
  margin-right: 0.5em;
  width: 2em;
  height: 2em;
  text-align: center;
}
.c-list__counter--circle li:before {
  border-radius: 50%;
}

.c-list__counter--square {
  list-style: none;
  counter-reset: counter;
}
.c-list__counter--square li {
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.25;
  font-weight: 500;
  padding-left: 2.5em;
}
.c-list__counter--square li:not(:first-child) {
  margin-top: 1em;
}
.c-list__counter--square li:before {
  counter-increment: counter;
  content: "" counter(counter) "";
  background-color: var(--rgb-list-counter);
  color: var(--rgb-white);
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: -2.5em;
  margin-right: 0.5em;
  width: 2em;
  height: 2em;
  text-align: center;
}
.c-list__kome {
  padding-left: 2em;
}
.c-list__kome li:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -2em;
  line-height: 1.5;
}

.c-kome {
  line-height: 1.5;
  padding-left: 1.5em;
}
.c-kome:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}
.c-kome + .c-kome {
  margin-top: 0;
}

.c-kome__small {
  font-size: 0.75em;
  line-height: 1.25;
  margin-top: 0.25rem !important;
  padding-left: 1.25em;
}
.c-kome__small:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}

.c-kome__caution {
  color: var(--rgb-caution);
  line-height: 1.5;
  padding-left: 1.5em;
}
.c-kome__caution:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}
.c-kome__caution + .c-kome__caution {
  margin-top: 0;
}

.c-kome__caution--small {
  color: var(--rgb-caution);
  font-size: 0.75em;
  line-height: 1.25;
  padding-left: 1.25em;
}
.c-kome__caution--small:before {
  content: "※";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}
.c-kome__caution--small + .c-kome__caution--small__red--small {
  margin-top: 0.5rem !important;
}

p.check, div.check {
  padding-left: 2em;
}

p.check:before, div.check:before {
  content: "\f14a";
  font-family: "Material Icons";
  display: inline-block;
  width: 2em;
  margin-left: -2em;
  color: var(--maincolor);
  font-weight: 700;
}

.check-lg {
  margin: 0;
  padding: 0;
  list-style: none;
}

.check-lg li {
  padding-left: 1.5em;
  font-size: 1.25em;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .check-large li {
    font-size: 1.125em;
  }
}
.check-lg li:before {
  content: "\f00c";
  font-family: "Material Icons";
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  color: #212121;
  font-weight: 700;
}

.checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.checklist li {
  line-height: 1;
  display: inline-block;
  font-weight: 700;
  background-color: var(--rgb-white);
  margin: 2px;
}

.checklist li:before {
  content: "\f00c";
  font-family: "Material Icons";
  display: inline-block;
  width: 1.5em;
  color: #0d81c3;
  font-weight: 700;
  text-align: left;
}

.c-list__slash {
  display: flex;
  flex-flow: row wrap;
}
.c-list__slash li {
  white-space: nowrap;
}
.c-list__slash li:not(:last-child):after {
  margin: 0 0.33em;
  content: "/";
}

.c-list__camma {
  display: flex;
  flex-flow: row wrap;
}
.c-list__camma li {
  white-space: nowrap;
}
.c-list__camma li:not(:last-child):after {
  content: "、";
}

.c-list__jnumber {
  padding-left: 2em;
}
.c-list__jnumber li {
  font-family: var(--font-blush);
  font-weight: 400;
}
.c-list__jnumber li:before {
  margin-left: -2em;
  width: 2em;
  content: "一．";
  display: inline-block;
}

.c-mainimage {
  position: relative;
  z-index: 99;
}

.js-mainimage__contain {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.js-mainimage__contain img {
  margin: auto;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1;
}

.js-mainimage__cover {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.js-mainimage__cover img {
  margin: auto;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
}

.c-mainimage__text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: flex;
}

.c-mainimage__copy {
  position: relative;
  z-index: 9;
}

.c-scrolldown {
  position: absolute;
  right: var(--padding-x);
  bottom: var(--padding-x);
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.c-scrolldown:before, .c-scrolldown:after {
  position: absolute;
  content: "";
}
.c-scrolldown:after {
  animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
}
@keyframes circlemove {
  0% {
    bottom: var(--scroll-ball-start);
  }
  100% {
    bottom: var(--scroll-ball-goal);
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.c-scrolldown span {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  position: absolute;
}

.c-days__flow--image img {
  width: 100%;
  height: auto;
}

.c-days__flow--text .c-box--sm {
  border-radius: 1rem;
}
@media only screen and (max-width: 1199px) {
  .c-days__flow--text .c-box--sm {
    border-radius: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--text .c-box--sm {
    border-radius: 0.5rem;
  }
}
.c-days__flow--text .c-box--sm .c-box__body strong {
  font-size: 1.5em;
  line-height: 1.75;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  display: block;
}
@media only screen and (max-width: 1199px) {
  .c-days__flow--text .c-box--sm .c-box__body strong {
    font-size: 1.25em;
    line-height: 1.5;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--text .c-box--sm .c-box__body strong {
    font-size: 1.125em;
    line-height: 1.25;
    margin-bottom: 0.5rem;
  }
}
.c-days__flow--text .c-box--sm .c-box__body strong:last-child {
  margin-bottom: 0;
}

.c-days__flow--morning, .c-days__flow--noon {
  display: flex;
  align-items: flex-start;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning, .c-days__flow--noon {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
  }
}
.c-days__flow--morning .c-days__flow--text, .c-days__flow--noon .c-days__flow--text {
  flex: 0 1 calc(50% + 7rem);
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning .c-days__flow--text, .c-days__flow--noon .c-days__flow--text {
    flex: 0 1 calc(50% + 5rem);
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning .c-days__flow--text, .c-days__flow--noon .c-days__flow--text {
    flex: 0 1 100%;
  }
}
.c-days__flow--morning .c-days__flow--text dl, .c-days__flow--noon .c-days__flow--text dl {
  display: flex;
}
.c-days__flow--morning .c-days__flow--text dl + dl, .c-days__flow--noon .c-days__flow--text dl + dl {
  margin-top: 2rem;
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning .c-days__flow--text dl + dl, .c-days__flow--noon .c-days__flow--text dl + dl {
    margin-top: 1.5rem;
  }
}
.c-days__flow--morning .c-days__flow--text dl dt, .c-days__flow--noon .c-days__flow--text dl dt {
  flex: 0 1 14rem;
  padding: 0 2rem;
}
@media only screen and (max-width: 1399px) {
  .c-days__flow--morning .c-days__flow--text dl dt, .c-days__flow--noon .c-days__flow--text dl dt {
    padding: 0 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning .c-days__flow--text dl dt, .c-days__flow--noon .c-days__flow--text dl dt {
    padding: 0 1rem;
    flex: 0 1 10rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning .c-days__flow--text dl dt, .c-days__flow--noon .c-days__flow--text dl dt {
    padding: 0;
    order: 1;
    flex: 0 1 8rem;
  }
}
.c-days__flow--morning .c-days__flow--text dl dt > strong, .c-days__flow--noon .c-days__flow--text dl dt > strong {
  color: #fff;
  border-radius: 4rem;
  font-size: 1.5em;
  line-height: 1.5;
  text-align: center;
  display: block;
  padding: 0.5rem 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .c-days__flow--morning .c-days__flow--text dl dt > strong, .c-days__flow--noon .c-days__flow--text dl dt > strong {
    font-size: 1.25em;
    line-height: 1.25;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--morning .c-days__flow--text dl dt > strong, .c-days__flow--noon .c-days__flow--text dl dt > strong {
    font-size: 1.125em;
    line-height: 1.125;
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning .c-days__flow--text dl dt > strong, .c-days__flow--noon .c-days__flow--text dl dt > strong {
    width: 7rem;
  }
}
.c-days__flow--morning .c-days__flow--text dl dd, .c-days__flow--noon .c-days__flow--text dl dd {
  flex: 0 1 calc(100% - 14rem);
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning .c-days__flow--text dl dd, .c-days__flow--noon .c-days__flow--text dl dd {
    flex: 0 1 calc(100% - 10rem);
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning .c-days__flow--text dl dd, .c-days__flow--noon .c-days__flow--text dl dd {
    flex: 0 1 calc(100% - 8rem);
  }
}
.c-days__flow--morning .c-days__flow--image, .c-days__flow--noon .c-days__flow--image {
  flex: 0 1 calc(50% - 7rem);
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning .c-days__flow--image, .c-days__flow--noon .c-days__flow--image {
    flex: 0 1 calc(50% - 5rem);
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning .c-days__flow--image, .c-days__flow--noon .c-days__flow--image {
    flex: 0 1 calc(100% - 8rem);
  }
}
.c-days__flow--morning::after, .c-days__flow--noon::after {
  margin: -2px;
  width: 2px;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  right: 50%;
  bottom: -5rem;
  z-index: -1;
  content: "";
}
@media only screen and (max-width: 1399px) {
  .c-days__flow--morning::after, .c-days__flow--noon::after {
    top: 2rem;
    bottom: -4rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning::after, .c-days__flow--noon::after {
    top: 2rem;
    bottom: -3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--morning::after, .c-days__flow--noon::after {
    top: 2rem;
    bottom: -2.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--morning::after, .c-days__flow--noon::after {
    left: calc(3.5rem - 1px);
    right: auto;
  }
}
.c-days__flow--morning:last-child::after, .c-days__flow--noon:last-child::after {
  display: none;
}
.c-days__flow--morning + .c-days__flow, .c-days__flow--noon + .c-days__flow {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .c-days__flow--morning + .c-days__flow, .c-days__flow--noon + .c-days__flow {
    margin-top: 2rem;
  }
}

.c-days__flow--morning dt strong {
  background-color: var(--rgb-morning);
}
.c-days__flow--morning::after {
  background-color: var(--rgb-morning);
}
.c-days__flow--morning:last-child::after {
  display: none;
}
.c-days__flow--morning + .c-days__flow--morning {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 1399px) {
  .c-days__flow--morning + .c-days__flow--morning {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-days__flow--morning + .c-days__flow--morning {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--morning + .c-days__flow--morning {
    margin-top: 1.25rem;
  }
}

.c-days__flow--noon dt strong {
  background-color: var(--rgb-noon);
}
.c-days__flow--noon::after {
  background-color: var(--rgb-noon);
}
.c-days__flow--noon + .c-days__flow--noon {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 1399px) {
  .c-days__flow--noon + .c-days__flow--noon {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-days__flow--noon + .c-days__flow--noon {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--noon + .c-days__flow--noon {
    margin-top: 1.25rem;
  }
}
.c-days__flow--noon dl {
  position: relative;
}
.c-days__flow--noon dl::after {
  background-color: var(--rgb-noon);
  margin: -2px;
  width: 2px;
  position: absolute;
  top: 2.5rem;
  right: calc(7rem + 1px);
  bottom: -2rem;
  content: "";
}
@media only screen and (max-width: 1399px) {
  .c-days__flow--noon dl::after {
    top: 2rem;
    right: calc(5rem + 1px);
    bottom: -2rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-days__flow--noon dl::after {
    top: 2rem;
    bottom: -1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-days__flow--noon dl::after {
    top: 2rem;
    bottom: -1.25rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-days__flow--noon dl::after {
    left: calc(3.5rem - 1px);
    right: auto;
  }
}
.c-days__flow--noon dl:last-child::after {
  display: none;
}

.c-days__events--left .c-days__flow--text {
  order: 1;
}
@media only screen and (max-width: 575px) {
  .c-days__events--left .c-days__flow--text {
    order: 2;
  }
}
.c-days__events--left .c-days__flow--text dt {
  order: 2;
}
.c-days__events--left .c-days__flow--text dd {
  order: 1;
}
@media only screen and (max-width: 575px) {
  .c-days__events--left .c-days__flow--text strong {
    text-align: left;
  }
}
.c-days__events--left .c-days__flow--image {
  order: 2;
}
@media only screen and (max-width: 575px) {
  .c-days__events--left .c-days__flow--image {
    order: 3;
    margin-top: 1rem;
  }
}

.c-days__events--right .c-days__flow--text {
  order: 2;
}
@media only screen and (max-width: 575px) {
  .c-days__events--right .c-days__flow--text {
    order: 2;
  }
}
.c-days__events--right .c-days__flow--text dt {
  order: 1;
}
.c-days__events--right .c-days__flow--text dd {
  order: 2;
}
.c-days__events--right .c-days__flow--image {
  order: 1;
}
@media only screen and (max-width: 575px) {
  .c-days__events--right .c-days__flow--image {
    order: 3;
    margin-top: 1rem;
  }
}

.c-time__flow {
  width: 100%;
  display: table;
}
.c-time__flow dt, .c-time__flow dd {
  display: table-cell;
  vertical-align: top;
}
.c-time__flow dt {
  background-color: var(--accentcolor);
  color: #fff;
  text-align: center;
  padding: 0 1rem;
  width: 6rem;
}
@media only screen and (max-width: 767px) {
  .c-time__flow dt {
    padding: 0 0.5rem;
    width: 4rem;
  }
}
.c-time__flow dd {
  padding-left: 1em;
}
.c-time__flow + .c-time__flow {
  margin-top: 2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-time__flow + .c-time__flow {
    margin-top: 1rem;
  }
}
.c-time__flow + .c-time__flow::before {
  background-color: var(--accentcolor);
  width: 2px;
  display: block;
  position: absolute;
  top: -2rem;
  left: 2.5rem;
  bottom: 100%;
  content: "";
}
@media only screen and (max-width: 767px) {
  .c-time__flow + .c-time__flow::before {
    top: -1rem;
    left: 1.75rem;
  }
}

.c-item__display--tag {
  padding: 1rem;
  text-align: right;
  line-height: 1;
  background-color: var(--rgb-watergray);
  margin: 0;
  display: grid;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .c-item__display--tag {
    grid-template-columns: 2fr 3fr;
    grid-column-gap: 1rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-item__display--tag {
    grid-row-gap: 0.5rem;
  }
}

.c-item__price {
  font-size: calc(1.125em * var(--sm-rate));
  margin-bottom: 1em;
}
.c-item__price small {
  font-size: 0.5em;
}

.c-item__number option {
  text-align: center;
}

.c-item__cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DDD;
  margin: 0 0 1rem;
  padding: 1rem 0;
}
@media only screen and (max-width: 575px) {
  .c-item__cart {
    display: block;
  }
}

.c-item__number, .c-item__details, .c-item__cartin {
  padding: 0;
}
@media only screen and (max-width: 575px) {
  .c-item__number, .c-item__details, .c-item__cartin {
    margin-top: 5px;
  }
}

.c-item__number--inner {
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .c-item__number--inner {
    margin-bottom: 10px;
    width: 100%;
  }
}
.c-item__number--inner dt, .c-item__number--inner dd {
  white-space: nowrap;
}
.c-item__number--inner dt {
  padding-right: 1em;
}
@media only screen and (max-width: 575px) {
  .c-item__number--inner dt {
    text-align: right;
  }
}
.c-item__number--inner dd {
  display: flex;
  align-items: center;
}
.c-item__number--inner dd input[type=text] {
  text-align: center;
}
.c-item__number--inner dd .c-button__link {
  width: 11.25rem;
}
@media only screen and (max-width: 1199px) {
  .c-item__number--inner dd .c-button__link {
    width: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .c-item__number--inner dd .c-button__link {
    width: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .c-item__number--inner dd .c-button__link {
    width: 120px;
  }
}
@media only screen and (max-width: 575px) {
  .c-item__number--inner dd .c-button__link {
    width: 100%;
  }
}

.c-cart__flow {
  display: block grid;
  grid-template-columns: calc(2rem * var(--lg-rate)) calc(4rem * var(--lg-rate)) calc(2rem * var(--lg-rate)) 1fr calc(2rem * var(--lg-rate)) calc(4rem * var(--lg-rate)) calc(2rem * var(--lg-rate)) 1fr calc(2rem * var(--lg-rate)) calc(4rem * var(--lg-rate)) calc(2rem * var(--lg-rate)) 1fr calc(2rem * var(--lg-rate)) calc(4rem * var(--lg-rate)) calc(2rem * var(--lg-rate));
  grid-template-rows: calc(4rem * var(--lg-rate)) auto;
}
.c-cart__flow li:nth-of-type(1) {
  grid-area: 1/1/3/4;
}
.c-cart__flow li:nth-of-type(2) {
  grid-area: 1/3/2/6;
  display: block flex;
  align-items: center;
}
.c-cart__flow li:nth-of-type(3) {
  grid-area: 1/5/3/8;
}
.c-cart__flow li:nth-of-type(4) {
  grid-area: 1/7/2/10;
  display: block flex;
  align-items: center;
}
.c-cart__flow li:nth-of-type(5) {
  grid-area: 1/9/3/12;
}
.c-cart__flow li:nth-of-type(6) {
  grid-area: 1/11/2/14;
  display: block flex;
  align-items: center;
}
.c-cart__flow li:nth-of-type(7) {
  grid-area: 1/13/3/16;
}

.c-cart__flow--no, .c-cart__flow--bar, .c-cart__text--yet, .c-cart__text--sofar {
  display: block flow;
}

.c-cart__flow--no {
  width: calc(4rem * var(--lg-rate));
  margin-left: auto;
  margin-right: auto;
}

.c-cart__square--no {
  height: calc(4rem * var(--lg-rate));
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-cart__flow--bar {
  width: 100%;
  height: 0.25em;
}

.c-cart__progress--sofar {
  background: var(--rgb-sofar);
  color: var(--rgb-white);
}

.c-cart__progress--yet {
  background: var(--rgb-yet);
  color: var(--rgb-white);
}

.c-cart__progress--noline {
  background: transparent;
}

.c-cart__text--yet, .c-cart__text--sofar {
  font-size: 0.9em;
  line-height: 1.5;
  text-align: center;
  margin-top: 1em;
  margin-bottom: var(--leading-trim-ja);
}
@media only screen and (max-width: 767px) {
  .c-cart__text--yet, .c-cart__text--sofar {
    font-size: 0.75em;
  }
}
@media only screen and (max-width: 575px) {
  .c-cart__text--yet, .c-cart__text--sofar {
    line-height: 1.25;
  }
}

.c-cart__text--sofar {
  color: var(--rgb-sofar);
}

.c-cart__text--yet {
  color: var(--rgb-yet);
}

.c-cart__item--delete, .c-cart__item--subtotal, .c-cart__item--change, .c-cart__item--number, .c-cart__item--price, .c-cart__item--name, .c-cart__item--image, .c-cart__leadtime, .c-cart__date--delivery, .c-cart__date--order {
  background-color: var(--rgb-white);
}

.c-cart__item--delete, .c-cart__item--subtotal, .c-cart__item--change, .c-cart__item--number, .c-cart__item--price {
  width: 1%;
  white-space: nowrap;
}
.c-cart__item--delete .c-button__link, .c-cart__item--subtotal .c-button__link, .c-cart__item--change .c-button__link, .c-cart__item--number .c-button__link, .c-cart__item--price .c-button__link {
  width: -moz-max-content;
  width: max-content;
}

.c-cart__date--order {
  width: 10rem;
}
@media only screen and (max-width: 991px) {
  .c-cart__date--order {
    width: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cart__date--order {
    width: 5rem;
  }
}
.c-cart__date--order img {
  width: 100%;
  height: auto;
}

.c-cart__date--delivery {
  width: 10rem;
}
@media only screen and (max-width: 991px) {
  .c-cart__date--delivery {
    width: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cart__date--delivery {
    width: 5rem;
  }
}
.c-cart__date--delivery img {
  width: 100%;
  height: auto;
}

.c-cart__leadtime {
  width: 10rem;
}
@media only screen and (max-width: 991px) {
  .c-cart__leadtime {
    width: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cart__leadtime {
    width: 5rem;
  }
}
.c-cart__leadtime img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 575px) {
  .c-cart__item {
    display: block flow;
  }
  .c-cart__item + .c-cart__item {
    margin-top: 0.75rem;
  }
}

.c-cart__item--image {
  padding: 0.0625rem !important;
  width: 10rem;
}
@media only screen and (max-width: 1199px) {
  .c-cart__item--image {
    width: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cart__item--image {
    width: 5rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-cart__item--image {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
}
.c-cart__item--image img {
  width: 10rem;
  height: auto;
  max-inline-size: unset;
}
@media only screen and (max-width: 1199px) {
  .c-cart__item--image img {
    width: 7.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cart__item--image img {
    width: 5rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-cart__item--image img {
    width: 100%;
  }
}

.c-cart__item--name {
  padding: 0.75em 1em !important;
}

.c-cart__item--price {
  text-align: center;
  padding: 0.75em 1em !important;
}
@media only screen and (max-width: 575px) {
  .c-cart__item--price {
    text-align: right;
  }
}

.c-cart__item--number {
  padding: 0.75em 1em !important;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .c-cart__item--number {
    text-align: right;
  }
}
.c-cart__item--number .c-form__select {
  width: 6rem;
}
@media only screen and (max-width: 575px) {
  .c-cart__item--number .c-form__select {
    width: 100%;
  }
}
.c-cart__item--number .c-form__select option {
  text-align: center;
}
.c-cart__item--number .input-group {
  width: 8rem;
}
.c-cart__item--number .input-group input {
  text-align: center;
}
.c-cart__item--number .input-group button {
  background-color: var(--rgb-lightgray);
  border-color: var(--rgb-linegray);
  color: var(--rgb-text);
  font-size: 0.75em;
  padding: 1em;
}

.c-cart__item--subtotal {
  padding: 0.75em 1em !important;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .c-cart__item--subtotal {
    text-align: right;
  }
}

.c-cart__item--delete {
  padding: 0.75em 1em !important;
}

.c-cart__item--ordernumber {
  width: 20rem;
}

@media only screen and (max-width: 575px) {
  .c-table__cart[data-line=tile] {
    border-top: unset !important;
    border-left: unset !important;
  }
}
.c-table__cart th {
  background-color: var(--rgb-lightgray);
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
  padding: 0.75em 1em !important;
}
@media only screen and (max-width: 575px) {
  .c-table__cart th {
    display: none;
  }
}
.c-table__cart td {
  vertical-align: middle;
}
@media only screen and (max-width: 575px) {
  .c-table__cart td {
    padding: 1em 1em 1em 9.5em !important;
    width: 100%;
    display: block flow;
    position: relative;
  }
  .c-table__cart td::before {
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    background-color: var(--rgb-palegray);
    width: 8.5em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block flex;
    justify-content: center;
    align-items: center;
    content: attr(data-cart-heading);
  }
}

.c-table__log th {
  background-color: var(--rgb-lightgray);
}

.c-cart__item--included {
  margin: 1rem -1rem -1rem;
  background: #efefef;
  padding: 0.5rem 1rem;
  text-align: right;
}

@media only screen and (max-width: 991px) {
  .c-cart__item-included {
    margin: 0.75rem -0.75rem -0.75rem;
    padding: 0.375rem 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cart__item-included {
    margin: 0.5rem -0.5rem -0.5rem;
    padding: 0.25rem 0.5rem;
  }
}
.c-cart__price--total {
  margin-top: 1rem;
  width: 100%;
}
.c-cart__price--total th, .c-cart__price--total td {
  vertical-align: middle;
  border-bottom: 1px dashed var(--rgb-middlegray);
  padding: 0.125rem 0;
}
.c-cart__price--total th {
  width: auto;
}
.c-cart__price--total td {
  font-size: calc(1.25em * var(--sm-rate));
  text-align: right;
  max-width: 10rem;
}
.c-cart__price--total td small {
  font-size: 0.66em;
}

@media only screen and (max-width: 575px) {
  .c-order__list[data-line=tile] {
    border-top: unset !important;
    border-left: unset !important;
  }
}
@media only screen and (max-width: 575px) {
  .c-order__list .c-order__details {
    display: block flow;
  }
  .c-order__list .c-order__details + .c-order__details {
    margin-top: 0.75rem;
  }
}
.c-order__list th, .c-order__list td {
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 575px) {
  .c-order__list th {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .c-order__list td {
    padding: 1em 1em 1em 9.5em !important;
    width: 100%;
    display: block flow;
    position: relative;
  }
  .c-order__list td::before {
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    background-color: var(--rgb-palegray);
    width: 8.5em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block flex;
    justify-content: center;
    align-items: center;
    content: attr(data-order-heading);
  }
}
@media only screen and (max-width: 575px) {
  .c-order__list .c-order__date {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
  }
}

.c-order__list td.c-cart__item--name {
  text-align: left;
  vertical-align: middle;
}

.u-fontsize__xs--sm {
  font-size: 1.125em;
}

.u-fontsize__xs--md {
  font-size: 1.25em;
}

.u-fontsize__xs--lg {
  font-size: 1.5em;
}

.c-complete__order--number {
  background-color: var(--rgb-watergray);
  padding: 1em;
}

.p-text__caution {
  color: var(--rgb-caution);
  font-weight: 700;
}

.c-pagetitle {
  position: relative;
  background-color: var(--rgb-pagetitle);
  scroll-margin-top: var(--header-height);
}

.c-pagetitle__image {
  background-color: var(--rgb-pagetitle-image);
  overflow: hidden;
  display: block;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .c-pagetitle__image {
    height: 15rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-pagetitle__image {
    height: 10rem;
  }
}
.c-pagetitle__image > img {
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.c-title {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: auto;
  height: auto;
  display: block flex;
  justify-content: center;
  align-items: center;
}
.c-title h2 {
  display: block grid;
}
.c-title h2 span {
  margin-top: var(--leading-trim-ja);
  margin-bottom: var(--leading-trim-ja);
}
.c-title h2 em {
  margin-top: var(--leading-trim-en);
  margin-bottom: var(--leading-trim-en);
}

/* sub-title */
.c-subtitle {
  background-color: var(--rgb-white);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.c-subtitle__image {
  background-color: #F5F5F5;
  overflow: hidden;
  display: block;
}
.c-subtitle__image > img {
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.c-subtitle .c-title {
  background: var(--rgb-white);
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  padding: 1em 2em;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .c-subtitle .c-title {
    font-size: 1.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-subtitle .c-title {
    font-size: 1.5rem;
    padding: 0.5em 1em;
  }
}
.c-subtitle .c-title small {
  font-size: 0.75em;
  line-height: 1.5;
  font-weight: 600;
  white-space: nowrap;
  margin-top: 0.5em;
  display: block;
}
@media only screen and (max-width: 991px) {
  .c-subtitle .c-title small {
    font-size: 0.55em;
  }
}
@media only screen and (max-width: 767px) {
  .c-subtitle .c-title small {
    font-size: 0.6em;
  }
}

.c-breadcrumb {
  padding: 0.5rem 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .c-breadcrumb {
    font-size: 0.9em;
  }
}
.c-breadcrumb .breadcrumb {
  margin-bottom: 0;
}

.c-phone--lg img, .c-phone--md img, .c-phone--sm img,
.c-facsimile--lg img, .c-facsimile--md img, .c-facsimile--sm img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-phone--lg img, .c-phone--md img, .c-phone--sm img,
  .c-facsimile--lg img, .c-facsimile--md img, .c-facsimile--sm img {
    height: 1.75rem;
  }
}

.c-label__mail:before, .c-label__compatible:before, .c-label__facsimile:before, .c-label__phone:before {
  font-size: 0.75em;
  text-align: left !important;
  margin-right: 0.33em;
  display: inline-block;
}

.c-label__phone:before {
  content: "TEL.";
}

.c-label__facsimile:before {
  content: "FAX.";
}

.c-label__compatible:before {
  content: "TEL / FAX.";
}

.c-label__mail:before {
  content: "E-Mail.";
}

.c-label__freedial {
  display: flex;
  align-items: center;
}
.c-label__freedial:before {
  background: url(../images/common/freedial-mark.svg) center center/contain no-repeat;
  margin-right: 0.25rem;
  aspect-ratio: 7/4;
  width: 3.28125rem;
  height: 1.875rem;
  display: block;
  content: "";
}

.nav-pills.c-nav__pills--catalog {
  margin: 0 -1px;
}
.nav-pills.c-nav__pills--catalog .nav-item {
  padding: 0 1px;
  flex: 1 1 25%;
  margin-bottom: 2px;
}
@media only screen and (max-width: 575px) {
  .nav-pills.c-nav__pills--catalog .nav-item {
    flex: 1 1 50%;
  }
}
.nav-pills.c-nav__pills--catalog .nav-item .nav-link {
  background-color: #EFEFEF;
  color: #666;
  border-radius: 0;
  font-size: 1rem;
  line-height: 1;
  padding: 1rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .nav-pills.c-nav__pills--catalog .nav-item .nav-link {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .nav-pills.c-nav__pills--catalog .nav-item .nav-link {
    font-size: 1rem;
    padding: 1rem 0.75rem;
  }
}
.nav-pills.c-nav__pills--catalog .nav-item .nav-link:after {
  content: "";
  position: absolute;
  top: calc(100% - 4px);
  left: 50%;
  right: 50%;
  margin: 0 -2em;
  border-bottom: 10px solid #CCC;
  display: block;
  z-index: 1;
}
.nav-pills.c-nav__pills--catalog .nav-item .nav-link:hover, .nav-pills.c-nav__pills--catalog .nav-item .nav-link:active, .nav-pills.c-nav__pills--catalog .nav-item .nav-link:focus {
  color: var(--maincolor);
}
.nav-pills.c-nav__pills--catalog .nav-item .nav-link.active {
  color: var(--maincolor);
}
.nav-pills.c-nav__pills--catalog .nav-item .nav-link.active:after {
  border-color: var(--maincolor);
}
.nav-pills.c-nav__pills--news .nav-item {
  margin-right: 2px;
  margin-bottom: 2px;
}
.nav-pills.c-nav__pills--news .nav-item .nav-link {
  background-color: var(--pills-background);
  color: var(--pills-text);
  border-radius: 0;
  font-size: 1rem;
  line-height: 1;
  padding: 1rem;
  font-weight: 700;
  position: relative;
  min-width: 6em;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .nav-pills.c-nav__pills--news .nav-item .nav-link {
    width: auto;
    padding: 1rem 0.75rem;
    min-width: 5.5em;
  }
}
@media only screen and (max-width: 767px) {
  .nav-pills.c-nav__pills--news .nav-item .nav-link {
    font-size: 1rem;
    padding: 1rem 0.5rem;
    min-width: 5em;
  }
}
.nav-pills.c-nav__pills--news .nav-item .nav-link:after {
  content: "";
  position: absolute;
  top: calc(100% - 4px);
  left: 50%;
  right: 50%;
  margin: 0 -2em;
  border-bottom: 10px solid #999;
  display: block;
}
.nav-pills.c-nav__pills--news .nav-item .nav-link:hover, .nav-pills.c-nav__pills--news .nav-item .nav-link:active, .nav-pills.c-nav__pills--news .nav-item .nav-link:focus {
  color: var(--pills-text);
}
.nav-pills.c-nav__pills--news .nav-item .nav-link.active {
  color: var(--pills-text);
}
.nav-pills.c-nav__pills--news .nav-item .nav-link.active:after {
  border-color: var(--pills-text);
}

.tab-content {
  padding: 2rem;
}
@media only screen and (max-width: 991px) {
  .tab-content {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .tab-content {
    padding: 1rem;
  }
}

.tab-content {
  background-color: var(--tab-content-background);
}

.c-poster__overflow:not(:first-child) {
  margin-top: calc(var(--gap-xxl) * var(--gap-rate));
}

.c-poster__overflow--image.c-poster__shift--left, .c-poster__overflow--image.c-poster__shift--right {
  width: calc(100% + var(--gap-xxl) * var(--gap-rate) * 3);
}
.c-poster__overflow--image .u-bg__cover, .c-poster__overflow--image .u-bg__contain {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

[class*=order-lg] .c-poster__overflow--image {
  width: calc(100% + 50vw - var(--container-half));
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--image {
    width: 100vw;
  }
}
[class*=order-sm] .c-poster__overflow--image {
  width: calc(100% + 50vw - var(--container-half));
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--image {
    width: 100vw;
  }
}
.c-poster__overflow--text {
  position: relative;
  z-index: 1;
}
.c-poster__overflow--text.c-poster__shift--left {
  margin-left: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  padding-right: calc(var(--gap-xxl) * var(--gap-rate));
  padding-bottom: calc(var(--gap-xxl) * var(--gap-rate));
}
@media screen and (min-width: 992px) {
  .c-poster__overflow--text.c-poster__shift--left {
    margin-left: calc(var(--gap-xxl) * var(--gap-rate) * -2);
    padding-right: calc(var(--gap-xxl) * var(--gap-rate));
    padding-bottom: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 991px) {
  .c-poster__overflow--text.c-poster__shift--left {
    margin-left: 0;
    padding-left: calc(var(--gap-xxl) * var(--gap-rate));
    padding-top: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
.c-poster__overflow--text.c-poster__shift--right {
  margin-right: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  padding-left: calc(var(--gap-xxl) * var(--gap-rate));
  padding-bottom: calc(var(--gap-xxl) * var(--gap-rate));
}
@media screen and (min-width: 992px) {
  .c-poster__overflow--text.c-poster__shift--right {
    margin-right: calc(var(--gap-xxl) * var(--gap-rate) * -2);
    padding-left: calc(var(--gap-xxl) * var(--gap-rate));
    padding-bottom: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 991px) {
  .c-poster__overflow--text.c-poster__shift--right {
    margin-right: 0;
    padding-right: calc(var(--gap-xxl) * var(--gap-rate));
    padding-top: calc(var(--gap-xxl) * var(--gap-rate));
  }
}

@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--top {
    padding-bottom: var(--clearance-padding);
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--top {
    padding-top: var(--clearance-padding);
  }
}
[class*=order-lg] .c-poster__overflow--text.c-poster__overflow--top.c-poster__shift--left, [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--top.c-poster__shift--right {
  margin-top: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  margin-bottom: calc(var(--gap-xxl) * var(--gap-rate));
}
@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom {
    padding-top: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom {
    padding-bottom: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
[class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom.c-poster__shift--left, [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom.c-poster__shift--right {
  margin-top: calc(var(--gap-xxl) * var(--gap-rate));
  margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * -1);
}
@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom.c-poster__shift--left, [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom.c-poster__shift--right {
    margin-top: calc(var(--gap-xxl) * var(--gap-rate));
    margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom.c-poster__shift--left, [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--bottom.c-poster__shift--right {
    margin-top: 0;
    margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * 1);
  }
}
@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--top-bottom {
    padding-top: calc(var(--clearance-padding) * 0.75);
    padding-bottom: calc(var(--clearance-padding) * 0.75);
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--text.c-poster__overflow--top-bottom {
    padding-top: 0;
    padding-bottom: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--image {
    margin-top: var(--clearance-padding);
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--image.c-poster__overflow--top {
    margin-top: calc(var(--clearance-padding));
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--image.c-poster__overflow--bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 576px) {
  [class*=order-sm] .c-poster__overflow--text.c-poster__overflow--top {
    padding-bottom: calc(var(--clearance-padding) * 0.75);
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--text.c-poster__overflow--top {
    padding-top: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media screen and (min-width: 576px) {
  [class*=order-sm] .c-poster__overflow--text.c-poster__overflow--bottom {
    padding-top: calc(var(--clearance-padding) * 0.75);
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--text.c-poster__overflow--bottom {
    padding-bottom: calc(var(--clearance-padding) * 0.75);
  }
}
@media screen and (min-width: 576px) {
  [class*=order-sm] .c-poster__overflow--text.c-poster__overflow--top-bottom {
    padding-top: calc(var(--clearance-padding) * 0.75);
    padding-bottom: calc(var(--clearance-padding) * 0.75);
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--text.c-poster__overflow--top-bottom {
    padding-bottom: calc(var(--clearance-padding) * 0.75);
  }
}

.c-poster__overflow--left, .c-poster__overflow--center, .c-poster__overflow--right {
  position: relative;
}
.c-poster__overflow--left.c-poster__overflow--image, .c-poster__overflow--center.c-poster__overflow--image, .c-poster__overflow--right.c-poster__overflow--image {
  position: relative;
}

[class*=order-lg] .c-poster__overflow--left.c-poster__overflow--image {
  margin-left: calc((50vw - var(--container-half)) * -1 - var(--padding-x) * -0.5);
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--left.c-poster__overflow--image {
    margin-left: calc(var(--padding-x) * -0.5);
    margin-right: calc(var(--padding-x) * -0.5);
  }
}
@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--left.c-poster__overflow--text {
    padding-right: calc(var(--clearance-padding) * 0.75);
  }
}
[class*=order-sm] .c-poster__overflow--left.c-poster__overflow--image {
  margin-left: calc(-50vw + var(--container-half));
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--left.c-poster__overflow--image {
    margin-left: calc(var(--padding-x) * -0.5);
    margin-right: calc(var(--padding-x) * -0.5);
  }
}
@media screen and (min-width: 576px) {
  [class*=order-sm] .c-poster__overflow--left.c-poster__overflow--text {
    padding-right: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--left.c-poster__overflow--text {
    padding-right: 0;
  }
}

.c-poster__overflow--center.c-poster__overflow--image {
  margin-left: calc(var(--gap-xxl) * var(--gap-rate) * -1);
  margin-right: calc(var(--gap-xxl) * var(--gap-rate) * -1);
}
.c-poster__overflow--center.c-poster__overflow--image.c-poster__shift--left {
  margin-left: calc(var(--gap-xxl) * var(--gap-rate) * -2);
}
.c-poster__overflow--center.c-poster__overflow--image.c-poster__shift--right {
  margin-right: calc(var(--gap-xxl) * var(--gap-rate) * -2);
}

@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--center.c-poster__overflow--text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--center.c-poster__overflow--text {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 576px) {
  [class*=order-sm] .c-poster__overflow--center.c-poster__overflow--text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--center.c-poster__overflow--text {
    padding-bottom: 0;
  }
}

.c-poster__overflow--right.c-poster__overflow--image {
  margin-right: calc((50vw - var(--container-half)) * -1);
}

@media only screen and (max-width: 991px) {
  [class*=order-lg] .c-poster__overflow--right.c-poster__overflow--image {
    margin-left: calc(var(--padding-x) * -0.5);
    margin-right: calc(var(--padding-x) * -0.5);
  }
}
@media screen and (min-width: 992px) {
  [class*=order-lg] .c-poster__overflow--right.c-poster__overflow--text {
    padding-left: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--right.c-poster__overflow--image {
    margin-left: calc(var(--padding-x) * -0.5);
    margin-right: calc(var(--padding-x) * -0.5);
  }
}
@media screen and (min-width: 576px) {
  [class*=order-sm] .c-poster__overflow--right.c-poster__overflow--text {
    padding-left: calc(var(--gap-xxl) * var(--gap-rate));
  }
}
@media only screen and (max-width: 575px) {
  [class*=order-sm] .c-poster__overflow--right.c-poster__overflow--text {
    padding-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .c-poster__md--3x1 {
    height: 33vw;
  }
}

@media only screen and (max-width: 575px) {
  .c-poster__xs--3x1 {
    height: 33vw;
  }
}

@media only screen and (max-width: 991px) {
  .c-poster__md--2x1 {
    height: 50vw;
  }
}

@media only screen and (max-width: 575px) {
  .c-poster__xs--2x1 {
    height: 50vw;
  }
}

@media only screen and (max-width: 991px) {
  .c-poster__md--3x2 {
    height: 66vw;
  }
}

@media only screen and (max-width: 575px) {
  .c-poster__xs--3x2 {
    height: 66vw;
  }
}

.c-newspaper__scroll {
  height: var(--news-scroll);
  overflow-x: hidden;
  overflow-y: auto;
}

.c-newspaper__article {
  display: grid;
}
.c-newspaper__article:not(:first-of-type) {
  border-top: 0.0625rem solid var(--rgb-linegray);
}

.c-newspaper__index .c-newspaper__updated {
  white-space: nowrap;
}
.c-newspaper__index .c-newspaper__icon {
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-newspaper__title {
  color: var(--rgb-text);
  font-size: 1.125em;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 575px) {
  .c-newspaper__image {
    padding-right: 0;
    width: 12em;
    margin: 0 auto 1em;
  }
}

.c-newspaper__detail {
  padding: 0.25em 0 0.25em 1.5em;
  width: 10em;
}
@media only screen and (max-width: 991px) {
  .c-newspaper__detail {
    margin: 1em 0 0 auto;
  }
}
@media only screen and (max-width: 575px) {
  .c-newspaper__detail {
    padding: 0;
  }
}

.c-news__scroll {
  height: var(--news-scroll);
  overflow-x: clip;
  overflow-y: auto;
}

.c-news__article {
  display: grid;
}

.c-news__updated {
  white-space: nowrap;
}

.c-news__icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-news__title {
  color: var(--rgb-text);
  font-size: 1.125em;
  font-weight: 700;
}

@media only screen and (max-width: 575px) {
  .c-news__image {
    padding-right: 0;
    width: 12em;
    margin: 0 auto 1em;
  }
}

.c-news__detail {
  padding: 0.25em 0 0.25em 1.5em;
  width: 10em;
}
@media only screen and (max-width: 991px) {
  .c-news__detail {
    margin: 1em 0 0 auto;
  }
}
@media only screen and (max-width: 575px) {
  .c-news__detail {
    padding: 0;
  }
}

.c-section__background--reverse {
  isolation: isolate;
  color: var(--rgb-white);
}
.c-section__background--reverse::before {
  background-color: var(--section-background-reverse-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.c-section__background--whitegray {
  isolation: isolate;
}
.c-section__background--whitegray::before {
  background-color: var(--rgb-whitegray);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.c-section__background--watergray {
  isolation: isolate;
}
.c-section__background--watergray::before {
  background-color: var(--rgb-watergray);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.c-section__background--palegray {
  isolation: isolate;
}
.c-section__background--palegray::before {
  background-color: var(--rgb-palegray);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.c-section__background--lightgray {
  isolation: isolate;
}
.c-section__background--lightgray::before {
  background-color: var(--rgb-lightgray);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.c-section__background--beige {
  isolation: isolate;
}
.c-section__background--beige::before {
  background-color: var(--rgb-beige);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: "";
}

.c-image__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc((var(--window-size) - var(--container-width)) * -0.5);
}
.c-image__extend--left > img {
  width: 100%;
  height: auto;
}
.c-image__extend--left .p-section__height--adjustment {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-image__extend--left .p-section__height--adjustment .u-bg__cover {
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .c-image__extend--left .p-section__height--adjustment .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-image__extend--left {
    margin-left: calc(var(--padding-x) * -1);
  }
}

.c-image__extend--right {
  height: 100%;
  position: relative;
  margin-right: calc((var(--window-size) - var(--container-width)) * -0.5);
}
.c-image__extend--right > img {
  width: 100%;
  height: auto;
}
.c-image__extend--right .p-section__height--adjustment {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-image__extend--right .p-section__height--adjustment .u-bg__cover {
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .c-image__extend--right .p-section__height--adjustment .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-image__extend--right {
    margin-right: calc(var(--padding-x) * -1);
  }
}

.c-image__extend--both {
  height: 100%;
  position: relative;
  margin-left: calc((var(--window-size) - var(--container-width) + var(--padding-x) + var(--gap-lg)) * -0.5);
  margin-right: calc((var(--window-size) - var(--container-width) + var(--padding-x) + var(--gap-lg)) * -0.5);
}
.c-image__extend--both > img {
  width: 100%;
  height: auto;
}
.c-image__extend--both .p-section__height--adjustment {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-image__extend--both .p-section__height--adjustment .u-bg__cover {
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .c-image__extend--both .p-section__height--adjustment .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-image__extend--both {
    margin-left: var(--padding-x);
    margin-right: var(--padding-x);
  }
}

.c-section__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc((var(--window-size) - var(--container-width)) * -0.5);
}
.c-section__extend--left > img {
  width: 100%;
  height: auto;
}
.c-section__extend--left .p-section__height--adjustment {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-section__extend--left .p-section__height--adjustment .u-bg__cover {
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .c-section__extend--left .p-section__height--adjustment .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-section__extend--left {
    margin-left: calc(var(--padding-x) * -0.5);
  }
}

.c-section__extend--right {
  height: 100%;
  position: relative;
  margin-right: calc((var(--window-size) - var(--container-width)) * -0.5);
}
.c-section__extend--right > img {
  width: 100%;
  height: auto;
}
.c-section__extend--right .p-section__height--adjustment {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-section__extend--right .p-section__height--adjustment .u-bg__cover {
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .c-section__extend--right .p-section__height--adjustment .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-section__extend--right {
    margin-right: calc(var(--padding-x) * -0.5);
  }
}

.c-image__shift--left {
  height: 100%;
  position: relative;
  margin-left: calc(var(--gap-lg) * -4);
}
.c-image__shift--left > img {
  width: 100%;
  height: auto;
}
.c-image__shift--left .u-bg__cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .c-image__shift--left .u-bg__cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (max-width: 575px) {
  .c-image__shift--left .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-image__shift--left {
    margin-left: var(--padding-x);
  }
}

.c-image__shift--right {
  height: 100%;
  position: relative;
  margin-right: calc(var(--gap-lg) * -4);
}
.c-image__shift--right > img {
  width: 100%;
  height: auto;
}
.c-image__shift--right .u-bg__cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .c-image__shift--right .u-bg__cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (max-width: 575px) {
  .c-image__shift--right .u-bg__cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width: 991px) {
  .c-image__shift--right {
    margin-right: var(--padding-x);
  }
}

.c-signature {
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  font-family: "Yuji Syuku", serif;
}
.c-signature small {
  font-family: var(--font-sans);
  font-size: 0.66em;
  margin-right: 1em;
}

.c-box__item--list {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.75);
  display: block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .c-box__item--list .item-box {
    padding: 15px;
  }
}
.c-box__item--list .c-box__body {
  padding: 1.5rem;
}
.c-box__item--list hr {
  margin: 15px 0;
}
.c-box__item--list + .c-box__item--list {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .c-box__item--list + .c-box__item--list {
    margin-top: 15px;
  }
}

.c-box__item--detail {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  padding: 45px;
  background: rgba(255, 255, 255, 0.75);
}
@media only screen and (max-width: 767px) {
  .c-box__item--detail .item-detail-box {
    padding: 15px;
  }
}
.c-box__item--detail th, .c-box__item--detail td {
  padding: 9px;
}
@media only screen and (max-width: 767px) {
  .c-box__item--detail th, .c-box__item--detail td {
    padding: 4px;
  }
}
.c-box__item--detail th {
  width: 7em;
  text-align: center;
}

.c-title__category {
  position: relative;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 20px;
  padding-bottom: 25px;
}
.c-title__category span {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-title__category span {
    position: relative;
    z-index: 1;
    font-size: 21px;
  }
}

.c-title__item--list {
  border-bottom: 1px dotted #666;
  font-weight: bold;
  font-size: 18px;
  background: #005bab;
  color: var(--rgb-white);
  margin: -19px -19px 20px;
  text-align: center;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .c-title__item--list {
    font-size: 16px;
    margin: -14px -14px 15px;
    padding: 15px;
  }
}
.c-title__item--list h4 + .item-price {
  border-top: none;
}

.c-title__item--detail {
  border-bottom: 1px dotted #666;
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 24px;
  background: #005bab;
  color: var(--rgb-white);
  margin: -44px -44px 45px;
  padding: 29px 44px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-title__item--detail {
    padding-bottom: 10px;
    font-size: 16px;
    margin: -14px -14px 15px;
    padding: 15px;
  }
}
.c-title__item--detail h4 + .item-price {
  border-top: none;
}

.c-category__sort {
  background: rgba(96, 57, 32, 0.75);
  margin: 30px 0;
  padding: 10px;
}

.c-catalog__item--img {
  margin: -19px -19px 19px;
}
@media only screen and (max-width: 767px) {
  .c-catalog__item--img {
    margin: -14px -14px 15px;
  }
}
.c-catalog__item--img:last-child {
  margin: -19px;
}
@media only screen and (max-width: 767px) {
  .c-catalog__item--img:last-child {
    margin: -14px;
  }
}

.c-price {
  padding: 30px;
  text-align: right;
  line-height: 1;
  margin: 20px 0;
}
@media only screen and (max-width: 767px) {
  .c-price {
    margin: 10px 0;
    padding: 15px;
  }
}
.c-price:first-child {
  margin-top: 0;
}
.c-price:last-child {
  margin-bottom: 0;
}

.c-cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .c-cart {
    display: block;
  }
}
.c-cart .c-button {
  width: 200px;
}
@media only screen and (max-width: 575px) {
  .c-cart .c-button {
    width: 100%;
  }
}

.c-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .c-number {
    margin-bottom: 10px;
    width: 100%;
  }
}
.c-number dt {
  padding-right: 1em;
}
@media only screen and (max-width: 575px) {
  .c-number dd {
    text-align: right;
  }
}
.c-number dd input {
  text-align: center;
  width: 5em;
}

.c-item__number, .c-item__details, .c-item__cartin {
  padding: 0;
}
@media only screen and (max-width: 575px) {
  .c-item__number, .c-item__details, .c-item__cartin {
    margin-top: 5px;
  }
}

.c-item__number {
  display: flex;
  align-items: center;
}

.c-table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  max-inline-size: unset;
}
.c-table th, .c-table td {
  line-height: 1.75;
  padding: calc(1.125em * var(--responsive-rate)) calc(1.5em * var(--responsive-rate));
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .c-table th, .c-table td {
    line-height: 1.5;
  }
}
.c-table td hr {
  border-top-color: var(--rgb-linegray);
  border-top-style: dashed;
  opacity: 1;
}
.c-table[data-line=horizontal] {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.c-table[data-line=horizontal] th, .c-table[data-line=horizontal] td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.c-table[data-line=tile] {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-left: 1px solid rgba(0, 0, 0, 0.125);
}
.c-table[data-line=tile] th, .c-table[data-line=tile] td {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.c-table[data-mode=light] th {
  background-color: rgba(0, 0, 0, 0.05);
}
.c-table[data-mode=light] td {
  background-color: rgba(255, 255, 255, 0.5);
}
.c-table[data-mode=middle] th {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--rgb-white);
}
.c-table[data-mode=middle] td {
  background-color: rgba(255, 255, 255, 0.5);
}
.c-table[data-mode=dark][data-line=horizontal] {
  border-top: 1px solid rgba(255, 255, 255, 0.125);
}
.c-table[data-mode=dark][data-line=horizontal] th, .c-table[data-mode=dark][data-line=horizontal] td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}
.c-table[data-mode=dark][data-line=horizontal] th {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=horizontal] td {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=horizontal] td span[data-action] {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=horizontal] td .c-form__floating > label {
  color: var(--rgb-text);
  opacity: 0.33;
}
.c-table[data-mode=dark][data-line=vertical] {
  border-left: 1px solid rgba(255, 255, 255, 0.125);
}
.c-table[data-mode=dark][data-line=vertical] th, .c-table[data-mode=dark][data-line=vertical] td {
  border-right: 1px solid rgba(255, 255, 255, 0.125);
}
.c-table[data-mode=dark][data-line=vertical] th {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=vertical] td {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=vertical] td span[data-action] {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=vertical] td .c-form__floating > label {
  color: var(--rgb-text);
  opacity: 0.33;
}
.c-table[data-mode=dark][data-line=tile] {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.c-table[data-mode=dark][data-line=tile] th, .c-table[data-mode=dark][data-line=tile] td {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.c-table[data-mode=dark][data-line=tile] th {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=tile] td {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=tile] td span[data-action] {
  color: var(--rgb-white);
}
.c-table[data-mode=dark][data-line=tile] td .c-form__floating > label {
  color: var(--rgb-text);
  opacity: 0.33;
}
.c-table[data-mode=dark] th {
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.c-table[data-mode=dark] td {
  background-color: rgba(255, 255, 255, 0.1);
}
.c-table[data-direction=vertical] th {
  white-space: nowrap;
  text-align: center;
}
.c-table[data-direction=vertical] td:first-child {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-table[data-direction=vertical] td:first-child {
    white-space: normal;
  }
}
.c-table[data-direction=vertical-extend] th {
  white-space: nowrap;
  text-align: center;
}
.c-table[data-direction=vertical-extend] td:first-child {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-table[data-direction=vertical-extend] td:first-child {
    white-space: normal;
  }
}
.c-table[data-direction=horizontal] th {
  white-space: nowrap;
  width: 1%;
}
.c-table[data-direction=horizontal] td {
  width: 99%;
}
.c-table[data-direction=horizontal-extend] th {
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 1199px) {
  .c-table[data-breakpoint=lg] th, .c-table[data-breakpoint=lg] td {
    display: block;
    width: 100%;
  }
}
.c-table[data-breakpoint=lg] th {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 1199px) {
  .c-table[data-breakpoint=lg] th {
    line-height: 1;
    width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .c-table[data-breakpoint=md] th, .c-table[data-breakpoint=md] td {
    display: block;
    width: 100%;
  }
}
.c-table[data-breakpoint=md] th {
  width: var(--contact-th-width);
}
@media only screen and (max-width: 991px) {
  .c-table[data-breakpoint=md] th {
    line-height: 1;
    width: auto;
    width: 100%;
  }
}
.c-table[data-breakpoint=md] td {
  width: calc(100% - var(--contact-th-width));
}
@media only screen and (max-width: 991px) {
  .c-table[data-breakpoint=md] td {
    width: 100%;
  }
}
.c-table[data-breakpoint=xs] th, .c-table[data-breakpoint=xs] td {
  line-height: 1.5;
}
@media only screen and (max-width: 575px) {
  .c-table[data-breakpoint=xs] th, .c-table[data-breakpoint=xs] td {
    display: block;
  }
}
.c-table[data-breakpoint=xs] th {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 575px) {
  .c-table[data-breakpoint=xs] th {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .c-table[data-breakpoint=xs] td {
    width: 100%;
  }
}

.c-table__size--sm {
  font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
  .c-table__size--sm {
    font-size: 0.75em;
  }
}
.c-table__size--sm th, .c-table__size--sm td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.c-table__size--sm td a img {
  vertical-align: middle;
}

.c-table__mode--opaque th {
  background-color: #E6E6E6;
}
.c-table__mode--opaque td {
  background-color: rgb(255, 255, 255);
}

.c-table__padding--md th, .c-table__padding--md td {
  line-height: 1.5;
  padding: 1em 1.5em;
}
@media only screen and (max-width: 1399px) {
  .c-table__padding--md th, .c-table__padding--md td {
    padding: 0.75em 1.125em;
  }
}
@media only screen and (max-width: 1199px) {
  .c-table__padding--md th, .c-table__padding--md td {
    padding: 0.5em 0.75em;
  }
}
@media only screen and (max-width: 991px) {
  .c-table__padding--md th, .c-table__padding--md td {
    padding: 0.375em 0.5625em;
  }
}
@media only screen and (max-width: 767px) {
  .c-table__padding--md th, .c-table__padding--md td {
    padding: 0.25em 0.375em;
  }
}

.c-table__padding--sm th, .c-table__padding--sm td {
  line-height: 1.5;
  padding: 0.5em 0.75em;
}
@media only screen and (max-width: 991px) {
  .c-table__padding--sm th, .c-table__padding--sm td {
    padding: 0.375em 0.5625em;
  }
}
@media only screen and (max-width: 767px) {
  .c-table__padding--sm th, .c-table__padding--sm td {
    padding: 0.25em 0.375em;
  }
}

.c-th__horizontal--bracket th {
  white-space: nowrap;
  text-align: center;
}
.c-th__horizontal--bracket td:first-child {
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-th__horizontal--bracket td:first-child {
    white-space: normal;
  }
}
.c-th__horizontal--bracket td:not(:first-child) {
  text-align: center;
}

.c-th__bracket tr th:first-of-type {
  width: -moz-min-content;
  width: min-content;
}
.c-th__bracket tr:first-of-type th {
  text-align: center;
}
.c-th__bracket tr:not(:first-of-type) th:first-of-type {
  width: 1%;
  text-align: left;
}
.c-th__bracket th {
  white-space: nowrap;
}
.c-th__bracket td {
  width: auto;
}

.c-td__horizontal td {
  width: 99%;
}
.c-td__horizontal td span {
  white-space: nowrap;
}
.c-td__horizontal td:first-of-type {
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .c-td__horizontal td:first-of-type {
    width: 100%;
  }
}

.c-th__grid th {
  white-space: nowrap;
}
.c-table__break--none th, .c-table__break--none td {
  line-height: 1.5;
}
.c-table__break--none th {
  width: 9em;
}
.c-table__break--none td a, .c-table__break--none td span[data-action] {
  color: #212121 !important;
}
.c-table__break--none:not(:first-child) {
  margin-top: 2rem;
}

.c-table__vertical th, .c-table__vertical td {
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .c-table__vertical th, .c-table__vertical td {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-table__vertical th, .c-table__vertical td {
    font-size: 0.75rem;
  }
}

.c-table__both th, .c-table__both td {
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .c-table__both th, .c-table__both td {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-table__both th, .c-table__both td {
    font-size: 0.75rem;
  }
}

.c-table__survey {
  border-spacing: 0.5rem;
  border-collapse: separate;
  width: 100%;
  border: none;
  table-layout: fixed;
}
@media only screen and (max-width: 767px) {
  .c-table__survey {
    border-spacing: 0.25rem;
  }
}
.c-table__survey th, .c-table__survey td {
  padding: 0.5em;
}
@media only screen and (max-width: 767px) {
  .c-table__survey th, .c-table__survey td {
    padding: 0.25em;
  }
}
.c-table__survey td {
  text-align: center;
}
.c-table__survey td.empty {
  border: 1px solid transparent;
}
.c-table__survey td.off {
  border: 1px solid #999;
}
.c-table__survey td.on {
  border: 1px solid var(--accentcolor);
  background-color: var(--accentcolor);
  color: var(--rgb-white);
}

@media only screen and (max-width: 1399px) {
  .c-table__responsive--xl {
    padding-top: 1px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .c-table__responsive--xl .c-table {
    width: -moz-max-content;
    width: max-content;
    max-width: 300%;
  }
  .c-table__responsive--xl .c-table th, .c-table__responsive--xl .c-table td {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1199px) {
  .c-table__responsive--lg {
    padding-top: 1px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .c-table__responsive--lg .c-table {
    width: -moz-max-content;
    width: max-content;
    max-width: 300%;
  }
  .c-table__responsive--lg .c-table th, .c-table__responsive--lg .c-table td {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 991px) {
  .c-table__responsive--md {
    padding-top: 1px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .c-table__responsive--md .c-table {
    width: -moz-max-content;
    width: max-content;
    max-width: 300%;
  }
  .c-table__responsive--md .c-table th, .c-table__responsive--md .c-table td {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 767px) {
  .c-table__responsive--sm {
    padding-top: 1px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .c-table__responsive--sm .c-table {
    width: -moz-max-content;
    width: max-content;
    max-width: 300%;
  }
  .c-table__responsive--sm .c-table th, .c-table__responsive--sm .c-table td {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 575px) {
  .c-table__responsive {
    padding-top: 1px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .c-table__responsive .c-table {
    width: -moz-max-content;
    width: max-content;
    max-width: 300%;
  }
  .c-table__responsive .c-table th, .c-table__responsive .c-table td {
    white-space: nowrap;
  }
}

.c-table__layout--fixed {
  table-layout: fixed;
}
.c-table__layout--fixed th, .c-table__layout--fixed td {
  text-align: center !important;
}

.year {
  display: flex;
  justify-content: space-between;
}

.seireki:before {
  content: "（";
}

.seireki:after {
  content: "年)";
}

/* scroll-hint */
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 4rem);
  box-sizing: border-box;
  width: 7.5rem;
  height: 5rem;
  border-radius: 0.25rem;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 0.5rem;
  color: var(--rgb-white);
  margin-top: 0.25rem;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.75;
}

.scroll-hint-icon::before {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--rgb-white);
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon::after {
  content: "";
  width: 2.25rem;
  height: 0.9rem;
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  margin-left: -1rem;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon::after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon::before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: var(--rgb-white);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

.c-table--xs th, .c-table--xs td {
  font-size: 0.9em;
  line-height: 1.5;
  padding: 0.5em 1em;
}
@media only screen and (max-width: 767px) {
  .c-table--xs th, .c-table--xs td {
    line-height: 1.25;
    padding: 0.25em 0.5em;
  }
}

:root {
  scroll-behavior: unset;
}

:where(body) {
  --font-size: 1em;
  --line-height: 2.25;
  --font-family: var(--font-family-sans);
  --font-weight: 400;
}
@media only screen and (max-width: 767px) {
  :where(body) {
    --line-height: 1.75;
  }
}

.c-image__width--fluid {
  max-width: 100%;
}
@media screen and (min-width: 1400px) {
  .c-image__width--fluid {
    width: 100%;
    max-width: none;
    height: auto;
  }
}

.c-image__width--full {
  width: 100%;
  height: auto;
}

.p-header {
  grid-template-columns: max-content 1fr;
  grid-template-rows: 5fr 3fr;
  align-items: center;
  grid-gap: 0 calc(2rem * var(--responsive-rate));
}
@media only screen and (max-width: 575px) {
  .p-header {
    grid-template-columns: max-content 1fr 6rem;
  }
}

.l-header__logo {
  grid-column: 1/2;
  grid-row: 1/3;
}

.l-navigation__global {
  grid-column: 2/3;
  grid-row: 2/3;
}

.l-header__call {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .l-header__call {
    display: none;
  }
}

.p-header {
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
}
@media only screen and (max-width: 991px) {
  .p-header {
    padding-right: var(--header-height);
  }
}
.p-header::before {
  background-color: var(--rgb-white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s;
  content: "";
}
.p-header[data-filter=blur] {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}
.p-header[data-float=true] {
  box-shadow: 0 1rem 3rem rgb(90 35 35 / 0);
}

.js-scroll.p-header::before {
  background-color: var(--rgb-white);
  opacity: 0.9;
  transition: opacity 0.6s;
}
.js-scroll.p-header[data-filter=blur] {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.js-scroll.p-header[data-float=true] {
  box-shadow: 0 1rem 3rem rgb(90 35 35 / .1);
}

.p-header__logo {
  font-size: 1em;
  display: block flow;
  position: relative;
  z-index: 9999999;
}
.p-header__logo img, .p-header__logo svg {
  width: auto;
  height: 4.5rem;
  vertical-align: top;
  transition: height 0.3s;
}
@media only screen and (max-width: 991px) {
  .p-header__logo img, .p-header__logo svg {
    height: 5.4vw;
  }
}
@media only screen and (max-width: 575px) {
  .p-header__logo img, .p-header__logo svg {
    height: 9.6vw;
  }
}

.l-navigation__global {
  --rgb-toggler-background: var(--rgb-white);
  --rgb-toggler-switch: var(--rgb-text);
  --rgb-nav:var(--rgb-white);
  --rgb-nav-text: var(--rgb-blue);
  --rgb-hover:var(--rgb-white);
  --rgb-hover-text: var(--rgb-blue);
  --rgb-active:var(--rgb-white);
  --rgb-active-text: var(--rgb-blue);
}

.p-navigation__toggler {
  background-color: var(--rgb-toggler-background);
  border: none;
  width: var(--header-height);
  height: var(--header-height);
  display: block flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
}
@media print {
  .p-navigation__toggler {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .p-navigation__toggler {
    display: none;
  }
}
.p-navigation__toggler::after {
  color: var(--rgb-toggler-switch);
  content: attr(data-nav);
  text-transform: uppercase;
  font-size: calc(1em * var(--nav-rate));
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}

.js-navigation__menu .p-navigation__switch {
  background-color: var(--rgb-toggler-switch);
  width: calc(var(--header-height) * 0.5);
  height: 0.25rem;
  display: block flow;
  margin: 1.125rem 0;
  position: relative;
  transition: background-color 0.6s;
}
@media only screen and (max-width: 991px) {
  .js-navigation__menu .p-navigation__switch {
    height: 3px;
  }
}
@media only screen and (max-width: 575px) {
  .js-navigation__menu .p-navigation__switch {
    height: 2px;
  }
}
.js-navigation__menu .p-navigation__switch::before, .js-navigation__menu .p-navigation__switch::after {
  background-color: var(--rgb-toggler-switch);
  width: calc(var(--header-height) * 0.5);
  height: 0.25rem;
  display: block flow;
  position: absolute;
  left: 0;
  right: 0;
  transition: 0.6s;
  content: "";
}
@media only screen and (max-width: 991px) {
  .js-navigation__menu .p-navigation__switch::before, .js-navigation__menu .p-navigation__switch::after {
    height: 3px;
  }
}
@media only screen and (max-width: 575px) {
  .js-navigation__menu .p-navigation__switch::before, .js-navigation__menu .p-navigation__switch::after {
    height: 2px;
  }
}
@media only screen and (max-width: 991px) {
  .js-navigation__menu .p-navigation__switch {
    margin: 1rem 0;
  }
}
.js-navigation__menu[aria-expanded=false] .p-navigation__switch::before {
  top: -0.75rem;
  transform: rotate(0deg);
}
@media only screen and (max-width: 991px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::before {
    top: -9px;
  }
}
@media only screen and (max-width: 767px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::before {
    top: -6px;
  }
}
.js-navigation__menu[aria-expanded=false] .p-navigation__switch::after {
  bottom: -0.75rem;
  transform: rotate(0deg);
}
@media only screen and (max-width: 991px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::after {
    bottom: -9px;
  }
}
@media only screen and (max-width: 767px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::after {
    bottom: -6px;
  }
}
.js-navigation__menu[aria-expanded=true] .p-navigation__switch {
  background-color: transparent;
}
.js-navigation__menu[aria-expanded=true] .p-navigation__switch:before {
  top: 0;
  transform: rotate(45deg);
}
.js-navigation__menu[aria-expanded=true] .p-navigation__switch:after {
  bottom: 0;
  transform: rotate(-45deg);
}

.p-navigation__primary {
  list-style: none;
}
@media print {
  .p-navigation__primary {
    display: block flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .p-navigation__primary {
    display: block flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary {
    background-color: var(--rgb-white);
    height: calc(100vh - var(--header-height));
    display: block flow;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
  }
}

.p-navigation__primary--item:not(:first-child) {
  margin-left: 2em;
}
@media only screen and (max-width: 1399px) {
  .p-navigation__primary--item:not(:first-child) {
    margin-left: 1.5em;
  }
}
@media only screen and (max-width: 1199px) {
  .p-navigation__primary--item:not(:first-child) {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--item:not(:first-child) {
    margin-left: 0;
    border-left: none;
  }
}

.p-navigation__primary--link {
  color: var(--rgb-white);
  font-size: 1em;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  display: block flow;
}
@media only screen and (max-width: 1199px) {
  .p-navigation__primary--link {
    width: -moz-max-content;
    width: max-content;
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link {
    color: var(--rgb-black);
    width: 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 1em var(--padding-x);
    width: 100%;
    height: auto;
  }
}
.p-navigation__primary--link::after {
  background-color: transparent;
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: var(--nav-border-active);
  transition: 0.3s;
  content: "";
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link::after {
    display: none;
  }
}
.p-navigation__primary--link span {
  padding: 0.75em 0;
  display: block flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link span {
    padding: 0;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
.p-navigation__primary--link em {
  color: var(--rgb-nav-text);
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link em {
    margin-bottom: 0;
  }
}
.p-navigation__primary--link:hover, .p-navigation__primary--link.active {
  color: var(--rgb-white);
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link:hover, .p-navigation__primary--link.active {
    background-color: var(--rgb-blue);
    color: var(--rgb-white);
  }
}
.p-navigation__primary--link:hover:after, .p-navigation__primary--link.active:after {
  background-color: var(--rgb-white);
  left: 0;
  right: 0;
  transition: 0.6s;
}

@media only screen and (max-width: 991px) {
  .p-navigation__primary[aria-hidden=true] {
    max-height: 0;
    transition: max-height 0.3s;
  }
}
.p-navigation__primary[aria-hidden=true] .p-navigation__primary--item {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary[aria-hidden=true] .p-navigation__primary--item:not(:first-child) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary[aria-hidden=true] .p-navigation__primary--link {
    pointer-events: none;
    border-bottom: 1px solid var(--rgb-linegray);
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary[aria-hidden=false] {
    max-height: 4000px;
    transition: max-height 0.6s;
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary[aria-hidden=false] .p-navigation__primary--link {
    border-bottom: 1px solid var(--rgb-linegray);
  }
}

.p-navigation__primary--dropdown {
  display: block flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--dropdown {
    display: block flow;
  }
}
.p-navigation__primary--dropdown > .p-navigation__primary--link {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--dropdown > .p-navigation__primary--link span::after {
    display: block flex;
    align-items: center;
    content: "\e5cf";
    font-family: "Material Icons";
  }
}

.p-navigation__secondary {
  background-color: var(--rgb-white);
  border-left: 0.0625rem solid var(--rgb-linegray);
  border-right: 0.0625rem solid var(--rgb-linegray);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s;
  display: block flow;
  /*絶対配置で位置を指定*/
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 999999;
  /*形状を指定*/
}
.p-navigation__secondary.js-navigation__show {
  height: auto;
  max-height: 4000px;
  transition: max-height 3s;
  border-bottom: 0.0625rem solid var(--rgb-linegray);
}
@media only screen and (max-width: 991px) {
  .p-navigation__secondary {
    position: static;
    flex: 0 0 100%;
    background-color: var(--rgb-lightgray);
  }
}
.p-navigation__secondary .p-navigation__secondary--item {
  margin-left: 0;
  width: 100%;
}
.p-navigation__secondary .p-navigation__secondary--item .p-navigation__secondary--link {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  display: block flow;
  padding: 0.625em 1em;
}
@media only screen and (max-width: 991px) {
  .p-navigation__secondary .p-navigation__secondary--item .p-navigation__secondary--link {
    background-color: var(--rgb-lightgray);
    color: var(--rgb-text);
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    padding: 0.5em var(--padding-x) 0.5em calc(var(--padding-x) + 1.5em);
  }
}
.p-navigation__secondary .p-navigation__secondary--item .p-navigation__secondary--link:hover, .p-navigation__secondary .p-navigation__secondary--item .p-navigation__secondary--link.active {
  background-color: var(--rgb-text);
  color: var(--rgb-white);
}
@media only screen and (max-width: 991px) {
  .p-navigation__secondary .p-navigation__secondary--item .p-navigation__secondary--link:hover, .p-navigation__secondary .p-navigation__secondary--item .p-navigation__secondary--link.active {
    background-image: none;
    color: var(--rgb-blue);
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding: 0.5em calc(var(--padding-x) * 0.5) !important;
  }
}

.p-navigation__tertiary::before {
  content: "";
}
.p-navigation__tertiary:hover > ul, .p-navigation__tertiary:active > ul {
  overflow: visible;
  opacity: 1;
}
.p-navigation__tertiary ul {
  background: #66ADF5;
  /*絶対配置で位置を指定*/
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 4;
  /*形状を指定*/
  background: #28BFE7;
  /*はじめは非表示*/
  overflow: hidden;
  opacity: 0;
  /*アニメーション設定*/
  transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
  .p-navigation__tertiary ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    overflow: visible; /*JSで制御するため一旦表示*/
    opacity: 1; /*JSで制御するため一旦表示*/
    display: none; /*JSのslidetoggleで表示させるため非表示に*/
    transition: none; /*JSで制御するためCSSのアニメーションを切る*/
  }
}
.p-navigation__tertiary ul li a:hover, .p-navigation__tertiary ul li a:active {
  background: #448ED3;
}
@media only screen and (max-width: 991px) {
  .p-navigation__tertiary ul li.active::before {
    transform: rotate(-45deg);
  }
}

.js-scroll .l-navigation__global .p-navigation__primary > li a {
  color: var(--rgb-text);
}
.js-scroll .l-navigation__global .p-navigation__primary > li > a:hover, .js-scroll .l-navigation__global .p-navigation__primary > li > a.active {
  color: var(--rgb-text);
}
@media only screen and (max-width: 991px) {
  .js-scroll .l-navigation__global .p-navigation__primary > li > a:hover, .js-scroll .l-navigation__global .p-navigation__primary > li > a.active {
    color: var(--rgb-white);
  }
}
.js-scroll .l-navigation__global .p-navigation__primary > li > a:hover:after, .js-scroll .l-navigation__global .p-navigation__primary > li > a.active:after {
  background-color: var(--rgb-blue);
}

.l-header__call {
  color: var(--rgb-white);
}

.js-scroll .l-header__call {
  color: var(--rgb-text);
}

.p-header__call {
  display: block flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.5rem;
}

.p-header__call--recept {
  margin-right: 2em;
}

.l-wrapper {
  padding-top: 0;
  overflow: hidden;
}

[data-outer-background=index]::before {
  background: url(../images/index-outer__background.svg) left bottom/100% no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.l-outer__solid {
  display: flex;
  position: relative;
}

.l-outer__solid--main {
  flex: 0 0 calc(100% - 16rem - 4rem * (var(--responsive-rate)));
  order: 2;
}

.l-outer__solid--side {
  padding: 0 0 var(--clearance-padding);
  position: relative;
  flex: 0 0 16rem;
  order: 1;
}

.js-parallax {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  isolation: isolate;
}

.js-parallax-layer1 {
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  will-change: transform, opacity, scale, rotate;
  background-image: url(../images/common/common-outer__background.webp);
  background-size: 100%;
  opacity: 0.33;
  z-index: 1;
}

.js-parallax-layer2 {
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  will-change: transform, opacity, scale, rotate;
  background-image: url(../images/common/common-outer__background.webp);
  background-size: 100%;
  opacity: 0.1;
  z-index: 2;
  scale: -1 1;
}

.p-button__custom {
  font-size: 1.25em;
  line-height: 1.5;
  position: relative;
  text-decoration: none;
  background: transparent;
  border: none;
  width: -moz-max-content;
  width: max-content;
  display: block flex;
  justify-content: flex-start;
  align-items: center;
}
.p-button__custom span {
  display: block flow;
  text-transform: uppercase;
  font-weight: 700;
}

[data-hover=slide] {
  padding: 0 1.5em 0 3.5em;
  transition: padding-left 150ms, padding-right 150ms;
}
[data-hover=slide] span {
  color: var(--rgb-black);
  transition: color 150ms;
}

[data-hover=slide]::before {
  background-color: var(--rgb-slide);
  color: var(--rgb-white);
  border-radius: 2.25em;
  font-size: 1.25em;
  line-height: 1;
  padding-right: 0.5625em;
  width: 2.25em;
  height: 2.25em;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  display: block flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  left: 0;
  z-index: -1;
  content: "\e5cc";
  font-family: "Material icons";
  transition: background-color 150ms, width 150ms;
}

[data-hover=slide]:hover {
  padding: 0 3.5em 0 1.5em;
  transition: padding-left 300ms, padding-right 300ms;
}
[data-hover=slide]:hover span {
  color: var(--rgb-white);
  transition: color 300ms;
}

[data-hover=slide]:hover::before {
  background-color: var(--rgb-black);
  width: 100%;
  transition: background-color 300ms, width 300ms;
}

.p-section__background--reverse {
  --rgb-heading-light-color:var(--rgb-lightgray);
}
.p-section__background--reverse::before {
  background-color: var(--rgb-lightgreen);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  content: "";
}

.l-section {
  margin-top: -0.0625rem;
  margin-bottom: -0.0625rem;
}

.l-section__image--devider {
  height: 27vw;
  overflow: hidden;
}
@media only screen and (max-width: 575px) {
  .l-section__image--devider {
    height: 48vw;
  }
}

.p-layout__text--left {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: var(--clearance-padding) auto var(--clearance-padding);
  align-items: end;
  grid-gap: calc(4rem * var(--responsive-rate));
}
@media only screen and (max-width: 991px) {
  .p-layout__text--left {
    grid-template-rows: auto var(--clearance-padding) auto;
  }
}
.p-layout__text--left .p-layout__image--under {
  grid-area: 1/5/3/13;
  border-radius: calc(2rem * var(--responsive-rate));
  z-index: 9;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .p-layout__text--left .p-layout__image--under {
    grid-area: 1/2/3/13;
  }
}
.p-layout__text--left .p-layout__text--over {
  grid-area: 2/1/4/8;
  z-index: 99;
}
@media only screen and (max-width: 991px) {
  .p-layout__text--left .p-layout__text--over {
    grid-area: 2/1/4/12;
  }
}
.p-layout__text--left .p-layout__image--over {
  z-index: 99;
}
.p-layout__text--left .p-layout__text--under {
  z-index: 9;
}

.p-layout__text--right {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: var(--clearance-padding) auto var(--clearance-padding);
  align-items: end;
  grid-gap: calc(4rem * var(--responsive-rate));
}
@media only screen and (max-width: 991px) {
  .p-layout__text--right {
    grid-template-rows: auto var(--clearance-padding) auto;
  }
}
.p-layout__text--right .p-layout__image--under {
  grid-area: 1/1/3/9;
  border-radius: calc(2rem * var(--responsive-rate));
  z-index: 9;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .p-layout__text--right .p-layout__image--under {
    grid-area: 1/1/3/12;
  }
}
.p-layout__text--right .p-layout__text--over {
  grid-area: 2/6/4/13;
  z-index: 99;
}
@media only screen and (max-width: 991px) {
  .p-layout__text--right .p-layout__text--over {
    grid-area: 2/2/4/13;
  }
}
.p-layout__text--right .p-layout__image--over {
  z-index: 99;
}
.p-layout__text--right .p-layout__text--under {
  z-index: 9;
}

.p-layout__text--background {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: calc(2rem * var(--responsive-rate));
  padding: calc(3rem * var(--responsive-rate));
}

.p-index__shortcut--sm, .p-index__shortcut--sm:hover, .p-index__shortcut--sm:active, .p-index__shortcut--sm:focus {
  background-color: var(--rgb-white);
  display: block;
  position: relative;
  overflow: hidden;
}
.p-index__shortcut--sm::before, .p-index__shortcut--sm:hover::before, .p-index__shortcut--sm:active::before, .p-index__shortcut--sm:focus::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}
.p-index__shortcut--sm .p-index__shortcut--text, .p-index__shortcut--sm:hover .p-index__shortcut--text, .p-index__shortcut--sm:active .p-index__shortcut--text, .p-index__shortcut--sm:focus .p-index__shortcut--text {
  color: var(--rgb-white);
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: calc(2em * var(--responsive-rate));
  display: flex;
  font-weight: 700;
}
.p-index__shortcut--sm::before {
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s;
}
.p-index__shortcut--sm .p-index__shortcut--image {
  scale: 1;
  transition: scale 0.3s;
}
.p-index__shortcut--sm:hover::before, .p-index__shortcut--sm:active::before, .p-index__shortcut--sm:focus::before {
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
}
.p-index__shortcut--sm:hover .p-index__shortcut--background, .p-index__shortcut--sm:active .p-index__shortcut--background, .p-index__shortcut--sm:focus .p-index__shortcut--background {
  width: 100%;
  display: block flow;
}
.p-index__shortcut--sm:hover .p-index__shortcut--image, .p-index__shortcut--sm:active .p-index__shortcut--image, .p-index__shortcut--sm:focus .p-index__shortcut--image {
  scale: 1.05;
  transition: scale 0.6s;
}
.p-index__shortcut--sm:hover h4, .p-index__shortcut--sm:active h4, .p-index__shortcut--sm:focus h4 {
  transition: background-color 0.6s;
}
.p-index__shortcut--sm .p-index__shortcut--text, .p-index__shortcut--sm:hover .p-index__shortcut--text, .p-index__shortcut--sm:active .p-index__shortcut--text, .p-index__shortcut--sm:focus .p-index__shortcut--text {
  justify-content: flex-end;
  align-items: flex-end;
}
.p-index__shortcut--sm .p-index__shortcut--text h4, .p-index__shortcut--sm:hover .p-index__shortcut--text h4, .p-index__shortcut--sm:active .p-index__shortcut--text h4, .p-index__shortcut--sm:focus .p-index__shortcut--text h4 {
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1;
}

.p-index__shortcut--lg, .p-index__shortcut--lg:hover, .p-index__shortcut--lg:active, .p-index__shortcut--lg:focus {
  background-color: var(--rgb-white);
  display: block;
  position: relative;
  overflow: hidden;
}
.p-index__shortcut--lg::before, .p-index__shortcut--lg:hover::before, .p-index__shortcut--lg:active::before, .p-index__shortcut--lg:focus::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: "";
}
.p-index__shortcut--lg .p-index__shortcut--text, .p-index__shortcut--lg:hover .p-index__shortcut--text, .p-index__shortcut--lg:active .p-index__shortcut--text, .p-index__shortcut--lg:focus .p-index__shortcut--text {
  color: var(--rgb-white);
  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: calc(2em * var(--responsive-rate));
  display: flex;
  font-weight: 700;
}
.p-index__shortcut--lg::before {
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s;
}
.p-index__shortcut--lg .p-index__shortcut--image {
  scale: 1;
  transition: scale 0.3s;
}
.p-index__shortcut--lg:hover::before, .p-index__shortcut--lg:active::before, .p-index__shortcut--lg:focus::before {
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
}
.p-index__shortcut--lg:hover .p-index__shortcut--background, .p-index__shortcut--lg:active .p-index__shortcut--background, .p-index__shortcut--lg:focus .p-index__shortcut--background {
  width: 100%;
  display: block flow;
}
.p-index__shortcut--lg:hover .p-index__shortcut--image, .p-index__shortcut--lg:active .p-index__shortcut--image, .p-index__shortcut--lg:focus .p-index__shortcut--image {
  scale: 1.05;
  transition: scale 0.6s;
}
.p-index__shortcut--lg:hover h4, .p-index__shortcut--lg:active h4, .p-index__shortcut--lg:focus h4 {
  transition: background-color 0.6s;
}
.p-index__shortcut--lg .p-index__shortcut--background, .p-index__shortcut--lg:hover .p-index__shortcut--background, .p-index__shortcut--lg:active .p-index__shortcut--background, .p-index__shortcut--lg:focus .p-index__shortcut--background {
  background-color: var(--rgb-green);
  padding-bottom: 66.6666666666%;
  position: relative;
}
.p-index__shortcut--lg .p-index__shortcut--background .material-icons, .p-index__shortcut--lg:hover .p-index__shortcut--background .material-icons, .p-index__shortcut--lg:active .p-index__shortcut--background .material-icons, .p-index__shortcut--lg:focus .p-index__shortcut--background .material-icons {
  color: rgba(255, 255, 255, 0.25);
  font-size: calc(20em * var(--responsive-rate));
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-index__shortcut--lg .p-index__shortcut--text, .p-index__shortcut--lg:hover .p-index__shortcut--text, .p-index__shortcut--lg:active .p-index__shortcut--text, .p-index__shortcut--lg:focus .p-index__shortcut--text {
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.p-index__shortcut--lg .p-index__shortcut--text h4, .p-index__shortcut--lg:hover .p-index__shortcut--text h4, .p-index__shortcut--lg:active .p-index__shortcut--text h4, .p-index__shortcut--lg:focus .p-index__shortcut--text h4 {
  font-size: calc(2em * var(--sm-rate));
  line-height: 1;
  margin-bottom: 0.75em;
}
.p-index__shortcut--lg .p-index__shortcut--text p, .p-index__shortcut--lg:hover .p-index__shortcut--text p, .p-index__shortcut--lg:active .p-index__shortcut--text p, .p-index__shortcut--lg:focus .p-index__shortcut--text p {
  text-align: center;
}

.p-section__background--reverse::before {
  background-color: var(--rgb-middlegray);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  content: "";
}

[data-blur=true] {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

:root {
  --rgb-inquiry-gradation: none;
  --rgb-inquiry-gradation-hover: none;
  --rgb-inquiry: transparent;
  --rgb-inquiry-hover:var(--rgb-middlegray);
  --rgb-inquiry-text: var(--rgb-text);
}

a.c-inquiry, button.c-inquiry, input.c-inquiry {
  background-image: var(--rgb-inquiry-gradation);
  background-color: var(--rgb-inquiry);
  color: currentColor;
  font-size: calc(2em * var(--lg-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  letter-spacing: 0.025em;
  font-weight: 700;
  width: 100%;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  a.c-inquiry, button.c-inquiry, input.c-inquiry {
    pointer-events: none;
  }
}
a.c-inquiry:hover, button.c-inquiry:hover, input.c-inquiry:hover {
  color: var(--rgb-inquiry-text);
}

span.c-inquiry {
  background-image: var(--rgb-inquiry-gradation);
  background-color: var(--rgb-inquiry);
  border: var(--button-border-width) solid var(--rgb-white);
  font-size: calc(2em * var(--lg-rate));
  line-height: 1.5;
  font-weight: 700;
  padding: var(--button-padding) 1em;
  width: 100%;
  height: 100%;
  display: block flex;
  justify-content: center;
  align-items: center;
}

.l-header__call a.c-inquiry, .l-header__call button.c-inquiry, .l-header__call input.c-inquiry {
  background-image: none;
  background-color: transparent;
  --line-height: 1;
  --button-padding: 0;
}
.l-header__call a.c-inquiry span::before, .l-header__call button.c-inquiry span::before, .l-header__call input.c-inquiry span::before {
  margin-bottom: 0;
}

.l-footer__contact a[data-type=inquiry], .l-footer__contact button[data-type=inquiry], .l-footer__contact input[data-type=inquiry], .l-footer__information a[data-type=inquiry], .l-footer__information button[data-type=inquiry], .l-footer__information input[data-type=inquiry] {
  width: 100%;
}
.l-footer__contact a[data-type=inquiry] span, .l-footer__contact button[data-type=inquiry] span, .l-footer__contact input[data-type=inquiry] span, .l-footer__information a[data-type=inquiry] span, .l-footer__information button[data-type=inquiry] span, .l-footer__information input[data-type=inquiry] span {
  color: var(--rgb-white);
  justify-content: center;
}
.l-footer__contact a[data-type=inquiry][data-family=oswald], .l-footer__contact button[data-type=inquiry][data-family=oswald], .l-footer__contact input[data-type=inquiry][data-family=oswald], .l-footer__information a[data-type=inquiry][data-family=oswald], .l-footer__information button[data-type=inquiry][data-family=oswald], .l-footer__information input[data-type=inquiry][data-family=oswald] {
  font-size: 1.75em;
}

.l-section__contact a.c-inquiry, .l-section__contact button.c-inquiry, .l-section__contact input.c-inquiry, .l-section__contact span.c-inquiry {
  background-image: none;
  background-color: transparent;
  border: 0 solid transparent;
  color: var(--rgb-text);
  white-space: normal;
  text-decoration: none;
  font-size: calc(3em * var(--md-rate));
  line-height: 1;
  font-weight: 700;
  font-family: inherit;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: block flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 1;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.l-section__contact a.c-inquiry > span, .l-section__contact button.c-inquiry > span, .l-section__contact input.c-inquiry > span, .l-section__contact span.c-inquiry > span {
  font-size: 1em;
  margin-block: var(--leading-trim-en);
}
.l-section__contact a.c-inquiry > span::before, .l-section__contact button.c-inquiry > span::before, .l-section__contact input.c-inquiry > span::before, .l-section__contact span.c-inquiry > span::before {
  margin-bottom: 0;
}

.c-phone--lg {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(2.25em * var(--md-rate));
}
.c-phone--lg.text-center {
  margin: 0 auto;
}
.c-phone--lg img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-phone--lg img {
    height: 1.75rem;
  }
}
.c-phone--lg.c-label__phone::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-phone--lg.u-icon__phone:before {
  font-weight: 900;
  margin-top: 0.15em;
}
.c-phone--lg.u-icon__freedial::before {
  background-position: left center;
  width: 1.5em;
  height: 0.75em;
}

.c-facsimile--lg {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(2.25em * var(--md-rate));
}
.c-facsimile--lg.text-center {
  margin: 0 auto;
}
.c-facsimile--lg img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-facsimile--lg img {
    height: 1.75rem;
  }
}
.c-facsimile--lg.c-label__facsimile::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-facsimile--lg.u-icon__facsimile:before {
  font-size: 0.75em;
  font-weight: 900;
}

.c-mail--lg {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(2.25em * var(--md-rate));
}
.c-mail--lg.text-center {
  margin: 0 auto;
}
.c-mail--lg img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-mail--lg img {
    height: 1.75rem;
  }
}
.c-mail--lg.c-label__mail::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-mail--lg.u-icon__mail:before {
  font-size: 0.75em;
  font-weight: 900;
}

.c-phone--md {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(2em * var(--sm-rate));
}
.c-phone--md.text-center {
  margin: 0 auto;
}
.c-phone--md img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-phone--md img {
    height: 1.75rem;
  }
}
.c-phone--md.c-label__phone::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-phone--md.u-icon__phone:before {
  font-weight: 900;
  margin-top: 0.15em;
}
.c-phone--md.u-icon__freedial::before {
  background-position: left center;
  width: 1.5em;
  height: 0.75em;
}

.c-facsimile--md {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(2em * var(--sm-rate));
}
.c-facsimile--md.text-center {
  margin: 0 auto;
}
.c-facsimile--md img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-facsimile--md img {
    height: 1.75rem;
  }
}
.c-facsimile--md.c-label__facsimile::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-facsimile--md.u-icon__facsimile:before {
  font-size: 0.75em;
  font-weight: 900;
}

.c-phone--sm {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(1.75em * var(--sm-rate));
}
.c-phone--sm.text-center {
  margin: 0 auto;
}
.c-phone--sm img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-phone--sm img {
    height: 1.75rem;
  }
}
.c-phone--sm.c-label__phone::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-phone--sm.u-icon__phone:before {
  font-weight: 900;
  margin-top: 0.15em;
}
.c-phone--sm.u-icon__freedial::before {
  background-position: left center;
  width: 1.5em;
  height: 0.75em;
}

.c-facsimile--sm {
  line-height: 0.75;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.025em;
  font-family: var(--font-barlow);
  font-feature-settings: "tnum";
  --rgb-link: currentColor;
  font-size: calc(1.75em * var(--sm-rate));
}
.c-facsimile--sm.text-center {
  margin: 0 auto;
}
.c-facsimile--sm img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .c-facsimile--sm img {
    height: 1.75rem;
  }
}
.c-facsimile--sm.c-label__facsimile::before {
  font-size: 0.75em;
  font-weight: 700;
}
.c-facsimile--sm.u-icon__facsimile:before {
  font-size: 0.75em;
  font-weight: 900;
}

.p-mainimage {
  padding-top: var(--header-height);
  padding-right: 12.5%;
}
.p-mainimage::before {
  background-color: var(--rgb-blue);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 66%);
          clip-path: polygon(0 0, 100% 0, 100% 66%);
  position: absolute;
  top: 0;
  left: 33.3333333333%;
  right: 0;
  bottom: 0;
  content: "";
}

.c-mainimage__slider {
  overflow: hidden;
  background-color: var(--rgb-white);
  isolation: isolate;
}

.p-mainimage__cover {
  background-color: var(--rgb-black);
}
@media screen and (orientation: landscape) {
  .p-mainimage__cover {
    height: calc(100dvh - var(--header-height));
  }
}
@media screen and (orientation: portrait) {
  .p-mainimage__cover {
    height: 66vw;
  }
}
@media only screen and (orientation: portrait) and (max-width: 575px) {
  .p-mainimage__cover {
    height: 75vw;
  }
}
@media print {
  .p-mainimage__cover {
    height: 66vw;
  }
}
.p-mainimage__cover img {
  opacity: 0.875;
  -o-object-position: center bottom;
     object-position: center bottom;
}

.p-mainimage__text {
  justify-content: flex-start;
  align-items: flex-end;
  top: var(--header-height);
  overflow: hidden;
}
.p-mainimage__text::before {
  background-image: linear-gradient(to right, var(--rgb-white) 87.5%, var(--rgb-blue) 87.5%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-size: 11.6vw;
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-align: right;
  margin-top: var(--leading-trim-en);
  margin-bottom: var(--leading-trim-en);
  padding: 0 calc(var(--padding-x) * 0.75);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  content: "Tachyon";
}
@media only screen and (max-width: 575px) {
  .p-mainimage__text::before {
    font-size: 15.2vw;
  }
}

.p-mainimage__copy {
  width: 100%;
  padding-bottom: 7.2vw;
}

.p-mainimage__catch {
  background-image: linear-gradient(to right, var(--rgb-white) 87.5%, var(--rgb-text) 87.5%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-size: 1.875vw;
  line-height: 1.5;
  font-weight: 700;
  text-align: right;
  padding: var(--padding-x);
  display: block;
}
@media only screen and (max-width: 575px) {
  .p-mainimage__catch {
    font-size: 4vw;
  }
}
.p-mainimage__catch span {
  display: block;
}

.p-mainimage__picture {
  position: absolute;
  top: var(--header-height);
  left: 0;
  right: 12.5%;
  bottom: var(--header-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-mainimage__picture img {
  height: auto;
  width: 80vw;
  max-width: calc(60rem * var(--responsive-rate));
}
@media only screen and (max-width: 575px) {
  .p-mainimage__picture img {
    width: 72vw;
  }
}

.c-scrolldown {
  left: var(--padding-x);
  right: auto;
}
@media only screen and (max-width: 1199px) {
  .c-scrolldown {
    right: 1.5rem;
    bottom: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-scrolldown {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .c-scrolldown {
    display: block;
  }
}
@media only screen and (max-width: 575px) {
  .c-scrolldown {
    display: none;
  }
}
.c-scrolldown:before, .c-scrolldown:after {
  background-color: var(--rgb-white);
}
.c-scrolldown:before {
  width: 0.1vw;
  height: 5.6vw;
  left: 0.25vw;
  bottom: 0;
}
@media only screen and (max-width: 2000px) {
  .c-scrolldown:before {
    width: 0.125rem;
    height: 7rem;
    left: 0.3125rem;
  }
}
.c-scrolldown:after {
  border-radius: 50%;
  width: 0.6vw;
  height: 0.6vw;
  left: 0;
  bottom: 0;
  --scroll-ball-start: 5.3vw;
  --scroll-ball-goal: -.3vw;
}
@media only screen and (max-width: 2000px) {
  .c-scrolldown:after {
    width: 0.75rem;
    height: 0.75rem;
    --scroll-ball-start: 6.625rem;
    --scroll-ball-goal: -.375rem;
  }
}
.c-scrolldown span {
  color: var(--rgb-white);
  font-size: 0.72vw;
  line-height: 0.75;
  font-weight: 700;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  left: 0;
  bottom: 6.4vw;
}
@media only screen and (max-width: 2000px) {
  .c-scrolldown span {
    font-size: 0.9em;
    width: 0.75rem;
    bottom: 8rem;
  }
}

[data-break=phrase] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  [data-break=phrase] {
    display: inline-flex;
    justify-content: flex-start;
  }
}

.p-pagetitle {
  --rgb-pagetitle: transparent;
  --rgb-pagetitle-image: transparent;
  padding-top: var(--header-height);
  padding-right: 12.5%;
  isolation: isolate;
}
.p-pagetitle::before {
  background-color: var(--rgb-blue);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 66%);
          clip-path: polygon(0 0, 100% 0, 100% 66%);
  position: absolute;
  top: 0;
  left: 33.3333333333%;
  right: 0;
  z-index: -1;
  content: "";
}
@media screen and (orientation: landscape) {
  .p-pagetitle::before {
    height: 100dvh;
  }
}
@media screen and (orientation: portrait) {
  .p-pagetitle::before {
    height: 66vw;
  }
}
@media only screen and (orientation: portrait) and (max-width: 575px) {
  .p-pagetitle::before {
    height: 75vw;
  }
}
@media print {
  .p-pagetitle::before {
    height: 66vw;
  }
}
.p-pagetitle .c-title {
  color: var(--rgb-white);
  text-shadow: 0 0 1.25em rgba(0, 0, 0, 0.1);
  padding: 0 var(--padding-x);
  top: var(--header-height);
  text-align: unset;
  justify-content: flex-start;
}
.p-pagetitle .c-title h2 {
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  font-weight: 700;
  grid-row-gap: 1.5em;
}
.p-pagetitle .c-title h2 span {
  display: block flow;
}
.p-pagetitle .c-title h2 em {
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  text-decoration-style: solid;
  text-underline-offset: 0.25em;
}

.p-pagetitle__image {
  background-color: var(--rgb-black);
  overflow: hidden;
  height: calc(25rem * var(--lg-rate));
  display: block;
  position: relative;
}
.p-pagetitle__image > img {
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  opacity: 0.75;
}

.c-breadcrumb {
  background-color: var(--rgb-lightgray);
}

.p-heading__index--light {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.75em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__index--light span {
  color: var(--rgb-white);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__index--light em {
  color: var(--rgb-heading-em);
  font-size: calc(11.4vw * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__index--light.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--light.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--light.text-center em {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1399px) {
  .p-heading__index--light {
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(1.75em * var(--sm-rate));
    line-height: 1.5;
    isolation: isolate;
  }
  .p-heading__index--light span {
    color: var(--rgb-white);
    font-family: inherit;
    font-weight: 700;
    text-transform: none;
    padding: 0.25em 0.75em;
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
    position: relative;
    z-index: 1;
  }
  .p-heading__index--light em {
    color: var(--rgb-linegray);
    font-size: calc(5.75em * var(--sm-rate));
    line-height: 1.5;
    font-family: var(--font-barlow);
    font-weight: 700;
    text-transform: uppercase;
    margin-block: var(--leading-trim-en);
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
  }
  .p-heading__index--light.text-center {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__index--light.text-center span {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__index--light.text-center em {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 575px) {
  .p-heading__index--light {
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(1.25em * var(--sm-rate));
    line-height: 1.5;
    isolation: isolate;
  }
  .p-heading__index--light span {
    color: var(--rgb-white);
    font-family: inherit;
    font-weight: 700;
    text-transform: none;
    padding: 0.25em 0.75em;
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
    position: relative;
    z-index: 1;
  }
  .p-heading__index--light em {
    color: var(--rgb-linegray);
    font-size: calc(5em * var(--sm-rate));
    line-height: 1.5;
    font-family: var(--font-barlow);
    font-weight: 700;
    text-transform: uppercase;
    margin-block: var(--leading-trim-en);
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
  }
  .p-heading__index--light.text-center {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__index--light.text-center span {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__index--light.text-center em {
    margin-left: auto;
    margin-right: auto;
  }
}
.p-heading__index--light span {
  margin-top: calc(-4em * var(--sm-rate));
  background-color: var(--rgb-blue);
}
.p-heading__index--dark {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.75em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__index--dark span {
  color: var(--rgb-white);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__index--dark em {
  color: var(--rgb-white);
  font-size: calc(11.4vw * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__index--dark.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--dark.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--dark.text-center em {
  margin-left: auto;
  margin-right: auto;
}

.p-heading__index--monochrome {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.75em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__index--monochrome span {
  color: var(--rgb-black);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__index--monochrome em {
  color: var(--rgb-black);
  font-size: calc(11.4vw * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__index--monochrome.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--monochrome.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--monochrome.text-center em {
  margin-left: auto;
  margin-right: auto;
}

.p-heading__index--instagram {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__index--instagram span {
  color: var(--rgb-white);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__index--instagram em {
  color: var(--rgb-linegray);
  font-size: calc(4.5em * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__index--instagram.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--instagram.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--instagram.text-center em {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__index--instagram span {
  margin-top: 1em;
  background-color: var(--rgb-blue);
}
.p-heading__footer--contact {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__footer--contact span {
  color: var(--rgb-white);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__footer--contact em {
  color: var(--rgb-white);
  font-size: calc(4.5em * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__footer--contact.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__footer--contact.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__footer--contact.text-center em {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__footer--contact span {
  margin-top: 1em;
  background-color: var(--rgb-blue);
}
.p-heading__page--light {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.125em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__page--light span {
  color: var(--rgb-white);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__page--light em {
  color: var(--rgb-linegray);
  font-size: calc(3.75em * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-barlow);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__page--light.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--light.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--light.text-center em {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1399px) {
  .p-heading__page--light {
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(1.125em * var(--sm-rate));
    line-height: 1.5;
    isolation: isolate;
  }
  .p-heading__page--light span {
    color: var(--rgb-white);
    font-family: inherit;
    font-weight: 700;
    text-transform: none;
    padding: 0.25em 0.75em;
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
    position: relative;
    z-index: 1;
  }
  .p-heading__page--light em {
    color: var(--rgb-linegray);
    font-size: calc(3.75em * var(--sm-rate));
    line-height: 1.5;
    font-family: var(--font-barlow);
    font-weight: 700;
    text-transform: uppercase;
    margin-block: var(--leading-trim-en);
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
  }
  .p-heading__page--light.text-center {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__page--light.text-center span {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__page--light.text-center em {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 575px) {
  .p-heading__page--light {
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(1.125em * var(--sm-rate));
    line-height: 1.5;
    isolation: isolate;
  }
  .p-heading__page--light span {
    color: var(--rgb-white);
    font-family: inherit;
    font-weight: 700;
    text-transform: none;
    padding: 0.25em 0.75em;
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
    position: relative;
    z-index: 1;
  }
  .p-heading__page--light em {
    color: var(--rgb-linegray);
    font-size: calc(3.75em * var(--sm-rate));
    line-height: 1.5;
    font-family: var(--font-barlow);
    font-weight: 700;
    text-transform: uppercase;
    margin-block: var(--leading-trim-en);
    width: -moz-fit-content;
    width: fit-content;
    display: block flow;
  }
  .p-heading__page--light.text-center {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__page--light.text-center span {
    margin-left: auto;
    margin-right: auto;
  }
  .p-heading__page--light.text-center em {
    margin-left: auto;
    margin-right: auto;
  }
}
.p-heading__page--light span {
  margin-top: calc(-2.25em * var(--sm-rate));
  background-color: var(--rgb-blue);
}
.p-heading__page--dark {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.25;
  isolation: isolate;
}
.p-heading__page--dark span {
  color: var(--rgb-white);
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__page--dark em {
  color: var(--rgb-white);
  font-size: calc(5em * var(--sm-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__page--dark.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--dark.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--dark.text-center em {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--dark span {
  margin-top: 0.5em;
}

.p-heading__page--monochrome {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.125em * var(--sm-rate));
  line-height: 1.5;
  isolation: isolate;
}
.p-heading__page--monochrome span {
  color: var(--rgb-black);
  font-family: inherit;
  font-weight: 400;
  text-transform: none;
  padding: 0.25em 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  position: relative;
  z-index: 1;
}
.p-heading__page--monochrome em {
  color: var(--rgb-black);
  font-size: calc(5em * var(--sm-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-heading__page--monochrome.text-center {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--monochrome.text-center span {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--monochrome.text-center em {
  margin-left: auto;
  margin-right: auto;
}
.p-heading__page--monochrome span {
  margin-top: 0.5em;
}

.p-heading__index2--light {
  margin-bottom: 1.5em;
}
.p-heading__index2--light:not(:first-child) {
  margin-top: 3em;
}
.p-heading__index2--light em {
  color: var(--rgb-text);
  font-size: calc(1.5em * var(--md-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__index2--light .c-heading__leftline {
  border-left-width: 0.125rem;
  border-left-color: var(--rgb-blue);
}
.p-heading__index2--light .c-heading__underline {
  border-bottom-width: 0.125rem;
  border-bottom-color: var(--rgb-blue);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-heading__index2--dark {
  margin-bottom: 1.5em;
}
.p-heading__index2--dark:not(:first-child) {
  margin-top: 3em;
}
.p-heading__index2--dark em {
  color: var(--rgb-white);
  font-size: calc(1.5em * var(--md-rate));
  line-height: 1.25;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__index2--dark .c-heading__leftline {
  border-left-width: 0.125rem;
  border-left-color: var(--rgb-white);
}
.p-heading__index2--dark .c-heading__underline {
  border-bottom-width: 0.125rem;
  border-bottom-color: var(--rgb-white);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-heading__page2--light {
  margin-bottom: 1.5em;
}
.p-heading__page2--light:not(:first-child) {
  margin-top: 3em;
}
.p-heading__page2--light em {
  color: var(inherit);
  font-size: calc(1.5em * var(--md-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__page2--light .c-heading__leftline {
  border-left-width: 0.125rem;
  border-left-color: var(--rgb-blue);
}
.p-heading__page2--light .c-heading__underline {
  border-bottom-width: 0.125rem;
  border-bottom-color: var(--rgb-blue);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-heading__page2--dark {
  margin-bottom: 1.5em;
}
.p-heading__page2--dark:not(:first-child) {
  margin-top: 3em;
}
.p-heading__page2--dark em {
  color: var(--rgb-white);
  font-size: calc(1.5em * var(--md-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__page2--dark .c-heading__leftline {
  border-left-width: 0.125rem;
  border-left-color: var(--rgb-white);
}
.p-heading__page2--dark .c-heading__underline {
  border-bottom-width: 0.125rem;
  border-bottom-color: var(--rgb-white);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-list__business {
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-list__business li {
  background-color: var(--rgb-waterblue);
  color: var(--rgb-white);
  padding: 0.25rem 1rem 0.25rem 3rem;
  font-weight: 700;
}
.p-list__business li::before {
  color: var(--rgb-water);
  font-size: 1.25em;
  line-height: 1.5;
  font-family: "Material Icons";
  font-weight: 400;
  margin-left: -1.5rem;
  margin-bottom: 0.1875em;
  width: 1.5rem;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  content: "\e2e6";
}
.p-list__business li:not(:first-of-type) {
  margin-top: 0.5em;
}

.p-index__products--link {
  display: block flow;
}
.p-index__products--link .p-index__products--image {
  background-color: var(--rgb-black);
}
.p-index__products--link .p-index__products--image img {
  opacity: 0.95;
  transition: opacity 0.3s;
}
.p-index__products--link:hover img {
  opacity: 1;
  transition: opacity 0.6s;
}

.p-index__products--name {
  line-height: 1.5;
  margin-top: 0.5em;
  display: block flex;
  justify-content: center;
}

.p-badge__caution {
  background-color: var(--rgb-caution);
  color: var(--rgb-white);
  font-size: 0.75em;
  line-height: 1.5;
  margin-right: 1em;
  padding: 0.25em 0.5em;
}
@media only screen and (max-width: 575px) {
  .p-badge__caution {
    margin: auto auto 0.5em;
    width: -moz-max-content;
    width: max-content;
    display: block flow;
  }
}

.p-index__recruit:before {
  background-color: var(--rgb-lightgreen);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0.2;
  content: "";
}

.p-demand__list {
  position: relative;
  color: var(--rgb-white);
}
.p-demand__list::before {
  border-radius: 100%;
  background-color: var(--rgb-white);
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}
.p-demand__list .p-demand__icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-demand__list .material-symbols-outlined {
  font-size: calc(8em * var(--lg-rate));
  font-weight: 100;
  color: var(--rgb-blue);
  line-height: 1;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.p-demand__caption {
  margin-top: 1em;
  display: flex;
  justify-content: center;
}
.p-demand__caption p {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
.p-demand__caption span {
  white-space: nowrap;
}

.c-flow__horizontal .c-flow__article {
  padding: calc(1.5rem * var(--responsive-rate));
}

@media screen and (min-width: 576px) {
  .p-company__requirements .c-table[data-breakpoint=xs] th {
    width: 12rem;
  }
}

@media screen and (min-width: 576px) {
  .c-table__company[data-direction=horizontal] th {
    width: 9rem;
  }
}
@media screen and (min-width: 576px) {
  .c-table__company[data-direction=horizontal] td {
    width: auto;
  }
}

.p-company__partners--list {
  -moz-columns: 2em 2;
       columns: 2em 2;
}
@media only screen and (max-width: 575px) {
  .p-company__partners--list {
    -moz-columns: 0 1;
         columns: 0 1;
  }
}

@media screen and (min-width: 576px) {
  .p-company__outline .c-table[data-breakpoint=xs] th {
    width: 12rem;
  }
}

.p-outline__table {
  display: grid;
  grid-template-columns: repeat(1, 7em 1fr);
  align-items: start;
  grid-gap: 0.5em 1em;
}
.p-outline__table .p-outline__table--head, .p-outline__table .p-outline__table--data {
  line-height: 1.5;
}
.p-outline__table .p-outline__table--head {
  background-color: var(--rgb-watergray);
  text-align: center;
}
.p-index__contact::before {
  background-color: var(--rgb-lightgray);
  -webkit-clip-path: polygon(100% 5%, 50% 100%, 100% 100%);
          clip-path: polygon(100% 5%, 50% 100%, 100% 100%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.form-control, .form-select, textarea, label {
  font-family: var(--font-family-sans);
  font-weight: 300;
}

.form-check:not(:first-child) {
  margin-top: 0.5em;
}
.form-check .form-check-label {
  line-height: 1.5;
}

.c-policy__scroll {
  --rgb-link: var(--rgb-text);
}

.p-form__submit {
  --button-padding: 1em;
}

:root {
  --news-scroll: 20rem;
  --news-date:12rem;
  --news-icon:11.25rem;
  --news-image: 12rem;
  --news-post:calc(100% - var(--news-detail));
  --news-detail:1rem;
}
@media only screen and (max-width: 575px) {
  :root {
    --news-date:100%;
  }
}

.p-news {
  width: 100%;
  background-color: var(--rgb-white);
  font-size: 1em;
  line-height: 1.5;
  padding: calc(2rem * var(--responsive-rate));
  border-radius: calc(2rem * var(--responsive-rate));
}

.c-news__scroll {
  padding-right: calc(2rem * var(--responsive-rate));
}

.c-news__article {
  grid-template-columns: 8em 1fr;
  grid-column-gap: 2em;
  border-bottom: 0.0625rem dashed var(--rgb-middlegray);
  padding-bottom: calc(1.5rem * var(--responsive-rate));
}
@media screen and (orientation: portrait) {
  .c-news__article {
    grid-row-gap: 0.9375em;
  }
}
@media print {
  .c-news__article {
    grid-row-gap: 0.9375em;
  }
}
.c-news__article:not(:first-of-type) {
  border-top-color: var(--rgb-lightblue);
  padding-top: calc(1.5rem * var(--responsive-rate));
}

.c-news__date, .c-news__post {
  vertical-align: top;
}

.c-news__detail {
  vertical-align: middle;
}

.c-news__index {
  width: var(--news-date);
}
@media only screen and (max-width: 575px) {
  .c-news__index {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.c-news__index .c-news__date--information {
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-news__date {
  font-weight: 400;
  text-align: left;
  display: block grid;
  grid-template-columns: max-content max-content;
  grid-column-gap: 1em;
}

.c-news__updated {
  text-align: center;
}
.c-news__updated img {
  width: auto;
  height: 1rem;
  vertical-align: middle;
}

.c-news__icon {
  background-color: var(--rgb-flat);
  color: var(--rgb-white);
  font-size: 0.75em;
  line-height: 1.5;
  margin-top: 0.75rem;
  padding: 0.25em 0.5em;
  max-width: var(--news-icon);
}
@media only screen and (max-width: 575px) {
  .c-news__icon {
    width: 50%;
  }
}

.c-news__post {
  line-height: 1.75;
}
@media screen and (orientation: portrait) {
  .c-news__post {
    grid-area: 2/1/3/4;
  }
}
@media print {
  .c-news__post {
    grid-area: 2/1/3/4;
  }
}

.c-news__post--inner {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .c-news__post--inner {
    display: block;
    width: 100%;
  }
}
.c-news__post--inner .c-news__image {
  width: var(--news-image);
}
@media only screen and (max-width: 575px) {
  .c-news__post--inner .c-news__image {
    width: 100%;
  }
}
.c-news__post--inner .c-news__image + .c-news__text {
  padding-left: 1rem;
}
@media only screen and (max-width: 575px) {
  .c-news__post--inner .c-news__image + .c-news__text {
    padding-left: 0;
  }
}
.c-news__post--inner .c-news__image, .c-news__post--inner .c-news__title, .c-news__post--inner .c-news__text {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 575px) {
  .c-news__post--inner .c-news__image, .c-news__post--inner .c-news__title, .c-news__post--inner .c-news__text {
    display: block;
  }
}
.c-news__post--inner hr {
  border-top: 1px dashed var(--rgb-linegray);
  margin-top: calc(1rem * var(--responsive-rate));
  opacity: 1;
}

.c-news__file {
  margin-top: 1em;
  min-width: 25%;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 991px) {
  .c-news__file {
    min-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .c-news__file {
    min-width: 100%;
  }
}

.c-news__title {
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 0.5em;
}

.c-news__detail {
  margin: 1em 0 0;
  padding: 0;
  width: 100%;
  min-width: 25%;
  vertical-align: middle;
  --rgb-link: rgb(255,255,0);
}

.c-news__view--link, .c-news__view--link:hover, .c-news__view--link:active, .c-news__view--link:focus {
  color: var(--rgb-orange);
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.c-news__view--link {
  text-decoration-color: var(--rgb-orange);
  transition: text-decoration-color 0.3s;
}
.c-news__view--link:hover, .c-news__view--link:active, .c-news__view--link:focus {
  text-decoration-color: transparent;
  transition: text-decoration-color 0.6s;
}

.p-tab__behavior {
  filter: drop-shadow(0 0 2.25rem rgba(0, 0, 0, 0.1));
}
.p-tab__behavior .js-tab__button {
  cursor: pointer;
}
.p-tab__behavior .js-tab__container {
  padding-left: 0;
  padding-right: 0;
  background-color: var(--rgb-white);
}
.p-tab__behavior .js-tab__container--body {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, height 0s ease 0.5s, visibility 0s ease 0.5s;
}
.p-tab__behavior .js-tab__container--body.active {
  height: auto;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}
.p-tab__behavior .js-tab__container--body .c-newspaper {
  padding: calc(2.5rem * var(--responsive-rate));
}

.c-hero__link:hover .c-hero__link--title .p-span__underline--white, .c-hero__link:active .c-hero__link--title .p-span__underline--white, .c-hero__link:focus .c-hero__link--title .p-span__underline--white, .c-hero__link .c-hero__link--title .p-span__underline--white {
  font-size: 1em;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
.c-hero__link:hover .c-hero__link--title .p-span__underline--white:after, .c-hero__link:active .c-hero__link--title .p-span__underline--white:after, .c-hero__link:focus .c-hero__link--title .p-span__underline--white:after, .c-hero__link .c-hero__link--title .p-span__underline--white:after {
  height: 0.0625rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.c-hero__link:hover .c-hero__link--title .p-span__underline--white span, .c-hero__link:active .c-hero__link--title .p-span__underline--white span, .c-hero__link:focus .c-hero__link--title .p-span__underline--white span, .c-hero__link .c-hero__link--title .p-span__underline--white span {
  display: inline-block;
  transition: margin-right 0.3s;
}
.c-hero__link:hover .c-hero__link--title .p-span__underline--white span:after, .c-hero__link:active .c-hero__link--title .p-span__underline--white span:after, .c-hero__link:focus .c-hero__link--title .p-span__underline--white span:after, .c-hero__link .c-hero__link--title .p-span__underline--white span:after {
  margin-left: 1em;
}
.c-hero__link .c-hero__link--title .p-span__underline--white:hover:after {
  animation: underline-hover 0.6s ease-out;
}

.c-hero__link {
  overflow: hidden;
}
.c-hero__link .c-hero__link--image, .c-hero__link:hover .c-hero__link--image, .c-hero__link:active .c-hero__link--image, .c-hero__link:focus .c-hero__link--image {
  padding: 0;
}
.c-hero__link .c-hero__link--image:after, .c-hero__link:hover .c-hero__link--image:after, .c-hero__link:active .c-hero__link--image:after, .c-hero__link:focus .c-hero__link--image:after {
  background-color: var(--rgb-black);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.c-hero__link .c-hero__link--image:after {
  opacity: 0.33;
  transition: opacity 0.3s;
}
.c-hero__link .c-hero__link--title .p-span__underline--white {
  color: var(--rgb-white);
}
.c-hero__link .c-hero__link--title .p-span__underline--white:after {
  background-color: var(--rgb-white);
}
.c-hero__link:hover .c-hero__link--image:after, .c-hero__link:active .c-hero__link--image:after, .c-hero__link:focus .c-hero__link--image:after {
  opacity: 0.1;
  transition: opacity 0.6s;
}
.c-hero__link:hover .c-hero__link--title .p-span__underline--white, .c-hero__link:active .c-hero__link--title .p-span__underline--white, .c-hero__link:focus .c-hero__link--title .p-span__underline--white {
  color: var(--rgb-white);
}
.c-hero__link:hover .c-hero__link--title .p-span__underline--white:after, .c-hero__link:active .c-hero__link--title .p-span__underline--white:after, .c-hero__link:focus .c-hero__link--title .p-span__underline--white:after {
  background-color: var(--rgb-white);
  animation: underline-hover 0.6s ease-out;
}
.c-hero__link .c-hero__link--title {
  background-color: transparent;
  padding: calc(2.5rem * var(--responsive-rate));
}
.c-hero__link .c-hero__link--title:after {
  background-color: transparent;
  color: var(--rgb-white);
  font-size: calc(2em * var(--sm-rate));
  line-height: 1;
  margin: 0;
  padding: 0;
  content: "\f0a9";
  font-family: "Font Awesome 5 Pro";
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  font-weight: 900;
  position: absolute;
  right: calc(1.5rem * var(--lg-rate));
  bottom: calc(1.5rem * var(--lg-rate));
  display: none;
}
.c-hero__link .c-hero__link--title h4 {
  font-size: calc(2em * var(--sm-rate));
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
.c-hero__link .c-hero__link--title h4::before {
  border-bottom: 0.0625rem solid var(--rgb-white);
  font-size: 0.5em;
  line-height: 0.75;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 auto;
  margin-bottom: 1em;
  padding-bottom: 1em;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  content: attr(data-herolink);
}
.c-hero__link--thin .c-hero__link--title {
  background-color: rgba(73, 88, 95, 0.5);
  transition: background-color 0.3s;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  filter: grayscale(1);
}
@media only screen and (max-width: 991px) {
  .c-hero__link--thin .c-hero__link--title {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
}
.c-hero__link--thin:hover .c-hero__link--title, .c-hero__link--thin:active .c-hero__link--title, .c-hero__link--thin:focus .c-hero__link--title, .c-hero__link--thin.active .c-hero__link--title {
  background-color: rgba(73, 88, 95, 0.25);
  transition: background-color 0.6s;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  filter: grayscale(0);
}
.c-hero__link--thin .c-hero__link--title {
  padding: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 1399px) {
  .c-hero__link--thin .c-hero__link--title {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .c-hero__link--thin .c-hero__link--title {
    padding: 1rem;
  }
}
@media only screen and (max-width: 575px) {
  .c-hero__link--thin .c-hero__link--title {
    padding: 0.5rem;
  }
}
.c-hero__link--thin .c-hero__link--title:after {
  display: none;
}
.c-hero__link--thin .c-hero__link--title h4 {
  font-size: calc(2.5em * var(--md-rate));
  line-height: 1.5;
  text-transform: uppercase;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .c-hero__link--thin .c-hero__link--title h4 {
    font-size: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .c-hero__link--thin .c-hero__link--title h4 {
    font-size: 1em;
  }
}
.c-hero__link--thin .c-hero__link--title h4 span {
  color: var(--rgb-white);
  display: block;
}

.gallery-slider {
  position: relative;
}

.main-slides,
.thumbnail-slides-wrapper {
  overflow: hidden;
  position: relative;
}

.main-slides {
  width: 100%;
  padding-bottom: 66.6666666667%;
  margin-bottom: 10px;
}
.main-slides .prev, .main-slides .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 100;
}
.main-slides .prev i, .main-slides .next i {
  font-weight: 100;
  color: var(--rgb-hover);
}
.main-slides .prev {
  left: 10px;
}
.main-slides .next {
  right: 10px;
}
.main-slides .main-slide {
  background-color: var(--rgb-lightgray);
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.5s;
}
.main-slides .main-slide.active {
  opacity: 1;
}
.main-slides .main-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.thumbnail-slides-wrapper {
  overflow-x: hidden;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}
.thumbnail-slides-wrapper .thumbnail-slides {
  display: flex;
  position: relative;
  transition: transform 0.5s;
}
.thumbnail-slides-wrapper .thumbnail-slides .thumbnail-slide {
  cursor: pointer;
  margin-right: 1px;
  width: 6rem;
  height: 4rem;
  min-width: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumbnail-slides-wrapper .thumbnail-slides .thumbnail-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.thumbnail-slides-wrapper .thumbnail-slides .thumbnail-slide.active {
  border: 2px solid var(--rgb-active);
  opacity: 1;
}

.gs-wrapper,
.gs-overlay {
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
}
.gs-wrapper.active,
.gs-overlay.active {
  pointer-events: auto;
  opacity: 1;
}

.gs-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gs-wrapper .gs-close {
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="width: 44px; height: 44px; opacity: 1;" xml:space="preserve"><g><polygon points="512,52.535 459.467,0.002 256.002,203.462 52.538,0.002 0,52.535 203.47,256.005 0,459.465 52.533,511.998 256.002,308.527 459.467,511.998 512,459.475 308.536,256.005" style="fill: rgb(255, 255, 255);"></polygon></g></svg>');
  color: rgb(255, 255, 255);
  border: none;
  margin-top: -14px;
  margin-right: -14px;
  width: 44px;
  height: 44px;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 10060;
  caret-color: transparent;
  outline: none;
}
.gs-wrapper .gs-image {
  touch-action: none;
  width: 80%;
  height: 80%;
}
.gs-wrapper .gs-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.gs-overlay {
  background: rgb(0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 999999;
}
.gs-overlay.active {
  opacity: 0.7;
}

.im-wrapper, .im-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.im-wrapper.active, .im-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.im-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 2147483646;
}
.im-overlay.active {
  opacity: 0.75;
}

.im-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2147483647;
  display: flex;
  justify-content: center;
  align-items: center;
}
.im-wrapper .im-close {
  background-color: transparent;
  color: var(--rgb-white);
  border: none;
  caret-color: transparent;
  outline: none;
  box-shadow: none;
  font-size: 3rem;
  line-height: 1;
  margin-top: -1rem;
  margin-right: -1rem;
  width: 3rem;
  height: 3rem;
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 2147483647;
}
.im-wrapper .im-close:before {
  font-family: "Material Symbols Outlined";
  content: "\e5cd";
  font-weight: 100;
}
.im-wrapper .im-nav-prev, .im-wrapper .im-nav-next {
  color: var(--rgb-white);
  cursor: pointer;
  position: absolute;
}
.im-wrapper .im-nav-prev::before, .im-wrapper .im-nav-next::before {
  font-size: 3rem;
  line-height: 1;
  font-family: "Material Symbols Outlined";
}
@media only screen and (max-width: 575px) {
  .im-wrapper .im-nav-prev::before, .im-wrapper .im-nav-next::before {
    font-size: 2rem;
  }
}
.im-wrapper .im-nav-prev {
  left: 1rem;
}
@media only screen and (max-width: 575px) {
  .im-wrapper .im-nav-prev {
    left: 0.5rem;
  }
}
.im-wrapper .im-nav-prev::before {
  content: "\e5e0";
}
.im-wrapper .im-nav-next {
  right: 1rem;
}
@media only screen and (max-width: 575px) {
  .im-wrapper .im-nav-next {
    right: 0.5rem;
  }
}
.im-wrapper .im-nav-next::before {
  content: "\e5e1";
}
.im-wrapper .im-image {
  touch-action: none;
  width: 80%;
  height: 80%;
}
.im-wrapper .im-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.im-wrapper .im-caption {
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--rgb-white);
  text-align: center;
  padding: 0.5em 1em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

[data-rel=zoom] img {
  width: 100%;
  height: auto;
}

.cm-wrapper, .cm-overlay {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.cm-wrapper.active, .cm-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.cm-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 1035;
}
.cm-overlay.active {
  opacity: 0.75;
}

.cm-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cm-wrapper .cm-close {
  background-color: transparent;
  color: var(--rgb-white);
  border: none;
  caret-color: transparent;
  outline: none;
  box-shadow: none;
  font-size: 3rem;
  line-height: 1;
  margin-top: -1rem;
  margin-right: -1rem;
  width: 3rem;
  height: 3rem;
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 10060;
}
.cm-wrapper .cm-close:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
  font-weight: 100;
}
.cm-wrapper .cm-contents {
  touch-action: none;
  width: calc(100% - var(--padding-x) * 2);
  max-width: 82.5rem;
  height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 991px) {
  .cm-wrapper .cm-contents {
    height: 80%;
  }
}

[data-rel=zoom] img {
  width: 100%;
  height: auto;
}

.cm-modal__hide {
  display: none;
}

.p-modal__wrapper {
  background-color: var(--rgb-white);
  width: 100%;
  padding: calc(3rem * var(--responsive-rate));
}
.p-modal__wrapper th, .p-modal__wrapper td {
  font-size: 0.75em;
  line-height: 1.5;
  padding: 0.5625em 0.75em;
}

.p-modal__caption {
  line-height: 1.5;
  text-align: center;
  margin-top: calc(var(--gap-xs) * var(--gap-rate) * 2) !important;
}

footer {
  overflow: visible;
}

@media only screen and (max-width: 991px) {
  .p-footer__logo {
    margin-inline: auto;
  }
}
.p-footer__logo img {
  height: 4rem;
}
@media only screen and (max-width: 991px) {
  .p-footer__logo img {
    height: 5.4vw;
  }
}
@media only screen and (max-width: 575px) {
  .p-footer__logo img {
    height: 9.6vw;
  }
}

.p-footer__banner {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
@media only screen and (max-width: 1199px) {
  .p-footer__banner {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-image__sdgs {
  width: auto;
  height: 3rem;
}
@media only screen and (max-width: 575px) {
  .p-image__sdgs {
    width: 100%;
    height: auto;
  }
}

.l-contact {
  display: block flex;
  flex-flow: row wrap;
  align-items: baseline;
}
@media print {
  .l-contact {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .l-contact {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1199px) {
  .l-contact {
    justify-content: center;
  }
}
@media only screen and (max-width: 1199px) {
  .l-contact__call {
    padding: 0 calc(2rem * var(--responsive-rate)) calc(1rem * var(--responsive-rate));
  }
}

@media only screen and (max-width: 1199px) {
  .l-contact__facsimile {
    padding: 0 calc(2rem * var(--responsive-rate)) calc(1rem * var(--responsive-rate));
  }
}

@media only screen and (max-width: 1199px) {
  .l-contact__mail {
    padding: calc(1rem * var(--responsive-rate)) calc(2rem * var(--responsive-rate)) 0;
  }
}

.l-footer__contact {
  background-color: var(--rgb-contact);
  color: var(--rgb-white);
  padding: var(--clearance-padding) 0;
  --rgb-link:var(--rgb-white);
}
.l-footer__contact[data-background=photo]::before {
  background: url(../images/common/footer-contact__background.webp) center center/cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  content: "";
}
.l-footer__contact .p-contact__recept {
  width: -moz-max-content;
  width: max-content;
  margin: 1rem auto 0;
  line-height: 1;
}

.p-contact__heading {
  display: block;
}
.p-contact__heading em, .p-contact__heading span {
  line-height: 1.5;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.p-contact__heading em {
  font-weight: 400;
}
.p-contact__heading span {
  font-size: calc(1.5em * var(--sm-rate));
  font-family: var(--font-makibap);
  font-weight: 700;
}

.p-contact__type-a {
  --rgb-inquiry: var(--mof-amber-700);
}

.p-contact__unepaille {
  --rgb-inquiry: var(--mof-green-700);
}

.p-contact__type-b {
  --rgb-inquiry: var(--mof-lightblue-400);
}

.p-contact__care-center {
  --rgb-inquiry: var(--mof-lightgreen-400);
}

.l-information {
  grid-template-columns: 1fr max-content 15rem;
  grid-template-rows: max-content auto;
  grid-gap: calc(1rem * var(--responsive-rate)) calc(4rem * var(--responsive-rate));
}
@media only screen and (max-width: 991px) {
  .l-information {
    margin-inline: auto;
    width: -moz-max-content;
    width: max-content;
    grid-template-columns: 1fr;
  }
}

.l-footer__logo {
  grid-area: 1/1/2/2;
}

.l-location {
  grid-area: 2/1/3/2;
  align-self: end;
}
@media only screen and (max-width: 991px) {
  .l-location {
    grid-area: 2/1/3/2;
  }
}

.l-sitemap {
  grid-area: 1/2/2/4;
}
@media only screen and (max-width: 991px) {
  .l-sitemap {
    display: none;
  }
}

.l-footer__link {
  grid-area: 2/3/3/4;
}
@media only screen and (max-width: 991px) {
  .l-footer__link {
    grid-area: 2/2/3/3;
  }
}
@media only screen and (max-width: 575px) {
  .l-footer__link {
    grid-area: 3/1/4/2;
  }
}

.l-footer__information {
  background-color: var(--rgb-footer);
  line-height: 1.5;
  padding: calc(var(--clearance-padding) * 0.5) 0 calc(var(--clearance-padding) * 0.5);
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .l-footer__information {
    padding-bottom: calc(var(--clearance-padding) * 0.5);
  }
}
.l-footer__information:before {
  background: url(../images/common/footer-information__background.webp) center top/cover no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.33;
  mix-blend-mode: multiply;
  content: "";
}
.l-footer__information span[data-action=call] {
  color: currentColor;
}

@media only screen and (max-width: 1199px) {
  .p-footer__information--recept {
    text-align: center;
  }
}
.p-footer__information--recept::before {
  content: "受付時間";
  margin-right: 1em;
}

.p-footer__information--data {
  display: grid;
  grid-template-columns: repeat(1, 1fr 2fr);
  grid-gap: calc(2rem * var(--responsive-rate)) calc(4rem * var(--responsive-rate));
}
@media only screen and (max-width: 1199px) {
  .p-footer__information--data {
    grid-gap: calc(4rem * var(--responsive-rate));
  }
}
.p-footer__information--data .p-footer__information--company {
  grid-area: 1/1/2/2;
}
@media only screen and (max-width: 1199px) {
  .p-footer__information--data .p-footer__information--company {
    grid-area: 1/1/2/3;
  }
}
.p-footer__information--data .p-footer__information--location {
  grid-area: 1/2/2/3;
}
@media only screen and (max-width: 1199px) {
  .p-footer__information--data .p-footer__information--location {
    grid-area: 2/1/3/3;
  }
}
.p-footer__information--data .p-footer__information--sitemap {
  grid-area: 2/1/3/2;
}
@media only screen and (max-width: 1199px) {
  .p-footer__information--data .p-footer__information--sitemap {
    grid-area: 4/1/5/3;
  }
}
@media only screen and (max-width: 991px) {
  .p-footer__information--data .p-footer__information--sitemap {
    display: none;
  }
}
.p-footer__information--data .p-footer__information--banner {
  grid-area: 2/2/4/3;
}
@media only screen and (max-width: 1199px) {
  .p-footer__information--data .p-footer__information--banner {
    grid-area: 3/1/4/3;
  }
}
.p-footer__information--data .p-footer__information--banner .p-footer__banner {
  margin-left: auto;
}
.p-footer__information--data .p-footer__information--copyright {
  grid-area: 3/1/4/2;
}
@media only screen and (max-width: 1199px) {
  .p-footer__information--data .p-footer__information--copyright {
    grid-area: 5/1/6/3;
  }
}
@media only screen and (max-width: 991px) {
  .p-footer__information--data .p-footer__information--copyright {
    grid-area: 4/1/5/3;
  }
}

.p-heading__footer--dark, .p-heading__footer--light {
  font-size: calc(1.125em * var(--sm-rate));
  line-height: 1;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.p-heading__footer--dark span, .p-heading__footer--light span {
  display: block flow;
  width: -moz-fit-content;
  width: fit-content;
}
.p-heading__footer--dark::before, .p-heading__footer--light::before {
  font-size: calc(4em * var(--sm-rate));
  line-height: 0.75;
  font-weight: 900;
  text-transform: capitalize;
  margin-bottom: 0.25em;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  content: attr(data-label);
}
.text-center.p-heading__footer--dark, .text-center.p-heading__footer--light {
  margin-left: auto;
  margin-right: auto;
}
.text-center.p-heading__footer--dark span, .text-center.p-heading__footer--light span {
  margin: 0 auto;
}
.text-center.p-heading__footer--dark span::after, .text-center.p-heading__footer--light span::after {
  margin-left: auto;
  margin-right: auto;
}
.text-center.p-heading__footer--dark::before, .text-center.p-heading__footer--light::before {
  margin-left: auto;
  margin-right: auto;
}

.p-heading__footer--light span:after {
  color: var(--rgb-blue);
}
.p-heading__footer--dark {
  text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5);
}
.p-heading__footer--dark::before {
  color: var(--rgb-white);
}
.p-heading__footer--dark span {
  color: var(--rgb-white);
}
.p-heading__footer--dark span:before {
  border-bottom-color: var(--rgb-white);
  color: var(--rgb-white);
}

.p-footer__links {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-footer__links {
    justify-content: center;
  }
}

.p-footer__link {
  display: block;
  border: 1px solid var(--rgb-linegray);
}
.p-footer__link img {
  width: 10rem;
  height: auto;
}
@media only screen and (max-width: 575px) {
  .p-footer__link img {
    max-width: 7.5rem;
  }
}
.p-footer__link:not(:first-child) {
  margin-left: 1em;
}

.p-footer__wave--top, .p-footer__wave--bottom {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
}
.p-footer__wave--top svg, .p-footer__wave--bottom svg {
  width: 100%;
  height: 6rem;
}
.p-footer__wave--top {
  top: 0;
}
.p-footer__wave--bottom {
  bottom: 0;
}

.p-footer__links {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-footer__links {
    flex-flow: row wrap;
  }
}

.p-footer__link--social {
  margin: 0.75rem;
}
.p-footer__link--social img {
  width: auto;
  height: 2rem;
}

.p-footer__link--banner {
  margin: 0.5rem;
}
.p-footer__link--banner img {
  width: auto;
  height: 3rem;
}
@media only screen and (max-width: 991px) {
  .p-footer__link--banner img {
    height: 2.5rem;
  }
}

.p-location {
  display: flex;
  flex-flow: row wrap;
  line-height: 1.5;
}
@media only screen and (max-width: 575px) {
  .p-location {
    justify-content: center;
  }
}

.p-location__zipcode {
  margin-right: 1em;
}
@media only screen and (max-width: 575px) {
  .p-location__zipcode {
    margin-right: 0;
    flex: 0 0 100%;
    text-align: center;
  }
}
.p-location__zipcode::before {
  content: "〒";
}

@media only screen and (max-width: 575px) {
  .p-location__address {
    text-align: center;
  }
}

.p-location__building {
  margin-left: 0.5em;
}

.p-location__marker {
  margin-left: 0.5em;
}
.p-location__marker .material-icons {
  color: var(--rgb-blue);
}

.p-location__phone {
  line-height: 1.5;
  width: -moz-max-content;
  width: max-content;
  flex: 0 0 100%;
}
.p-location__phone::before {
  margin-right: 0.33em;
  content: "TEL.";
}

.p-location__facsimile {
  line-height: 1.5;
  width: -moz-max-content;
  width: max-content;
  flex: 0 0 100%;
}
.p-location__facsimile::before {
  margin-right: 0.33em;
  content: "FAX.";
}

.p-location__mail {
  line-height: 1.5;
  width: -moz-max-content;
  width: max-content;
  flex: 0 0 100%;
}
.p-location__mail::before {
  margin-right: 0.33em;
  content: "E-mail.";
}

.p-location__compatible {
  line-height: 1.5;
  width: -moz-max-content;
  width: max-content;
  flex: 0 0 100%;
}
.p-location__compatible::before {
  margin-right: 0.33em;
  content: "TEL. / FAX.";
}

.p-location__phone, .p-location__facsimile {
  flex: 0 0 auto;
}
@media only screen and (max-width: 575px) {
  .p-location__phone, .p-location__facsimile {
    text-align: center;
  }
}

.p-location__phone + .p-location__facsimile:before {
  font-family: var(--font-inter);
  content: "/ FAX.";
  margin: 0 0.33em;
}
[data-type=freedial] {
  display: flex;
}
@media only screen and (max-width: 575px) {
  [data-type=freedial] {
    justify-content: center;
  }
}
[data-type=freedial]:before {
  margin-right: 0.33em;
  display: block;
  content: "フリーダイヤル";
}

.p-location__contact {
  display: flex;
}
@media only screen and (max-width: 1199px) {
  .p-location__contact {
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .p-location__contact {
    display: flex;
    justify-content: center;
  }
}
.p-location__contact a, .p-location__contact span {
  display: block;
  line-height: 0.75 !important;
  width: -moz-max-content;
  width: max-content;
}

.p-sitemap {
  display: block flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.p-sitemap__menu--company {
  margin-left: 2em;
}

.p-sitemap__menu {
  list-style: none;
  display: block flex;
}
.p-sitemap__menu:not(:first-of-type) {
  margin-top: 1em;
}
.p-sitemap__menu[data-direction=horizontal] {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  margin: 0 -0.5em;
}
@media only screen and (max-width: 1199px) {
  .p-sitemap__menu[data-direction=horizontal] {
    justify-content: center;
  }
}
.p-sitemap__menu[data-direction=horizontal].justify-content-start {
  margin-left: -0.5em;
}
.p-sitemap__menu[data-direction=horizontal].justify-content-end {
  margin-right: -0.5em;
}
.p-sitemap__menu[data-direction=horizontal] .p-sitemap__link, .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link:hover, .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link:active, .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link:focus {
  color: var(--rgb-text);
  margin: -0.25em 0.5em -0.375em;
  padding: 0.25em 0.5em 0.375em;
}
.p-sitemap__menu[data-direction=horizontal] .p-sitemap__link:hover, .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link:active, .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link:focus {
  background-color: var(--rgb-blue);
  color: var(--rgb-white);
}
.p-sitemap__menu[data-direction=horizontal]:not(:first-child) {
  margin-top: 1rem;
}
.p-sitemap__menu[data-direction=vertical] {
  flex-flow: column wrap;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item {
  align-items: center;
  line-height: 1.5;
  font-weight: 400;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item:not(:first-child) {
  margin-top: 0.5em;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item:before {
  font-size: 1em;
  line-height: 1;
  text-align: center;
  font-family: "Material Icons";
  width: 1em;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item:first-child:before {
  display: none;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__link {
  line-height: 1.75;
  display: flex;
  flex-flow: column nowrap;
  color: currentColor;
  text-decoration: none;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__link:hover {
  color: currentColor;
  text-decoration: underline;
  text-underline-position: under;
}

.p-sitemap__item {
  position: relative;
}

.p-sitemap__link {
  border-radius: 0.125rem;
  white-space: nowrap;
  display: block;
  opacity: 1;
}

.p-sitemap__title {
  font-weight: 500;
  margin-bottom: 0.5em;
}

.p-sitemap__heading {
  color: var(--rgb-white);
  font-size: 1.125em;
  line-height: 1;
  margin-bottom: 0.75em;
  width: -moz-fit-content;
  width: fit-content;
}

.p-copyright {
  background-color: var(--rgb-copyright);
  color: var(--rgb-white);
  font-size: 1em;
  text-align: center;
  padding: 0.25em 0;
  position: relative;
  z-index: 9;
}

.js-pagetop {
  background-image: url('data:image/svg+xml;utf8,<svg width="41" height="41" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"><circle cx="20.5" cy="20.5" r="20.5" style="fill:rgb(0 145 235)"/><polyline points="10 24.9 20.05 16 31 25" style="fill:none; stroke:rgb(255 255 255); stroke-miterlimit:10; stroke-width:2px;"/></svg>');
  width: 3rem;
  height: 3rem;
  background-size: contain;
  right: var(--padding-x);
  bottom: calc(var(--padding-x) * 0.5);
  opacity: 0.75;
}
@media only screen and (max-width: 991px) {
  .js-pagetop {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.js-pagetop {
  position: fixed;
  z-index: 999;
  opacity: 0;
  cursor: default;
  transition: 0.2s;
}
.js-pagetop.is-active {
  opacity: 1;
  transition: 0.6s;
  cursor: pointer;
}

:root {
  --rgb-white: rgb(255 255 255);
  --rgb-black: rgb(0 0 0);
  --mof-bluegray-50:rgb(238 240 242);
  --mof-bluegray-100:rgb(209 216 220);
  --mof-bluegray-200:rgb(177 189 195);
  --mof-bluegray-300:rgb(146 162 171);
  --mof-bluegray-400:rgb(122 143 153);
  --mof-bluegray-500:rgb(102 122 133);
  --mof-bluegray-600:rgb(89 106 115);
  --mof-bluegray-700:rgb(73 88 95);
  --mof-bluegray-800:rgb(58 69 75);
  --mof-bluegray-900:rgb(40 48 52);
  --md-bluegray-50:rgb(237 240 242);
  --md-bluegray-100:rgb(208 217 221);
  --md-bluegray-200:rgb(176 190 196);
  --md-bluegray-300:rgb(143 163 174);
  --md-bluegray-400:rgb(120 144 155);
  --md-bluegray-500:rgb(96 124 138);
  --md-bluegray-600:rgb(84 109 120);
  --md-bluegray-700:rgb(69 90 99);
  --md-bluegray-800:rgb(54 70 78);
  --md-bluegray-900:rgb(37 49 55);
  --ios-bluegray-50:rgb(223 232 236);
  --ios-bluegray-100:rgb(200 215 223);
  --ios-bluegray-200:rgb(178 199 210);
  --ios-bluegray-300:rgb(155 183 197);
  --ios-bluegray-400:rgb(133 166 183);
  --ios-bluegray-500:rgb(110 150 170);
  --ios-bluegray-600:rgb(89 130 151);
  --ios-bluegray-700:rgb(74 108 125);
  --ios-bluegray-800:rgb(58 86 100);
  --ios-bluegray-900:rgb(43 64 74);
  --mof-gray-50:rgb(250 250 250);
  --mof-gray-100:rgb(245 245 245);
  --mof-gray-200:rgb(237 237 237);
  --mof-gray-300:rgb(224 224 224);
  --mof-gray-400:rgb(189 189 189);
  --mof-gray-500:rgb(158 158 158);
  --mof-gray-600:rgb(117 117 117);
  --mof-gray-700:rgb(97 97 97);
  --mof-gray-800:rgb(66 66 66);
  --mof-gray-900:rgb(33 33 33);
  --md-gray-50:rgb(250 250 250);
  --md-gray-100:rgb(245 245 245);
  --md-gray-200:rgb(237 237 237);
  --md-gray-300:rgb(224 224 224);
  --md-gray-400:rgb(189 189 189);
  --md-gray-500:rgb(158 158 158);
  --md-gray-600:rgb(117 117 117);
  --md-gray-700:rgb(97 97 97);
  --md-gray-800:rgb(66 66 66);
  --md-gray-900:rgb(33 33 33);
  --ios-gray-50:rgb(247 247 247);
  --ios-gray-100:rgb(230 230 230);
  --ios-gray-200:rgb(212 212 212);
  --ios-gray-300:rgb(194 194 194);
  --ios-gray-400:rgb(176 176 176);
  --ios-gray-500:rgb(158 158 158);
  --ios-gray-600:rgb(128 128 128);
  --ios-gray-700:rgb(97 97 97);
  --ios-gray-800:rgb(66 66 66);
  --ios-gray-900:rgb(36 36 36);
  --mof-brown-50:rgb(241 235 234);
  --mof-brown-100:rgb(228 219 215);
  --mof-brown-200:rgb(198 176 169);
  --mof-brown-300:rgb(175 146 136);
  --mof-brown-400:rgb(153 115 102);
  --mof-brown-500:rgb(122 92 82);
  --mof-brown-600:rgb(107 80 71);
  --mof-brown-700:rgb(92 69 61);
  --mof-brown-800:rgb(77 57 51);
  --mof-brown-900:rgb(61 46 41);
  --md-brown-50:rgb(240 236 234);
  --md-brown-100:rgb(214 203 199);
  --md-brown-200:rgb(189 170 164);
  --md-brown-300:rgb(160 135 126);
  --md-brown-400:rgb(141 110 98);
  --md-brown-500:rgb(121 86 73);
  --md-brown-600:rgb(108 76 65);
  --md-brown-700:rgb(93 64 55);
  --md-brown-800:rgb(77 51 45);
  --md-brown-900:rgb(62 39 35);
  --ios-brown-50:rgb(236 222 218);
  --ios-brown-100:rgb(224 202 194);
  --ios-brown-200:rgb(212 181 170);
  --ios-brown-300:rgb(200 160 146);
  --ios-brown-400:rgb(188 139 123);
  --ios-brown-500:rgb(176 118 99);
  --ios-brown-600:rgb(156 98 79);
  --ios-brown-700:rgb(129 81 65);
  --ios-brown-800:rgb(102 64 51);
  --ios-brown-900:rgb(75 47 38);
  --mof-deeporange-50:rgb(252 230 222);
  --mof-deeporange-100:rgb(251 215 203);
  --mof-deeporange-200:rgb(248 186 165);
  --mof-deeporange-300:rgb(245 161 132);
  --mof-deeporange-400:rgb(242 135 99);
  --mof-deeporange-500:rgb(240 110 66);
  --mof-deeporange-600:rgb(237 84 33);
  --mof-deeporange-700:rgb(226 70 18);
  --mof-deeporange-800:rgb(203 57 16);
  --mof-deeporange-900:rgb(184 46 15);
  --mof-deeporange-a100:rgb(253 199 180);
  --mof-deeporange-a200:rgb(252 168 141);
  --mof-deeporange-a400:rgb(250 116 71);
  --mof-deeporange-a700:rgb(239 64 6);
  --md-deeporange-50:rgb(251 235 233);
  --md-deeporange-100:rgb(255 204 189);
  --md-deeporange-200:rgb(255 169 143);
  --md-deeporange-300:rgb(255 138 102);
  --md-deeporange-400:rgb(255 110 66);
  --md-deeporange-500:rgb(255 87 36);
  --md-deeporange-600:rgb(244 81 31);
  --md-deeporange-700:rgb(230 73 26);
  --md-deeporange-800:rgb(213 66 21);
  --md-deeporange-900:rgb(192 54 12);
  --md-deeporange-a100:rgb(255 157 128);
  --md-deeporange-a200:rgb(255 110 66);
  --md-deeporange-a400:rgb(255 60 0);
  --md-deeporange-a700:rgb(219 44 0);
  --ios-deeporange-50:rgb(255 216 204);
  --ios-deeporange-100:rgb(255 189 168);
  --ios-deeporange-200:rgb(255 161 133);
  --ios-deeporange-300:rgb(255 134 97);
  --ios-deeporange-400:rgb(255 106 61);
  --ios-deeporange-500:rgb(255 79 26);
  --ios-deeporange-600:rgb(240 56 0);
  --ios-deeporange-700:rgb(199 46 0);
  --ios-deeporange-800:rgb(158 37 0);
  --ios-deeporange-900:rgb(117 27 0);
  --ios-deeporange-a100:rgb(255 203 189);
  --ios-deeporange-a200:rgb(255 177 153);
  --ios-deeporange-a400:rgb(255 122 82);
  --ios-deeporange-a700:rgb(189 51 0);
  --mof-orange-50:rgb(252 240 222);
  --mof-orange-100:rgb(251 231 203);
  --mof-orange-200:rgb(248 213 165);
  --mof-orange-300:rgb(244 194 123);
  --mof-orange-400:rgb(241 174 80);
  --mof-orange-500:rgb(238 157 43);
  --mof-orange-600:rgb(236 146 19);
  --mof-orange-700:rgb(236 131 19);
  --mof-orange-800:rgb(226 112 18);
  --mof-orange-900:rgb(217 94 18);
  --mof-orange-a100:rgb(253 219 170);
  --mof-orange-a200:rgb(252 197 121);
  --mof-orange-a400:rgb(250 165 46);
  --mof-orange-a700:rgb(249 128 6);
  --md-orange-50:rgb(255 243 224);
  --md-orange-100:rgb(255 224 179);
  --md-orange-200:rgb(255 204 128);
  --md-orange-300:rgb(255 184 77);
  --md-orange-400:rgb(255 167 36);
  --md-orange-500:rgb(255 153 0);
  --md-orange-600:rgb(250 137 0);
  --md-orange-700:rgb(245 122 0);
  --md-orange-800:rgb(240 108 0);
  --md-orange-900:rgb(230 80 0);
  --md-orange-a100:rgb(255 208 128);
  --md-orange-a200:rgb(255 173 66);
  --md-orange-a400:rgb(255 145 0);
  --md-orange-a700:rgb(255 111 0);
  --ios-orange-50:rgb(255 223 179);
  --ios-orange-100:rgb(255 208 143);
  --ios-orange-200:rgb(255 193 107);
  --ios-orange-300:rgb(255 179 71);
  --ios-orange-400:rgb(255 164 36);
  --ios-orange-500:rgb(255 149 0);
  --ios-orange-600:rgb(214 125 0);
  --ios-orange-700:rgb(173 101 0);
  --ios-orange-800:rgb(133 77 0);
  --ios-orange-900:rgb(92 54 0);
  --ios-orange-a100:rgb(255 217 163);
  --ios-orange-a200:rgb(255 202 128);
  --ios-orange-a400:rgb(255 172 56);
  --ios-orange-a700:rgb(194 113 0);
  --mof-amber-50:rgb(252 245 222);
  --mof-amber-100:rgb(251 239 203);
  --mof-amber-200:rgb(248 227 165);
  --mof-amber-300:rgb(244 214 123);
  --mof-amber-400:rgb(241 201 80);
  --mof-amber-500:rgb(238 189 43);
  --mof-amber-600:rgb(236 182 19);
  --mof-amber-700:rgb(236 164 19);
  --mof-amber-800:rgb(236 142 19);
  --mof-amber-900:rgb(236 117 19);
  --mof-amber-a100:rgb(253 232 170);
  --mof-amber-a200:rgb(252 219 121);
  --mof-amber-a400:rgb(250 199 46);
  --mof-amber-a700:rgb(249 176 6);
  --md-amber-50:rgb(255 248 224);
  --md-amber-100:rgb(255 236 179);
  --md-amber-200:rgb(255 223 128);
  --md-amber-300:rgb(255 213 77);
  --md-amber-400:rgb(255 201 41);
  --md-amber-500:rgb(255 193 7);
  --md-amber-600:rgb(255 179 0);
  --md-amber-700:rgb(255 162 0);
  --md-amber-800:rgb(255 145 0);
  --md-amber-900:rgb(255 111 0);
  --md-amber-a100:rgb(255 230 128);
  --md-amber-a200:rgb(255 214 66);
  --md-amber-a400:rgb(255 196 0);
  --md-amber-a700:rgb(255 170 0);
  --ios-amber-50:rgb(253 234 191);
  --ios-amber-100:rgb(251 223 157);
  --ios-amber-200:rgb(250 213 127);
  --ios-amber-300:rgb(249 201 88);
  --ios-amber-400:rgb(248 189 53);
  --ios-amber-500:rgb(246 178 19);
  --ios-amber-600:rgb(217 154 8);
  --ios-amber-700:rgb(177 126 6);
  --ios-amber-800:rgb(138 98 5);
  --ios-amber-900:rgb(98 70 4);
  --ios-amber-a100:rgb(252 229 176);
  --ios-amber-a200:rgb(251 220 147);
  --ios-amber-a400:rgb(248 196 73);
  --ios-amber-a700:rgb(197 140 7);
  --mof-yellow-50:rgb(252 250 222);
  --mof-yellow-100:rgb(251 247 203);
  --mof-yellow-200:rgb(248 241 165);
  --mof-yellow-300:rgb(245 236 132);
  --mof-yellow-400:rgb(242 230 99);
  --mof-yellow-500:rgb(240 225 66);
  --mof-yellow-600:rgb(238 209 43);
  --mof-yellow-700:rgb(236 189 19);
  --mof-yellow-800:rgb(236 167 19);
  --mof-yellow-900:rgb(236 146 19);
  --mof-yellow-a100:rgb(253 246 170);
  --mof-yellow-a200:rgb(252 241 121);
  --mof-yellow-a400:rgb(250 233 46);
  --mof-yellow-a700:rgb(249 208 6);
  --md-yellow-50:rgb(255 253 230);
  --md-yellow-100:rgb(255 249 194);
  --md-yellow-200:rgb(255 245 158);
  --md-yellow-300:rgb(255 241 117);
  --md-yellow-400:rgb(255 238 87);
  --md-yellow-500:rgb(255 236 61);
  --md-yellow-600:rgb(253 216 53);
  --md-yellow-700:rgb(251 192 45);
  --md-yellow-800:rgb(249 168 36);
  --md-yellow-900:rgb(245 128 25);
  --md-yellow-a100:rgb(255 255 143);
  --md-yellow-a200:rgb(255 255 0);
  --md-yellow-a400:rgb(255 234 0);
  --md-yellow-a700:rgb(255 213 0);
  --ios-yellow-50:rgb(253 249 211);
  --ios-yellow-100:rgb(252 245 176);
  --ios-yellow-200:rgb(251 240 142);
  --ios-yellow-300:rgb(250 235 107);
  --ios-yellow-400:rgb(248 231 73);
  --ios-yellow-500:rgb(247 226 38);
  --ios-yellow-600:rgb(236 213 9);
  --ios-yellow-700:rgb(197 178 7);
  --ios-yellow-800:rgb(157 142 6);
  --ios-yellow-900:rgb(118 107 4);
  --ios-yellow-a100:rgb(253 247 196);
  --ios-yellow-a200:rgb(252 243 161);
  --ios-yellow-a400:rgb(249 233 93);
  --ios-yellow-a700:rgb(217 196 8);
  --mof-lime-50:rgb(243 247 222);
  --mof-lime-100:rgb(237 243 206);
  --mof-lime-200:rgb(226 236 177);
  --mof-lime-300:rgb(212 226 141);
  --mof-lime-400:rgb(198 217 104);
  --mof-lime-500:rgb(186 209 71);
  --mof-lime-600:rgb(171 196 49);
  --mof-lime-700:rgb(161 184 46);
  --mof-lime-800:rgb(139 159 40);
  --mof-lime-900:rgb(114 131 33);
  --mof-lime-a100:rgb(235 246 177);
  --mof-lime-a200:rgb(220 240 122);
  --mof-lime-a400:rgb(205 234 62);
  --mof-lime-a700:rgb(156 184 20);
  --md-lime-50:rgb(249 251 233);
  --md-lime-100:rgb(240 244 195);
  --md-lime-200:rgb(230 238 155);
  --md-lime-300:rgb(219 231 116);
  --md-lime-400:rgb(211 225 86);
  --md-lime-500:rgb(203 220 56);
  --md-lime-600:rgb(194 204 51);
  --md-lime-700:rgb(176 181 44);
  --md-lime-800:rgb(158 158 36);
  --md-lime-900:rgb(130 119 23);
  --md-lime-a100:rgb(244 255 128);
  --md-lime-a200:rgb(239 255 66);
  --md-lime-a400:rgb(200 255 0);
  --md-lime-a700:rgb(176 235 0);
  --ios-lime-50:rgb(238 248 201);
  --ios-lime-100:rgb(229 243 170);
  --ios-lime-200:rgb(219 239 138);
  --ios-lime-300:rgb(209 235 107);
  --ios-lime-400:rgb(200 231 75);
  --ios-lime-500:rgb(190 226 44);
  --ios-lime-600:rgb(167 202 28);
  --ios-lime-700:rgb(137 166 23);
  --ios-lime-800:rgb(108 130 18);
  --ios-lime-900:rgb(78 94 13);
  --ios-lime-a100:rgb(239 253 180);
  --ios-lime-a200:rgb(231 253 145);
  --ios-lime-a400:rgb(215 251 75);
  --ios-lime-a700:rgb(165 205 4);
  --mof-lightgreen-50:rgb(237 245 229);
  --mof-lightgreen-100:rgb(227 240 214);
  --mof-lightgreen-200:rgb(207 228 185);
  --mof-lightgreen-300:rgb(184 216 151);
  --mof-lightgreen-400:rgb(161 203 118);
  --mof-lightgreen-500:rgb(140 192 89);
  --mof-lightgreen-600:rgb(122 177 67);
  --mof-lightgreen-700:rgb(115 166 63);
  --mof-lightgreen-800:rgb(99 144 55);
  --mof-lightgreen-900:rgb(82 118 45);
  --mof-lightgreen-a100:rgb(217 244 190);
  --mof-lightgreen-a200:rgb(191 236 147);
  --mof-lightgreen-a400:rgb(150 224 77);
  --mof-lightgreen-a700:rgb(105 178 31);
  --md-lightgreen-50:rgb(240 248 232);
  --md-lightgreen-100:rgb(221 238 201);
  --md-lightgreen-200:rgb(196 224 163);
  --md-lightgreen-300:rgb(174 213 129);
  --md-lightgreen-400:rgb(156 204 102);
  --md-lightgreen-500:rgb(139 195 75);
  --md-lightgreen-600:rgb(124 179 66);
  --md-lightgreen-700:rgb(104 159 56);
  --md-lightgreen-800:rgb(84 137 47);
  --md-lightgreen-900:rgb(50 103 29);
  --md-lightgreen-a100:rgb(203 255 143);
  --md-lightgreen-a200:rgb(176 255 87);
  --md-lightgreen-a400:rgb(118 255 5);
  --md-lightgreen-a700:rgb(99 222 23);
  --ios-lightgreen-50:rgb(219 246 198);
  --ios-lightgreen-100:rgb(199 241 167);
  --ios-lightgreen-200:rgb(179 236 136);
  --ios-lightgreen-300:rgb(160 232 105);
  --ios-lightgreen-400:rgb(140 227 74);
  --ios-lightgreen-500:rgb(121 222 43);
  --ios-lightgreen-600:rgb(101 194 30);
  --ios-lightgreen-700:rgb(83 159 25);
  --ios-lightgreen-800:rgb(64 124 19);
  --ios-lightgreen-900:rgb(46 88 14);
  --ios-lightgreen-a100:rgb(209 252 176);
  --ios-lightgreen-a200:rgb(189 251 142);
  --ios-lightgreen-a400:rgb(149 248 73);
  --ios-lightgreen-a700:rgb(89 197 7);
  --mof-green-50:rgb(235 245 235);
  --mof-green-100:rgb(211 233 211);
  --mof-green-200:rgb(177 216 177);
  --mof-green-300:rgb(146 200 146);
  --mof-green-400:rgb(116 185 116);
  --mof-green-500:rgb(92 173 92);
  --mof-green-600:rgb(80 159 80);
  --mof-green-700:rgb(70 139 70);
  --mof-green-800:rgb(60 119 60);
  --mof-green-900:rgb(51 102 51);
  --mof-green-a100:rgb(187 237 187);
  --mof-green-a200:rgb(146 226 146);
  --mof-green-a400:rgb(90 211 90);
  --mof-green-a700:rgb(44 165 44);
  --md-green-50:rgb(234 246 235);
  --md-green-100:rgb(199 230 200);
  --md-green-200:rgb(175 213 166);
  --md-green-300:rgb(128 198 132);
  --md-green-400:rgb(104 187 108);
  --md-green-500:rgb(76 174 80);
  --md-green-600:rgb(68 162 72);
  --md-green-700:rgb(57 142 61);
  --md-green-800:rgb(47 127 51);
  --md-green-900:rgb(28 95 32);
  --md-green-a100:rgb(187 246 204);
  --md-green-a200:rgb(106 240 176);
  --md-green-a400:rgb(0 230 119);
  --md-green-a700:rgb(0 199 83);
  --ios-green-50:rgb(221 248 226);
  --ios-green-100:rgb(192 240 200);
  --ios-green-200:rgb(162 235 175);
  --ios-green-300:rgb(137 230 153);
  --ios-green-400:rgb(104 223 123);
  --ios-green-500:rgb(74 217 98);
  --ios-green-600:rgb(44 206 71);
  --ios-green-700:rgb(37 173 59);
  --ios-green-800:rgb(30 143 49);
  --ios-green-900:rgb(22 105 36);
  --ios-green-a100:rgb(219 251 211);
  --ios-green-a200:rgb(170 248 183);
  --ios-green-a400:rgb(104 243 127);
  --ios-green-a700:rgb(17 212 50);
  --mof-teal-50:rgb(226 243 240);
  --mof-teal-100:rgb(198 231 225);
  --mof-teal-200:rgb(162 215 206);
  --mof-teal-300:rgb(126 200 188);
  --mof-teal-400:rgb(91 185 169);
  --mof-teal-500:rgb(70 164 149);
  --mof-teal-600:rgb(63 146 132);
  --mof-teal-700:rgb(55 129 116);
  --mof-teal-800:rgb(49 114 103);
  --mof-teal-900:rgb(41 96 87);
  --mof-teal-a100:rgb(162 235 223);
  --mof-teal-a200:rgb(108 224 204);
  --mof-teal-a400:rgb(42 198 172);
  --mof-teal-a700:rgb(34 160 139);
  --md-teal-50:rgb(223 241 241);
  --md-teal-100:rgb(179 223 220);
  --md-teal-200:rgb(128 203 196);
  --md-teal-300:rgb(78 183 172);
  --md-teal-400:rgb(38 166 153);
  --md-teal-500:rgb(0 148 133);
  --md-teal-600:rgb(0 138 124);
  --md-teal-700:rgb(0 122 108);
  --md-teal-800:rgb(0 107 95);
  --md-teal-900:rgb(0 77 64);
  --md-teal-a100:rgb(168 255 235);
  --md-teal-a200:rgb(102 255 219);
  --md-teal-a400:rgb(28 233 181);
  --md-teal-a700:rgb(0 189 164);
  --ios-teal-50:rgb(172 236 228);
  --ios-teal-100:rgb(143 230 218);
  --ios-teal-200:rgb(110 222 207);
  --ios-teal-300:rgb(85 216 199);
  --ios-teal-400:rgb(51 209 188);
  --ios-teal-500:rgb(42 187 168);
  --ios-teal-600:rgb(34 150 134);
  --ios-teal-700:rgb(26 116 104);
  --ios-teal-800:rgb(19 83 75);
  --ios-teal-900:rgb(12 54 48);
  --ios-teal-a100:rgb(148 245 232);
  --ios-teal-a200:rgb(110 242 224);
  --ios-teal-a400:rgb(45 235 210);
  --ios-teal-a700:rgb(14 149 131);
  --mof-cyan-50:rgb(223 244 246);
  --mof-cyan-100:rgb(196 234 238);
  --mof-cyan-200:rgb(156 219 224);
  --mof-cyan-300:rgb(117 205 215);
  --mof-cyan-400:rgb(77 191 203);
  --mof-cyan-500:rgb(55 176 190);
  --mof-cyan-600:rgb(47 151 162);
  --mof-cyan-700:rgb(41 132 142);
  --mof-cyan-800:rgb(37 118 126);
  --mof-cyan-900:rgb(31 99 107);
  --mof-cyan-a100:rgb(157 233 241);
  --mof-cyan-a200:rgb(99 219 233);
  --mof-cyan-a400:rgb(30 192 210);
  --mof-cyan-a700:rgb(24 155 170);
  --md-cyan-50:rgb(224 247 250);
  --md-cyan-100:rgb(177 234 242);
  --md-cyan-200:rgb(128 222 234);
  --md-cyan-300:rgb(76 207 225);
  --md-cyan-400:rgb(37 197 218);
  --md-cyan-500:rgb(0 189 214);
  --md-cyan-600:rgb(0 171 194);
  --md-cyan-700:rgb(0 151 168);
  --md-cyan-800:rgb(0 131 143);
  --md-cyan-900:rgb(0 99 102);
  --md-cyan-a100:rgb(133 255 255);
  --md-cyan-a200:rgb(26 255 255);
  --md-cyan-a400:rgb(0 230 255);
  --md-cyan-a700:rgb(0 186 214);
  --ios-cyan-50:rgb(184 237 244);
  --ios-cyan-100:rgb(153 230 240);
  --ios-cyan-200:rgb(127 222 235);
  --ios-cyan-300:rgb(91 214 230);
  --ios-cyan-400:rgb(60 206 226);
  --ios-cyan-500:rgb(32 196 217);
  --ios-cyan-600:rgb(27 164 182);
  --ios-cyan-700:rgb(22 132 146);
  --ios-cyan-800:rgb(17 98 111);
  --ios-cyan-900:rgb(11 68 75);
  --ios-cyan-a100:rgb(161 241 252);
  --ios-cyan-a200:rgb(126 236 251);
  --ios-cyan-a400:rgb(57 227 249);
  --ios-cyan-a700:rgb(6 162 183);
  --mof-lightblue-50:rgb(221 241 248);
  --mof-lightblue-100:rgb(191 229 242);
  --mof-lightblue-200:rgb(157 215 236);
  --mof-lightblue-300:rgb(119 199 228);
  --mof-lightblue-400:rgb(93 188 223);
  --mof-lightblue-500:rgb(55 173 215);
  --mof-lightblue-600:rgb(39 154 196);
  --mof-lightblue-700:rgb(34 134 170);
  --mof-lightblue-800:rgb(29 114 145);
  --mof-lightblue-900:rgb(25 100 128);
  --mof-lightblue-a100:rgb(150 222 248);
  --mof-lightblue-a200:rgb(88 202 243);
  --mof-lightblue-a400:rgb(21 181 239);
  --mof-lightblue-a700:rgb(13 143 191);
  --md-lightblue-50:rgb(225 245 254);
  --md-lightblue-100:rgb(182 230 252);
  --md-lightblue-200:rgb(128 211 250);
  --md-lightblue-300:rgb(80 194 247);
  --md-lightblue-400:rgb(40 181 246);
  --md-lightblue-500:rgb(2 166 242);
  --md-lightblue-600:rgb(3 152 226);
  --md-lightblue-700:rgb(2 135 207);
  --md-lightblue-800:rgb(2 119 187);
  --md-lightblue-900:rgb(1 89 157);
  --md-lightblue-a100:rgb(128 217 255);
  --md-lightblue-a200:rgb(66 195 255);
  --md-lightblue-a400:rgb(0 174 255);
  --md-lightblue-a700:rgb(0 145 235);
  --ios-lightblue-50:rgb(179 227 255);
  --ios-lightblue-100:rgb(138 212 255);
  --ios-lightblue-200:rgb(102 199 255);
  --ios-lightblue-300:rgb(66 186 255);
  --ios-lightblue-400:rgb(31 173 255);
  --ios-lightblue-500:rgb(0 158 250);
  --ios-lightblue-600:rgb(0 132 209);
  --ios-lightblue-700:rgb(0 107 168);
  --ios-lightblue-800:rgb(0 81 128);
  --ios-lightblue-900:rgb(0 53 87);
  --ios-lightblue-a100:rgb(158 219 255);
  --ios-lightblue-a200:rgb(122 206 255);
  --ios-lightblue-a400:rgb(51 180 255);
  --ios-lightblue-a700:rgb(0 120 189);
  --mof-blue-50:rgb(222 236 248);
  --mof-blue-100:rgb(192 220 241);
  --mof-blue-200:rgb(163 204 235);
  --mof-blue-300:rgb(130 185 227);
  --mof-blue-400:rgb(104 171 222);
  --mof-blue-500:rgb(75 155 216);
  --mof-blue-600:rgb(46 138 209);
  --mof-blue-700:rgb(39 119 180);
  --mof-blue-800:rgb(33 100 151);
  --mof-blue-900:rgb(28 83 125);
  --mof-blue-a100:rgb(150 205 248);
  --mof-blue-a200:rgb(102 183 244);
  --mof-blue-a400:rgb(36 151 240);
  --mof-blue-a700:rgb(13 114 191);
  --md-blue-50:rgb(226 242 253);
  --md-blue-100:rgb(188 222 251);
  --md-blue-200:rgb(144 202 249);
  --md-blue-300:rgb(101 181 246);
  --md-blue-400:rgb(66 165 245);
  --md-blue-500:rgb(32 148 243);
  --md-blue-600:rgb(31 137 229);
  --md-blue-700:rgb(25 117 210);
  --md-blue-800:rgb(21 101 193);
  --md-blue-900:rgb(13 72 160);
  --md-blue-a100:rgb(128 176 255);
  --md-blue-a200:rgb(66 135 255);
  --md-blue-a400:rgb(41 119 255);
  --md-blue-a700:rgb(41 98 255);
  --ios-blue-50:rgb(179 215 255);
  --ios-blue-100:rgb(143 197 255);
  --ios-blue-200:rgb(107 179 255);
  --ios-blue-300:rgb(71 160 255);
  --ios-blue-400:rgb(36 142 255);
  --ios-blue-500:rgb(0 123 255);
  --ios-blue-600:rgb(0 104 214);
  --ios-blue-700:rgb(0 84 173);
  --ios-blue-800:rgb(0 64 133);
  --ios-blue-900:rgb(0 44 92);
  --ios-blue-a100:rgb(163 208 255);
  --ios-blue-a200:rgb(128 189 255);
  --ios-blue-a400:rgb(56 152 255);
  --ios-blue-a700:rgb(0 94 194);
  --mof-indigo-50:rgb(228 231 241);
  --mof-indigo-100:rgb(205 209 228);
  --mof-indigo-200:rgb(172 179 210);
  --mof-indigo-300:rgb(139 148 193);
  --mof-indigo-400:rgb(112 123 178);
  --mof-indigo-500:rgb(93 105 168);
  --mof-indigo-600:rgb(80 92 149);
  --mof-indigo-700:rgb(71 82 133);
  --mof-indigo-800:rgb(61 69 113);
  --mof-indigo-900:rgb(52 59 96);
  --mof-indigo-a100:rgb(168 178 230);
  --mof-indigo-a200:rgb(121 137 216);
  --mof-indigo-a400:rgb(81 102 2054);
  --mof-indigo-a700:rgb(54 76 186);
  --md-indigo-50:rgb(233 235 246);
  --md-indigo-100:rgb(196 201 233);
  --md-indigo-200:rgb(160 168 218);
  --md-indigo-300:rgb(123 136 204);
  --md-indigo-400:rgb(93 108 192);
  --md-indigo-500:rgb(64 81 181);
  --md-indigo-600:rgb(57 73 172);
  --md-indigo-700:rgb(48 63 161);
  --md-indigo-800:rgb(41 53 148);
  --md-indigo-900:rgb(26 34 127);
  --md-indigo-a100:rgb(138 155 255);
  --md-indigo-a200:rgb(82 108 254);
  --md-indigo-a400:rgb(62 91 254);
  --md-indigo-a700:rgb(47 78 254);
  --ios-indigo-50:rgb(206 214 243);
  --ios-indigo-100:rgb(177 190 236);
  --ios-indigo-200:rgb(148 166 229);
  --ios-indigo-300:rgb(120 142 222);
  --ios-indigo-400:rgb(91 118 215);
  --ios-indigo-500:rgb(62 94 208);
  --ios-indigo-600:rgb(45 75 185);
  --ios-indigo-700:rgb(37 62 152);
  --ios-indigo-800:rgb(29 48 119);
  --ios-indigo-900:rgb(21 35 86);
  --ios-indigo-a100:rgb(182 197 252);
  --ios-indigo-a200:rgb(148 170 250);
  --ios-indigo-a400:rgb(80 116 247);
  --ios-indigo-a700:rgb(9 51 200);
  --mof-deeppurple-50:rgb(233 228 241);
  --mof-deeppurple-100:rgb(213 205 228);
  --mof-deeppurple-200:rgb(185 172 210);
  --mof-deeppurple-300:rgb(160 142 194);
  --mof-deeppurple-400:rgb(134 112 178);
  --mof-deeppurple-500:rgb(115 89 166);
  --mof-deeppurple-600:rgb(103 80 149);
  --mof-deeppurple-700:rgb(90 70 129);
  --mof-deeppurple-800:rgb(76 59 109);
  --mof-deeppurple-900:rgb(64 50 93);
  --mof-deeppurple-a100:rgb(198 180 233);
  --mof-deeppurple-a200:rgb(167 140 222);
  --mof-deeppurple-a400:rgb(125 85 206);
  --mof-deeppurple-a700:rgb(94 52 178);
  --md-deeppurple-50:rgb(238 233 247);
  --md-deeppurple-100:rgb(209 195 233);
  --md-deeppurple-200:rgb(180 158 219);
  --md-deeppurple-300:rgb(149 116 205);
  --md-deeppurple-400:rgb(126 86 194);
  --md-deeppurple-500:rgb(103 58 182);
  --md-deeppurple-600:rgb(94 53 177);
  --md-deeppurple-700:rgb(82 45 169);
  --md-deeppurple-800:rgb(69 39 160);
  --md-deeppurple-900:rgb(49 27 147);
  --md-deeppurple-a100:rgb(181 138 255);
  --md-deeppurple-a200:rgb(124 77 255);
  --md-deeppurple-a400:rgb(102 31 255);
  --md-deeppurple-a700:rgb(98 0 235);
  --ios-deeppurple-50:rgb(229 209 255);
  --ios-deeppurple-100:rgb(209 173 255);
  --ios-deeppurple-200:rgb(189 138 255);
  --ios-deeppurple-300:rgb(168 102 255);
  --ios-deeppurple-400:rgb(148 66 255);
  --ios-deeppurple-500:rgb(128 31 255);
  --ios-deeppurple-600:rgb(106 0 245);
  --ios-deeppurple-700:rgb(88 0 204);
  --ios-deeppurple-800:rgb(71 0 163);
  --ios-deeppurple-900:rgb(53 0 122);
  --ios-deeppurple-a100:rgb(220 194 255);
  --ios-deeppurple-a200:rgb(200 158 255);
  --ios-deeppurple-a400:rgb(160 87 255);
  --ios-deeppurple-a700:rgb(97 0 224);
  --mof-purple-50:rgb(240 227 242);
  --mof-purple-100:rgb(228 206 233);
  --mof-purple-200:rgb(205 164 213);
  --mof-purple-300:rgb(182 122 194);
  --mof-purple-400:rgb(163 87 178);
  --mof-purple-500:rgb(143 72 157);
  --mof-purple-600:rgb(121 61 133);
  --mof-purple-700:rgb(105 53 115);
  --mof-purple-800:rgb(92 47 101);
  --mof-purple-900:rgb(79 40 87);
  --mof-purple-a100:rgb(227 183 235);
  --mof-purple-a200:rgb(208 135 222);
  --mof-purple-a400:rgb(179 63 202);
  --mof-purple-a700:rgb(130 41 148);
  --md-purple-50:rgb(243 229 245);
  --md-purple-100:rgb(226 192 232);
  --md-purple-200:rgb(205 146 216);
  --md-purple-300:rgb(187 105 201);
  --md-purple-400:rgb(171 71 189);
  --md-purple-500:rgb(155 39 176);
  --md-purple-600:rgb(140 36 168);
  --md-purple-700:rgb(123 31 163);
  --md-purple-800:rgb(104 27 152);
  --md-purple-900:rgb(73 20 138);
  --md-purple-a100:rgb(234 131 252);
  --md-purple-a200:rgb(223 65 251);
  --md-purple-a400:rgb(212 0 250);
  --md-purple-a700:rgb(170 0 255);
  --ios-purple-50:rgb(243 223 251);
  --ios-purple-100:rgb(229 187 246);
  --ios-purple-200:rgb(216 156 242);
  --ios-purple-300:rgb(204 124 238);
  --ios-purple-400:rgb(193 97 234);
  --ios-purple-500:rgb(179 61 230);
  --ios-purple-600:rgb(163 29 221);
  --ios-purple-700:rgb(137 24 185);
  --ios-purple-800:rgb(113 20 153);
  --ios-purple-900:rgb(83 15 113);
  --ios-purple-a100:rgb(238 200 253);
  --ios-purple-a200:rgb(227 165 254);
  --ios-purple-a400:rgb(207 99 253);
  --ios-purple-a700:rgb(159 3 226);
  --mof-pink-50:rgb(248 226 234);
  --mof-pink-100:rgb(244 210 221);
  --mof-pink-200:rgb(236 177 197);
  --mof-pink-300:rgb(226 141 169);
  --mof-pink-400:rgb(217 104 142);
  --mof-pink-500:rgb(209 71 117);
  --mof-pink-600:rgb(204 51 102);
  --mof-pink-700:rgb(184 46 92);
  --mof-pink-800:rgb(159 40 80);
  --mof-pink-900:rgb(131 33 65);
  --mof-pink-a100:rgb(249 184 206);
  --mof-pink-a200:rgb(246 146 180);
  --mof-pink-a400:rgb(239 62 121);
  --mof-pink-a700:rgb(193 16 75);
  --md-pink-50:rgb(252 227 236);
  --md-pink-100:rgb(248 186 207);
  --md-pink-200:rgb(244 144 177);
  --md-pink-300:rgb(240 96 144);
  --md-pink-400:rgb(236 65 122);
  --md-pink-500:rgb(233 32 99);
  --md-pink-600:rgb(218 27 97);
  --md-pink-700:rgb(195 24 93);
  --md-pink-800:rgb(173 20 87);
  --md-pink-900:rgb(134 14 78);
  --md-pink-a100:rgb(255 128 170);
  --md-pink-a200:rgb(255 66 129);
  --md-pink-a400:rgb(245 0 86);
  --md-pink-a700:rgb(197 17 98);
  --ios-pink-50:rgb(255 224 231);
  --ios-pink-100:rgb(255 189 202);
  --ios-pink-200:rgb(255 153 173);
  --ios-pink-300:rgb(255 117 145);
  --ios-pink-400:rgb(255 82 116);
  --ios-pink-500:rgb(255 46 88);
  --ios-pink-600:rgb(255 5 55);
  --ios-pink-700:rgb(219 0 44);
  --ios-pink-800:rgb(179 0 36);
  --ios-pink-900:rgb(138 0 28);
  --ios-pink-a100:rgb(255 209 218);
  --ios-pink-a200:rgb(255 173 190);
  --ios-pink-a400:rgb(255 102 133);
  --ios-pink-a700:rgb(240 0 48);
  --mof-red-50:rgb(251 234 234);
  --mof-red-100:rgb(245 209 209);
  --mof-red-200:rgb(238 175 175);
  --mof-red-300:rgb(232 146 146);
  --mof-red-400:rgb(226 116 116);
  --mof-red-500:rgb(219 87 87);
  --mof-red-600:rgb(213 57 57);
  --mof-red-700:rgb(194 41 41);
  --mof-red-800:rgb(164 35 35);
  --mof-red-900:rgb(135 29 29);
  --mof-red-a100:rgb(251 182 182);
  --mof-red-a200:rgb(249 144 144);
  --mof-red-a400:rgb(246 76 76);
  --mof-red-a700:rgb(203 11 11);
  --md-red-50:rgb(255 235 238);
  --md-red-100:rgb(255 204 209);
  --md-red-200:rgb(239 154 154);
  --md-red-300:rgb(229 113 113);
  --md-red-400:rgb(239 85 82);
  --md-red-500:rgb(244 64 52);
  --md-red-600:rgb(229 55 52);
  --md-red-700:rgb(211 49 49);
  --md-red-800:rgb(199 41 41);
  --md-red-900:rgb(181 28 28);
  --md-red-a100:rgb(255 138 128);
  --md-red-a200:rgb(255 82 82);
  --md-red-a400:rgb(255 26 71);
  --md-red-a700:rgb(214 0 0);
  --ios-red-50:rgb(255 231 230);
  --ios-red-100:rgb(255 192 189);
  --ios-red-200:rgb(255 158 153);
  --ios-red-300:rgb(255 124 117);
  --ios-red-400:rgb(255 90 82);
  --ios-red-500:rgb(255 56 46);
  --ios-red-600:rgb(255 18 5);
  --ios-red-700:rgb(219 11 0);
  --ios-red-800:rgb(179 9 0);
  --ios-red-900:rgb(138 7 0);
  --ios-red-a100:rgb(255 211 209);
  --ios-red-a200:rgb(255 177 173);
  --ios-red-a400:rgb(255 110 102);
  --ios-red-a700:rgb(240 12 0);
}

/* ico - button */
.u-arrow--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\e5c8";
  transform: scale(-1, 1);
}

.u-arrow--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\e5c8";
}

.u-arrow--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f063";
}

.u-arrow__circle--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__circle--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f0a8";
  transform: scale(-1, 1);
}

.u-arrow__circle--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__circle--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f591";
}

.u-arrow__circle--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__circle--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f0ab";
}

.u-arrow__square--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__square--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f33a";
  transform: scale(-1, 1);
}

.u-arrow__square--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__square--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f33b";
}

.u-arrow__square--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__square--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f339";
}

.u-arrow__alt--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f355";
  transform: scale(-1, 1);
}

.u-arrow__alt--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f356";
}

.u-arrow__alt--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f354";
}

.u-arrow__alt-circle--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-circle--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f359";
  transform: scale(-1, 1);
}

.u-arrow__alt-circle--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-circle--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f35a";
}

.u-arrow__alt-circle--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-circle--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f358";
}

.u-arrow__alt-square--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-square--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f351";
  transform: scale(-1, 1);
}

.u-arrow__alt-square--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-square--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f352";
}

.u-arrow__alt-square--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-square--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f350";
}

.u-arrow__caret--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\e5de";
  transform: scale(-1, 1);
}

.u-arrow__caret--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\e5df";
}

.u-arrow__caret--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\e5c5";
}

.u-arrow__caret-circle--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-circle--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f32e";
  transform: scale(-1, 1);
}

.u-arrow__caret-circle--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-circle--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f320";
}

.u-arrow__caret-circle--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-circle--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f32d";
}

.u-arrow__caret-square--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-square--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f191";
  transform: scale(-1, 1);
}

.u-arrow__caret-square--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-square--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f152";
}

.u-arrow__caret-square--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-square--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f150";
}

.u-arrow__chevron--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f053";
  transform: scale(-1, 1);
}

.u-arrow__chevron--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f054";
}

.u-arrow__chevron--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f078";
}

.u-arrow__chevron-double--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-double--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f323";
  transform: scale(-1, 1);
}

.u-arrow__chevron-double--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-double--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f324";
}

.u-arrow__chevron-double--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-double--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f322";
}

.u-arrow__chevron-circle--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-circle--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f137";
  transform: scale(-1, 1);
}

.u-arrow__chevron-circle--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-circle--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f138";
}

.u-arrow__chevron-circle--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-circle--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f31a";
}

.u-arrow__chevron-square--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-square--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f32a";
  transform: scale(-1, 1);
}

.u-arrow__chevron-square--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-square--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f32b";
}

.u-arrow__chevron-square--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-square--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f329";
}

.u-arrow__angle--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f104";
  transform: scale(-1, 1);
}

.u-arrow__angle--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f105";
}

.u-arrow__angle--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f107";
}

.u-arrow__angle-double--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle-double--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f100";
  transform: scale(-1, 1);
}

.u-arrow__angle-double--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle-double--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f101";
}

.u-arrow__angle-double--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle-double--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f103";
}

.u-arrow__long--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__long--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f177";
  transform: scale(-1, 1);
}

.u-arrow__long--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__long--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f178";
}

.u-arrow__long--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__long--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f175";
}

.u-arrow__start--left {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__start--left:before {
  font-size: 1.125em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f060";
  transform: scale(-1, 1);
}

.u-arrow__start--right {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__start--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f061";
}

.u-arrow__start--down {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__start--down:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
  content: "\f063";
}

.u-between__arrow--right {
  width: 100%;
  display: block flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--leading-trim-ja);
  margin-bottom: var(--leading-trim-ja);
}
@media only screen and (max-width: 991px) {
  .u-between__arrow--right {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.u-between__arrow--right:after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Icons";
  display: inline flow-root;
  content: "\e5e1";
}
@media only screen and (max-width: 991px) {
  .u-between__arrow--right:after {
    line-height: 0;
  }
}

.u-text--spring {
  color: var(--rgb-spring-text);
}

.u-text--summer {
  color: var(--rgb-summer-text);
}

.u-text--autumn {
  color: var(--rgb-autumn-text);
}

.u-text--winter {
  color: var(--rgb-winter-text);
}

.u-background--spring {
  background-color: var(--rgb-spring-background);
}

.u-background--summer {
  background-color: var(--rgb-summer-background);
}

.u-background--autumn {
  background-color: var(--rgb-autumn-background);
}

.u-background--winter {
  background-color: var(--rgb-winter-background);
}

.u-background--white {
  background-color: var(--rgb-white);
}

.u-background--whitegray {
  background-color: var(--rgb-whitegray);
}

.u-background--watergray {
  background-color: var(--rgb-watergray);
}

.u-background--palegray {
  background-color: var(--rgb-palegray);
}

.u-background--lightgray {
  background-color: var(--rgb-lightgray);
}

.u-background--darkgray {
  background-color: var(--rgb-darkgray);
}

.u-background--deepgray {
  background-color: var(--rgb-deepgray);
}

.u-background--black {
  background-color: var(--rgb-black);
}

.u-background--beige {
  background-color: var(--rgb-beige);
}

.u-text__ellipsis {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-text__antialias {
  transform: rotate(0.0281deg);
  display: inline-block;
}

.u-text__serif {
  font-family: var(--font-serif);
  line-height: 1.75em;
}

.u-text__sans {
  font-family: var(--font-sans);
  line-height: 1.75em;
}

.u-text__size--sm {
  font-size: 1.125em;
}

.u-text__size--md {
  font-size: 1.25em;
}

.u-text__size--lg {
  font-size: 1.5em;
}

.u-text__size--xl {
  font-size: 2em;
}

.u-fontweight--thin {
  font-weight: 300 !important;
}

.u-fontweight--regular {
  font-weight: 400 !important;
}

.u-fontweight--medium {
  font-weight: 500 !important;
}

.u-fontweight--semibold {
  font-weight: 600 !important;
}

.u-fontweight--bold {
  font-weight: 700 !important;
}

.u-fontweight--black {
  font-weight: 900 !important;
}

.u-marker__green {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-green) 60%);
}

.u-marker__lightgreen {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-lightgreen) 60%);
}

.u-marker__blue {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-blue) 60%);
}

.u-marker__lightblue {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-lightblue) 60%);
}

.u-marker__orange {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-orange) 60%);
}

.u-marker__pink {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-pink) 60%);
}

.u-marker__red {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-red) 60%);
}

.u-marker__yellow {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-yellow) 60%);
}

.u-marker__purple {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-purple) 60%);
}

.u-marker__navy {
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(transparent 60%, var(--marker-navy) 60%);
}

.u-text__uppercase {
  text-transform: uppercase !important;
}

.u-text__capitalize {
  text-transform: capitalize !important;
}

.u-text__initial {
  text-transform: initial !important;
}

.u-text__uppercase {
  text-transform: uppercase !important;
}

.u-text__sans {
  font-family: var(--font-sans);
}

.u-text__serif {
  font-family: var(--font-serif);
}

.u-text__round {
  font-family: var(--font-round);
}

.u-text__end {
  text-align: right;
}

.u-text__start {
  text-align: left;
}

.u-text__center {
  text-align: center;
}

@media screen and (min-width: 576px) {
  .u-text__end--sm {
    text-align: right;
  }
  .u-text__start--sm {
    text-align: left;
  }
  .u-text__center--sm {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .u-text__end--md {
    text-align: right;
  }
  .u-text__start--md {
    text-align: left;
  }
  .u-text__center--md {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .u-text__end--lg {
    text-align: right;
  }
  .u-text__start--lg {
    text-align: left;
  }
  .u-text__center--lg {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .u-text__end--xl {
    text-align: right;
  }
  .u-text__start--xl {
    text-align: left;
  }
  .u-text__center--xl {
    text-align: center;
  }
}
@media screen and (min-width: 1400px) {
  .u-text__end--xxl {
    text-align: right;
  }
  .u-text__start--xxl {
    text-align: left;
  }
  .u-text__center--xxl {
    text-align: center;
  }
}
.u-none {
  display: none !important;
}

.u-inline {
  display: inline flow !important;
}

.u-inline-block {
  display: inline flow-root !important;
}

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

.u-block {
  display: block flow !important;
}

.u-grid {
  display: block grid !important;
}

.u-table {
  display: block table !important;
}

.u-flex {
  display: block flex !important;
}

.u-align__start {
  align-items: start !important;
}

.u-align__center {
  align-items: center !important;
}

.u-align__end {
  align-items: end !important;
}

.u-align__stretch {
  align-items: stretch !important;
}

.u-justify__start {
  justify-content: start !important;
}

.u-justify__center {
  justify-content: center !important;
}

.u-justify__end {
  justify-content: end !important;
}

.u-justify__stretch {
  justify-content: stretch !important;
}

.u-justify__between {
  justify-content: space-between !important;
}

.u-justify__around {
  justify-content: space-around !important;
}

.u-justify__evenly {
  justify-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
  .u-none--sm {
    display: none !important;
  }
  .u-inline--sm {
    display: inline flow !important;
  }
  .u-inline-block--sm {
    display: inline flow-root !important;
  }
  .u-inline-flex--sm {
    display: inline flex !important;
  }
  .u-block--sm {
    display: block flow !important;
  }
  .u-grid--sm {
    display: block grid !important;
  }
  .u-table--sm {
    display: block table !important;
  }
  .u-flex--sm {
    display: block flex !important;
  }
  .u-align__start--sm {
    align-items: start !important;
  }
  .u-align__center--sm {
    align-items: center !important;
  }
  .u-align__end--sm {
    align-items: end !important;
  }
  .u-align__stretch--sm {
    align-items: stretch !important;
  }
  .u-justify__start--sm {
    justify-content: start !important;
  }
  .u-justify__center--sm {
    justify-content: center !important;
  }
  .u-justify__end--sm {
    justify-content: end !important;
  }
  .u-justify__stretch--sm {
    justify-content: stretch !important;
  }
  .u-justify__between--sm {
    justify-content: space-between !important;
  }
  .u-justify__around--sm {
    justify-content: space-around !important;
  }
  .u-justify__evenly--sm {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .u-none--md {
    display: none !important;
  }
  .u-inline--md {
    display: inline flow !important;
  }
  .u-inline-block--md {
    display: inline flow-root !important;
  }
  .u-inline-flex--md {
    display: inline flex !important;
  }
  .u-block--md {
    display: block flow !important;
  }
  .u-grid--md {
    display: block grid !important;
  }
  .u-table--md {
    display: block table !important;
  }
  .u-flex--md {
    display: block flex !important;
  }
  .u-align__start--md {
    align-items: start !important;
  }
  .u-align__center--md {
    align-items: center !important;
  }
  .u-align__end--md {
    align-items: end !important;
  }
  .u-align__stretch--md {
    align-items: stretch !important;
  }
  .u-justify__start--md {
    justify-content: start !important;
  }
  .u-justify__center--md {
    justify-content: center !important;
  }
  .u-justify__end--md {
    justify-content: end !important;
  }
  .u-justify__stretch--md {
    justify-content: stretch !important;
  }
  .u-justify__between--md {
    justify-content: space-between !important;
  }
  .u-justify__around--md {
    justify-content: space-around !important;
  }
  .u-justify__evenly--md {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .u-none--lg {
    display: none !important;
  }
  .u-inline--lg {
    display: inline flow !important;
  }
  .u-inline-block--lg {
    display: inline flow-root !important;
  }
  .u-inline-flex--lg {
    display: inline flex !important;
  }
  .u-block--lg {
    display: block flow !important;
  }
  .u-grid--lg {
    display: block grid !important;
  }
  .u-table--lg {
    display: block table !important;
  }
  .u-flex--lg {
    display: block flex !important;
  }
  .u-align__start--lg {
    align-items: start !important;
  }
  .u-align__center--lg {
    align-items: center !important;
  }
  .u-align__end--lg {
    align-items: end !important;
  }
  .u-align__stretch--lg {
    align-items: stretch !important;
  }
  .u-justify__start--lg {
    justify-content: start !important;
  }
  .u-justify__center--lg {
    justify-content: center !important;
  }
  .u-justify__end--lg {
    justify-content: end !important;
  }
  .u-justify__stretch--lg {
    justify-content: stretch !important;
  }
  .u-justify__between--lg {
    justify-content: space-between !important;
  }
  .u-justify__around--lg {
    justify-content: space-around !important;
  }
  .u-justify__evenly--lg {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-none--xl {
    display: none !important;
  }
  .u-inline--xl {
    display: inline flow !important;
  }
  .u-inline-block--xl {
    display: inline flow-root !important;
  }
  .u-inline-flex--xl {
    display: inline flex !important;
  }
  .u-block--xl {
    display: block flow !important;
  }
  .u-grid--xl {
    display: block grid !important;
  }
  .u-table--xl {
    display: block table !important;
  }
  .u-flex--xl {
    display: block flex !important;
  }
  .u-align__start--xl {
    align-items: start !important;
  }
  .u-align__center--xl {
    align-items: center !important;
  }
  .u-align__end--xl {
    align-items: end !important;
  }
  .u-align__stretch--xl {
    align-items: stretch !important;
  }
  .u-justify__start--xl {
    justify-content: start !important;
  }
  .u-justify__center--xl {
    justify-content: center !important;
  }
  .u-justify__end--xl {
    justify-content: end !important;
  }
  .u-justify__stretch--xl {
    justify-content: stretch !important;
  }
  .u-justify__between--xl {
    justify-content: space-between !important;
  }
  .u-justify__around--xl {
    justify-content: space-around !important;
  }
  .u-justify__evenly--xl {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1400px) {
  .u-none--xxl {
    display: none !important;
  }
  .u-inline--xxl {
    display: inline flow !important;
  }
  .u-inline-block--xxl {
    display: inline flow-root !important;
  }
  .u-inline-flex--xxl {
    display: inline flex !important;
  }
  .u-block--xxl {
    display: block flow !important;
  }
  .u-grid--xxl {
    display: block grid !important;
  }
  .u-table--xxl {
    display: block table !important;
  }
  .u-flex--xxl {
    display: block flex !important;
  }
  .u-align__start--xxl {
    align-items: start !important;
  }
  .u-align__center--xxl {
    align-items: center !important;
  }
  .u-align__end--xxl {
    align-items: end !important;
  }
  .u-align__stretch--xxl {
    align-items: stretch !important;
  }
  .u-justify__start--xxl {
    justify-content: start !important;
  }
  .u-justify__center--xxl {
    justify-content: center !important;
  }
  .u-justify__end--xxl {
    justify-content: end !important;
  }
  .u-justify__stretch--xxl {
    justify-content: stretch !important;
  }
  .u-justify__between--xxl {
    justify-content: space-between !important;
  }
  .u-justify__around--xxl {
    justify-content: space-around !important;
  }
  .u-justify__evenly--xxl {
    justify-content: space-evenly !important;
  }
}
/* emif */
.u-ratio__movie--21x9 {
  position: relative;
  width: 100%;
}
.u-ratio__movie--21x9::before {
  display: block;
  padding-top: 42.8571428%;
  width: 100%;
  content: "";
}
.u-ratio__movie--21x9 > *, .u-ratio__movie--21x9 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio__movie--16x9 {
  position: relative;
  width: 100%;
}
.u-ratio__movie--16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-ratio__movie--16x9 > *, .u-ratio__movie--16x9 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio__movie--4x3 {
  position: relative;
  width: 100%;
}
.u-ratio__movie--4x3::before {
  display: block;
  padding-top: 75%;
  width: 100%;
  content: "";
}
.u-ratio__movie--4x3 > *, .u-ratio__movie--4x3 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio__movie--1x1 {
  position: relative;
  width: 100%;
}
.u-ratio__movie--1x1::before {
  display: block;
  padding-top: 100%;
  width: 100%;
  content: "";
}
.u-ratio__movie--1x1 > *, .u-ratio__movie--1x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio__movie--9x16 {
  position: relative;
  width: 100%;
}
.u-ratio__movie--9x16::before {
  display: block;
  padding-top: 177.7777777777%;
  width: 100%;
  content: "";
}
.u-ratio__movie--9x16 > *, .u-ratio__movie--9x16 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-4x1 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-4x1::before {
  display: block;
  padding-top: 25%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-4x1 > *, .u-ratio--xxl-4x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-3x1 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-3x1::before {
  display: block;
  padding-top: 33.3333333333%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-3x1 > *, .u-ratio--xxl-3x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-3x1 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-3x1::before {
  display: block;
  padding-top: 42.857143%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-3x1 > *, .u-ratio--xxl-3x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-16x9 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-16x9 > *, .u-ratio--xxl-16x9 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-4x3 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-4x3::before {
  display: block;
  padding-top: 75%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-4x3 > *, .u-ratio--xxl-4x3 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-3x2 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-3x2::before {
  display: block;
  padding-top: 66.6666666666%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-3x2 > *, .u-ratio--xxl-3x2 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-2x1 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-2x1::before {
  display: block;
  padding-top: 50%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-2x1 > *, .u-ratio--xxl-2x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-5x4 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-5x4::before {
  display: block;
  padding-top: 80%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-5x4 > *, .u-ratio--xxl-5x4 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-6x5 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-6x5::before {
  display: block;
  padding-top: 83.3333333333%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-6x5 > *, .u-ratio--xxl-6x5 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-1x1 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-1x1::before {
  display: block;
  padding-top: 100%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-1x1 > *, .u-ratio--xxl-1x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-9x16 {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-9x16::before {
  display: block;
  padding-top: 177.7777777777%;
  width: 100%;
  content: "";
}
.u-ratio--xxl-9x16 > *, .u-ratio--xxl-9x16 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-5rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-5rem::before {
  display: block;
  padding-top: 5rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-5rem > *, .u-ratio--xxl-5rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-10rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-10rem::before {
  display: block;
  padding-top: 10rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-10rem > *, .u-ratio--xxl-10rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-15rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-15rem::before {
  display: block;
  padding-top: 15rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-15rem > *, .u-ratio--xxl-15rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-20rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-20rem::before {
  display: block;
  padding-top: 20rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-20rem > *, .u-ratio--xxl-20rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-25rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-25rem::before {
  display: block;
  padding-top: 25rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-25rem > *, .u-ratio--xxl-25rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-30rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-30rem::before {
  display: block;
  padding-top: 30rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-30rem > *, .u-ratio--xxl-30rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-35rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-35rem::before {
  display: block;
  padding-top: 35rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-35rem > *, .u-ratio--xxl-35rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--xxl-40rem {
  position: relative;
  width: 100%;
}
.u-ratio--xxl-40rem::before {
  display: block;
  padding-top: 40rem;
  width: 100%;
  content: "";
}
.u-ratio--xxl-40rem > *, .u-ratio--xxl-40rem > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1399px) {
  .u-ratio--xl-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-4x1 > *, .u-ratio--xl-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-3x1 > *, .u-ratio--xl-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-21x9 > *, .u-ratio--xl-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-16x9 > *, .u-ratio--xl-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-4x3 > *, .u-ratio--xl-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-3x2 > *, .u-ratio--xl-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-2x1 > *, .u-ratio--xl-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-5x4 > *, .u-ratio--xl-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-6x5 > *, .u-ratio--xl-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-1x1 > *, .u-ratio--xl-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-9x16 > *, .u-ratio--xl-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-5rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-5rem::before {
    display: block;
    padding-top: 5rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-5rem > *, .u-ratio--xl-5rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-10rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-10rem::before {
    display: block;
    padding-top: 10rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-10rem > *, .u-ratio--xl-10rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-15rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-15rem::before {
    display: block;
    padding-top: 15rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-15rem > *, .u-ratio--xl-15rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-20rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-20rem::before {
    display: block;
    padding-top: 20rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-20rem > *, .u-ratio--xl-20rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-25rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-25rem::before {
    display: block;
    padding-top: 25rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-25rem > *, .u-ratio--xl-25rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-30rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-30rem::before {
    display: block;
    padding-top: 30rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-30rem > *, .u-ratio--xl-30rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-35rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-35rem::before {
    display: block;
    padding-top: 35rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-35rem > *, .u-ratio--xl-35rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-40rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-40rem::before {
    display: block;
    padding-top: 40rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-40rem > *, .u-ratio--xl-40rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .u-ratio--lg-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-4x1 > *, .u-ratio--lg-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-3x1 > *, .u-ratio--lg-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-21x9 > *, .u-ratio--lg-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-16x9 > *, .u-ratio--lg-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-4x3 > *, .u-ratio--lg-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-3x2 > *, .u-ratio--lg-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-2x1 > *, .u-ratio--lg-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-5x4 > *, .u-ratio--lg-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-6x5 > *, .u-ratio--lg-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-1x1 > *, .u-ratio--lg-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-9x16 > *, .u-ratio--lg-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-5rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-5rem::before {
    display: block;
    padding-top: 5rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-5rem > *, .u-ratio--lg-5rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-10rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-10rem::before {
    display: block;
    padding-top: 10rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-10rem > *, .u-ratio--lg-10rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-15rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-15rem::before {
    display: block;
    padding-top: 15rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-15rem > *, .u-ratio--lg-15rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-20rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-20rem::before {
    display: block;
    padding-top: 20rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-20rem > *, .u-ratio--lg-20rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-25rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-25rem::before {
    display: block;
    padding-top: 25rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-25rem > *, .u-ratio--lg-25rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-30rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-30rem::before {
    display: block;
    padding-top: 30rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-30rem > *, .u-ratio--lg-30rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-35rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-35rem::before {
    display: block;
    padding-top: 35rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-35rem > *, .u-ratio--lg-35rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-40rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-40rem::before {
    display: block;
    padding-top: 40rem;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-40rem > *, .u-ratio--lg-40rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .u-ratio--md-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-4x1 > *, .u-ratio--md-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-3x1 > *, .u-ratio--md-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-21x9 > *, .u-ratio--md-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-16x9 > *, .u-ratio--md-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-4x3 > *, .u-ratio--md-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-3x2 > *, .u-ratio--md-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-2x1 > *, .u-ratio--md-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-5x4 > *, .u-ratio--md-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-6x5 > *, .u-ratio--md-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-1x1 > *, .u-ratio--md-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-9x16 > *, .u-ratio--md-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-5rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-5rem::before {
    display: block;
    padding-top: 5rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-5rem > *, .u-ratio--md-5rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-10rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-10rem::before {
    display: block;
    padding-top: 10rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-10rem > *, .u-ratio--md-10rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-15rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-15rem::before {
    display: block;
    padding-top: 15rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-15rem > *, .u-ratio--md-15rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-20rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-20rem::before {
    display: block;
    padding-top: 20rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-20rem > *, .u-ratio--md-20rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-25rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-25rem::before {
    display: block;
    padding-top: 25rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-25rem > *, .u-ratio--md-25rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-30rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-30rem::before {
    display: block;
    padding-top: 30rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-30rem > *, .u-ratio--md-30rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-35rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-35rem::before {
    display: block;
    padding-top: 35rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-35rem > *, .u-ratio--md-35rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-40rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-40rem::before {
    display: block;
    padding-top: 40rem;
    width: 100%;
    content: "";
  }
  .u-ratio--md-40rem > *, .u-ratio--md-40rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .u-ratio--sm-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-4x1 > *, .u-ratio--sm-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-3x1 > *, .u-ratio--sm-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-21x9 > *, .u-ratio--sm-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-16x9 > *, .u-ratio--sm-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-4x3 > *, .u-ratio--sm-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-3x2 > *, .u-ratio--sm-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-2x1 > *, .u-ratio--sm-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-5x4 > *, .u-ratio--sm-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-6x5 > *, .u-ratio--sm-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-1x1 > *, .u-ratio--sm-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-9x16 > *, .u-ratio--sm-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-5rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-5rem::before {
    display: block;
    padding-top: 5rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-5rem > *, .u-ratio--sm-5rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-10rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-10rem::before {
    display: block;
    padding-top: 10rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-10rem > *, .u-ratio--sm-10rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-15rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-15rem::before {
    display: block;
    padding-top: 15rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-15rem > *, .u-ratio--sm-15rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-20rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-20rem::before {
    display: block;
    padding-top: 20rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-20rem > *, .u-ratio--sm-20rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-25rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-25rem::before {
    display: block;
    padding-top: 25rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-25rem > *, .u-ratio--sm-25rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-30rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-30rem::before {
    display: block;
    padding-top: 30rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-30rem > *, .u-ratio--sm-30rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-35rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-35rem::before {
    display: block;
    padding-top: 35rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-35rem > *, .u-ratio--sm-35rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-40rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-40rem::before {
    display: block;
    padding-top: 40rem;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-40rem > *, .u-ratio--sm-40rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .u-ratio--xs-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-4x1 > *, .u-ratio--xs-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-3x1 > *, .u-ratio--xs-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-21x9 > *, .u-ratio--xs-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-16x9 > *, .u-ratio--xs-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-4x3 > *, .u-ratio--xs-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-3x2 > *, .u-ratio--xs-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-2x1 > *, .u-ratio--xs-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-5x4 > *, .u-ratio--xs-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-6x5 > *, .u-ratio--xs-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-1x1 > *, .u-ratio--xs-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-9x16 > *, .u-ratio--xs-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-5rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-5rem::before {
    display: block;
    padding-top: 5rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-5rem > *, .u-ratio--xs-5rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-10rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-10rem::before {
    display: block;
    padding-top: 10rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-10rem > *, .u-ratio--xs-10rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-15rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-15rem::before {
    display: block;
    padding-top: 15rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-15rem > *, .u-ratio--xs-15rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-20rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-20rem::before {
    display: block;
    padding-top: 20rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-20rem > *, .u-ratio--xs-20rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-25rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-25rem::before {
    display: block;
    padding-top: 25rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-25rem > *, .u-ratio--xs-25rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-30rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-30rem::before {
    display: block;
    padding-top: 30rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-30rem > *, .u-ratio--xs-30rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-35rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-35rem::before {
    display: block;
    padding-top: 35rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-35rem > *, .u-ratio--xs-35rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xs-40rem {
    position: relative;
    width: 100%;
  }
  .u-ratio--xs-40rem::before {
    display: block;
    padding-top: 40rem;
    width: 100%;
    content: "";
  }
  .u-ratio--xs-40rem > *, .u-ratio--xs-40rem > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* ico - button */
.u-file__pdf {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file__pdf::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file__pdf::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4MS45IDI1Ni4xYy01LTE2LTQuOS00Ni45LTItNDYuOSA4LjQgMCA3LjYgMzYuOSAyIDQ2Ljl6bS0xLjcgNDcuMmMtNy43IDIwLjItMTcuMyA0My4zLTI4LjQgNjIuNyAxOC4zLTcgMzktMTcuMiA2Mi45LTIxLjktMTIuNy05LjYtMjQuOS0yMy40LTM0LjUtNDAuOHpNODYuMSA0MjguMWMwIC44IDEzLjItNS40IDM0LjktNDAuMi02LjcgNi4zLTI5LjEgMjQuNS0zNC45IDQwLjJ6TTI0OCAxNjBoMTM2djMyOGMwIDEzLjMtMTAuNyAyNC0yNCAyNEgyNGMtMTMuMyAwLTI0LTEwLjctMjQtMjRWMjRDMCAxMC43IDEwLjcgMCAyNCAwaDIwMHYxMzZjMCAxMy4yIDEwLjggMjQgMjQgMjR6bS04IDE3MS44Yy0yMC0xMi4yLTMzLjMtMjktNDIuNy01My44IDQuNS0xOC41IDExLjYtNDYuNiA2LjItNjQuMi00LjctMjkuNC00Mi40LTI2LjUtNDcuOC02LjgtNSAxOC4zLS40IDQ0LjEgOC4xIDc3LTExLjYgMjcuNi0yOC43IDY0LjYtNDAuOCA4NS44LS4xIDAtLjEgLjEtLjIgLjEtMjcuMSAxMy45LTczLjYgNDQuNS01NC41IDY4IDUuNiA2LjkgMTYgMTAgMjEuNSAxMCAxNy45IDAgMzUuNy0xOCA2MS4xLTYxLjggMjUuOC04LjUgNTQuMS0xOS4xIDc5LTIzLjIgMjEuNyAxMS44IDQ3LjEgMTkuNSA2NCAxOS41IDI5LjIgMCAzMS4yLTMyIDE5LjctNDMuNC0xMy45LTEzLjYtNTQuMy05LjctNzMuNi03LjJ6TTM3NyAxMDVMMjc5IDdjLTQuNS00LjUtMTAuNi03LTE3LTdoLTZ2MTI4aDEyOHYtNi4xYzAtNi4zLTIuNS0xMi40LTctMTYuOXptLTc0LjEgMjU1LjNjNC4xLTIuNy0yLjUtMTEuOS00Mi44LTkgMzcuMSAxNS44IDQyLjggOSA0Mi44IDl6IiBmaWxsPSJyZWQiLz48L3N2Zz4=);
}

[data-type=link] .u-file__pdf {
  width: -moz-fit-content;
  width: fit-content;
}

.u-file__word {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file__word::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file__word::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptNTcuMSAxMjBIMzA1YzcuNyAwIDEzLjQgNy4xIDExLjcgMTQuN2wtMzggMTY4Yy0xLjIgNS41LTYuMSA5LjMtMTEuNyA5LjNoLTM4Yy01LjUgMC0xMC4zLTMuOC0xMS42LTkuMS0yNS44LTEwMy41LTIwLjgtODEuMi0yNS42LTExMC41aC0uNWMtMS4xIDE0LjMtMi40IDE3LjQtMjUuNiAxMTAuNS0xLjMgNS4zLTYuMSA5LjEtMTEuNiA5LjFIMTE3Yy01LjYgMC0xMC41LTMuOS0xMS43LTkuNGwtMzcuOC0xNjhjLTEuNy03LjUgNC0xNC42IDExLjctMTQuNmgyNC41YzUuNyAwIDEwLjcgNCAxMS44IDkuNyAxNS42IDc4IDIwLjEgMTA5LjUgMjEgMTIyLjIgMS42LTEwLjIgNy4zLTMyLjcgMjkuNC0xMjIuNyAxLjMtNS40IDYuMS05LjEgMTEuNy05LjFoMjkuMWM1LjYgMCAxMC40IDMuOCAxMS43IDkuMiAyNCAxMDAuNCAyOC44IDEyNCAyOS42IDEyOS40LS4yLTExLjItMi42LTE3LjggMjEuNi0xMjkuMiAxLTUuNiA1LjktOS41IDExLjUtOS41ek0zODQgMTIxLjl2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iYmx1ZSIvPjwvc3ZnPg==);
}

.u-file__excel {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file__excel::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file__excel::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptNjAuMSAxMDYuNUwyMjQgMzM2bDYwLjEgOTMuNWM1LjEgOC0uNiAxOC41LTEwLjEgMTguNWgtMzQuOWMtNC40IDAtOC41LTIuNC0xMC42LTYuM0MyMDguOSA0MDUuNSAxOTIgMzczIDE5MiAzNzNjLTYuNCAxNC44LTEwIDIwLTM2LjYgNjguOC0yLjEgMy45LTYuMSA2LjMtMTAuNSA2LjNIMTEwYy05LjUgMC0xNS4yLTEwLjUtMTAuMS0xOC41bDYwLjMtOTMuNS02MC4zLTkzLjVjLTUuMi04IC42LTE4LjUgMTAuMS0xOC41aDM0LjhjNC40IDAgOC41IDIuNCAxMC42IDYuMyAyNi4xIDQ4LjggMjAgMzMuNiAzNi42IDY4LjUgMCAwIDYuMS0xMS43IDM2LjYtNjguNSAyLjEtMy45IDYuMi02LjMgMTAuNi02LjNIMjc0YzkuNS0uMSAxNS4yIDEwLjQgMTAuMSAxOC40ek0zODQgMTIxLjl2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iZ3JlZW4iLz48L3N2Zz4=);
}

.u-file__file {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file__file::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file__file::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptMTYwLTE0LjF2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iZ3JheSIvPjwvc3ZnPg==);
}

.u-hr--xs {
  margin: calc(0.5rem * var(--xl-rate)) 0;
}

.u-hr--sm {
  margin: calc(1rem * var(--xl-rate)) 0;
}

.u-hr--md {
  margin: calc(1.5rem * var(--xl-rate)) 0;
}

.u-hr--lg {
  margin: calc(2rem * var(--xl-rate)) 0;
}

.u-hr--xl {
  margin: calc(2.5rem * var(--xl-rate)) 0;
}

/* ico - button */
.material-icons {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  font-size: 1.125em;
  line-height: 1;
}
.material-icons.icon-only {
  margin-bottom: 0;
}

span.material-icons {
  margin-bottom: 0.1875em;
}

span[class*=u-icon]::before, span[class*=u-icon]::after {
  margin-bottom: 0.1875em;
}

.material-symbols-outlined {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  margin-bottom: 0.1875em;
  font-size: 1.125em;
  line-height: 1;
}

.c-flow__icon .material-icons {
  margin-bottom: 0;
}

[class*=u-icon], [class*=u-icon__position--x] {
  display: block flex;
  justify-content: center;
  align-items: flex-end;
  flex-flow: row nowrap;
}
[class*=u-icon]::before, [class*=u-icon]::after, [class*=u-icon__position--x]::before, [class*=u-icon__position--x]::after {
  font-family: "Material Icons";
  font-size: 1.125em;
  line-height: 1;
  display: block flow;
}
[class*=u-icon]::before, [class*=u-icon__position--x]::before {
  margin-right: 0.25em;
}
[class*=u-icon]::after, [class*=u-icon__position--x]::after {
  margin-left: 0.25em;
}

[class*=u-icon__position--top] {
  display: block flex;
  justify-content: center;
  align-items: flex-end;
  flex-flow: column nowrap;
}
[class*=u-icon__position--top]::before, [class*=u-icon__position--top]::after {
  font-family: "Material Icons";
  font-size: 1.125em;
  line-height: 1;
  display: block flow;
}
[class*=u-icon__position--top]::before {
  margin-bottom: 0.125em;
  font-size: 2.25em;
}
[class*=u-icon__position--top]::after {
  margin-top: 0.125em;
}

[class*=u-icon__position--bottom] {
  display: block flex;
  justify-content: center;
  align-items: flex-end;
  flex-flow: column nowrap;
  align-items: center;
}
[class*=u-icon__position--bottom]::before, [class*=u-icon__position--bottom]::after {
  font-family: "Material Icons";
  font-size: 1.125em;
  line-height: 1;
  display: block flow;
}
[class*=u-icon__position--bottom]::before {
  margin-bottom: 0.125em;
}
[class*=u-icon__position--bottom]::after {
  margin-top: 0.125em;
  margin-left: 0;
  font-size: 1.5em;
}

.u-icon__small:before {
  font-size: 0.75em;
}

.u-icon__home:before {
  content: "\f015";
}

.u-icon__business:before {
  content: "\f15c";
}

.u-icon__factory:before {
  content: "\f3b3";
}

.u-icon__key:before {
  content: "\f084";
}

.u-icon__edit:before {
  content: "\e745";
}

.u-icon__yen:before {
  content: "\eafb";
}

.u-icon__blog:before {
  content: "\f02d";
}

.u-icon__mov:before {
  content: "\f1c8";
}

.u-icon__calculator:before {
  content: "\ea5f";
}

.u-icon__estimate:before {
  content: "\ef42";
}

.u-icon__construction:before {
  content: "\ea3c";
}

.u-icon__works:before {
  content: "\f1ad";
}

.u-icon__recruit:before, .u-icon__x--recruit:before, .u-icon__y--recruit:before {
  content: "\e7fb";
}

.u-icon__download:before {
  content: "\e2c4";
}

.u-icon__faq:before {
  content: "\f059";
}

.u-icon__company:before {
  content: "\f1d0";
}

.u-icon__contact:before {
  content: "\f0e0";
}

.u-icon__arrival:before {
  content: "\f675";
}

.u-icon__mail:before, .u-icon__x--mail:before, .u-icon__position--top--mail:before,
.u-icon__position--bottom--mail:after {
  content: "\e158";
}

.u-icon__plane:before {
  content: "\f1d8";
}

.u-icon__book-open:before {
  content: "\f518";
}

.u-icon__sync:before {
  content: "\f021";
}

.u-icon__phone, .u-icon__facsimile, .u-icon__mobile {
  display: flex;
  align-items: center;
}
.u-icon__phone::before, .u-icon__facsimile::before, .u-icon__mobile::before {
  font-size: 1em;
  line-height: 1;
}
.u-icon__phone strong, .u-icon__facsimile strong, .u-icon__mobile strong {
  display: block;
  position: relative;
  bottom: 0.125em;
}

.u-icon__phone:before {
  content: "\e0b0";
}

.u-icon__phone--volume:before {
  content: "\f2a0";
}

.u-icon__facsimile:before {
  content: "\ead8";
}

.u-icon__call--square-white, .u-icon__call--square-black, .u-icon__call--circle-white, .u-icon__call--circle-black,
.u-icon__facsimile--square-white, .u-icon__facsimile--square-black, .u-icon__facsimile--circle-white, .u-icon__facsimile--circle-black {
  line-height: 1.5rem;
}
.u-icon__call--square-white:before, .u-icon__call--square-black:before, .u-icon__call--circle-white:before, .u-icon__call--circle-black:before,
.u-icon__facsimile--square-white:before, .u-icon__facsimile--square-black:before, .u-icon__facsimile--circle-white:before, .u-icon__facsimile--circle-black:before {
  border: 2px solid var(--rgb-text);
}
.u-icon__call--square-white span[data-action=call], .u-icon__call--square-black span[data-action=call], .u-icon__call--circle-white span[data-action=call], .u-icon__call--circle-black span[data-action=call],
.u-icon__facsimile--square-white span[data-action=call], .u-icon__facsimile--square-black span[data-action=call], .u-icon__facsimile--circle-white span[data-action=call], .u-icon__facsimile--circle-black span[data-action=call] {
  position: relative;
  bottom: 0.075em;
}

.u-icon__phone--square-white:before, .u-icon__phone--square-black:before, .u-icon__phone--circle-white:before, .u-icon__phone--circle-black:before {
  content: "\f879";
}

.u-icon__facsimile--square-white:before, .u-icon__facsimile--square-black:before, .u-icon__facsimile--circle-white:before, .u-icon__facsimile--circle-black:before {
  content: "\f1ac";
}

.u-icon__phone--square-white:before, .u-icon__phone--square-black:before, .u-icon__phone--square-white:before, .u-icon__phone--square-black:before {
  border-radius: 0.25rem;
}

.u-icon__phone--circle-white:before, .u-icon__phone--circle-black:before, .u-icon__phone--circle-white:before, .u-icon__phone--circle-black:before {
  border-radius: 50%;
}

.u-icon__phone--square-black:before, .u-icon__phone--circle-black:before, .u-icon__facsimile--square-black:before, .u-icon__facsimile--circle-black:before {
  background-color: var(--rgb-text);
  color: var(--rgb-white);
}

.u-icon__freedial {
  display: flex;
  align-items: center;
}
.u-icon__freedial:before {
  background: url(../images/common/freedial-mark.svg) center center/contain no-repeat;
  margin-right: 0;
  width: 3rem;
  height: 1.25rem;
  display: inline-block;
  content: "";
}

.u-icon__check--square:before {
  content: "\f14a";
}

.u-icon__mobile:before {
  content: "\f3cd";
}

.u-icon__map-marker:before {
  content: "\e0c8";
}

.u-icon__map-marked:before {
  content: "\e55b";
}

.u-icon__top:before {
  content: "\f077";
}

.u-icon__external:after {
  content: "\e89e";
}

.u-icon__login:before {
  content: "\ea77";
}

.u-icon__logout:before {
  content: "\e9ba";
}

.u-icon__signin:before {
  content: "\ea77";
}

.u-icon__signout:before {
  content: "\e9ba";
}

.u-icon__lock--off:before {
  content: "\f13e";
}

.u-icon__lock--on:before {
  content: "\e897";
}

.u-icon__id:before {
  content: "\f2c2";
}

.u-icon__user:before {
  content: "\e87c";
}

.u-icon__cart:before {
  content: "\e8cc";
}

.u-icon__factcheck::before {
  content: "\f0c5";
}

.u-icon__checklist::before {
  content: "\e6b1";
}

.u-icon__only, .u-icon__only:hover, .u-icon__only:active, .u-icon__only:focus {
  font-size: 0.9em !important;
  line-height: 24px !important;
  padding: 0 !important;
  width: 1.5rem;
  display: inline-block;
}

.u-icon__tiktok:before, .u-icon__line:before, .u-icon__twitter:before, .u-icon__instagram:before, .u-icon__facebook:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.u-icon__facebook:before {
  content: "\f09a";
}

.u-icon__instagram:before {
  content: "\f16d";
}

.u-icon__twitter:before {
  content: "\f099";
}

.u-icon__line:before {
  content: "\f3c0";
}

.u-icon__tiktok:before {
  content: "\e07b";
}

.u-icon__blog:before {
  content: "\f781";
}

.u-image__set--top {
  margin-top: calc(var(--clearance-padding) * -1);
}
@media only screen and (max-width: 1399px) {
  .u-image__set--top {
    margin-top: calc(var(--clearance-padding) * 0.85 * -1);
  }
}
@media only screen and (max-width: 1199px) {
  .u-image__set--top {
    margin-top: calc(var(--clearance-padding) * 0.7 * -1);
  }
}
@media only screen and (max-width: 991px) {
  .u-image__set--top {
    margin-top: calc(var(--clearance-padding) * 0.55 * -1);
  }
}
@media only screen and (max-width: 767px) {
  .u-image__set--top {
    margin-top: calc(var(--clearance-padding) * 0.4 * -1);
  }
}
@media only screen and (max-width: 575px) {
  .u-image__set--top {
    margin-top: calc(var(--clearance-padding) * 0.25 * -1);
  }
}

.u-image__set--bottom {
  margin-bottom: calc(var(--clearance-padding) * -1);
}
@media only screen and (max-width: 1399px) {
  .u-image__set--bottom {
    margin-bottom: calc(var(--clearance-padding) * 0.85 * -1);
  }
}
@media only screen and (max-width: 1199px) {
  .u-image__set--bottom {
    margin-bottom: calc(var(--clearance-padding) * 0.7 * -1);
  }
}
@media only screen and (max-width: 991px) {
  .u-image__set--bottom {
    margin-bottom: calc(var(--clearance-padding) * 0.55 * -1);
  }
}
@media only screen and (max-width: 767px) {
  .u-image__set--bottom {
    margin-bottom: calc(var(--clearance-padding) * 0.4 * -1);
  }
}
@media only screen and (max-width: 575px) {
  .u-image__set--bottom {
    margin-bottom: calc(var(--clearance-padding) * 0.25 * -1);
  }
}

.u-image__fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.u-margin__x--auto {
  margin-left: auto;
  margin-right: auto;
}

.u-lineheight--xxs {
  line-height: 0.75;
}

.u-lineheight--xs {
  line-height: 1;
}

.u-lineheight--sm {
  line-height: 1.125;
}

.u-lineheight--md {
  line-height: 1.25;
}

.u-lineheight--lg {
  line-height: 1.5;
}

.u-lineheight--xl {
  line-height: 1.75;
}

.u-lineheight--xxl {
  line-height: 2;
}

.u-margin__top--none {
  margin-top: 0 !important;
}

.u-margin__top--xxl {
  margin-top: calc(var(--gap-xxl) * var(--gap-rate) * 2) !important;
}

.u-margin__top--xl {
  margin-top: calc(var(--gap-xl) * var(--gap-rate) * 2) !important;
}

.u-margin__top--lg {
  margin-top: calc(var(--gap-lg) * var(--gap-rate) * 2) !important;
}

.u-margin__top--md {
  margin-top: calc(var(--gap-md) * var(--gap-rate) * 2) !important;
}

.u-margin__top--sm {
  margin-top: calc(var(--gap-sm) * var(--gap-rate) * 2) !important;
}

.u-margin__top--xs {
  margin-top: calc(var(--gap-xs) * var(--gap-rate) * 2) !important;
}

.u-margin__top--xxs {
  margin-top: calc(var(--gap-xxs) * var(--gap-rate) * 2) !important;
}

.u-minusmargin__top--xxl {
  margin-top: calc(var(--gap-xxl) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__top--xl {
  margin-top: calc(var(--gap-xl) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__top--lg {
  margin-top: calc(var(--gap-lg) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__top--md {
  margin-top: calc(var(--gap-md) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__top--sm {
  margin-top: calc(var(--gap-sm) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__top--xs {
  margin-top: calc(var(--gap-xs) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__top--xxs {
  margin-top: calc(var(--gap-xxs) * var(--gap-rate) * -2) !important;
}

.u-margin__left--auto {
  margin-left: auto;
}

.u-margin__right--auto {
  margin-right: auto;
}

.u-margin__between--auto {
  margin-left: auto;
  margin-right: auto;
}

.u-margin__bottom--none {
  margin-bottom: 0 !important;
}

.u-margin__bottom--xxl {
  margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--xl {
  margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--lg {
  margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--md {
  margin-bottom: calc(var(--gap-md) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--sm {
  margin-bottom: calc(var(--gap-sm) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--xs {
  margin-bottom: calc(var(--gap-xs) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--xxs {
  margin-bottom: calc(var(--gap-xxs) * var(--gap-rate) * 2) !important;
}

.u-margin__bottom--none {
  margin-bottom: 0 !important;
}

.u-minusmargin__bottom--xxl {
  margin-bottom: calc(var(--gap-xxl) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__bottom--xl {
  margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__bottom--lg {
  margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__bottom--md {
  margin-bottom: calc(var(--gap-md) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__bottom--sm {
  margin-bottom: calc(var(--gap-sm) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__bottom--xs {
  margin-bottom: calc(var(--gap-xs) * var(--gap-rate) * -2) !important;
}

.u-minusmargin__bottom--xxs {
  margin-bottom: calc(var(--gap-xxs) * var(--gap-rate) * -2) !important;
}

.u-position__left--top img {
  -o-object-position: left top;
     object-position: left top;
}

.u-position__left--center img {
  -o-object-position: left center;
     object-position: left center;
}

.u-position__left--bottom img {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.u-position__center--top img {
  -o-object-position: center top;
     object-position: center top;
}

.u-position__center--bottom img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.u-position__right--top img {
  -o-object-position: right top;
     object-position: right top;
}

.u-position__right--center img {
  -o-object-position: right center;
     object-position: right center;
}

.u-position__right--bottom img {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.u-objectfit__xxl--left-top img {
  -o-object-position: left top;
     object-position: left top;
}

.u-objectfit__xxl--left-center img {
  -o-object-position: left center;
     object-position: left center;
}

.u-objectfit__xxl--left-bottom img {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.u-objectfit__xxl--center-top img {
  -o-object-position: center top;
     object-position: center top;
}

.u-objectfit__xxl--center-bottom img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.u-objectfit__xxl--right-top img {
  -o-object-position: right top;
     object-position: right top;
}

.u-objectfit__xxl--right-center img {
  -o-object-position: right center;
     object-position: right center;
}

.u-objectfit__xxl--right-bottom img {
  -o-object-position: right bottom;
     object-position: right bottom;
}

@media only screen and (max-width: 1399px) {
  .u-objectfit__xl--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-objectfit__xl--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-objectfit__xl--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-objectfit__xl--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-objectfit__xl--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-objectfit__xl--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-objectfit__xl--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-objectfit__xl--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width: 1199px) {
  .u-objectfit__lg--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-objectfit__lg--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-objectfit__lg--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-objectfit__lg--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-objectfit__lg--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-objectfit__lg--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-objectfit__lg--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-objectfit__lg--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width: 991px) {
  .u-objectfit__md--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-objectfit__md--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-objectfit__md--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-objectfit__md--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-objectfit__md--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-objectfit__md--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-objectfit__md--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-objectfit__md--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width: 767px) {
  .u-objectfit__sm--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-objectfit__sm--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-objectfit__sm--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-objectfit__sm--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-objectfit__sm--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-objectfit__sm--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-objectfit__sm--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-objectfit__sm--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width: 575px) {
  .u-objectfit__xs--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-objectfit__xs--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-objectfit__xs--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-objectfit__xs--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-objectfit__xs--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-objectfit__xs--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-objectfit__xs--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-objectfit__xs--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
.u-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover::before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
}
.u-cover > img, .u-cover a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain::before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
}
.u-contain > img, .u-contain a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 576px) {
  .u-cover--sm {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--sm::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--sm > img, .u-cover--sm a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--sm {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--sm::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--sm > img, .u-contain--sm a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .u-cover--md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--md::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--md > img, .u-cover--md a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--md::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--md > img, .u-contain--md a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .u-cover--lg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--lg::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--lg > img, .u-cover--lg a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--lg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--lg::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--lg > img, .u-contain--lg a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .u-cover--xl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--xl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--xl > img, .u-cover--xl a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--xl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--xl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--xl > img, .u-contain--xl a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (min-width: 1400px) {
  .u-cover--xxl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--xxl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--xxl > img, .u-cover--xxl a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--xxl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--xxl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--xxl > img, .u-contain--xxl a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media print {
  .u-cover {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover > img, .u-cover a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain > img, .u-contain a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover--sm {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--sm::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--sm > img, .u-cover--sm a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--sm {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--sm::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--sm > img, .u-contain--sm a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover--md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--md::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--md > img, .u-cover--md a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--md::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--md > img, .u-contain--md a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover--lg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--lg::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--lg > img, .u-cover--lg a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--lg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--lg::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--lg > img, .u-contain--lg a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover--xl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--xl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--xl > img, .u-cover--xl a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--xl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--xl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--xl > img, .u-contain--xl a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover--xxl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover--xxl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-cover--xxl > img, .u-cover--xxl a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain--xxl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain--xxl::before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
  }
  .u-contain--xxl > img, .u-contain--xxl a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.u-cover__xxl--2x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--2x3::before {
  display: block;
  padding-top: 150%;
  width: 100%;
  content: "";
}
.u-cover__xxl--2x3 > img, .u-cover__xxl--2x3 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--3x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--3x4::before {
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
  content: "";
}
.u-cover__xxl--3x4 > img, .u-cover__xxl--3x4 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--4x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--4x5::before {
  display: block;
  padding-top: 125%;
  width: 100%;
  content: "";
}
.u-cover__xxl--4x5 > img, .u-cover__xxl--4x5 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--5x6 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--5x6::before {
  display: block;
  padding-top: 120%;
  width: 100%;
  content: "";
}
.u-cover__xxl--5x6 > img, .u-cover__xxl--5x6 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--1x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--1x1::before {
  display: block;
  padding-top: 100%;
  width: 100%;
  content: "";
}
.u-cover__xxl--1x1 > img, .u-cover__xxl--1x1 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--6x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--6x5::before {
  display: block;
  padding-top: 83.3333333333%;
  width: 100%;
  content: "";
}
.u-cover__xxl--6x5 > img, .u-cover__xxl--6x5 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--5x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--5x4::before {
  display: block;
  padding-top: 80%;
  width: 100%;
  content: "";
}
.u-cover__xxl--5x4 > img, .u-cover__xxl--5x4 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--4x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--4x3::before {
  display: block;
  padding-top: 75%;
  width: 100%;
  content: "";
}
.u-cover__xxl--4x3 > img, .u-cover__xxl--4x3 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--3x2 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--3x2::before {
  display: block;
  padding-top: 66.6666666666%;
  width: 100%;
  content: "";
}
.u-cover__xxl--3x2 > img, .u-cover__xxl--3x2 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--5x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--5x3::before {
  display: block;
  padding-top: 60%;
  width: 100%;
  content: "";
}
.u-cover__xxl--5x3 > img, .u-cover__xxl--5x3 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--16x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-cover__xxl--16x9 > img, .u-cover__xxl--16x9 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--2x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--2x1::before {
  display: block;
  padding-top: 50%;
  width: 100%;
  content: "";
}
.u-cover__xxl--2x1 > img, .u-cover__xxl--2x1 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--9x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--9x4::before {
  display: block;
  padding-top: 44.4444444444%;
  width: 100%;
  content: "";
}
.u-cover__xxl--9x4 > img, .u-cover__xxl--9x4 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--21x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--21x9::before {
  display: block;
  padding-top: 42.857143%;
  width: 100%;
  content: "";
}
.u-cover__xxl--21x9 > img, .u-cover__xxl--21x9 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--5x2 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--5x2::before {
  display: block;
  padding-top: 40%;
  width: 100%;
  content: "";
}
.u-cover__xxl--5x2 > img, .u-cover__xxl--5x2 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--24x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--24x9::before {
  display: block;
  padding-top: 37.5%;
  width: 100%;
  content: "";
}
.u-cover__xxl--24x9 > img, .u-cover__xxl--24x9 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--3x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--3x1::before {
  display: block;
  padding-top: 33.3333333333%;
  width: 100%;
  content: "";
}
.u-cover__xxl--3x1 > img, .u-cover__xxl--3x1 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--4x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--4x1::before {
  display: block;
  padding-top: 25%;
  width: 100%;
  content: "";
}
.u-cover__xxl--4x1 > img, .u-cover__xxl--4x1 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--5x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--5x1::before {
  display: block;
  padding-top: 20%;
  width: 100%;
  content: "";
}
.u-cover__xxl--5x1 > img, .u-cover__xxl--5x1 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-cover__xxl--16x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-cover__xxl--16x9 > img, .u-cover__xxl--16x9 a > img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 1399px) {
  .u-cover__xl--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--2x3 > img, .u-cover__xl--2x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--3x4 > img, .u-cover__xl--3x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--4x5 > img, .u-cover__xl--4x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--5x6 > img, .u-cover__xl--5x6 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--1x1 > img, .u-cover__xl--1x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--6x5 > img, .u-cover__xl--6x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--5x4 > img, .u-cover__xl--5x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--4x3 > img, .u-cover__xl--4x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--3x2 > img, .u-cover__xl--3x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--5x3 > img, .u-cover__xl--5x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--16x9 > img, .u-cover__xl--16x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--2x1 > img, .u-cover__xl--2x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--9x4 > img, .u-cover__xl--9x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--21x9 > img, .u-cover__xl--21x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--5x2 > img, .u-cover__xl--5x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--24x9 > img, .u-cover__xl--24x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--3x1 > img, .u-cover__xl--3x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--4x1 > img, .u-cover__xl--4x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xl--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--5x1 > img, .u-cover__xl--5x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .u-cover__lg--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--2x3 > img, .u-cover__lg--2x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--3x4 > img, .u-cover__lg--3x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--4x5 > img, .u-cover__lg--4x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--5x6 > img, .u-cover__lg--5x6 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--1x1 > img, .u-cover__lg--1x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--6x5 > img, .u-cover__lg--6x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--5x4 > img, .u-cover__lg--5x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--4x3 > img, .u-cover__lg--4x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--3x2 > img, .u-cover__lg--3x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--5x3 > img, .u-cover__lg--5x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--16x9 > img, .u-cover__lg--16x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--2x1 > img, .u-cover__lg--2x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--9x4 > img, .u-cover__lg--9x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--21x9 > img, .u-cover__lg--21x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--5x2 > img, .u-cover__lg--5x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--24x9 > img, .u-cover__lg--24x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--3x1 > img, .u-cover__lg--3x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--4x1 > img, .u-cover__lg--4x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__lg--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--5x1 > img, .u-cover__lg--5x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .u-cover__md--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-cover__md--2x3 > img, .u-cover__md--2x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__md--3x4 > img, .u-cover__md--3x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-cover__md--4x5 > img, .u-cover__md--4x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-cover__md--5x6 > img, .u-cover__md--5x6 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-cover__md--1x1 > img, .u-cover__md--1x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__md--6x5 > img, .u-cover__md--6x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-cover__md--5x4 > img, .u-cover__md--5x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-cover__md--4x3 > img, .u-cover__md--4x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-cover__md--3x2 > img, .u-cover__md--3x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-cover__md--5x3 > img, .u-cover__md--5x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-cover__md--16x9 > img, .u-cover__md--16x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-cover__md--2x1 > img, .u-cover__md--2x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-cover__md--9x4 > img, .u-cover__md--9x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-cover__md--21x9 > img, .u-cover__md--21x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-cover__md--5x2 > img, .u-cover__md--5x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-cover__md--24x9 > img, .u-cover__md--24x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__md--3x1 > img, .u-cover__md--3x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-cover__md--4x1 > img, .u-cover__md--4x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__md--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__md--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-cover__md--5x1 > img, .u-cover__md--5x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .u-cover__sm--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--2x3 > img, .u-cover__sm--2x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--3x4 > img, .u-cover__sm--3x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--4x5 > img, .u-cover__sm--4x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--5x6 > img, .u-cover__sm--5x6 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--1x1 > img, .u-cover__sm--1x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--6x5 > img, .u-cover__sm--6x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--5x4 > img, .u-cover__sm--5x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--4x3 > img, .u-cover__sm--4x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--3x2 > img, .u-cover__sm--3x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--5x3 > img, .u-cover__sm--5x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--16x9 > img, .u-cover__sm--16x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--2x1 > img, .u-cover__sm--2x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--9x4 > img, .u-cover__sm--9x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--21x9 > img, .u-cover__sm--21x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--5x2 > img, .u-cover__sm--5x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--24x9 > img, .u-cover__sm--24x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--3x1 > img, .u-cover__sm--3x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--4x1 > img, .u-cover__sm--4x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__sm--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__sm--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-cover__sm--5x1 > img, .u-cover__sm--5x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .u-cover__xs--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--2x3 > img, .u-cover__xs--2x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--3x4 > img, .u-cover__xs--3x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--4x5 > img, .u-cover__xs--4x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--5x6 > img, .u-cover__xs--5x6 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--1x1 > img, .u-cover__xs--1x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--6x5 > img, .u-cover__xs--6x5 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--5x4 > img, .u-cover__xs--5x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--4x3 > img, .u-cover__xs--4x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--3x2 > img, .u-cover__xs--3x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--5x3 > img, .u-cover__xs--5x3 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--16x9 > img, .u-cover__xs--16x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--2x1 > img, .u-cover__xs--2x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--9x4 > img, .u-cover__xs--9x4 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--21x9 > img, .u-cover__xs--21x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--5x2 > img, .u-cover__xs--5x2 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--24x9 > img, .u-cover__xs--24x9 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--3x1 > img, .u-cover__xs--3x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-cover__xs--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xs--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-cover__xs--4x1 > img, .u-cover__xs--4x1 a > img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.u-contain__xxl--2x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--2x3::before {
  display: block;
  padding-top: 150%;
  width: 100%;
  content: "";
}
.u-contain__xxl--2x3 > img, .u-contain__xxl--2x3 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--3x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--3x4::before {
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
  content: "";
}
.u-contain__xxl--3x4 > img, .u-contain__xxl--3x4 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--4x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--4x5::before {
  display: block;
  padding-top: 125%;
  width: 100%;
  content: "";
}
.u-contain__xxl--4x5 > img, .u-contain__xxl--4x5 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--5x6 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--5x6::before {
  display: block;
  padding-top: 120%;
  width: 100%;
  content: "";
}
.u-contain__xxl--5x6 > img, .u-contain__xxl--5x6 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--1x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--1x1::before {
  display: block;
  padding-top: 100%;
  width: 100%;
  content: "";
}
.u-contain__xxl--1x1 > img, .u-contain__xxl--1x1 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--6x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--6x5::before {
  display: block;
  padding-top: 83.3333333333%;
  width: 100%;
  content: "";
}
.u-contain__xxl--6x5 > img, .u-contain__xxl--6x5 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--5x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--5x4::before {
  display: block;
  padding-top: 80%;
  width: 100%;
  content: "";
}
.u-contain__xxl--5x4 > img, .u-contain__xxl--5x4 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--4x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--4x3::before {
  display: block;
  padding-top: 75%;
  width: 100%;
  content: "";
}
.u-contain__xxl--4x3 > img, .u-contain__xxl--4x3 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--3x2 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--3x2::before {
  display: block;
  padding-top: 66.6666666666%;
  width: 100%;
  content: "";
}
.u-contain__xxl--3x2 > img, .u-contain__xxl--3x2 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--5x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--5x3::before {
  display: block;
  padding-top: 60%;
  width: 100%;
  content: "";
}
.u-contain__xxl--5x3 > img, .u-contain__xxl--5x3 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--16x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-contain__xxl--16x9 > img, .u-contain__xxl--16x9 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--2x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--2x1::before {
  display: block;
  padding-top: 50%;
  width: 100%;
  content: "";
}
.u-contain__xxl--2x1 > img, .u-contain__xxl--2x1 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--9x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--9x4::before {
  display: block;
  padding-top: 44.4444444444%;
  width: 100%;
  content: "";
}
.u-contain__xxl--9x4 > img, .u-contain__xxl--9x4 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--21x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--21x9::before {
  display: block;
  padding-top: 42.857143%;
  width: 100%;
  content: "";
}
.u-contain__xxl--21x9 > img, .u-contain__xxl--21x9 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--5x2 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--5x2::before {
  display: block;
  padding-top: 40%;
  width: 100%;
  content: "";
}
.u-contain__xxl--5x2 > img, .u-contain__xxl--5x2 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--24x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--24x9::before {
  display: block;
  padding-top: 37.5%;
  width: 100%;
  content: "";
}
.u-contain__xxl--24x9 > img, .u-contain__xxl--24x9 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--3x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--3x1::before {
  display: block;
  padding-top: 33.3333333333%;
  width: 100%;
  content: "";
}
.u-contain__xxl--3x1 > img, .u-contain__xxl--3x1 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--4x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--4x1::before {
  display: block;
  padding-top: 25%;
  width: 100%;
  content: "";
}
.u-contain__xxl--4x1 > img, .u-contain__xxl--4x1 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--5x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--5x1::before {
  display: block;
  padding-top: 20%;
  width: 100%;
  content: "";
}
.u-contain__xxl--5x1 > img, .u-contain__xxl--5x1 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.u-contain__xxl--16x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-contain__xxl--16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-contain__xxl--16x9 > img, .u-contain__xxl--16x9 a > img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 1399px) {
  .u-contain__xl--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--2x3 > img, .u-contain__xl--2x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--3x4 > img, .u-contain__xl--3x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--4x5 > img, .u-contain__xl--4x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--5x6 > img, .u-contain__xl--5x6 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--1x1 > img, .u-contain__xl--1x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--6x5 > img, .u-contain__xl--6x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--5x4 > img, .u-contain__xl--5x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--4x3 > img, .u-contain__xl--4x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--3x2 > img, .u-contain__xl--3x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--5x3 > img, .u-contain__xl--5x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--16x9 > img, .u-contain__xl--16x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--2x1 > img, .u-contain__xl--2x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--9x4 > img, .u-contain__xl--9x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--21x9 > img, .u-contain__xl--21x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--5x2 > img, .u-contain__xl--5x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--24x9 > img, .u-contain__xl--24x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--3x1 > img, .u-contain__xl--3x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--4x1 > img, .u-contain__xl--4x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xl--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xl--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-contain__xl--5x1 > img, .u-contain__xl--5x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .u-contain__lg--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--2x3 > img, .u-contain__lg--2x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--3x4 > img, .u-contain__lg--3x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--4x5 > img, .u-contain__lg--4x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--5x6 > img, .u-contain__lg--5x6 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--1x1 > img, .u-contain__lg--1x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--6x5 > img, .u-contain__lg--6x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--5x4 > img, .u-contain__lg--5x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--4x3 > img, .u-contain__lg--4x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--3x2 > img, .u-contain__lg--3x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--5x3 > img, .u-contain__lg--5x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--16x9 > img, .u-contain__lg--16x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--2x1 > img, .u-contain__lg--2x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--9x4 > img, .u-contain__lg--9x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--21x9 > img, .u-contain__lg--21x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--5x2 > img, .u-contain__lg--5x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--24x9 > img, .u-contain__lg--24x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--3x1 > img, .u-contain__lg--3x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--4x1 > img, .u-contain__lg--4x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__lg--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__lg--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-contain__lg--5x1 > img, .u-contain__lg--5x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .u-contain__md--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-contain__md--2x3 > img, .u-contain__md--2x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__md--3x4 > img, .u-contain__md--3x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-contain__md--4x5 > img, .u-contain__md--4x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-contain__md--5x6 > img, .u-contain__md--5x6 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-contain__md--1x1 > img, .u-contain__md--1x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__md--6x5 > img, .u-contain__md--6x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-contain__md--5x4 > img, .u-contain__md--5x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-contain__md--4x3 > img, .u-contain__md--4x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-contain__md--3x2 > img, .u-contain__md--3x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-contain__md--5x3 > img, .u-contain__md--5x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-contain__md--16x9 > img, .u-contain__md--16x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-contain__md--2x1 > img, .u-contain__md--2x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-contain__md--9x4 > img, .u-contain__md--9x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-contain__md--21x9 > img, .u-contain__md--21x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-contain__md--5x2 > img, .u-contain__md--5x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-contain__md--24x9 > img, .u-contain__md--24x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__md--3x1 > img, .u-contain__md--3x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-contain__md--4x1 > img, .u-contain__md--4x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__md--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__md--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-contain__md--5x1 > img, .u-contain__md--5x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .u-contain__sm--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--2x3 > img, .u-contain__sm--2x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--3x4 > img, .u-contain__sm--3x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--4x5 > img, .u-contain__sm--4x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--5x6 > img, .u-contain__sm--5x6 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--1x1 > img, .u-contain__sm--1x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--6x5 > img, .u-contain__sm--6x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--5x4 > img, .u-contain__sm--5x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--4x3 > img, .u-contain__sm--4x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--3x2 > img, .u-contain__sm--3x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--5x3 > img, .u-contain__sm--5x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--16x9 > img, .u-contain__sm--16x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--2x1 > img, .u-contain__sm--2x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--9x4 > img, .u-contain__sm--9x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--21x9 > img, .u-contain__sm--21x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--5x2 > img, .u-contain__sm--5x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--24x9 > img, .u-contain__sm--24x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--3x1 > img, .u-contain__sm--3x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--4x1 > img, .u-contain__sm--4x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__sm--5x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__sm--5x1::before {
    display: block;
    padding-top: 20%;
    width: 100%;
    content: "";
  }
  .u-contain__sm--5x1 > img, .u-contain__sm--5x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .u-contain__xs--2x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--2x3::before {
    display: block;
    padding-top: 150%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--2x3 > img, .u-contain__xs--2x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--3x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--3x4::before {
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--3x4 > img, .u-contain__xs--3x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--4x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--4x5::before {
    display: block;
    padding-top: 125%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--4x5 > img, .u-contain__xs--4x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--5x6 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--5x6::before {
    display: block;
    padding-top: 120%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--5x6 > img, .u-contain__xs--5x6 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--1x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--1x1 > img, .u-contain__xs--1x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--6x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--6x5 > img, .u-contain__xs--6x5 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--5x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--5x4 > img, .u-contain__xs--5x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--4x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--4x3 > img, .u-contain__xs--4x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--3x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--3x2 > img, .u-contain__xs--3x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--5x3 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--5x3::before {
    display: block;
    padding-top: 60%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--5x3 > img, .u-contain__xs--5x3 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--16x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--16x9 > img, .u-contain__xs--16x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--2x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--2x1 > img, .u-contain__xs--2x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--9x4 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--9x4::before {
    display: block;
    padding-top: 44.4444444444%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--9x4 > img, .u-contain__xs--9x4 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--21x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--21x9 > img, .u-contain__xs--21x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--5x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--5x2::before {
    display: block;
    padding-top: 40%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--5x2 > img, .u-contain__xs--5x2 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--24x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--24x9::before {
    display: block;
    padding-top: 37.5%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--24x9 > img, .u-contain__xs--24x9 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--3x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--3x1 > img, .u-contain__xs--3x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .u-contain__xs--4x1 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-contain__xs--4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-contain__xs--4x1 > img, .u-contain__xs--4x1 a > img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.u-order__xs--first {
  order: -1 !important;
}

.u-order__xs--0 {
  order: 0 !important;
}

.u-order__xs--1 {
  order: 1 !important;
}

.u-order__xs--2 {
  order: 2 !important;
}

.u-order__xs--3 {
  order: 3 !important;
}

.u-order__xs--4 {
  order: 4 !important;
}

.u-order__xs--5 {
  order: 5 !important;
}

.u-order__xs--6 {
  order: 6 !important;
}

.u-order__xs--7 {
  order: 7 !important;
}

.u-order__xs--8 {
  order: 8 !important;
}

.u-order__xs--9 {
  order: 9 !important;
}

.u-order__xs--10 {
  order: 10 !important;
}

.u-order__xs--11 {
  order: 11 !important;
}

.u-order__xs--12 {
  order: 12 !important;
}

.u-order__xs--last {
  order: 13 !important;
}

@media screen and (min-width: 576px) {
  .u-order__sm--first {
    order: -1 !important;
  }
  .u-order__sm--0 {
    order: 0 !important;
  }
  .u-order__sm--1 {
    order: 1 !important;
  }
  .u-order__sm--2 {
    order: 2 !important;
  }
  .u-order__sm--3 {
    order: 3 !important;
  }
  .u-order__sm--4 {
    order: 4 !important;
  }
  .u-order__sm--5 {
    order: 5 !important;
  }
  .u-order__sm--6 {
    order: 6 !important;
  }
  .u-order__sm--7 {
    order: 7 !important;
  }
  .u-order__sm--8 {
    order: 8 !important;
  }
  .u-order__sm--9 {
    order: 9 !important;
  }
  .u-order__sm--10 {
    order: 10 !important;
  }
  .u-order__sm--11 {
    order: 11 !important;
  }
  .u-order__sm--12 {
    order: 12 !important;
  }
  .u-order__sm--last {
    order: 13 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-order__md--first {
    order: -1 !important;
  }
  .u-order__md--0 {
    order: 0 !important;
  }
  .u-order__md--1 {
    order: 1 !important;
  }
  .u-order__md--2 {
    order: 2 !important;
  }
  .u-order__md--3 {
    order: 3 !important;
  }
  .u-order__md--4 {
    order: 4 !important;
  }
  .u-order__md--5 {
    order: 5 !important;
  }
  .u-order__md--6 {
    order: 6 !important;
  }
  .u-order__md--7 {
    order: 7 !important;
  }
  .u-order__md--8 {
    order: 8 !important;
  }
  .u-order__md--9 {
    order: 9 !important;
  }
  .u-order__md--10 {
    order: 10 !important;
  }
  .u-order__md--11 {
    order: 11 !important;
  }
  .u-order__md--12 {
    order: 12 !important;
  }
  .u-order__md--last {
    order: 13 !important;
  }
}
@media screen and (min-width: 992px) {
  .u-order__lg--first {
    order: -1 !important;
  }
  .u-order__lg--0 {
    order: 0 !important;
  }
  .u-order__lg--1 {
    order: 1 !important;
  }
  .u-order__lg--2 {
    order: 2 !important;
  }
  .u-order__lg--3 {
    order: 3 !important;
  }
  .u-order__lg--4 {
    order: 4 !important;
  }
  .u-order__lg--5 {
    order: 5 !important;
  }
  .u-order__lg--6 {
    order: 6 !important;
  }
  .u-order__lg--7 {
    order: 7 !important;
  }
  .u-order__lg--8 {
    order: 8 !important;
  }
  .u-order__lg--9 {
    order: 9 !important;
  }
  .u-order__lg--10 {
    order: 10 !important;
  }
  .u-order__lg--11 {
    order: 11 !important;
  }
  .u-order__lg--12 {
    order: 12 !important;
  }
  .u-order__lg--last {
    order: 13 !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-order__xl--first {
    order: -1 !important;
  }
  .u-order__xl--0 {
    order: 0 !important;
  }
  .u-order__xl--1 {
    order: 1 !important;
  }
  .u-order__xl--2 {
    order: 2 !important;
  }
  .u-order__xl--3 {
    order: 3 !important;
  }
  .u-order__xl--4 {
    order: 4 !important;
  }
  .u-order__xl--5 {
    order: 5 !important;
  }
  .u-order__xl--6 {
    order: 6 !important;
  }
  .u-order__xl--7 {
    order: 7 !important;
  }
  .u-order__xl--8 {
    order: 8 !important;
  }
  .u-order__xl--9 {
    order: 9 !important;
  }
  .u-order__xl--10 {
    order: 10 !important;
  }
  .u-order__xl--11 {
    order: 11 !important;
  }
  .u-order__xl--12 {
    order: 12 !important;
  }
  .u-order__xl--last {
    order: 13 !important;
  }
}
@media screen and (min-width: 1400px) {
  .u-order__xxl--first {
    order: -1 !important;
  }
  .u-order__xxl--0 {
    order: 0 !important;
  }
  .u-order__xxl--1 {
    order: 1 !important;
  }
  .u-order__xxl--2 {
    order: 2 !important;
  }
  .u-order__xxl--3 {
    order: 3 !important;
  }
  .u-order__xxl--4 {
    order: 4 !important;
  }
  .u-order__xxl--5 {
    order: 5 !important;
  }
  .u-order__xxl--6 {
    order: 6 !important;
  }
  .u-order__xxl--7 {
    order: 7 !important;
  }
  .u-order__xxl--8 {
    order: 8 !important;
  }
  .u-order__xxl--9 {
    order: 9 !important;
  }
  .u-order__xxl--10 {
    order: 10 !important;
  }
  .u-order__xxl--11 {
    order: 11 !important;
  }
  .u-order__xxl--12 {
    order: 12 !important;
  }
  .u-order__xxl--last {
    order: 13 !important;
  }
}
.u-rounded--xs {
  border-radius: calc(0.125rem * var(--sm-rate));
}

.u-rounded--sm {
  border-radius: calc(0.25rem * var(--sm-rate));
}

.u-rounded--md {
  border-radius: calc(0.5rem * var(--sm-rate));
}

.u-rounded--lg {
  border-radius: calc(0.75rem * var(--sm-rate));
}

.u-rounded--xl {
  border-radius: calc(1rem * var(--sm-rate));
}

.u-rounded--xxl {
  border-radius: calc(2rem * var(--sm-rate));
}

.u-rounded--xxxl {
  border-radius: calc(3rem * var(--sm-rate));
}

.u-rounded--xxxxl {
  border-radius: calc(4rem * var(--xl-rate));
}

.u-rounded--all {
  border-radius: 100rem;
}

.u-space__devider--none:not(:first-child) {
  margin-top: 0;
}

.u-space__devider--hl:not(:first-child) {
  margin-top: 0.125rem;
}

.u-space__devider--xxs {
  scroll-margin-top: calc(var(--header-height) + var(--clearance-padding) / 6 * 1);
}
.u-space__devider--xxs:not(:first-of-type) {
  margin-top: calc(var(--clearance-padding) / 6 * 1);
}

.u-space__devider--xs {
  scroll-margin-top: calc(var(--header-height) + var(--clearance-padding) / 6 * 2);
}
.u-space__devider--xs:not(:first-of-type) {
  margin-top: calc(var(--clearance-padding) / 6 * 2);
}

.u-space__devider--sm {
  scroll-margin-top: calc(var(--header-height) + var(--clearance-padding) / 6 * 3);
}
.u-space__devider--sm:not(:first-of-type) {
  margin-top: calc(var(--clearance-padding) / 6 * 3);
}

.u-space__devider--md {
  scroll-margin-top: calc(var(--header-height) + var(--clearance-padding) / 6 * 4);
}
.u-space__devider--md:not(:first-of-type) {
  margin-top: calc(var(--clearance-padding) / 6 * 4);
}

.u-space__devider--lg {
  scroll-margin-top: calc(var(--header-height) + var(--clearance-padding) / 6 * 5);
}
.u-space__devider--lg:not(:first-of-type) {
  margin-top: calc(var(--clearance-padding) / 6 * 5);
}

.u-paragraph__devider--xxs {
  scroll-margin-top: calc(var(--header-height) + 0.5em);
}
.u-paragraph__devider--xxs:not(:first-of-type) {
  margin-top: 0.5em;
}

.u-paragraph__devider--xs {
  scroll-margin-top: calc(var(--header-height) + 0.75em);
}
.u-paragraph__devider--xs:not(:first-of-type) {
  margin-top: 0.75em;
}

.u-paragraph__devider--sm {
  scroll-margin-top: calc(var(--header-height) + 1em);
}
.u-paragraph__devider--sm:not(:first-of-type) {
  margin-top: 1em;
}

.u-paragraph__devider--md {
  scroll-margin-top: calc(var(--header-height) + 1.5em);
}
.u-paragraph__devider--md:not(:first-of-type) {
  margin-top: 1.5em;
}

.u-paragraph__devider--lg {
  scroll-margin-top: calc(var(--header-height) + 2em);
}
.u-paragraph__devider--lg:not(:first-of-type) {
  margin-top: 2em;
}

.u-step__down0 {
  margin-top: calc(var(--step-height) * var(--responsive-rate) * -1);
}
@media only screen and (max-width: 575px) {
  .u-step__down0 {
    margin-top: 0;
  }
}

.u-step__down1 {
  margin-top: 0;
}

.u-step__down2 {
  margin-top: calc(var(--step-height) * var(--responsive-rate) * 1);
}
@media only screen and (max-width: 575px) {
  .u-step__down2 {
    margin-top: 0;
  }
}

.u-step__up0 {
  margin-top: calc(var(--step-height) * var(--responsive-rate) * 1);
}
@media only screen and (max-width: 575px) {
  .u-step__up0 {
    margin-top: 0;
  }
}

.u-step__up1 {
  margin-top: 0;
}

.u-step__up2 {
  margin-top: calc(var(--step-height) * var(--responsive-rate) * -1);
}
@media only screen and (max-width: 575px) {
  .u-step__up2 {
    margin-top: 0;
  }
}

@media print {
  @page {
    margin: 0 5mm;
    size: A4 portrait;
  } /*chormeのページ数バグ回避*/
  html {
    font-size: 3mm;
  }
  body {
    width: 210mm;
    height: 297mm;
    -webkit-print-color-adjust: exact;
    background-color: transparent;
  }
  header, main, footer {
    width: 100%;
  }
  .l-header {
    position: absolute;
  }
  .l-section, .l-footer__contact, .l-footer__information, .l-footer__sitemap, .l-footer__copyright {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .l-container__width--large, .l-container__width--medium, .l-container__width--small, .l-container__width--xsmall {
    box-sizing: border-box;
    max-width: 100%;
    --padding-x: 10mm;
  }
  .js-pagetop {
    position: absolute;
  }
  .u-print__break--before {
    page-break-before: always;
  }
  .u-none {
    display: none !important;
  }
  .u-inline {
    display: inline !important;
  }
  .u-inline-block {
    display: inline-block !important;
  }
  .u-block {
    display: block !important;
  }
  .u-table {
    display: table !important;
  }
  .u-table-row {
    display: table-row !important;
  }
  .u-table-cell {
    display: table-cell !important;
  }
  .u-flex {
    display: flex !important;
  }
  .u-inline-flex {
    display: inline-flex !important;
  }
  .u-none--sm {
    display: none !important;
  }
  .u-inline--sm {
    display: inline !important;
  }
  .u-inline-block--sm {
    display: inline-block !important;
  }
  .u-block--sm {
    display: block !important;
  }
  .u-table--sm {
    display: table !important;
  }
  .u-table-row--sm {
    display: table-row !important;
  }
  .u-table-cell--sm {
    display: table-cell !important;
  }
  .u-flex--sm {
    display: flex !important;
  }
  .u-inline-flex--sm {
    display: inline-flex !important;
  }
  .u-none--md {
    display: none !important;
  }
  .u-inline--md {
    display: inline !important;
  }
  .u-inline-block--md {
    display: inline-block !important;
  }
  .u-block--md {
    display: block !important;
  }
  .u-table--md {
    display: table !important;
  }
  .u-table-row--md {
    display: table-row !important;
  }
  .u-table-cell--md {
    display: table-cell !important;
  }
  .u-flex--md {
    display: flex !important;
  }
  .u-inline-flex--md {
    display: inline-flex !important;
  }
  .u-none--lg {
    display: none !important;
  }
  .u-inline--lg {
    display: inline !important;
  }
  .u-inline-block--lg {
    display: inline-block !important;
  }
  .u-block--lg {
    display: block !important;
  }
  .u-table--lg {
    display: table !important;
  }
  .u-table-row--lg {
    display: table-row !important;
  }
  .u-table-cell--lg {
    display: table-cell !important;
  }
  .u-flex--lg {
    display: flex !important;
  }
  .u-inline-flex--lg {
    display: inline-flex !important;
  }
  .u-none--xl {
    display: none !important;
  }
  .u-inline--xl {
    display: inline !important;
  }
  .u-inline-block--xl {
    display: inline-block !important;
  }
  .u-block--xl {
    display: block !important;
  }
  .u-table--xl {
    display: table !important;
  }
  .u-table-row--xl {
    display: table-row !important;
  }
  .u-table-cell--xl {
    display: table-cell !important;
  }
  .u-flex--xl {
    display: flex !important;
  }
  .u-inline-flex--xl {
    display: inline-flex !important;
  }
  .u-none--xxl {
    display: none !important;
  }
  .u-inline--xxl {
    display: inline !important;
  }
  .u-inline-block--xxl {
    display: inline-block !important;
  }
  .u-block--xxl {
    display: block !important;
  }
  .u-table--xxl {
    display: table !important;
  }
  .u-table-row--xxl {
    display: table-row !important;
  }
  .u-table-cell--xxl {
    display: table-cell !important;
  }
  .u-flex--xxl {
    display: flex !important;
  }
  .u-inline-flex--xxl {
    display: inline-flex !important;
  }
  .u-none--print {
    display: none !important;
  }
  .u-inline--print {
    display: inline !important;
  }
  .u-inline-block--print {
    display: inline-block !important;
  }
  .u-block--print {
    display: block !important;
  }
  .u-table--print {
    display: table !important;
  }
  .u-table-row--print {
    display: table-row !important;
  }
  .u-table-cell--print {
    display: table-cell !important;
  }
  .u-flex--print {
    display: flex !important;
  }
  .u-inline-flex--xxl {
    display: inline-flex !important;
  }
  .u-align__print--start {
    align-items: start;
  }
  .u-align__print--center {
    align-items: center;
  }
  .u-align__print--end {
    align-items: end;
  }
  .u-align__print--stretch {
    align-items: stretch;
  }
  .u-justify__print--start {
    justify-content: start;
  }
  .u-justify__print--center {
    justify-content: center;
  }
  .u-justify__print--end {
    justify-content: end;
  }
  .u-justify__print--stretch {
    justify-content: stretch;
  }
  .u-justify__print--between {
    justify-content: space-between;
  }
  .u-justify__print--around {
    justify-content: space-around;
  }
  .u-justify__print--evenly {
    justify-content: space-evenly;
  }
  .c-span__xs {
    flex-basis: 0;
    flex-grow: 1;
  }
  .c-span__xs--1 {
    flex: 0 0 8.333333%;
  }
  .c-span__xs--2 {
    flex: 0 0 16.666667%;
  }
  .c-span__xs--3 {
    flex: 0 0 25%;
  }
  .c-span__xs--4 {
    flex: 0 0 33.333333%;
  }
  .c-span__xs--5 {
    flex: 0 0 41.666667%;
  }
  .c-span__xs--6 {
    flex: 0 0 50%;
  }
  .c-span__xs--7 {
    flex: 0 0 58.333333%;
  }
  .c-span__xs--8 {
    flex: 0 0 66.666667%;
  }
  .c-span__xs--9 {
    flex: 0 0 75%;
  }
  .c-span__xs--10 {
    flex: 0 0 83.333333%;
  }
  .c-span__xs--11 {
    flex: 0 0 91.666667%;
  }
  .c-span__xs--12 {
    flex: 0 0 100%;
  }
  .c-span__sm {
    flex-basis: 0;
    flex-grow: 1;
  }
  .c-span__sm--1 {
    flex: 0 0 8.333333%;
  }
  .c-span__sm-2 {
    flex: 0 0 16.666667%;
  }
  .c-span__sm--3 {
    flex: 0 0 25%;
  }
  .c-span__sm--4 {
    flex: 0 0 33.333333%;
  }
  .c-span__sm--5 {
    flex: 0 0 41.666667%;
  }
  .c-span__sm--6 {
    flex: 0 0 50%;
  }
  .c-span__sm--7 {
    flex: 0 0 58.333333%;
  }
  .c-span__sm--8 {
    flex: 0 0 66.666667%;
  }
  .c-span__sm--9 {
    flex: 0 0 75%;
  }
  .c-span__sm--10 {
    flex: 0 0 83.333333%;
  }
  .c-span__sm--11 {
    flex: 0 0 91.666667%;
  }
  .c-span__sm--12 {
    flex: 0 0 100%;
  }
  .c-span__md {
    flex-basis: 0;
    flex-grow: 1;
  }
  .c-span__md--1 {
    flex: 0 0 8.333333%;
  }
  .c-span__md-2 {
    flex: 0 0 16.666667%;
  }
  .c-span__md--3 {
    flex: 0 0 25%;
  }
  .c-span__md--4 {
    flex: 0 0 33.333333%;
  }
  .c-span__md--5 {
    flex: 0 0 41.666667%;
  }
  .c-span__md--6 {
    flex: 0 0 50%;
  }
  .c-span__md--7 {
    flex: 0 0 58.333333%;
  }
  .c-span__md--8 {
    flex: 0 0 66.666667%;
  }
  .c-span__md--9 {
    flex: 0 0 75%;
  }
  .c-span__md--10 {
    flex: 0 0 83.333333%;
  }
  .c-span__md--11 {
    flex: 0 0 91.666667%;
  }
  .c-span__md--12 {
    flex: 0 0 100%;
  }
  .c-span__lg {
    flex-basis: 0;
    flex-grow: 1;
  }
  .c-span__lg--1 {
    flex: 0 0 8.333333%;
  }
  .c-span__lg--2 {
    flex: 0 0 16.666667%;
  }
  .c-span__lg--3 {
    flex: 0 0 25%;
  }
  .c-span__lg--4 {
    flex: 0 0 33.333333%;
  }
  .c-span__lg--5 {
    flex: 0 0 41.666667%;
  }
  .c-span__lg--6 {
    flex: 0 0 50%;
  }
  .c-span__lg--7 {
    flex: 0 0 58.333333%;
  }
  .c-span__lg--8 {
    flex: 0 0 66.666667%;
  }
  .c-span__lg--9 {
    flex: 0 0 75%;
  }
  .c-span__lg--10 {
    flex: 0 0 83.333333%;
  }
  .c-span__lg--11 {
    flex: 0 0 91.666667%;
  }
  .c-span__lg--12 {
    flex: 0 0 100%;
  }
  .c-span__xl {
    flex-basis: 0;
    flex-grow: 1;
  }
  .c-span__xl--1 {
    flex: 0 0 8.333333%;
  }
  .c-span__xl--2 {
    flex: 0 0 16.666667%;
  }
  .c-span__xl--3 {
    flex: 0 0 25%;
  }
  .c-span__xl--4 {
    flex: 0 0 33.333333%;
  }
  .c-span__xl--5 {
    flex: 0 0 41.666667%;
  }
  .c-span__xl--6 {
    flex: 0 0 50%;
  }
  .c-span__xl--7 {
    flex: 0 0 58.333333%;
  }
  .c-span__xl--8 {
    flex: 0 0 66.666667%;
  }
  .c-span__xl--9 {
    flex: 0 0 75%;
  }
  .c-span__xl--10 {
    flex: 0 0 83.333333%;
  }
  .c-span__xl--11 {
    flex: 0 0 91.666667%;
  }
  .c-span__xl--12 {
    flex: 0 0 100%;
  }
  .c-span__xxl {
    flex-basis: 0;
    flex-grow: 1;
  }
  .c-span__xxl--1 {
    flex: 0 0 8.333333%;
  }
  .c-span__xxl--2 {
    flex: 0 0 16.666667%;
  }
  .c-span__xxl--3 {
    flex: 0 0 25%;
  }
  .c-span__xxl--4 {
    flex: 0 0 33.333333%;
  }
  .c-span__xxl--5 {
    flex: 0 0 41.666667%;
  }
  .c-span__xxl--6 {
    flex: 0 0 50%;
  }
  .c-span__xxl--7 {
    flex: 0 0 58.333333%;
  }
  .c-span__xxl--8 {
    flex: 0 0 66.666667%;
  }
  .c-span__xxl--9 {
    flex: 0 0 75%;
  }
  .c-span__xxl--10 {
    flex: 0 0 83.333333%;
  }
  .c-span__xxl--11 {
    flex: 0 0 91.666667%;
  }
  .c-span__xxl--12 {
    flex: 0 0 100%;
  }
  .u-order__xs--first {
    order: -1;
  }
  .u-order__xs--last {
    order: 13;
  }
  .u-order__xs--0 {
    order: 0;
  }
  .u-order__xs--1 {
    order: 1;
  }
  .u-order__xs--2 {
    order: 2;
  }
  .u-order__xs--3 {
    order: 3;
  }
  .u-order__xs--4 {
    order: 4;
  }
  .u-order__xs--5 {
    order: 5;
  }
  .u-order__xs--6 {
    order: 6;
  }
  .u-order__xs--7 {
    order: 7;
  }
  .u-order__xs--8 {
    order: 8;
  }
  .u-order__xs--9 {
    order: 9;
  }
  .u-order__xs--10 {
    order: 10;
  }
  .u-order__xs--11 {
    order: 11;
  }
  .u-order__xs--12 {
    order: 12;
  }
  .u-order__sm--first {
    order: -1;
  }
  .u-order__sm--last {
    order: 13;
  }
  .u-order__sm--0 {
    order: 0;
  }
  .u-order__sm--1 {
    order: 1;
  }
  .u-order__sm--2 {
    order: 2;
  }
  .u-order__sm--3 {
    order: 3;
  }
  .u-order__sm--4 {
    order: 4;
  }
  .u-order__sm--5 {
    order: 5;
  }
  .u-order__sm--6 {
    order: 6;
  }
  .u-order__sm--7 {
    order: 7;
  }
  .u-order__sm--8 {
    order: 8;
  }
  .u-order__sm--9 {
    order: 9;
  }
  .u-order__sm--10 {
    order: 10;
  }
  .u-order__sm--11 {
    order: 11;
  }
  .u-order__sm--12 {
    order: 12;
  }
  .u-order__md--first {
    order: -1;
  }
  .u-order__md--last {
    order: 13;
  }
  .u-order__md--0 {
    order: 0;
  }
  .u-order__md--1 {
    order: 1;
  }
  .u-order__md--2 {
    order: 2;
  }
  .u-order__md--3 {
    order: 3;
  }
  .u-order__md--4 {
    order: 4;
  }
  .u-order__md--5 {
    order: 5;
  }
  .u-order__md--6 {
    order: 6;
  }
  .u-order__md--7 {
    order: 7;
  }
  .u-order__md--8 {
    order: 8;
  }
  .u-order__md--9 {
    order: 9;
  }
  .u-order__md--10 {
    order: 10;
  }
  .u-order__md--11 {
    order: 11;
  }
  .u-order__md--12 {
    order: 12;
  }
  .u-order__lg--first {
    order: -1;
  }
  .u-order__lg--last {
    order: 13;
  }
  .u-order__lg--0 {
    order: 0;
  }
  .u-order__lg--1 {
    order: 1;
  }
  .u-order__lg--2 {
    order: 2;
  }
  .u-order__lg--3 {
    order: 3;
  }
  .u-order__lg--4 {
    order: 4;
  }
  .u-order__lg--5 {
    order: 5;
  }
  .u-order__lg--6 {
    order: 6;
  }
  .u-order__lg--7 {
    order: 7;
  }
  .u-order__lg--8 {
    order: 8;
  }
  .u-order__lg--9 {
    order: 9;
  }
  .u-order__lg--10 {
    order: 10;
  }
  .u-order__lg--11 {
    order: 11;
  }
  .u-order__lg--12 {
    order: 12;
  }
  .u-order__xl--first {
    order: -1;
  }
  .u-order__xl--last {
    order: 13;
  }
  .u-order__xl--0 {
    order: 0;
  }
  .u-order__xl--1 {
    order: 1;
  }
  .u-order__xl--2 {
    order: 2;
  }
  .u-order__xl--3 {
    order: 3;
  }
  .u-order__xl--4 {
    order: 4;
  }
  .u-order__xl--5 {
    order: 5;
  }
  .u-order__xl--6 {
    order: 6;
  }
  .u-order__xl--7 {
    order: 7;
  }
  .u-order__xl--8 {
    order: 8;
  }
  .u-order__xl--9 {
    order: 9;
  }
  .u-order__xl--10 {
    order: 10;
  }
  .u-order__xl--11 {
    order: 11;
  }
  .u-order__xl--12 {
    order: 12;
  }
  .u-order__xxl--first {
    order: -1;
  }
  .u-order__xxl--last {
    order: 13;
  }
  .u-order__xxl--0 {
    order: 0;
  }
  .u-order__xxl--1 {
    order: 1;
  }
  .u-order__xxl--2 {
    order: 2;
  }
  .u-order__xxl--3 {
    order: 3;
  }
  .u-order__xxl--4 {
    order: 4;
  }
  .u-order__xxl--5 {
    order: 5;
  }
  .u-order__xxl--6 {
    order: 6;
  }
  .u-order__xxl--7 {
    order: 7;
  }
  .u-order__xxl--8 {
    order: 8;
  }
  .u-order__xxl--9 {
    order: 9;
  }
  .u-order__xxl--10 {
    order: 10;
  }
  .u-order__xxl--11 {
    order: 11;
  }
  .u-order__xxl--12 {
    order: 12;
  }
  .u-order__print--first {
    order: -1 !important;
  }
  .u-order__print--last {
    order: 13 !important;
  }
  .u-order__print--0 {
    order: 0 !important;
  }
  .u-order__print--1 {
    order: 1 !important;
  }
  .u-order__print--2 {
    order: 2 !important;
  }
  .u-order__print--3 {
    order: 3 !important;
  }
  .u-order__print--4 {
    order: 4 !important;
  }
  .u-order__print--5 {
    order: 5 !important;
  }
  .u-order__print--6 {
    order: 6 !important;
  }
  .u-order__print--7 {
    order: 7 !important;
  }
  .u-order__print--8 {
    order: 8 !important;
  }
  .u-order__print--9 {
    order: 9 !important;
  }
  .u-order__print--10 {
    order: 10 !important;
  }
  .u-order__print--11 {
    order: 11 !important;
  }
  .u-order__print--12 {
    order: 12 !important;
  }
  [data-sa] {
    opacity: 1 !important;
    transform: none !important;
    x: 0 !important;
    y: 0 !important;
    scale: 1 !important;
    rotationY: 0 !important;
    rotationX: 0 !important;
  }
}/*# sourceMappingURL=style.css.map */