@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Roboto:wght@400;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/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0");
@font-face {
  font-family: "Yuji Syuku";
  src: url("https://fonts.gstatic.com/s/yujisyuku/v6/BngNUXdTV3vO6Lw5ApOPqPKI0qqRi3nyGpaNN6LpDCEAHKXKocaj.0.woff2") format("woff2");
  font-weight: 400;
  ascent-override: 110%;
  descent-override: 90%;
}
:root {
  --font-family-sans: "Roboto","Noto Sans JP",sans-serif;
  --font-blush: "Yuji Syuku",serif;
  --font-roboto: "Roboto", sans-serif;
  --font-oswald: "Oswald", sans-serif;
}

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

:root {
  --rgb-blue: rgb(27 135 217);
  --rgb-teal: rgb(50 179 164);
  --grad-start: rgb(61 139 209);
  --grad-end: rgb(42 193 179);
  --grad-start-blue: linear-gradient(to right, var(--grad-start), var(--grad-end));
  --grad-start-teal: linear-gradient(to right, var(--grad-end), var(--grad-start));
  --rgb-hero-copy: rgb(10 92 184);
  --rgb-footer-information: rgb(90 136 178);
  --mof-red-900: rgb(135, 29, 29);
  --rgb-red-900: var(--mof-red-900);
  --marker-blue: var(--rgb-waterblue);
  --marker-blue: rgb(0 174 178 / .25);
  --marker-yellow:rgb(255 216 25 / .5);
  --rgb-white: rgb(255 255 255);
  --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(153 153 153);
  --rgb-darkgray:rgb(48 49 50);
  --rgb-deepgray:rgb(22 22 22);
  --rgb-black: rgb(0 0 0);
  --rgb-background-line: rgb(240 240 240);
  --rgb-background-gray: rgb(220 220 220);
}

:root {
  --rgb-background: var(--rgb-white);
  --rgb-wrapper-background: var(--rgb-white);
  --rgb-text: var(--rgb-black);
  --rgb-selection: var(--rgb-teal, var(--rgb-text));
  --rgb-accent: var(--rgb-blue);
  --rgb-link:var(--rgb-red);
  --rgb-slide: var(--rgb-green);
  --section-background-reverse-image:none;
  --section-background-reverse-color:var(--rgb-amber);
  --rgb-contact:var(--rgb-text);
  --rgb-footer: var(--rgb-footer-information);
  --rgb-sitemap:var(--rgb-white);
  --rgb-copyright:var(--rgb-deepgray);
  --rgb-heading-light-gradation:none;
  --rgb-heading-light-color:var(--rgb-watergray);
  --rgb-heading-middle-gradation:none;
  --rgb-heading-middle-color:var(--rgb-wrapper-background);
  --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:var(--rgb-red-900);
  --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(220 220 220);
  --rgb-formgray: rgb(220 220 220);
  --rgb-flow: var(--rgb-blue);
  --rgb-flowno: var(--rgb-lightblue);
  --rgb-flow-icon: var(--rgb-blue);
  --rgb-list-marker: var(--rgb-amber);
  --rgb-faq: var(--rgb-blue);
  --rgb-faq-summary: var(--rgb-white);
  --rgb-category-heading-gradient:none;
  --rgb-category-heading-background:var(--rgb-green);
  --rgb-category-heading-color: var(--rgb-white);
  --rgb-category-navigation-link: var(--rgb-green);
  --rgb-category-navigation-hover: var(--rgb-green);
  --rgb-category-navigation-active: var(--rgb-blue-500);
  --rgb-side-link: var(--rgb-white);
  --rgb-side-hover: var(--rgb-lightgray);
  --rgb-side-active: var(--rgb-amber);
  --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-paging-current-text: var(--rgb-white);
  --rgb-form: var(--rgb-blue, var(--rgb-middlegray));
  --rgb-required: var(--rgb-caution);
  --rgb-optional: var(--rgb-black);
  --rgb-faqtag: var(--rgb-amber);
  --rgb-morning: var(--rgb-lightamber);
  --rgb-noon: var(--rgb-amber);
  --rgb-check: var(--rgb-blue);
  --rgb-td-heading: rgba(0 0 0 / .05);
}

:root {
  --padding-x: 2rem;
  --container-width: calc(80rem + var(--padding-x) * 2);
  --gap-rate: 1;
  --gap-xxl: 4rem;
  --gap-xl: 3rem;
  --gap-lg: 2rem;
  --gap-md: 1.5rem;
  --gap-sm: 1rem;
  --gap-xs: 0.5rem;
  --gap-xxs: 0.25rem;
  --gap-hairline: 0.0625rem;
  --gap-none: 0;
  --box-rate: var(--rs-rate);
  --container-half: calc(var(--container-width) * .5);
  --nav-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: calc(70rem + var(--padding-x) * 2);
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --container-width: calc(57rem + var(--padding-x) * 2);
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --container-width: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  :root {
    --gap-rate: .9;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --gap-rate: .8;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --gap-rate: .7;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --gap-rate: .6;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --nav-rate: .75;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --nav-rate: .675;
  }
}

:root {
  --rs-rate: 1;
  --xl-rate: 1;
  --lg-rate: 1;
  --md-rate: 1;
  --sm-rate: 1;
  --xs-rate: 1;
}

@media only screen and (max-width: 1399px) {
  :root {
    --rs-rate: 0.85;
  }
  :root {
    --xl-rate: 0.875;
  }
  :root {
    --lg-rate: 0.9;
  }
  :root {
    --md-rate: 0.925;
  }
  :root {
    --sm-rate: 0.95;
  }
  :root {
    --xs-rate: 0.975;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --rs-rate: 0.7;
  }
  :root {
    --xl-rate: 0.75;
  }
  :root {
    --lg-rate: 0.8;
  }
  :root {
    --md-rate: 0.85;
  }
  :root {
    --sm-rate: 0.9;
  }
  :root {
    --xs-rate: 0.95;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --rs-rate: 0.55;
  }
  :root {
    --xl-rate: 0.625;
  }
  :root {
    --lg-rate: 0.7;
  }
  :root {
    --md-rate: 0.775;
  }
  :root {
    --sm-rate: 0.85;
  }
  :root {
    --xs-rate: 0.925;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --rs-rate: 0.4;
  }
  :root {
    --xl-rate: 0.5;
  }
  :root {
    --lg-rate: 0.6;
  }
  :root {
    --md-rate: 0.7;
  }
  :root {
    --sm-rate: 0.8;
  }
  :root {
    --xs-rate: 0.9;
  }
}
:root {
  --heading-margin: .9;
  --section-padding:4rem;
  --clearance-padding:calc(var(--section-padding) * var(--rs-rate));
  --block-padding:calc(var(--section-padding) * var(--rs-rate) * .75);
  --section-margin:6rem;
  --divider-margin:calc(var(--section-padding) * var(--rs-rate));
  --header-height: 4rem;
  --header-height-scroll: 4rem;
  --width-scrollbar:calc(100% - 100vw);
  --leftline-border-width: .1875rem;
  --underline-border-width: .125rem;
  --nav-border-active: .125rem;
  --contact-th-width: 15em;
  --border-width: .0625rem;
  --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);
  --category-heading-font-size: 1em;
  --aside-link-font-size: .9em;
  --aside-link-padding-x: 1em;
  --aside-link-padding-y: 1em;
  --category-navigation-item-line: var(--rgb-linegray);
  --flowno-font-size: 5em;
  --flowno-font-weight: 400;
  --flowno-font-family: var(--font-oswald);
}
@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: 1.375em;
  --button-line-height: 1.25;
  --button-font-family: inherit;
  --button-font-weight: 400;
  --button-padding-x: 1.25em;
  --button-padding-y: .75em;
  --button-text-transform: uppercase;
  --button-border-width: .0625rem;
  --button-border-color: var(--rgb-green);
  --flat-gradient: none;
  --flat-gradient-hover: none;
  --flat-background: var(--rgb-teal);
  --flat-background-hover: var(--rgb-blue);
  --flat-color:var(--rgb-white);
  --flat-color-hover:var(--rgb-white);
  --flat-icon-color: inherit;
  --negative-gradient: none;
  --negative-gradient-hover: none;
  --negative-background:var(--rgb-whitegray);
  --negative-background-hover:var(--rgb-watergray);
  --negative-color:var(--rgb-negativegray);
  --negative-color-hover:var(--rgb-negativegray);
  --negative-border-color:var(--rgb-negativegray);
  --file-gradient: none;
  --file-gradient-hover: none;
  --file-background:var(--rgb-white);
  --file-background-hover:var(--rgb-watergray);
  --file-color:var(--rgb-text);
  --file-color-hover:var(--rgb-text);
  --file-border-color:var(--rgb-negativegray);
  --solid-gradient: none;
  --solid-gradient-hover: none;
  --solid-background:var(--rgb-white);
  --solid-background-hover:var(--rgb-green);
  --solid-color:var(--rgb-green);
  --solid-color-hover:var(--rgb-white);
  --solid-border-color:var(--rgb-green);
  --outline-gradient: none;
  --outline-gradient-hover: none;
  --outline-background:transparent;
  --outline-background-hover:var(--rgb-green);
  --outline-color:var(--rgb-green);
  --outline-color-hover:var(--rgb-white);
  --outline-border-hover:var(--rgb-green);
  --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-text);
  --white-gradient: none;
  --white-gradient-hover: none;
  --white-background:var(--rgb-white);
  --white-background-hover:var(--rgb-lightgray);
  --white-color:var(--rgb-green);
  --white-color-hover:var(--rgb-green);
  --blend-gradient: var(--grad-start-blue);
  --blend-background: transparent;
  --blend-color:var(--rgb-white);
  --blend-color-hover:var(--rgb-white);
  --negative: var(--rgb-negativegray);
}

.p-button__arrow {
  font-size: 1.25em;
  line-height: 1.5;
  position: relative;
  text-decoration: none;
  border: none;
  padding-right: 6em;
  mix-blend-mode: multiply;
  width: -moz-max-content;
  width: max-content;
  display: block flex;
  justify-content: flex-start;
  align-items: center;
}
.p-button__arrow span {
  display: block flow;
  text-transform: uppercase;
  font-weight: 700;
}
.p-button__arrow[data-hover=slide] span {
  color: var(--rgb-black);
  transition: color 150ms;
}
.p-button__arrow[data-hover=slide]::before, .p-button__arrow[data-hover=slide]::after {
  position: absolute;
  content: "";
}
.p-button__arrow[data-hover=slide]::before {
  color: var(--rgb-slide);
  border: 1px solid var(--rgb-slide);
  border-radius: 2.5em;
  font-size: 1.25em;
  line-height: 1;
  width: 2.5em;
  height: 2.5em;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  display: block flex;
  justify-content: flex-end;
  align-items: center;
  right: 0;
  z-index: -1;
  transition: background-color 300ms;
  z-index: 1;
}
.p-button__arrow[data-hover=slide]::after {
  background-image: linear-gradient(to right, var(--rgb-slide) 0%, var(--rgb-slide) 70%, var(--rgb-white) 70%, var(--rgb-white) 100%);
  background-position: 0 0;
  background-size: 200% 100%;
  width: 4em;
  height: 0.5em;
  right: 1.25em;
  display: block;
  -webkit-clip-path: polygon(0 45%, 85% 45%, 85% 0, 100% 50%, 85% 100%, 85% 55%, 0 55%);
          clip-path: polygon(0 45%, 85% 45%, 85% 0, 100% 50%, 85% 100%, 85% 55%, 0 55%);
  transition: right 75ms, background-position 75ms;
  z-index: 2;
}
.p-button__arrow[data-hover=slide]:hover::before {
  background-color: var(--rgb-slide);
  transition: background-color 600ms;
}
.p-button__arrow[data-hover=slide]:hover::after {
  background-position: 100% 0;
  right: 0.75em;
  transition: right 100ms, background-position 100ms;
}

.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;
}
.p-button__custom[data-hover=slide] {
  padding: 0 1.5em 0 3.5em;
  transition: padding-inline 150ms;
}
.p-button__custom[data-hover=slide] span {
  color: var(--rgb-black);
  transition: color 150ms;
}
.p-button__custom[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;
}
.p-button__custom[data-hover=slide]:hover {
  padding: 0 3.5em 0 1.5em;
  transition: padding-inline 300ms;
}
.p-button__custom[data-hover=slide]:hover span {
  color: var(--rgb-white);
  transition: color 300ms;
}
.p-button__custom[data-hover=slide]:hover::before {
  background-color: var(--rgb-black);
  width: 100%;
  transition: background-color 300ms, width 300ms;
}

.c-button__dropshadow {
  --button-font-size: 1.125em;
  --button-padding-y: .875em;
  --flat-gradient: var(--grad-start-blue);
  --flat-gradient-hover: var(--grad-start-teal);
  --flat-background: transparent;
  --flat-background-hover: transparent;
  --flat-color:var(--rgb-white);
  --flat-color-hover:var(--rgb-white);
  --flat-icon-color: inherit;
  max-width: 17.375rem;
  padding-right: 0.125rem;
  padding-bottom: 0.125rem;
  position: relative;
}
.c-button__dropshadow::before, .c-button__dropshadow::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
}
.c-button__dropshadow::before {
  background-color: var(--rgb-teal);
  width: max(0.0625rem, 1px);
  height: 3rem;
}
.c-button__dropshadow::after {
  background-image: var(--grad-start-blue);
  width: 16.5rem;
  height: max(0.0625rem, 1px);
}

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

:where(:root, body) {
  overflow-x: clip;
}

: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%;
  scrollbar-gutter: stable;
  interpolate-size: allow-keywords;
  -webkit-tap-highlight-color: transparent;
}
:where(:root):has(:where(:modal)) {
  overflow: hidden;
}

:where(body) {
  min-block-size: 100svb;
  margin: unset;
  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);
  min-width: 100%;
  overflow-x: clip;
  position: relative;
}

@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(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: var(--font-weight-bolder);
}

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

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

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

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

: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", serif;
  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;
}

:where(mark) {
  background-color: unset;
  color: unset;
  text-decoration-line: underline;
  text-decoration-color: oklch(from #ff0 l c h/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.0625em;
  text-decoration-skip-ink: none;
}

:where(:any-link) {
  background-color: unset;
  color: unset;
  text-decoration-line: none;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.0625em;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

:where(ins):not(:where(.adsbygoogle)) {
  text-decoration-style: dashed;
  text-underline-offset: 0.4em;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

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

:where(img, picture, svg, video, canvas, audio, iframe, embed, object) {
  display: block flow;
  max-inline-size: 100%;
  block-size: auto;
}

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

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

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

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

:where(button, input, select, textarea),
::file-selector-button {
  background-color: unset;
  color: unset;
  border: 1px solid transparent;
  border-radius: unset;
  font: unset;
  padding: 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;
}

::picker(select) {
  display: block flow;
  padding: unset;
}

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

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

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

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  display: none !important;
}

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

@media (prefers-reduced-motion: reduce) {
  :not([data-safe-animation]), :not([data-safe-animation])::before, :not([data-safe-animation])::after, :not([data-safe-animation])::backdrop {
    background-attachment: unset !important;
    scroll-behavior: unset !important;
    transition-delay: unset !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-delay: unset !important;
    animation-iteration-count: unset !important;
    view-transition-name: none !important;
  }
}

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

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%;
  position: relative;
}

main, footer {
  overflow: hidden;
}

header {
  z-index: 999;
}

main {
  z-index: 9;
}

footer {
  z-index: 99;
}

small {
  font-size: 0.75em;
}

a, button {
  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: auto;
  }
}

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

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

.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__search {
  display: block flex;
  justify-content: flex-end;
  align-items: center;
}

.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-inline: -50%;
  width: calc(var(--header-height) * 0.5);
  height: 0.125rem;
  display: block;
  transform-origin: center center;
  position: absolute;
  inset-inline: 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: 0.6s;
}

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

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

.l-outer__liquid {
  background: transparent;
  position: relative;
  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 flow;
  }
}

.l-outer__solid {
  margin: auto;
  width: 100%;
  display: block flex;
  position: relative;
}

.l-outer__solid--main {
  flex: 0 0 calc(100% - 16rem - 4rem * (var(--rs-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 {
  display: none;
}
@media only screen and (max-width:991px) {
  .l-outer__solid--side + .l-outer__solid--side {
    margin-block: 4rem;
    display: none;
  }
}
@media only screen and (max-width:767px) {
  .l-outer__solid--side + .l-outer__solid--side {
    margin-bottom: 2rem;
  }
}

.l-section {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
}

.l-section__clearance {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  padding-block: var(--clearance-padding);
}

.l-section__clearance--hairline {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  padding-block: 0.125rem;
}

.l-section__clearance--fluid {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  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-scroll);
  isolation: isolate;
  z-index: 9;
  padding-top: var(--clearance-padding);
}

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

.l-section__clearance--thin {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  padding-block: calc(var(--clearance-padding) * 0.333);
}

.l-section__clearance--narrow {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  padding-block: calc(var(--clearance-padding) * 0.5);
}

.l-section__clearance--light {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  padding-block: calc(var(--clearance-padding) * 0.666);
}

.l-section__clearance--wide {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
  isolation: isolate;
  z-index: 9;
  padding-block: calc(var(--clearance-padding) * 2);
}

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

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

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

.l-section__margin {
  margin-top: var(--divider-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 {
  display: block flex;
  flex-flow: column nowrap;
  position: absolute;
  inset: 0;
}
@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--divider {
  position: relative;
}
.l-section__image--divider .u-cover {
  position: fixed;
  inset: 0;
  z-index: -1;
}

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

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

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

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

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

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

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

.l-section__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc(var(--window-width) * -0.5 + 50%);
}
@media only screen and (max-width:991px) {
  .l-section__extend--left {
    margin-left: calc(var(--padding-x) * -1);
  }
}

.l-section__extend--right {
  height: 100%;
  position: relative;
  margin-right: calc(var(--window-width) * -0.5 + 50%);
}
@media only screen and (max-width:991px) {
  .l-section__extend--right {
    margin-right: calc(var(--padding-x) * -1);
  }
}

.l-section__extend--both {
  height: 100%;
  position: relative;
  width: var(--window-width);
  margin-inline: calc(var(--window-width) * -0.5 + 50%);
}
@media only screen and (max-width:991px) {
  .l-section__extend--both {
    margin-inline: calc(var(--padding-x) * -1);
  }
}

.l-container__width--all {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 0;
}
@media only screen and (max-width:575px) {
  .l-container__width--all {
    padding-inline: 1.25rem;
  }
}

.l-container__width--full {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 2rem;
}
@media only screen and (max-width:575px) {
  .l-container__width--full {
    padding-inline: 1.25rem;
  }
}

.l-container__width--xlarge {
  width: 100%;
  max-width: 105rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 1.5rem;
}
@media only screen and (max-width:2000px) {
  .l-container__width--xlarge {
    max-width: 105rem;
    padding-inline: 2rem;
  }
}
@media only screen and (max-width: 1679px) {
  .l-container__width--xlarge {
    max-width: 84rem;
  }
}
@media only screen and (max-width:1399px) {
  .l-container__width--xlarge {
    max-width: 74rem;
  }
}
@media only screen and (max-width:1199px) {
  .l-container__width--xlarge {
    max-width: 60rem;
    padding-inline: 1.5rem;
  }
}
@media only screen and (max-width:991px) {
  .l-container__width--xlarge {
    max-width: 100%;
  }
}
@media only screen and (max-width:575px) {
  .l-container__width--xlarge {
    padding-inline: 1.25rem;
  }
}

.l-container__width--large {
  width: 100%;
  max-width: 84rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 1.5rem;
}
@media only screen and (max-width:1199px) {
  .l-container__width--large {
    max-width: 74rem;
  }
}
@media only screen and (max-width:1199px) {
  .l-container__width--large {
    max-width: 60rem;
    padding-inline: 1.5rem;
  }
}
@media only screen and (max-width:991px) {
  .l-container__width--large {
    max-width: 100%;
  }
}
@media only screen and (max-width:575px) {
  .l-container__width--large {
    padding-inline: 1.25rem;
  }
}

.l-container__width--medium {
  width: 100%;
  max-width: 74rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 1.5rem;
}
@media only screen and (max-width:1199px) {
  .l-container__width--medium {
    max-width: 60rem;
    padding-inline: 1.5rem;
  }
}
@media only screen and (max-width:991px) {
  .l-container__width--medium {
    max-width: 100%;
  }
}
@media only screen and (max-width:575px) {
  .l-container__width--medium {
    padding-inline: 1.25rem;
  }
}

.l-container__width--small {
  width: 100%;
  max-width: 60rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 1.5rem;
}
@media only screen and (max-width:991px) {
  .l-container__width--small {
    max-width: 100%;
  }
}
@media only screen and (max-width:575px) {
  .l-container__width--small {
    padding-inline: 1.25rem;
  }
}

.l-container__width--xsmall {
  width: 100%;
  max-width: 48rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 1.5rem;
}
@media only screen and (max-width:991px) {
  .l-container__width--xsmall {
    max-width: 100%;
  }
}
@media only screen and (max-width:575px) {
  .l-container__width--xsmall {
    padding-inline: 1.25rem;
  }
}

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

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

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

[data-heading=dark-category-md] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-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=dark-category-md] small {
  font-size: 0.75em;
  display: block flow;
}

[data-heading=dark-category-lg] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-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=dark-category-lg] small {
  font-size: 0.75em;
  display: block flow;
}

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

[data-heading=dark-category-xxl] {
  background-image: var(--rgb-heading-dark-gradation);
  background-color: var(--rgb-heading-dark-color);
  color: var(--rgb-text);
  font-size: calc(3em * var(--sm-rate));
  line-height: 1.5;
  text-align: center;
  text-align: left;
}
[data-heading=dark-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(--xs-rate) * 2) calc(var(--gap-xs) * var(--xs-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;
  inset: 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(--rs-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 + .c-box--xs {
  margin-top: calc(2rem * var(--rs-rate));
}

.c-box--sm + .c-box--sm {
  margin-top: calc(3rem * var(--rs-rate));
}

.c-box--md + .c-box--md {
  margin-top: calc(4rem * var(--rs-rate));
}

.c-box--lg + .c-box--lg {
  margin-top: calc(5rem * var(--rs-rate));
}

.c-box--xl + .c-box--xl {
  margin-top: calc(6rem * var(--rs-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;
}

.c-breadcrumb {
  list-style: none;
  padding: 0;
  display: block flex;
  flex-wrap: wrap;
}

.c-breadcrumb__item + .c-breadcrumb__item {
  padding-left: 0.5rem;
  display: flex;
  align-items: center;
}
.c-breadcrumb__item + .c-breadcrumb__item::before {
  padding-right: 0.5rem;
  color: var(--rgb-text);
  content: var(--bs-breadcrumb-divider, "/");
}

.c-breadcrumb__active {
  color: var(--rgb-text);
}

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: var(--button-line-height);
  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: var(--button-line-height);
  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--240 {
  display: block flex;
}
.c-button__width--240 .c-button {
  max-width: 12vw;
}
@media print {
  .c-button__width--240 .c-button {
    max-width: 240px;
  }
}
@media only screen and (max-width:2000px) {
  .c-button__width--240 .c-button {
    max-width: 240px;
  }
}
@media only screen and (max-width:575px) {
  .c-button__width--240 .c-button {
    max-width: 100%;
  }
}

.c-button__width--320 {
  display: block flex;
}
.c-button__width--320 .c-button {
  max-width: 16vw;
}
@media print {
  .c-button__width--320 .c-button {
    max-width: 320px;
  }
}
@media only screen and (max-width:2000px) {
  .c-button__width--320 .c-button {
    max-width: 320px;
  }
}
@media only screen and (max-width:991px) {
  .c-button__width--320 .c-button {
    max-width: 25dvw;
  }
}
@media only screen and (max-width:575px) {
  .c-button__width--320 .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:991px) {
  .c-button__width--330 .c-button {
    max-width: 25dvw;
  }
}
@media only screen and (max-width:575px) {
  .c-button__width--330 .c-button {
    max-width: 100%;
  }
}

.c-button__width--360 {
  display: block flex;
}
.c-button__width--360 .c-button {
  max-width: 18vw;
}
@media print {
  .c-button__width--360 .c-button {
    max-width: 360px;
  }
}
@media only screen and (max-width:2000px) {
  .c-button__width--360 .c-button {
    max-width: 360px;
  }
}
@media only screen and (max-width:991px) {
  .c-button__width--360 .c-button {
    max-width: 25dvw;
  }
}
@media only screen and (max-width:575px) {
  .c-button__width--360 .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:991px) {
  .c-button__width--440 .c-button {
    max-width: 33.3dvw;
  }
}
@media only screen and (max-width:575px) {
  .c-button__width--440 .c-button {
    max-width: 100%;
  }
}

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

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

.c-button__width--640 {
  display: block flex;
}
.c-button__width--640 .c-button {
  max-width: 32vw;
}
@media print {
  .c-button__width--640 .c-button {
    max-width: 640px;
  }
}
@media only screen and (max-width:2000px) {
  .c-button__width--640 .c-button {
    max-width: 640px;
  }
}
@media only screen and (max-width:991px) {
  .c-button__width--640 .c-button {
    max-width: 50dvw;
  }
}
@media only screen and (max-width:575px) {
  .c-button__width--640 .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: 50dvw;
  }
}
@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;
}

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-block: calc(var(--button-padding-y) * 0.5);
  padding-inline: 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-block: calc(var(--button-padding-y) * 0.5 + var(--button-border-width));
  padding-inline: 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-block: calc(var(--button-padding-y) * 0.75);
  padding-inline: 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-block: calc(var(--button-padding-y) * 0.75 + var(--button-border-width));
  padding-inline: 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-block: var(--button-padding-y);
  padding-inline: 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-block: calc(var(--button-padding-y) + var(--button-border-width));
  padding-inline: 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-block: calc(var(--button-padding-y) * 2);
  padding-inline: 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-block: calc(var(--button-padding-y) * 2 + var(--button-border-width));
  padding-inline: 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--flat, .c-button__circle--flat:hover, .c-button__circle--flat:active, .c-button__circle--flat:focus {
  width: -moz-max-content;
  width: max-content;
}
.c-button__circle--flat span, .c-button__circle--flat:hover span, .c-button__circle--flat:active span, .c-button__circle--flat:focus 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 {
  width: -moz-max-content;
  width: max-content;
}
.c-button__circle--thin span, .c-button__circle--thin:hover span, .c-button__circle--thin:active span, .c-button__circle--thin:focus span {
  width: 1.125em;
  height: 1.125em;
  display: block flex;
  justify-content: center;
  align-items: center;
}
.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 {
  width: -moz-max-content;
  width: max-content;
}
.c-button__circle--heavy span, .c-button__circle--heavy:hover span, .c-button__circle--heavy:active span, .c-button__circle--heavy:focus span {
  width: 1.125em;
  height: 1.125em;
  display: block flex;
  justify-content: center;
  align-items: center;
}
.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;
  }
}

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

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

a[data-hover=flat], button[data-hover=flat], input[data-hover=flat] {
  background-image: var(--flat-gradient);
  background-color: transparent;
  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: transparent;
}
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, a[data-hover=flat]:active span::before, a[data-hover=flat]:focus span::before, button[data-hover=flat]:hover span::before, button[data-hover=flat]:active span::before, button[data-hover=flat]:focus span::before, input[data-hover=flat]:hover span::before, input[data-hover=flat]:active span::before, input[data-hover=flat]:focus span::before {
  color: var(--flat-icon-color-hover);
}
a[data-hover=negative], button[data-hover=negative], input[data-hover=negative] {
  background-color: var(--negative-background);
  background-image: none;
  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);
  background-image: none;
}
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=file], button[data-hover=file], input[data-hover=file] {
  background-color: var(--file-background);
  background-image: none;
  border: var(--button-border-width) solid var(--file-border-color);
}
a[data-hover=file] span, button[data-hover=file] span, input[data-hover=file] span {
  color: var(--file-color);
}
a[data-hover=file] span::before, button[data-hover=file] span::before, input[data-hover=file] span::before {
  color: var(--file-icon-color);
}
a[data-hover=file]:hover, a[data-hover=file]:active, a[data-hover=file]:focus, button[data-hover=file]:hover, button[data-hover=file]:active, button[data-hover=file]:focus, input[data-hover=file]:hover, input[data-hover=file]:active, input[data-hover=file]:focus {
  background-color: var(--file-background-hover);
  background-image: none;
}
a[data-hover=file]:hover span, a[data-hover=file]:active span, a[data-hover=file]:focus span, button[data-hover=file]:hover span, button[data-hover=file]:active span, button[data-hover=file]:focus span, input[data-hover=file]:hover span, input[data-hover=file]:active span, input[data-hover=file]:focus span {
  color: var(--file-color-hover);
}
a[data-hover=file]:hover span::before, a[data-hover=file]:active span::before, a[data-hover=file]:focus span::before, button[data-hover=file]:hover span::before, button[data-hover=file]:active span::before, button[data-hover=file]:focus span::before, input[data-hover=file]:hover span::before, input[data-hover=file]:active span::before, input[data-hover=file]:focus span::before {
  color: var(--file-icon-color-hover);
}
a[data-hover=search], button[data-hover=search], input[data-hover=search] {
  background-color: var(--search-background);
  background-image: none;
  border: var(--button-border-width) solid var(--search-border-color);
}
a[data-hover=search] span, button[data-hover=search] span, input[data-hover=search] span {
  color: var(--search-color);
}
a[data-hover=search] span::before, button[data-hover=search] span::before, input[data-hover=search] span::before {
  color: var(--search-icon-color);
}
a[data-hover=search]:hover, a[data-hover=search]:active, a[data-hover=search]:focus, button[data-hover=search]:hover, button[data-hover=search]:active, button[data-hover=search]:focus, input[data-hover=search]:hover, input[data-hover=search]:active, input[data-hover=search]:focus {
  background-color: var(--search-background-hover);
  background-image: none;
}
a[data-hover=search]:hover span, a[data-hover=search]:active span, a[data-hover=search]:focus span, button[data-hover=search]:hover span, button[data-hover=search]:active span, button[data-hover=search]:focus span, input[data-hover=search]:hover span, input[data-hover=search]:active span, input[data-hover=search]:focus span {
  color: var(--search-color-hover);
}
a[data-hover=search]:hover span::before, a[data-hover=search]:active span::before, a[data-hover=search]:focus span::before, button[data-hover=search]:hover span::before, button[data-hover=search]:active span::before, button[data-hover=search]:focus span::before, input[data-hover=search]:hover span::before, input[data-hover=search]:active span::before, input[data-hover=search]:focus span::before {
  color: var(--search-icon-color-hover);
}
a[data-hover=solid], button[data-hover=solid], input[data-hover=solid] {
  background-color: var(--solid-background);
  background-image: none;
  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);
  background-image: none;
}
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);
  background-image: none;
  border: var(--button-border-width) solid var(--outline-border-color);
}
a[data-hover=outline] span, button[data-hover=outline] span, input[data-hover=outline] span {
  color: 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-background-hover);
  background-image: none;
}
a[data-hover=outline]:hover span, a[data-hover=outline]:active span, a[data-hover=outline]:focus span, button[data-hover=outline]:hover span, button[data-hover=outline]:active span, button[data-hover=outline]:focus span, input[data-hover=outline]:hover span, input[data-hover=outline]:active span, input[data-hover=outline]:focus span {
  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);
  background-image: none;
}
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: transparent;
  border: none;
}
a[data-hover=multiply] span, a[data-hover=screen] span, a[data-hover=overlay] span, button[data-hover=multiply] span, button[data-hover=screen] span, button[data-hover=overlay] span, input[data-hover=multiply] span, input[data-hover=screen] span, input[data-hover=overlay] span {
  color: var(--blend-color);
}
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-radius=xxs] {
  overflow: hidden;
  border-radius: 0.125rem;
}

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

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

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

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

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

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

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

[data-radius=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: var(--flat-gradient);
  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: var(--flat-gradient-hover);
  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=file], button[data-motion=right][data-hover=file], input[type=submit][data-motion=right][data-hover=file] {
  background-image: none;
  background-color: var(--file-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=file]::before, button[data-motion=right][data-hover=file]::before, input[type=submit][data-motion=right][data-hover=file]::before {
  background-image: none;
  background-color: var(--file-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=file] span, button[data-motion=right][data-hover=file] span, input[type=submit][data-motion=right][data-hover=file] span {
  color: var(--file-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=file]:hover::before, a[data-motion=right][data-hover=file]:active::before, a[data-motion=right][data-hover=file]:focus::before, a[data-motion=right][data-hover=file].active::before, button[data-motion=right][data-hover=file]:hover::before, button[data-motion=right][data-hover=file]:active::before, button[data-motion=right][data-hover=file]:focus::before, button[data-motion=right][data-hover=file].active::before, input[type=submit][data-motion=right][data-hover=file]:hover::before, input[type=submit][data-motion=right][data-hover=file]:active::before, input[type=submit][data-motion=right][data-hover=file]:focus::before, input[type=submit][data-motion=right][data-hover=file].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=file]:hover span, a[data-motion=right][data-hover=file]:active span, a[data-motion=right][data-hover=file]:focus span, a[data-motion=right][data-hover=file].active span, button[data-motion=right][data-hover=file]:hover span, button[data-motion=right][data-hover=file]:active span, button[data-motion=right][data-hover=file]:focus span, button[data-motion=right][data-hover=file].active span, input[type=submit][data-motion=right][data-hover=file]:hover span, input[type=submit][data-motion=right][data-hover=file]:active span, input[type=submit][data-motion=right][data-hover=file]:focus span, input[type=submit][data-motion=right][data-hover=file].active span {
  color: var(--file-color);
}
a[data-motion=right][data-hover=file]::before, button[data-motion=right][data-hover=file]::before, input[type=submit][data-motion=right][data-hover=file]::before {
  animation: file-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=file] span, button[data-motion=right][data-hover=file] span, input[type=submit][data-motion=right][data-hover=file] span {
  animation: file-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=file]:hover::before, a[data-motion=right][data-hover=file]:active::before, a[data-motion=right][data-hover=file]:focus::before, a[data-motion=right][data-hover=file].active::before, button[data-motion=right][data-hover=file]:hover::before, button[data-motion=right][data-hover=file]:active::before, button[data-motion=right][data-hover=file]:focus::before, button[data-motion=right][data-hover=file].active::before, input[type=submit][data-motion=right][data-hover=file]:hover::before, input[type=submit][data-motion=right][data-hover=file]:active::before, input[type=submit][data-motion=right][data-hover=file]:focus::before, input[type=submit][data-motion=right][data-hover=file].active::before {
  animation: file-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=file]:hover span, a[data-motion=right][data-hover=file]:active span, a[data-motion=right][data-hover=file]:focus span, a[data-motion=right][data-hover=file].active span, button[data-motion=right][data-hover=file]:hover span, button[data-motion=right][data-hover=file]:active span, button[data-motion=right][data-hover=file]:focus span, button[data-motion=right][data-hover=file].active span, input[type=submit][data-motion=right][data-hover=file]:hover span, input[type=submit][data-motion=right][data-hover=file]:active span, input[type=submit][data-motion=right][data-hover=file]:focus span, input[type=submit][data-motion=right][data-hover=file].active span {
  animation: file-color-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=search], button[data-motion=right][data-hover=search], input[type=submit][data-motion=right][data-hover=search] {
  background-image: none;
  background-color: var(--search-background);
  position: relative;
  overflow: hidden;
}
a[data-motion=right][data-hover=search]::before, button[data-motion=right][data-hover=search]::before, input[type=submit][data-motion=right][data-hover=search]::before {
  background-image: none;
  background-color: var(--search-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=search] span, button[data-motion=right][data-hover=search] span, input[type=submit][data-motion=right][data-hover=search] span {
  color: var(--search-color-hover);
  position: relative;
  z-index: 1;
}
a[data-motion=right][data-hover=search]:hover::before, a[data-motion=right][data-hover=search]:active::before, a[data-motion=right][data-hover=search]:focus::before, a[data-motion=right][data-hover=search].active::before, button[data-motion=right][data-hover=search]:hover::before, button[data-motion=right][data-hover=search]:active::before, button[data-motion=right][data-hover=search]:focus::before, button[data-motion=right][data-hover=search].active::before, input[type=submit][data-motion=right][data-hover=search]:hover::before, input[type=submit][data-motion=right][data-hover=search]:active::before, input[type=submit][data-motion=right][data-hover=search]:focus::before, input[type=submit][data-motion=right][data-hover=search].active::before {
  width: 0%;
  left: 0;
  right: auto;
}
a[data-motion=right][data-hover=search]:hover span, a[data-motion=right][data-hover=search]:active span, a[data-motion=right][data-hover=search]:focus span, a[data-motion=right][data-hover=search].active span, button[data-motion=right][data-hover=search]:hover span, button[data-motion=right][data-hover=search]:active span, button[data-motion=right][data-hover=search]:focus span, button[data-motion=right][data-hover=search].active span, input[type=submit][data-motion=right][data-hover=search]:hover span, input[type=submit][data-motion=right][data-hover=search]:active span, input[type=submit][data-motion=right][data-hover=search]:focus span, input[type=submit][data-motion=right][data-hover=search].active span {
  color: var(--search-color);
}
a[data-motion=right][data-hover=search]::before, button[data-motion=right][data-hover=search]::before, input[type=submit][data-motion=right][data-hover=search]::before {
  animation: search-background-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=search] span, button[data-motion=right][data-hover=search] span, input[type=submit][data-motion=right][data-hover=search] span {
  animation: search-color-out 0.5s ease-out 1 forwards;
}
a[data-motion=right][data-hover=search]:hover::before, a[data-motion=right][data-hover=search]:active::before, a[data-motion=right][data-hover=search]:focus::before, a[data-motion=right][data-hover=search].active::before, button[data-motion=right][data-hover=search]:hover::before, button[data-motion=right][data-hover=search]:active::before, button[data-motion=right][data-hover=search]:focus::before, button[data-motion=right][data-hover=search].active::before, input[type=submit][data-motion=right][data-hover=search]:hover::before, input[type=submit][data-motion=right][data-hover=search]:active::before, input[type=submit][data-motion=right][data-hover=search]:focus::before, input[type=submit][data-motion=right][data-hover=search].active::before {
  animation: search-background-hover 0.5s ease-in 1 forwards;
}
a[data-motion=right][data-hover=search]:hover span, a[data-motion=right][data-hover=search]:active span, a[data-motion=right][data-hover=search]:focus span, a[data-motion=right][data-hover=search].active span, button[data-motion=right][data-hover=search]:hover span, button[data-motion=right][data-hover=search]:active span, button[data-motion=right][data-hover=search]:focus span, button[data-motion=right][data-hover=search].active span, input[type=submit][data-motion=right][data-hover=search]:hover span, input[type=submit][data-motion=right][data-hover=search]:active span, input[type=submit][data-motion=right][data-hover=search]:focus span, input[type=submit][data-motion=right][data-hover=search].active span {
  animation: search-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 file-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes file-color-out {
  0%, 20% {
    color: var(--file-color-hover);
  }
  80%, 100% {
    color: var(--file-color);
  }
}
@keyframes file-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes file-color-hover {
  0%, 20% {
    color: var(--file-color);
  }
  80%, 100% {
    color: var(--file-color-hover);
  }
}
@keyframes search-background-out {
  0%, 20% {
    width: 100%;
  }
  80%, 100% {
    width: 0;
  }
}
@keyframes search-color-out {
  0%, 20% {
    color: var(--search-color-hover);
  }
  80%, 100% {
    color: var(--search-color);
  }
}
@keyframes search-background-hover {
  0%, 20% {
    width: 0;
  }
  80%, 100% {
    width: 100%;
  }
}
@keyframes search-color-hover {
  0%, 20% {
    color: var(--search-color);
  }
  80%, 100% {
    color: var(--search-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-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: auto;
    display: block flow;
  }
}
.c-category__heading .material-symbols-rounded {
  display: none;
}
@media only screen and (max-width:991px) {
  .c-category__heading .material-symbols-rounded {
    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(9, 1fr);
}

.c-category__column10 {
  grid-template-columns: repeat(10, 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);
  display: block flow;
  width: 100%;
}
.l-outer__solid--side .c-category__heading span:not([class]) {
  display: block flow;
  margin-block: var(--leading-trim-ja);
}
.l-outer__solid--side .c-category__navigation {
  background-color: var(--category-navigation-background);
  display: block grid;
}
.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 var(--aside-link-padding-x);
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: padding 0.2s, line-height 0.2s, visibility 0.2s, opacity 0.2s, height 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: var(--aside-link-padding-y) var(--aside-link-padding-x);
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: padding 0.2s, line-height 0.2s, visibility 0.2s, opacity 0.2s, height 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-inline: 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 .material-icons, .paging .paging-text a:hover .material-icons, .paging .paging-text a:active .material-icons, .paging .paging-text a:focus .material-icons, .paging .paging-text.current .material-icons {
  margin-bottom: 0 !important;
}
.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-paging-current-text);
  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: var(--font-weight-bolder);
  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-inline: calc(var(--gap-xxl) * var(--gap-rate) * -1);
}
.c-flex__inline--xxl > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-inline: 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-inline: calc(var(--gap-lg) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: 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-inline: calc(var(--gap-md) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xxl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-md) * var(--gap-rate));
  }
}

.c-flex__inline--xl {
  display: block flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--gap-xl) * var(--gap-rate) * -1);
}
.c-flex__inline--xl > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-inline: 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-inline: calc(var(--gap-lg) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: 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-inline: calc(var(--gap-md) * var(--gap-rate) * -1);
  }
  .c-flex__inline--xl > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-md) * var(--gap-rate));
  }
}

.c-flex__inline--lg {
  display: block flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--gap-lg) * var(--gap-rate) * -1);
}
.c-flex__inline--lg > [class*=c-span__] {
  flex-shrink: 0;
  max-width: 100%;
  padding-inline: 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-inline: calc(var(--gap-md) * var(--gap-rate) * -1);
  }
  .c-flex__inline--lg > [class*=c-span__] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-md) * var(--gap-rate));
  }
}

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

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

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

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

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

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

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

.c-flex__block--none {
  display: block flex;
  flex-flow: row wrap;
  margin-inline: 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-inline: 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--1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width:576px) {
  .c-span__sm {
    flex: 1 0 0%;
  }
  .c-span__sm--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .c-span__sm--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .c-span__sm--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .c-span__sm--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .c-span__sm--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .c-span__sm--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .c-span__sm--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .c-span__sm--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .c-span__sm--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .c-span__sm--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .c-span__sm--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .c-span__sm--12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width:768px) {
  .c-span__md {
    flex: 1 0 0%;
  }
  .c-span__md--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .c-span__md--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .c-span__md--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .c-span__md--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .c-span__md--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .c-span__md--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .c-span__md--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .c-span__md--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .c-span__md--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .c-span__md--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .c-span__md--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .c-span__md--12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width:992px) {
  .c-span__lg {
    flex: 1 0 0%;
  }
  .c-span__lg--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .c-span__lg--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .c-span__lg--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .c-span__lg--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .c-span__lg--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .c-span__lg--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .c-span__lg--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .c-span__lg--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .c-span__lg--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .c-span__lg--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .c-span__lg--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .c-span__lg--12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width:1200px) {
  .c-span__xl {
    flex: 1 0 0%;
  }
  .c-span__xl--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .c-span__xl--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .c-span__xl--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .c-span__xl--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .c-span__xl--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .c-span__xl--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .c-span__xl--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .c-span__xl--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .c-span__xl--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .c-span__xl--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .c-span__xl--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .c-span__xl--12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width:1400px) {
  .c-span__xxl {
    flex: 1 0 0%;
  }
  .c-span__xxl--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .c-span__xxl--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .c-span__xxl--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .c-span__xxl--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .c-span__xxl--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .c-span__xxl--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .c-span__xxl--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .c-span__xxl--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .c-span__xxl--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .c-span__xxl--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .c-span__xxl--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .c-span__xxl--12 {
    flex: 0 0 100%;
    max-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-drawer__chest {
  border: 0.0625rem solid var(--rgb-linegray);
  display: block flow;
  position: relative;
  word-wrap: break-word;
  background-color: var(--rgb-white);
}
.c-drawer__chest:not(:first-of-type) {
  margin-top: calc(2rem * var(--rs-rate));
}
.c-drawer__chest 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-block: 1em;
  padding-inline: calc(2rem * var(--rs-rate)) 3em;
  display: block flow;
  position: relative;
  overflow: hidden;
}
.c-drawer__chest 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__chest[open] summary::after {
  content: "\e15b";
}

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

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

.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(--rs-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(--rs-rate));
}

.c-flow__horizontal {
  display: block grid;
  gap: calc(2rem * var(--lg-rate));
}
.c-flow__horizontal .c-flow__article {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
  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-inline: 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__icon .material-symbols-outlined {
  margin-bottom: 0;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.c-flow__horizontal .c-flow__article .c-flow__icon--image {
  background-color: var(--rgb-white);
  border-radius: 50%;
  color: var(--rgb-flow-icon);
  font-size: 2em;
  line-height: 1;
  text-align: center;
  margin: 0.5em auto;
  width: 8rem;
  height: 8rem;
  display: block flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
.c-flow__horizontal .c-flow__article .c-flow__icon--image::before {
  background-color: var(--rgb-flow-icon);
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.1;
  content: "";
}
.c-flow__horizontal .c-flow__article .c-flow__icon--image img {
  width: 50%;
  height: auto;
}
.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);
  color: var(--rgb-text);
  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-image: 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: block grid;
  grid-template-columns: max-content 1fr;
  gap: 0 2rem;
  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 {
  font-size: calc(var(--flowno-font-size) * var(--lg-rate));
  line-height: 1.5;
  font-feature-settings: "tnum";
  padding-block: calc(0.25em * var(--rs-rate));
  padding-left: calc(0.5em * var(--rs-rate));
  width: -moz-max-content;
  width: max-content;
  vertical-align: top;
  overflow: hidden;
  display: block flow;
}
@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-weight: var(--flowno-font-weight);
  font-family: var(--flowno-font-family);
  margin-block: var(--leading-trim-ja);
  display: block flow;
  text-align: center;
  white-space: nowrap;
}
@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;
}
.c-flow__vertical .c-flow__notes {
  padding-right: calc(2rem * var(--rs-rate));
  padding-block: calc(2rem * var(--rs-rate));
}
.c-flow__vertical .c-flow__notes .well {
  background: var(--rgb-white);
  border: none;
  color: #212121;
}
.c-flow__vertical .c-flow__notes .l-block__clearance--lg {
  padding-block: calc(1rem * var(--rs-rate));
}
@media only screen and (max-width:991px) {
  .c-flow__vertical .c-flow__notes .l-block__clearance--lg {
    padding-block: 0;
  }
}
.c-flow__vertical .c-flow__notes .l-block__clearance--sm {
  padding-block: calc(1rem * var(--rs-rate));
}
@media only screen and (max-width:575px) {
  .c-flow__vertical .c-flow__notes .l-block__clearance--sm {
    padding-block: 0;
  }
}
.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-form__list {
  display: block grid;
  grid-auto-columns: auto;
  gap: 0.75em 1.5em;
}
@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__check {
  display: block grid;
  grid-template-columns: 1em auto;
  gap: 0.33em;
}

.c-form__check--input {
  background-color: var(--rgb-white);
  background-image: var(--form-check-bg-image);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--rgb-formgray);
  margin-right: 0.33em;
  width: 1em;
  height: 1em;
}

.c-form__check--label {
  font-size: 1em;
  line-height: 1.5;
  margin-block: var(--leading-trim-ja);
}

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

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

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

.c-form__check--input:focus {
  border-color: var(--rgb-form);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--rgb-form/0.25);
}

.c-form__check--input:checked[type=radio] {
  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='-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-formgray);
  --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-policy__scroll {
  padding: calc(2rem * var(--rs-rate));
  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.5em;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  letter-spacing: 0;
  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-formgray);
  border-radius: 0.125rem;
  font-size: 1em;
  line-height: 1.5;
  display: block flow;
  padding: 0.5em 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] {
  align-items: center;
}

.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-watergray);
  opacity: 1;
}

.c-form__control::file-selector-button {
  background-color: var(--rgb-watergray);
  color: var(--rgb-text);
  border-right: 0.0625rem solid;
  border-right-color: inherit;
  border-radius: 0;
  font-size: 1em;
  line-height: 1.5;
  margin-right: 0.75em;
  padding: 0.375em 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;
  display: none;
}

@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-watergray);
}

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

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

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

.c-form__width {
  width: 15% !important;
  min-width: 10em;
}
@media only screen and (max-width:991px) {
  .c-form__width {
    width: 50% !important;
  }
}
@media only screen and (max-width:575px) {
  .c-form__width {
    width: 100% !important;
  }
}

.c-form__control--plaintext {
  display: block flow;
  width: 100%;
  padding-block: 0.375rem;
  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 {
  height: 12rem;
  max-height: 12rem;
}

.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-formgray);
  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-watergray);
}

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

.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 > input[type=text],
.c-form__floating > .c-form__control--plaintext,
.c-form__floating > .c-form__select {
  height: 3.625rem;
  min-height: 3.625rem;
  line-height: 1.5;
}

.c-form__floating > label {
  border: 0.0625rem solid transparent;
  text-align: start;
  padding: 0.375rem 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;
}

.c-form__floating > input[type=text] + label {
  display: block flex;
  align-items: center;
}

@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: 2.25rem;
  padding-bottom: 0.75rem;
}

.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: 2.25rem;
  padding-bottom: 0.75rem;
}

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

.c-form__floating > .c-form__select {
  padding-top: 2.25rem;
  padding-bottom: 0.75rem;
}

.c-form__floating > .c-form__control:not(:-moz-placeholder-shown) ~ label {
  color: rgb(var(--rgb-text)/0.65);
  transform: scale(0.75) translateY(-0.75rem) 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.75) translateY(-0.25rem) 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: rgb(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 grid;
}
.c-input__group:has(.c-input__group--text:first-child):has(.c-input__group--text:last-child) {
  grid-template-columns: max-content 1fr max-content;
}
.c-input__group:has(.c-input__group--text:first-child):has(.c-input__group--text:last-child) .c-input__group--text:last-child {
  border-left-color: transparent;
}
.c-input__group:has(.c-input__group--text:first-child):not(:has(.c-input__group--text:last-child)) {
  grid-template-columns: max-content 1fr;
}
.c-input__group:has(.c-input__group--text:last-child):not(:has(.c-input__group--text:first-child)) {
  grid-template-columns: 1fr max-content;
}
.c-input__group:has(button:last-child) {
  grid-template-columns: 1fr max-content;
}
.c-input__group:has(.c-input__group--text:first-child):has(button.c-button:last-child) {
  grid-template-columns: max-content 1fr max-content;
}
.c-input__group:has(.c-input__group--text:first-child):has(button.c-button:last-child) button.c-button:last-child {
  border-left-color: transparent;
  border-radius: 0 0.125rem 0.125rem 0;
}
.c-input__group:has(.c-input__group--text:first-child):has(button.c-button:last-child).p-item__quantity--group {
  grid-template-columns: max-content max-content 1fr max-content;
}
.c-input__group:has(.c-input__group--text:first-child):has(button.c-button:last-child).p-item__quantity--group button.c-button:nth-of-type(1) {
  border-right-color: transparent;
}

.c-input__group > .c-form__control,
.c-input__group > .c-form__select,
.c-input__group > .c-form__floating {
  position: relative;
}

.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-watergray);
  color: var(--rgb-text);
  border: 0.0625rem solid var(--rgb-formgray);
  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;
}

.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: 0.125em 100%, 100% 2em;
  line-height: 2em;
  padding: 2em 0 0.2em;
}
.c-frame__note--line strong {
  display: block;
  color: var(--rgb-black);
  margin-bottom: 1lh;
}
.c-frame__note--line span {
  display: inline-block;
  width: 5em;
}

.c-heading {
  position: relative;
  z-index: 1;
  font-feature-settings: "palt";
  font-kerning: normal;
  isolation: isolate;
}
.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 flow;
}

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

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

.c-heading__square--brackets {
  display: block flex;
  align-items: center;
}
.c-heading__square--brackets::before, .c-heading__square--brackets::after {
  width: 0.4em;
  height: 1em;
  display: block flow;
  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__divider::after {
  background-color: var(--rgb-heading-divider);
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--width-heading-divider);
  height: 0.125rem;
  content: "";
}
.c-heading__divider[data-position=center]:after {
  left: 50%;
  right: 50%;
  margin: 0 calc(var(--width-heading-divider) * -0.5);
}
@media only screen and (min-width: 992px) {
  .c-heading__divider.text-center.text-lg-start:after {
    left: 0;
    right: auto;
    margin: 0;
  }
}
.c-heading__divider.text-end:after {
  left: auto;
  right: 0;
}

.c-block__lead {
  font-size: calc(1.125em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead span {
    display: inline;
    white-space: normal;
  }
}

.c-block__lead--xs {
  font-size: calc(1.25em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead--xs small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead--xs span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead--xs span {
    display: inline;
    white-space: normal;
  }
}

.c-block__lead--sm {
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead--sm small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead--sm span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead--sm span {
    display: inline;
    white-space: normal;
  }
}

.c-block__lead--md {
  font-size: calc(1.75em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead--md small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead--md span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead--md span {
    display: inline;
    white-space: normal;
  }
}

.c-block__lead--lg {
  font-size: calc(2em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead--lg small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead--lg span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead--lg span {
    display: inline;
    white-space: normal;
  }
}

.c-block__lead--xl {
  font-size: calc(2.25em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead--xl small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead--xl span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead--xl span {
    display: inline;
    white-space: normal;
  }
}

.c-block__lead--xxl {
  font-size: calc(2.5em * var(--sm-rate));
  line-height: 1.5;
}
.c-block__lead--xxl small {
  font-size: 0.66em;
  display: block flow;
}
.c-block__lead--xxl span {
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width:575px) {
  .c-block__lead--xxl span {
    display: inline;
    white-space: normal;
  }
}

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

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

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

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

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

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

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

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

.c-text__link {
  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 {
  line-height: 1.75;
}
.c-list__disc li .c-kome {
  display: block flow;
  line-height: 1.5;
  margin-top: 0.333lh;
}
.c-list__disc.u-line-height__xs li + li {
  margin-top: 0.1h;
}
.c-list__disc.u-line-height__sm li + li {
  margin-top: 0.2h;
}
.c-list__disc.u-line-height__md li + li {
  margin-top: 0.25h;
}
.c-list__disc.u-line-height__lg li + li {
  margin-top: 0.333lh;
}

.c-list__circle {
  list-style: none;
  padding-left: 2em;
  padding-left: 0;
}
.c-list__circle li {
  line-height: 1.75;
}
.c-list__circle > li {
  padding-left: 2em;
}
.c-list__circle > li::before {
  color: var(--rgb-list-marker);
  font-family: "Material Symbols Rounded";
  content: "\f111";
  display: inline flow-root;
  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.75;
}
.c-list__square li {
  line-height: 1.5;
  padding-left: 3em;
}
@media only screen and (max-width:575px) {
  .c-list__square li {
    line-height: 1.5;
  }
}
.c-list__square li::before {
  background-color: var(--rgb-list-marker);
  color: var(--rgb-white);
  border-radius: var(--list-marker-radius);
  font-weight: 700;
  letter-spacing: var(--text-spacing);
  text-indent: var(--text-spacing);
  counter-increment: square;
  content: "" counter(square) "";
  display: inline flex;
  justify-content: center;
  align-items: center;
  margin-left: -3em;
  margin-right: 1em;
  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__square--lg {
  list-style: none;
  padding-left: 2em;
  padding-left: 0;
  counter-reset: square;
  font-size: calc(1.5em * var(--sm-rate));
  font-weight: 700;
}
.c-list__square--lg li {
  line-height: 1.75;
}
.c-list__square--lg li {
  line-height: 1.5;
  padding-left: 3em;
}
@media only screen and (max-width:575px) {
  .c-list__square--lg li {
    line-height: 1.5;
  }
}
.c-list__square--lg 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-left: -3em;
  margin-right: 1em;
  padding-top: 0.25em;
  width: 2em;
  height: 2em;
}
.c-list__square--lg li + li {
  margin-top: 0.5em;
}
@media only screen and (max-width:767px) {
  .c-list__square--lg li + li {
    margin-top: 0.25rem;
  }
}
.c-list__square--lg strong {
  margin-right: 1em;
  font-weight: 800;
}

.c-list__minus {
  list-style: none;
  padding-left: 2em;
}
.c-list__minus li {
  line-height: 1.75;
}
.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;
  padding-left: 0;
}
.c-list__decimal li {
  line-height: 1.75;
}
.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 {
  line-height: 1.75;
}
.c-list__check > li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  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 {
  line-height: 1.75;
}
.c-list__check--sm > li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  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 {
  line-height: 1.75;
}
.c-list__check--md > li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  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 {
  line-height: 1.75;
}
.c-list__check--lg > li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  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 {
  line-height: 1.75;
}
.c-list__check--circle > li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  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 {
  line-height: 1.75;
}
.c-list__check--square > li::before {
  color: var(--rgb-check);
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  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;
  font-feature-settings: "tnum";
}
.c-list__bracket > li {
  line-height: 1.75;
  padding-left: 2.5em;
}
@media only screen and (max-width:991px) {
  .c-list__bracket > li {
    line-height: 1.5;
  }
}
.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: -2.5em;
  width: 2.5em;
  white-space: nowrap;
}
.c-list__bracket > li + li {
  margin-top: 0.333lh;
}
.c-list__bracket > li p {
  margin: 0.5em 0 0.25em;
}

.c-list__bracket--medium {
  list-style: none;
  counter-reset: bracket;
  font-feature-settings: "tnum";
}
.c-list__bracket--medium > li {
  line-height: 1.75;
  padding-left: 2.5em;
}
@media only screen and (max-width:991px) {
  .c-list__bracket--medium > li {
    line-height: 1.5;
  }
}
.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: -2.5em;
  width: 2.5em;
  white-space: nowrap;
}
.c-list__bracket--medium > li + li {
  margin-top: 0.333lh;
}
.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;
  font-feature-settings: "tnum";
}
.c-list__bracket--bold > li {
  line-height: 1.75;
  padding-left: 2.5em;
}
@media only screen and (max-width:991px) {
  .c-list__bracket--bold > li {
    line-height: 1.5;
  }
}
.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: -2.5em;
  width: 2.5em;
  white-space: nowrap;
}
.c-list__bracket--bold > li + li {
  margin-top: 0.333lh;
}
.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 {
  line-height: 1.5;
  margin-left: -2em;
  width: 1.5em;
  display: inline flow-root;
  content: "※";
}

.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-hero {
  position: relative;
  z-index: 99;
}

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

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

.c-hero__text {
  position: absolute;
  inset: 0;
  z-index: 9;
  display: block flex;
}

.c-hero__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;
}
.c-scrolldown span {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  position: absolute;
}

@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-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-column: 1/4;
  grid-row: 1/3;
}
.c-cart__flow li:nth-of-type(2) {
  grid-column: 3/6;
  grid-row: 1/2;
  display: block flex;
  align-items: center;
}
.c-cart__flow li:nth-of-type(3) {
  grid-column: 5/8;
  grid-row: 1/3;
}
.c-cart__flow li:nth-of-type(4) {
  grid-column: 7/10;
  grid-row: 1/2;
  display: block flex;
  align-items: center;
}
.c-cart__flow li:nth-of-type(5) {
  grid-column: 9/12;
  grid-row: 1/3;
}
.c-cart__flow li:nth-of-type(6) {
  grid-column: 11/14;
  grid-row: 1/2;
  display: block flex;
  align-items: center;
}
.c-cart__flow li:nth-of-type(7) {
  grid-column: 13/16;
  grid-row: 1/3;
}

.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-inline: 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-table__order[data-line=horizontal] td.c-order__item--price {
  width: 11rem;
  text-align: right;
}
.c-table__order[data-line=horizontal] td.c-order__item--number {
  width: 17rem;
}
.c-table__order[data-line=horizontal] td.c-order__item--cartin {
  width: 15rem;
}

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

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

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

.c-breadcrumb {
  margin: 0;
  padding-block: 0.5rem;
}
@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__phone::before {
  font-size: 0.75em;
  text-align: left !important;
  margin-right: 0.33em;
  display: inline-block;
  text-transform: uppercase;
}
.c-label__phone::before {
  content: "Tel.";
}

.c-label__facsimile::before {
  font-size: 0.75em;
  text-align: left !important;
  margin-right: 0.33em;
  display: inline-block;
  text-transform: uppercase;
}
.c-label__facsimile::before {
  content: "Fax.";
}

.c-label__compatible::before {
  font-size: 0.75em;
  text-align: left !important;
  margin-right: 0.33em;
  display: inline-block;
  text-transform: uppercase;
}
.c-label__compatible::before {
  content: "Tel / Fax.";
}

.c-label__mail::before {
  font-size: 0.75em;
  text-align: left !important;
  margin-right: 0.33em;
  display: inline-block;
  text-transform: uppercase;
}
.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: "";
}

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

.c-news__article {
  display: block 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: var(--font-weight-bolder);
}

@media only screen and (max-width:575px) {
  .c-news__image {
    padding-right: 0;
    width: 100%;
  }
}

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

.c-section__background--white {
  isolation: isolate;
}
.c-section__background--white::before {
  background-color: var(--rgb-white);
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
}

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

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

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

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

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

.c-section__background--black {
  isolation: isolate;
  color: var(--rgb-white);
}
.c-section__background--black::before {
  background-color: var(--rgb-black);
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
}

.c-image__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc((var(--window-width) - var(--container-width)) * -0.5 - var(--padding-x));
}
.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-cover {
  height: 100%;
}
@media only screen and (max-width:575px) {
  .c-image__extend--left .p-section__height--adjustment .u-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-width) - var(--container-width)) * -0.5 - var(--padding-x));
}
.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-cover {
  height: 100%;
}
@media only screen and (max-width:575px) {
  .c-image__extend--right .p-section__height--adjustment .u-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-inline: calc((var(--window-width) - var(--container-width)) * -0.5 - var(--padding-x));
}
.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-cover {
  height: 100%;
}
@media only screen and (max-width:575px) {
  .c-image__extend--both .p-section__height--adjustment .u-cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width:991px) {
  .c-image__extend--both {
    margin-inline: calc(var(--padding-x) * -0.5);
  }
}

.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-cover {
  height: 100%;
}
@media only screen and (max-width:575px) {
  .c-section__extend--left .p-section__height--adjustment .u-cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width:1399px) {
  .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-cover {
  height: 100%;
}
@media only screen and (max-width:575px) {
  .c-section__extend--right .p-section__height--adjustment .u-cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width:1399px) {
  .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-cover {
  position: absolute;
  inset: 0;
  height: 100%;
}
@media only screen and (max-width:991px) {
  .c-image__shift--left .u-cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (max-width:575px) {
  .c-image__shift--left .u-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-cover {
  position: absolute;
  inset: 0;
  height: 100%;
}
@media only screen and (max-width:991px) {
  .c-image__shift--right .u-cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (max-width:575px) {
  .c-image__shift--right .u-cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width:991px) {
  .c-image__shift--right {
    margin-right: var(--padding-x);
  }
}

.c-image__slide--left {
  height: 100%;
  position: relative;
  margin-left: calc(var(--slide-lg) * var(--rs-rate) * -1);
  margin-right: calc(var(--slide-lg) * var(--rs-rate));
}
.c-image__slide--left > img {
  width: 100%;
  height: auto;
}
.c-image__slide--left .u-cover {
  position: absolute;
  inset: 0;
  height: 100%;
}
@media only screen and (max-width:991px) {
  .c-image__slide--left .u-cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (max-width:575px) {
  .c-image__slide--left .u-cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width:1399px) {
  .c-image__slide--left {
    margin-left: calc((var(--window-width) - var(--container-width)) * -0.5 - var(--padding-x) - (var(--padding-x) - var(--gap-sm) * var(--gap-rate)));
    margin-right: calc((var(--window-width) - var(--container-width)) * -0.5 + var(--padding-x) + var(--padding-x) - var(--gap-sm) * var(--gap-rate));
  }
}
@media only screen and (max-width:991px) {
  .c-image__slide--left {
    margin-left: calc(var(--padding-x) * -1);
    margin-right: unset;
  }
}
.c-image__slide--right {
  height: 100%;
  position: relative;
  margin-left: calc(var(--slide-lg) * var(--rs-rate));
  margin-right: calc(var(--slide-lg) * var(--rs-rate) * -1);
}
.c-image__slide--right > img {
  width: 100%;
  height: auto;
}
.c-image__slide--right .u-cover {
  position: absolute;
  inset: 0;
  height: 100%;
}
@media only screen and (max-width:991px) {
  .c-image__slide--right .u-cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (max-width:575px) {
  .c-image__slide--right .u-cover {
    min-height: 64vw;
  }
}
@media only screen and (max-width:1399px) {
  .c-image__slide--right {
    margin-left: calc((var(--window-width) - var(--container-width)) * -0.5 + var(--padding-x) + var(--padding-x) - var(--gap-sm) * var(--gap-rate));
    margin-right: calc((var(--window-width) - var(--container-width)) * -0.5 - var(--padding-x) - (var(--padding-x) - var(--gap-sm) * var(--gap-rate)));
  }
}
@media only screen and (max-width:991px) {
  .c-image__slide--right {
    margin-left: unset;
    margin-right: calc(var(--padding-x) * -1);
  }
}
.c-signature {
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-blush);
}
.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(--rs-rate)) calc(1.5em * var(--rs-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-full] th {
  white-space: nowrap;
  text-align: center;
}
.c-table[data-direction=vertical-full] td:first-child {
  white-space: nowrap;
}
@media only screen and (max-width:575px) {
  .c-table[data-direction=vertical-full] 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][data-breakpoint=md] > tbody tr th {
  white-space: nowrap;
  width: 1%;
  min-width: 15em;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media only screen and (max-width:991px) {
  .c-table[data-direction=horizontal][data-breakpoint=md] > tbody tr th {
    width: 100%;
    max-width: 100%;
  }
}
.c-table[data-direction=horizontal][data-breakpoint=md] > tbody tr td {
  width: 99%;
}
@media only screen and (max-width:991px) {
  .c-table[data-direction=horizontal][data-breakpoint=md] > tbody tr td {
    width: 100%;
    max-width: 100%;
  }
}
.c-table[data-direction=horizontal][data-breakpoint=xs] > tbody tr th {
  white-space: nowrap;
  width: 1%;
  min-width: 7em;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media only screen and (max-width:575px) {
  .c-table[data-direction=horizontal][data-breakpoint=xs] > tbody tr th {
    width: 100%;
    max-width: 100%;
  }
}
.c-table[data-direction=horizontal][data-breakpoint=xs] > tbody tr td {
  width: 99%;
}
@media only screen and (max-width:575px) {
  .c-table[data-direction=horizontal][data-breakpoint=xs] > tbody tr td {
    width: 100%;
    max-width: 100%;
  }
}
.c-table[data-direction=horizontal-extend] > tbody tr th {
  white-space: nowrap;
  max-width: -moz-max-content;
  max-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) !important;
}
@media only screen and (max-width:991px) {
  .c-table[data-breakpoint=md] th {
    line-height: 1;
    width: auto;
    width: 100% !important;
  }
}
@media only screen and (max-width:991px) {
  .c-table[data-breakpoint=md] td {
    width: 100%;
  }
}
@media only screen and (max-width:991px) {
  .c-table[data-breakpoint=md][data-direction=vertical] {
    border-top: none;
    border-left: none;
  }
  .c-table[data-breakpoint=md][data-direction=vertical] tr {
    display: block flow;
    margin-top: 0.5em;
  }
  .c-table[data-breakpoint=md][data-direction=vertical] tr.expand-tr {
    display: none;
  }
}
@media only screen and (max-width:991px) and (max-width:991px) {
  .c-table[data-breakpoint=md][data-direction=vertical] td {
    padding-left: calc(var(--expand-th-width) + 1em);
    min-height: calc(1.5em + 2.5em * var(--rs-rate));
    position: relative;
  }
  .c-table[data-breakpoint=md][data-direction=vertical] td::before {
    background-color: var(--rgb-watergray);
    border-inline: 0.0625rem solid rgba(0, 0, 0, 0.125);
    font-weight: 700;
    text-align: center;
    padding: calc(1.125em * var(--rs-rate)) calc(1.5em * var(--rs-rate));
    width: var(--expand-th-width);
    display: block flow;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: attr(data-heading);
    mix-blend-mode: multiply;
  }
  .c-table[data-breakpoint=md][data-direction=vertical] td:first-of-type {
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.125);
  }
}
.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 flow;
  }
}
.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%;
  }
}
@media only screen and (max-width:575px) {
  .c-table[data-breakpoint=xs] td {
    white-space: normal;
  }
}
@media only screen and (max-width:575px) {
  .c-table[data-breakpoint=xs][data-direction=vertical] {
    border-top: none;
    border-left: none;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical] tr {
    display: block flow;
    margin-top: 0.5em;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical] tr.expand-tr {
    display: none;
  }
}
@media only screen and (max-width:575px) and (max-width:575px) {
  .c-table[data-breakpoint=xs][data-direction=vertical] td {
    padding-left: calc(var(--expand-th-width) + 1em);
    min-height: calc(1.5em + 2.5em * var(--rs-rate));
    position: relative;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical] td::before {
    background-color: var(--rgb-watergray);
    border-inline: 0.0625rem solid rgba(0, 0, 0, 0.125);
    font-weight: 700;
    text-align: center;
    padding: calc(1.125em * var(--rs-rate)) calc(1.5em * var(--rs-rate));
    width: var(--expand-th-width);
    display: block flow;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: attr(data-heading);
    mix-blend-mode: multiply;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical] td:first-of-type {
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.125);
  }
}
@media only screen and (max-width:575px) {
  .c-table[data-breakpoint=xs][data-direction=vertical-full] {
    border-top: none;
    border-left: none;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical-full] tr {
    display: block flow;
    margin-top: 0.5em;
  }
}
@media only screen and (max-width:575px) and (max-width:575px) {
  .c-table[data-breakpoint=xs][data-direction=vertical-full] tr {
    border-left: 0.0625rem solid rgba(0, 0, 0, 0.125);
  }
}
@media only screen and (max-width:575px) {
  .c-table[data-breakpoint=xs][data-direction=vertical-full] tr.expand-tr {
    display: none;
  }
}
@media only screen and (max-width:575px) and (max-width:575px) {
  .c-table[data-breakpoint=xs][data-direction=vertical-full] td {
    min-height: calc(1.5em + 2.5em * var(--rs-rate));
    position: relative;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical-full] td::before {
    background-color: var(--rgb-watergray);
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
    font-weight: 700;
    text-align: left;
    margin-block: calc(-1.125em * var(--rs-rate)) calc(1.125em * var(--rs-rate));
    margin-inline: calc(-1.5em * var(--rs-rate));
    padding: calc(1.125em * var(--rs-rate)) calc(1.5em * var(--rs-rate));
    width: auto;
    display: block flow;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    content: attr(data-heading);
    mix-blend-mode: multiply;
  }
  .c-table[data-breakpoint=xs][data-direction=vertical-full] td:first-of-type {
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.125);
  }
}

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

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

[data-padding=md] th, [data-padding=md] td {
  line-height: 1.5;
  padding: 0.75em 1.125em;
}
@media only screen and (max-width:991px) {
  [data-padding=md] th, [data-padding=md] td {
    padding: 0.5em 0.75em;
  }
}
@media only screen and (max-width:767px) {
  [data-padding=md] th, [data-padding=md] td {
    padding: 0.375em 0.5625em;
  }
}

[data-padding=sm] th, [data-padding=sm] td {
  line-height: 1.5;
  padding: 0.5em 0.75em;
}
@media only screen and (max-width:991px) {
  [data-padding=sm] th, [data-padding=sm] td {
    padding: 0.375em 0.5625em;
  }
}
@media only screen and (max-width:767px) {
  [data-padding=sm] th, [data-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;
  }
}

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

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

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

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

@media only screen and (max-width:575px) {
  .c-table__rs {
    padding-top: 0.0625rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .c-table__rs .c-table {
    width: -moz-max-content;
    width: max-content;
    max-width: 300%;
  }
  .c-table__rs .c-table th, .c-table__rs .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;
}

.era::before {
  content: "（";
}
.era::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;
}

.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 {
  color: var(--rgb-white);
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  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: var(--rgb-black);
}

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

.p-header {
  grid-template-columns: max-content 1fr 12rem;
  align-items: center;
  gap: 0 calc(2rem * var(--rs-rate));
}
@media only screen and (max-width: 991px) {
  .p-header {
    grid-template-columns: unset;
    grid-template-rows: unset;
    gap: 0;
  }
}
@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/2;
}

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

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

.p-header {
  padding-left: calc(var(--padding-x) * 0.5);
  position: fixed;
}
@media only screen and (max-width: 991px) {
  .p-header {
    padding-left: var(--padding-x);
  }
}
.p-header::before {
  background-color: var(--rgb-background);
  position: absolute;
  inset: 0;
  opacity: 1;
  transition: opacity 0.3s;
  content: "";
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 575px) {
  .p-header::before {
    background-color: var(--rgb-white);
    opacity: 1;
    transition: opacity 0.3s, background-color 0.3s;
  }
}
.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(0 0 0 / 0);
}

.js-scroll.p-header::before {
  opacity: 1;
  transition: opacity 0.3s;
}
.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(0 0 0 / .1);
}

.l-header__logo {
  display: block flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 575px) {
  .l-header__logo {
    display: block grid;
    gap: 0.25em;
  }
}

.p-header__logo {
  font-size: 1em;
  position: relative;
}
.p-header__logo img, .p-header__logo svg {
  width: auto;
  height: 3rem;
}
@media only screen and (max-width: 1399px) {
  .p-header__logo img, .p-header__logo svg {
    height: 2.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .p-header__logo img, .p-header__logo svg {
    height: 2.5rem;
  }
}
@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: 7.2vw;
  }
}

.l-navigation__global {
  --rgb-toggler-background: transparent;
  --rgb-toggler-switch: var(--rgb-teal);
}

.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-block: 1.125rem;
  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-block: 1rem;
  }
}
.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-text);
  font-size: 1em;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  padding: 0.75em 0;
  position: relative;
  display: block grid;
  grid-gap: 0.75em;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link {
    color: var(--rgb-text);
    width: 100%;
    display: block flex;
    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, .p-navigation__primary--link em {
  text-align: center;
}
.p-navigation__primary--link span {
  margin-block: var(--leading-trim-ja);
}
.p-navigation__primary--link em {
  font-size: 1.75em;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  font-family: var(--font-alef);
  margin-block: var(--leading-trim-en);
  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-text);
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link:hover, .p-navigation__primary--link.active {
    background-color: var(--rgb-teal);
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link:hover span, .p-navigation__primary--link.active span {
    color: var(--rgb-white);
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link:hover em, .p-navigation__primary--link.active em {
    color: var(--rgb-white);
  }
}
.p-navigation__primary--link:hover:after, .p-navigation__primary--link.active:after {
  background-color: var(--rgb-teal);
  left: 0;
  right: 0;
  transition: 0.6s;
}
@media only screen and (max-width: 991px) {
  .p-navigation__primary--link:hover:after, .p-navigation__primary--link.active:after {
    color: var(--rgb-white);
  }
}

@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;
  line-height: 1.5;
}
@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-inline: 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);
  }
}

.p-header__mail .c-button {
  height: var(--header-height);
}
.p-header__mail .c-button span::before {
  margin-bottom: 0;
}

.l-outer__solid {
  display: block flex;
  justify-content: space-between;
  position: relative;
  padding-inline: var(--padding-x);
  max-width: 104rem;
}
@media only screen and (max-width: 1199px) {
  .l-outer__solid {
    padding-inline: 1.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .l-outer__solid {
    padding-inline: 1.25rem;
  }
}
@media only screen and (max-width: 991px) {
  .l-outer__solid {
    flex-flow: column nowrap;
  }
}

.l-outer__solid--main {
  flex: 0 0 calc(100% - 16rem - 4rem * (var(--rs-rate)));
}
.l-outer__solid--side {
  padding: 0 0 var(--clearance-padding);
  position: relative;
  flex: 0 0 16rem;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .l-outer__solid--side {
    flex: 0 0 100%;
    padding: 0;
  }
}

.p-aside__float {
  padding: var(--clearance-padding) 0;
  width: 16rem;
}
@media only screen and (max-width: 991px) {
  .p-aside__float {
    padding: var(--clearance-padding) 0 0;
    width: 100%;
  }
}

.js-aside__float--fixed {
  position: fixed;
  z-index: 99;
  top: var(--header-height);
}

.js-aside__float--arrival {
  position: absolute;
  top: unset;
  bottom: 0;
}

.p-aside__float--link {
  color: var(--rgb-negativegray);
  display: block flex;
  align-items: center;
  font-weight: 700;
}
.p-aside__float--link::before {
  color: var(--rgb-red);
  font-size: 1.125em;
  font-family: "Material Symbols Outlined";
  margin-right: 0.375em;
  opacity: 0;
  transition: opacity 0.3s;
  content: "\e5c8";
}
.p-aside__float--link.active {
  color: var(--rgb-text);
}
.p-aside__float--link.active::before {
  opacity: 1;
  transition: opacity 0.6s;
}

.p-section__background--reverse {
  background: url(../images/common/common-background.webp) center center/cover no-repeat;
}

.p-section__text--reverse {
  color: var(--rgb-white);
}

.p-section__text--sans {
  font-family: var(--font-family-sans);
}

html, body {
  scrollbar-width: none;
}

body::-webkit-scrollbar {
  display: none;
}

.p-wrapper {
  padding-top: var(--header-height);
  overflow: hidden;
}

[data-background=index]::before {
  background: url(../images/common/common-background.webp) center center/cover no-repeat;
  position: fixed;
  inset: 0;
  z-index: -2;
  content: "";
}

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

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

.u-traffic__icon {
  display: inline flow-root !important;
  font-size: 1.25em !important;
  margin-block: 0 0.125em !important;
}

.p-fragment__animation {
  display: block grid;
  grid-template-columns: repeat(8, 1fr);
  position: absolute;
  inset: 0;
}
.p-fragment__animation span {
  background-color: var(--rgb-white);
  height: 100dvh;
}
.p-fragment__animation span:nth-of-type(1) {
  animation: vertical-shrink 1s 100ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(2) {
  animation: vertical-shrink 1s 200ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(3) {
  animation: vertical-shrink 1s 300ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(4) {
  animation: vertical-shrink 1s 400ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(5) {
  animation: vertical-shrink 1s 500ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(6) {
  animation: vertical-shrink 1s 600ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(7) {
  animation: vertical-shrink 1s 700ms forwards ease-in;
}
.p-fragment__animation span:nth-of-type(8) {
  animation: vertical-shrink 1s 800ms forwards ease-in;
}

@keyframes vertical-shrink {
  0% {
    height: 100dvh;
  }
  100% {
    height: 0dvh;
  }
}
.p-fragment__stripe {
  position: absolute;
  inset: 0;
  display: block grid;
  grid-template-columns: repeat(8, 1fr);
}
.p-fragment__stripe span {
  display: block flow;
}
.p-fragment__stripe span:not(:first-child) {
  border-left: 1px solid rgba(153, 153, 153, 0.4);
}

.c-figcaption {
  margin-top: 0.25lh;
}
.c-figcaption h4 {
  line-height: 1.5;
  margin-bottom: 0.25lh;
}
.c-figcaption h4 span {
  margin-block: var(--leading-trim-ja);
}
.c-figcaption p {
  text-align: center;
  line-height: 1.5;
}

.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-rounded {
  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;
}

.p-link__page {
  display: block flex;
  justify-content: flex-end;
  margin-top: 3rem;
}
.p-link__page span {
  line-height: 1.5;
  letter-spacing: 0.6em;
}
.p-link__page span.u-arrow__chevron--right::after {
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0;
}

.p-text__accent--red {
  color: var(--rgb-red);
}

: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[data-type=inquiry], button[data-type=inquiry], input[data-type=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-family: var(--font-montserrat);
  font-weight: 700;
  padding: var(--button-padding) 1em;
  width: 100%;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media print {
  a[data-type=inquiry], button[data-type=inquiry], input[data-type=inquiry] {
    pointer-events: none;
  }
}
@media screen and (min-width: 992px) {
  a[data-type=inquiry], button[data-type=inquiry], input[data-type=inquiry] {
    pointer-events: none;
  }
}
a[data-type=inquiry]:hover, button[data-type=inquiry]:hover, input[data-type=inquiry]:hover {
  color: var(--rgb-inquiry-text);
}

span[data-type=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__nav--links a[data-type=inquiry], .l-header__nav--links button[data-type=inquiry], .l-header__nav--links input[data-type=inquiry] {
  background-image: none;
  background-color: transparent;
  --line-height: 1;
  --button-padding: 0;
}
.l-header__nav--links a[data-type=inquiry] span, .l-header__nav--links button[data-type=inquiry] span, .l-header__nav--links input[data-type=inquiry] span {
  color: var(--rgb-inquiry-text);
}
.l-header__nav--links a[data-type=inquiry] span::before, .l-header__nav--links button[data-type=inquiry] span::before, .l-header__nav--links input[data-type=inquiry] span::before {
  font-size: 0.75em;
}

.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-inline: 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;
}

.c-phone--lg {
  line-height: 0.75;
  font-family: var(--font-roboto);
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.0625em;
  --rgb-link: currentColor;
  font-size: calc(2.5em * var(--lg-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: 700;
  font-size: 0.9em;
  margin-bottom: 0;
}
.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-family: var(--font-roboto);
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.0625em;
  --rgb-link: currentColor;
  font-size: calc(2.5em * var(--lg-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: 700;
}

.c-phone--md {
  line-height: 0.75;
  font-family: var(--font-roboto);
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.0625em;
  --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: 700;
  font-size: 0.9em;
  margin-bottom: 0;
}
.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-family: var(--font-roboto);
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.0625em;
  --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: 700;
}

.c-phone--sm {
  line-height: 0.75;
  font-family: var(--font-roboto);
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.0625em;
  --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: 700;
  font-size: 0.9em;
  margin-bottom: 0;
}
.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-family: var(--font-roboto);
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  letter-spacing: 0.0625em;
  --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: 700;
}

.c-box__body .c-phone--lg {
  margin-block: auto;
}

.js-parallax {
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: -1;
  isolation: isolate;
}

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

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

.p-hero {
  position: relative;
  margin-inline: calc(var(--padding-x) * 2);
}
@media only screen and (max-width: 991px) {
  .p-hero {
    margin-inline: var(--padding-x);
  }
}
@media only screen and (max-width: 575px) {
  .p-hero {
    margin-inline: 0;
  }
}

.c-hero__slider {
  background-color: var(--rgb-white);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.c-hero__slider .splide__pagination {
  padding-inline: calc(var(--padding-x) * 2 * var(--xl-rate));
  justify-content: flex-start;
  bottom: 1em;
}

.p-hero__cover {
  background-color: var(--rgb-white);
  height: calc(100dvh - var(--header-height));
}
@media screen and (orientation: portrait) and (min-width: 768px) {
  .p-hero__cover {
    max-height: 56.25dvw;
  }
}
@media only screen and (orientation: portrait) and (max-width: 767px) {
  .p-hero__cover {
    height: 100dvw;
    min-height: 50lvh;
  }
}
@media only screen and (orientation: portrait) and (max-width: 575px) {
  .p-hero__cover img {
    object-position: 75% 75%;
  }
}
.p-hero__text {
  padding: calc(5rem * var(--rs-rate)) calc(6rem * var(--rs-rate));
  justify-content: flex-start;
  align-items: flex-end;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .p-hero__text {
    padding: 0;
  }
}

.p-hero__copy {
  padding: calc(2rem * var(--rs-rate)) calc(2.5rem * var(--rs-rate));
}
.p-hero__copy::before {
  background-color: var(--rgb-hero-copy);
  background-image: var(--grad-start-blue);
  position: absolute;
  inset: 0;
  opacity: 0.9;
  content: "";
}

.p-hero__catch {
  color: var(--rgb-white);
  font-size: calc(3.5em * var(--rs-rate));
  line-height: 1.25;
  font-weight: 400;
  font-family: var(--font-inter-tight);
  text-transform: uppercase;
  display: block grid;
  gap: 0.25em;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.p-hero__catch em {
  font-size: 1.25em;
  font-weight: 700;
}
.p-hero__catch strong {
  font-size: 1.5em;
  font-weight: 700;
}

.p-hero__lead {
  color: var(--rgb-white);
  font-size: calc(1.5em * var(--sm-rate));
  line-height: 1.5;
  font-family: var(--font-roboto);
  font-weight: 700;
  border-top: 0.0625rem solid var(--rgb-white);
  margin-top: calc(1em * var(--xl-rate));
  padding-top: calc(1em * var(--xl-rate));
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .p-hero__lead {
    font-size: 3.5dvw;
    line-height: 1.25;
  }
}
.p-hero__lead span {
  display: block flow;
  margin-block: var(--leading-trim-en);
}

.p-index__business--background01 {
  background-image: var(--grad-start-blue);
  height: 36rem;
  position: absolute;
  top: calc(100% - 8rem * var(--rs-rate));
  left: calc(50% + 22rem * var(--rs-rate));
  right: calc(var(--padding-x) * -2);
  z-index: -1;
}
@media only screen and (max-width: 991px) {
  .p-index__business--background01 {
    left: 55%;
    right: calc(var(--padding-x) * -1);
  }
}
.p-index__business--background01 .u-cover {
  position: absolute;
  mix-blend-mode: soft-light;
}
.p-index__business--background01 .u-cover img {
  -o-object-position: center top;
     object-position: center top;
  opacity: 0.333;
}

.p-hero__shortcut ul {
  height: 100%;
  display: block grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
  gap: 1.5dvw;
}
@media only screen and (max-width: 991px) {
  .p-hero__shortcut ul {
    gap: 1.8dvw;
  }
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul {
    height: 50dvh;
    gap: 3.2dvw;
  }
}
.p-hero__shortcut ul li {
  position: relative;
}
.p-hero__shortcut ul li:last-of-type {
  grid-column: span 2;
}
.p-hero__shortcut ul li .p-hero__shortcut--badge {
  background-color: var(--rgb-yellow);
  color: var(--rgb-lightblue);
  border-radius: 5dvw;
  font-size: 1dvw;
  line-height: 1.2;
  font-weight: 700;
  width: 5dvw;
  height: 5dvw;
  display: block flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.8dvw;
  left: -0.8dvw;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .p-hero__shortcut ul li .p-hero__shortcut--badge {
    border-radius: 16dvw;
    font-size: 2.25dvw;
    width: 7.2dvw;
    height: 7.2dvw;
    top: -0.9dvw;
    left: -0.9dvw;
  }
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul li .p-hero__shortcut--badge {
    font-size: 4dvw;
    width: 12.8vw;
    height: 12.8dvw;
    top: -1.6dvw;
    left: -1.6dvw;
  }
}
.p-hero__shortcut ul li a {
  border-radius: 0.625rem;
  color: var(--rgb-white);
  display: block flow;
  position: relative;
  isolation: isolate;
  height: 100%;
  overflow: hidden;
}
.p-hero__shortcut ul li a figure {
  position: absolute;
  inset: 0;
}
.p-hero__shortcut ul li a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-hero__shortcut ul li a figure figcaption {
  background-color: rgba(0, 0, 0, 0.45);
  transition: background-color 0.3s;
  font-size: 1.5dvw;
  margin: 0;
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .p-hero__shortcut ul li a figure figcaption {
    font-size: 2.25dvw;
  }
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul li a figure figcaption {
    font-size: 4dvw;
  }
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--icon img {
  width: auto;
  height: 5.6dvw;
}
@media only screen and (max-width: 991px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--icon img {
    height: 7.2dvw;
  }
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--icon img {
    height: 12.8dvw;
  }
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--text {
  margin-block: var(--leading-trim-ja);
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign {
  background-image: var(--rgb-gradation-right);
  color: var(--rgb-black);
  font-size: 1dvw;
  margin-bottom: 0.5em;
  padding: 0.5em 0.625em;
}
@media only screen and (max-width: 991px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign {
    font-size: 1.44dvw;
  }
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign {
    font-size: 2.56dvw;
  }
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign span {
  display: block flow;
  margin-block: var(--leading-trim-ja);
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign span i {
  position: relative;
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign span i::before {
  position: absolute;
  bottom: 10%;
  content: "・・・";
}
.p-hero__shortcut ul li a .p-hero__shortcut--arrow {
  background-color: var(--rgb-blue);
  border-radius: 1.5dvw;
  padding: 0.45dvw;
  width: 3.33dvw;
  position: absolute;
  right: 0.531dvw;
  bottom: 0.531dvw;
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul li a .p-hero__shortcut--arrow {
    padding: 0.8dvw;
    width: 5.92dvw;
    position: absolute;
    right: 0.944vw;
    bottom: 0.944dvw;
  }
}
.p-hero__shortcut ul li a .p-hero__shortcut--arrow img {
  margin-inline: auto;
  width: auto;
  height: 0.666dvw;
}
@media only screen and (max-width: 575px) {
  .p-hero__shortcut ul li a .p-hero__shortcut--arrow img {
    height: 1.184dvw;
  }
}
.p-hero__shortcut ul li a:hover figcaption {
  background-color: rgba(0, 0, 0, 0.225);
  transition: background-color 0.6s;
}

.c-scrolldown {
  height: 10rem;
  left: calc(var(--padding-x) * -1 - 0.375rem);
  right: auto;
  bottom: 0;
}
@media only screen and (max-width: 991px) {
  .c-scrolldown {
    display: none;
  }
}
.c-scrolldown:before, .c-scrolldown:after {
  background-color: var(--rgb-black);
}
.c-scrolldown:before {
  width: 0.125rem;
  height: 7rem;
  top: 0;
  left: 0.3125rem;
}
.c-scrolldown:after {
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  top: 0;
  left: 0.125rem;
  --scroll-ball-start: -.25rem;
  --scroll-ball-goal: 6.625rem;
  animation: circlemove-custom 2s ease-in-out infinite, cirlemovehide-custom 2s ease-out infinite;
}
.c-scrolldown span {
  color: var(--rgb-black);
  font-size: 0.875em;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.075em;
  white-space: nowrap;
  margin-inline-start: auto;
  width: 0.75rem;
  left: 0;
  bottom: 0;
}

@keyframes circlemove-custom {
  0% {
    top: var(--scroll-ball-start);
  }
  100% {
    top: var(--scroll-ball-goal);
  }
}
@keyframes cirlemovehide-custom {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.p-headline {
  background-image: var(--grad-start-blue);
  overflow: hidden;
}
.p-headline .c-headline__text h2 {
  color: var(--rgb-white);
  text-shadow: 0 0 1.25em rgba(0, 0, 0, 0.1);
  font-size: calc(2em * var(--lg-rate));
  line-height: 1.5;
  font-weight: 700;
  padding: 0 var(--padding-x);
  justify-items: center;
  gap: 1em;
}
.p-headline .c-headline__text h2 span {
  margin-inline: auto;
  width: -moz-max-content;
  width: max-content;
  display: block flow;
}
.p-headline .c-headline__text h2 em {
  font-size: 4em;
  line-height: 1.125;
  font-family: var(--font-roboto);
  font-weight: 700;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  margin-block: -0.225em;
}
.p-headline .c-headline__text h2 em::first-letter {
  color: var(--rgb-blue);
}

.p-headline__image {
  overflow: hidden;
  height: calc(25rem * var(--rs-rate) + var(--header-height));
  display: block flow;
  position: relative;
  background-size: 125rem;
}
@media only screen and (max-width: 575px) {
  .p-headline__image {
    border-radius: unset;
  }
}
.p-headline__image > img {
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
  position: absolute;
  inset: 0;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  opacity: 0.75;
}

.c-breadcrumb__wrapper {
  background-color: var(--rgb-watergray);
}

.c-breadcrumb {
  font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
  .c-breadcrumb {
    font-size: 0.75em;
  }
}

.p-heading__index {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.5em * var(--md-rate));
  isolation: isolate;
  display: block grid;
  grid-row-gap: 1em;
}
.p-heading__index span {
  font-family: inherit;
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  display: block flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-block: var(--leading-trim-ja);
}
.p-heading__index[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__index[data-mode=light] span::before {
  background-color: var(--rgb-blue);
}
.p-heading__index[data-mode=light] em::first-letter {
  color: var(--rgb-blue);
}
.p-heading__index[data-mode=dark] span {
  color: var(--rgb-white);
}
.p-heading__index[data-mode=dark] span::before {
  background-color: var(--rgb-white);
}
.p-heading__index[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading__index[data-mode=custom] span {
  color: var(--rgb-text);
}
.p-heading__index[data-mode=custom] em {
  color: var(--rgb-text);
}
.p-heading__index[data-position=center] {
  margin-inline: auto;
}
.p-heading__index[data-position=center] span, .p-heading__index[data-position=center] em {
  text-align: center;
  margin-inline: auto;
}
.p-heading__index[data-position=center] span::before {
  display: none;
}
.p-heading__index[data-position=end] {
  margin-left: auto;
}
.p-heading__index[data-position=end] span, .p-heading__index[data-position=end] em {
  margin-left: auto;
}
.p-heading__index em {
  font-size: calc(4em * var(--lg-rate));
  line-height: 1.5;
  font-family: var(--font-roboto);
  font-weight: 700;
  text-transform: capitalize;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  white-space: nowrap;
}

.p-heading__index--vertical {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.5em * var(--md-rate));
  isolation: isolate;
  display: block grid;
  grid-row-gap: 1.25em;
  justify-items: end;
  writing-mode: sideways-lr;
  text-orientation: sideways;
}
.p-heading__index--vertical span {
  font-family: inherit;
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  display: block flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-block: var(--leading-trim-ja);
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.p-heading__index--vertical span img {
  display: block flow-root;
  margin-right: 0.5em;
  width: auto;
  height: calc(1.75rem * var(--md-rate));
}
.p-heading__index--vertical em {
  font-size: calc(3em * var(--lg-rate));
  line-height: 1.5;
  font-family: var(--font-roboto);
  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--vertical[data-position=center] {
  margin-inline: auto;
}
.p-heading__index--vertical[data-position=center] span, .p-heading__index--vertical[data-position=center] em {
  text-align: center;
  margin-inline: auto;
}
.p-heading__index--vertical[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__index--vertical[data-mode=light] em {
  color: var(--rgb-text);
}
.p-heading__index--vertical[data-mode=reverse] span {
  color: var(--rgb-charcoal);
}
.p-heading__index--vertical[data-mode=reverse] em {
  color: var(--rgb-blue);
}
.p-heading__index--vertical[data-mode=dark] span {
  color: var(--rgb-white);
}
.p-heading__index--vertical[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading__index--vertical[data-mode=custom] span {
  color: var(--rgb-text);
}
.p-heading__index--vertical[data-mode=custom] em {
  color: var(--rgb-text);
}

.p-heading__footer--contact {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.5em * var(--md-rate));
  isolation: isolate;
  display: block grid;
  grid-row-gap: 1em;
}
.p-heading__footer--contact span {
  font-family: inherit;
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  display: block flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-block: var(--leading-trim-ja);
}
.p-heading__footer--contact[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__footer--contact[data-mode=light] span::before {
  background-color: var(--rgb-blue);
}
.p-heading__footer--contact[data-mode=light] em::first-letter {
  color: var(--rgb-blue);
}
.p-heading__footer--contact[data-mode=dark] span {
  color: var(--rgb-white);
}
.p-heading__footer--contact[data-mode=dark] span::before {
  background-color: var(--rgb-white);
}
.p-heading__footer--contact[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading__footer--contact[data-mode=custom] span {
  color: var(--rgb-text);
}
.p-heading__footer--contact[data-mode=custom] em {
  color: var(--rgb-text);
}
.p-heading__footer--contact[data-position=center] {
  margin-inline: auto;
}
.p-heading__footer--contact[data-position=center] span, .p-heading__footer--contact[data-position=center] em {
  text-align: center;
  margin-inline: auto;
}
.p-heading__footer--contact[data-position=center] span::before {
  display: none;
}
.p-heading__footer--contact[data-position=end] {
  margin-left: auto;
}
.p-heading__footer--contact[data-position=end] span, .p-heading__footer--contact[data-position=end] em {
  margin-left: auto;
}
.p-heading__footer--contact em {
  font-size: calc(4.5em * var(--lg-rate));
  line-height: 1.5;
  font-family: var(--font-roboto);
  font-weight: 400;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  white-space: nowrap;
}

.p-heading__page {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.5em * var(--md-rate));
  isolation: isolate;
  display: block grid;
  grid-row-gap: 1em;
}
.p-heading__page span {
  font-family: inherit;
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  display: block flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-block: var(--leading-trim-ja);
}
.p-heading__page[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__page[data-mode=light] span::before {
  background-color: var(--rgb-blue);
}
.p-heading__page[data-mode=light] em::first-letter {
  color: var(--rgb-blue);
}
.p-heading__page[data-mode=dark] span {
  color: var(--rgb-white);
}
.p-heading__page[data-mode=dark] span::before {
  background-color: var(--rgb-white);
}
.p-heading__page[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading__page[data-mode=custom] span {
  color: var(--rgb-text);
}
.p-heading__page[data-mode=custom] em {
  color: var(--rgb-text);
}
.p-heading__page[data-position=center] {
  margin-inline: auto;
}
.p-heading__page[data-position=center] span, .p-heading__page[data-position=center] em {
  text-align: center;
  margin-inline: auto;
}
.p-heading__page[data-position=center] span::before {
  display: none;
}
.p-heading__page[data-position=end] {
  margin-left: auto;
}
.p-heading__page[data-position=end] span, .p-heading__page[data-position=end] em {
  margin-left: auto;
}
.p-heading__page em {
  font-size: calc(4em * var(--lg-rate));
  line-height: 1.5;
  font-family: var(--font-roboto);
  font-weight: 700;
  text-transform: capitalize;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
  white-space: nowrap;
}

.p-lead__page {
  font-size: calc(1.33em * var(--xs-rate));
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em;
  display: block grid;
  grid-row-gap: 1em;
}
.p-lead__page span, .p-lead__page em, .p-lead__page small {
  font-weight: 400;
  margin-block: var(--leading-trim-ja);
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block flow;
}
.p-lead__page em {
  font-size: calc(1.5em * var(--xs-rate));
  letter-spacing: 0.6em;
  text-indent: 0.6em;
}
@media only screen and (max-width: 991px) {
  .p-lead__page em {
    letter-spacing: 0.4em;
    text-indent: 0.4em;
  }
}
@media only screen and (max-width: 575px) {
  .p-lead__page em {
    letter-spacing: 0.2em;
    text-indent: 0.2em;
  }
}
.p-lead__page small {
  font-size: 0.9em;
}

.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.25em * var(--md-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: block flow;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.p-heading__index2--light .c-heading__leftline {
  border-left-width: 0.0625rem;
  border-left-color: var(--rgb-blue);
}
.p-heading__index2--light .c-heading__underline {
  border-bottom-width: 0.0625rem;
  border-bottom-color: var(--rgb-blue);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.p-heading__index2--light .c-heading__clone {
  background-color: var(--rgb-red);
  line-height: 2.5;
  padding: 0.5em 0.75em;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  display: inline;
}

.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.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: block flow;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.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__index2--dark .c-heading__clone {
  background-color: var(--rgb-red);
  line-height: 2.5;
  padding: 0.5em 0.75em;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  display: inline;
}

.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(--rgb-text);
  font-size: calc(1.5em * var(--md-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: block flow;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.p-heading__page2--light .c-heading__leftline {
  border-left-width: 0.25rem;
  border-left-color: var(--rgb-blue);
}
.p-heading__page2--light .c-heading__underline {
  border-bottom-width: 0.25rem;
  border-bottom-color: var(--rgb-blue);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.p-heading__page2--light .c-heading__clone {
  background-color: var(--rgb-red);
  line-height: 2.5;
  padding: 0.5em 0.75em;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  display: inline;
}

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

.p-heading__index3--dark {
  margin-bottom: 1em;
}
.p-heading__index3--dark:not(:first-child) {
  margin-top: 2em;
}
.p-heading__index3--dark em {
  color: var(--rgb-white);
  font-size: calc(1.25em * var(--xs-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__index3--dark .c-heading__leftline {
  border-left-width: 0.1875rem;
  border-left-color: var(--rgb-white);
}
.p-heading__index3--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__page3--light {
  margin-bottom: 1em;
}
.p-heading__page3--light:not(:first-child) {
  margin-top: 2em;
}
.p-heading__page3--light em {
  color: var(--rgb-page-color);
  font-size: calc(1.25em * var(--xs-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__page3--light .c-heading__leftline {
  border-left-width: 0.1875rem;
  border-left-color: var(--rgb-page-color);
}
.p-heading__page3--light .c-heading__underline {
  border-bottom-width: 0.125rem;
  border-bottom-color: var(--rgb-page-color);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-heading__page3--dark {
  margin-bottom: 1em;
}
.p-heading__page3--dark:not(:first-child) {
  margin-top: 2em;
}
.p-heading__page3--dark em {
  color: var(--rgb-white);
  font-size: calc(1.25em * var(--xs-rate));
  line-height: 1.5;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__page3--dark .c-heading__leftline {
  border-left-width: 0.125rem;
  border-left-color: var(--rgb-white);
}
.p-heading__page3--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__index4--light {
  margin-bottom: 0.5em;
}
.p-heading__index4--light:not(:first-child) {
  margin-top: 1.5em;
}
.p-heading__index4--light em {
  color: var(--rgb-text);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.25;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__index4--light .c-heading__leftline {
  border-left-width: 0.0625rem;
  border-left-color: var(--rgb-page-color);
}
.p-heading__index4--light .c-heading__underline {
  border-bottom-width: 0.0625rem;
  border-bottom-color: var(--rgb-page-color);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-heading__index4--dark {
  margin-bottom: 0.5em;
}
.p-heading__index4--dark:not(:first-child) {
  margin-top: 1.5em;
}
.p-heading__index4--dark em {
  color: var(--rgb-white);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.25;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__index4--dark .c-heading__leftline {
  border-left-width: 0.1875rem;
  border-left-color: var(--rgb-white);
}
.p-heading__index4--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__page4--light {
  margin-bottom: 0.5em;
}
.p-heading__page4--light:not(:first-child) {
  margin-top: 1.5em;
}
.p-heading__page4--light em {
  color: var(--rgb-page-color);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.25;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__page4--light .c-heading__leftline {
  border-left-width: 0.1875rem;
  border-left-color: var(--rgb-page-color);
}
.p-heading__page4--light .c-heading__underline {
  border-bottom-width: 0.125rem;
  border-bottom-color: var(--rgb-page-color);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.p-heading__page4--dark {
  margin-bottom: 0.5em;
}
.p-heading__page4--dark:not(:first-child) {
  margin-top: 1.5em;
}
.p-heading__page4--dark em {
  color: var(--rgb-white);
  font-size: calc(1.125em * var(--xs-rate));
  line-height: 1.25;
  font-family: inherit;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
}
.p-heading__page4--dark .c-heading__leftline {
  border-left-width: 0.125rem;
  border-left-color: var(--rgb-white);
}
.p-heading__page4--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-index__caution {
  background-color: var(--rgb-yellow);
  isolation: isolate;
  text-align: center;
}
.p-index__caution::before, .p-index__caution::after {
  background: url(../images/common/stripe.svg) center center/contain repeat-x;
  height: calc(var(--clearance-padding) * 0.5);
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  content: "";
}
.p-index__caution::before {
  top: 0;
}
.p-index__caution::after {
  bottom: 0;
}

.p-index__caution--icon {
  margin-inline: auto;
  margin-bottom: calc(0.75rem * var(--md-rate));
  width: -moz-max-content;
  width: max-content;
}
.p-index__caution--icon img {
  width: auto;
  height: calc(3.5rem * var(--md-rate));
}

.p-index__caution--text {
  font-size: calc(2em * var(--md-rate));
}
.p-index__caution--text span, .p-index__caution--text em {
  display: block flow;
  line-height: 1.5;
}
.p-index__caution--text span {
  font-size: 0.75em;
}
.p-index__caution--text em {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  text-decoration-style: solid;
  text-underline-offset: 0.125em;
}

.p-index__business {
  isolation: isolate;
}
.p-index__business::after {
  background: url(../images/index-recruit__background.webp) center center/cover no-repeat;
  height: 35rem;
  position: absolute;
  top: calc(100% - var(--clearance-padding) * 2.375);
  left: 0;
  right: 0;
  content: "";
}
@media only screen and (max-width: 1399px) {
  .p-index__business::after {
    height: 31rem;
  }
}
@media only screen and (max-width: 1199px) {
  .p-index__business::after {
    height: 27rem;
  }
}
@media only screen and (max-width: 991px) {
  .p-index__business::after {
    top: 76dvw;
    height: 54dvw;
  }
}
@media only screen and (max-width: 767px) {
  .p-index__business::after {
    top: 72dvw;
    height: 52dvw;
    min-height: unset;
  }
}
@media only screen and (max-width: 575px) {
  .p-index__business::after {
    top: 164dvw;
    height: 104dvw;
  }
}

.p-index__business--background02 {
  background-color: var(--rgb-watergray);
  position: absolute;
  bottom: calc(var(--clearance-padding) * 4.25);
  width: 50%;
  height: calc(var(--clearance-padding) * 3.5);
  z-index: 1;
}

.p-index__business--background03 {
  background: url(../images/index-business__picture01.webp) right top/74.75% no-repeat;
  padding-top: calc(var(--clearance-padding) * 0.5);
}
@media only screen and (max-width: 991px) {
  .p-index__business--background03 {
    padding-top: 10%;
  }
}

.p-index__business--heading {
  background-image: linear-gradient(to right, var(--rgb-black) 25.25%, var(--rgb-white) 25.25%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-size: calc(7.5em * var(--xl-rate));
  text-transform: capitalize;
  padding-left: 8.75%;
  margin-bottom: 0.2em;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .p-index__business--heading {
    font-size: 12.5dvw;
    padding-left: 0;
  }
}
.p-index__business--heading em {
  margin-block: var(--leading-trim-en);
  display: block;
}
.p-index__business--heading em::first-letter {
  color: var(--rgb-blue);
}

.p-index__business--divider {
  background-image: linear-gradient(to right, transparent 8.75%, var(--rgb-blue) 8.75%, var(--rgb-blue) 25.25%, var(--rgb-white) 25.25%, var(--rgb-white) 46.75%, transparent 46.75%);
  background-clip: border-box;
  border: none;
  font-size: calc(7.5em * var(--xl-rate));
  height: 0.25rem;
  margin-block: 0.2em;
  position: relative;
  display: block flow;
}
@media only screen and (max-width: 1199px) {
  .p-index__business--divider {
    background-image: linear-gradient(to right, transparent 8.75%, var(--rgb-blue) 8.75%, var(--rgb-blue) 25.25%, var(--rgb-white) 25.25%, var(--rgb-white) 49%, transparent 49%);
    margin-block: 0.3em;
  }
}
@media only screen and (max-width: 991px) {
  .p-index__business--divider {
    background-image: linear-gradient(to right, transparent 8.75%, var(--rgb-blue) 8.75%, var(--rgb-blue) 25.25%, var(--rgb-white) 25.25%, var(--rgb-white) 51.5%, transparent 51.5%);
  }
}
@media only screen and (max-width: 575px) {
  .p-index__business--divider {
    background-image: linear-gradient(to right, var(--rgb-blue) 25.25%, var(--rgb-white) 25.25%, var(--rgb-white) 57%, transparent 57%);
    margin-block: 0.4em;
  }
}
.p-common__text--box {
  background-color: rgba(255, 255, 255, 0.9);
  padding: calc(2.5rem * var(--rs-rate)) calc(3rem * var(--rs-rate));
}
.p-common__text--box h4 {
  font-size: calc(3em * var(--lg-rate));
  line-height: 1.25;
  font-weight: 400;
  margin-bottom: 0.5em;
}
.p-index__business--icon img {
  max-width: calc(5.75rem * var(--rs-rate));
  margin-inline: auto;
}
.p-index__business--icon p {
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
  margin-top: 0.5em;
}

.p-index__business--link, .p-index__business--link:hover, .p-index__business--link:active, .p-index__business--link:focus {
  display: block flow;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.p-index__business--link .p-index__business--text, .p-index__business--link:hover .p-index__business--text, .p-index__business--link:active .p-index__business--text, .p-index__business--link:focus .p-index__business--text {
  position: absolute;
  inset: 0;
  z-index: 2;
  isolation: isolate;
  display: block flex;
  align-items: center;
  filter: drop-shadow(0 0 0.75em rgba(0, 0, 0, 0.5));
}
.p-index__business--link .p-index__business--text h4, .p-index__business--link:hover .p-index__business--text h4, .p-index__business--link:active .p-index__business--text h4, .p-index__business--link:focus .p-index__business--text h4 {
  color: var(--rgb-white);
  font-size: calc(2em * var(--md-rate));
  line-height: 1.5;
  font-weight: 700;
  display: block grid;
  gap: 0.5em;
  margin-inline: auto;
  justify-items: center;
}
.p-index__business--link .p-index__business--text h4 span, .p-index__business--link:hover .p-index__business--text h4 span, .p-index__business--link:active .p-index__business--text h4 span, .p-index__business--link:focus .p-index__business--text h4 span {
  margin-block: var(--leading-trim-ja);
  text-align: center;
}
.p-index__business--link .p-index__business--text h4 em, .p-index__business--link:hover .p-index__business--text h4 em, .p-index__business--link:active .p-index__business--text h4 em, .p-index__business--link:focus .p-index__business--text h4 em {
  color: var(--rgb-white);
  font-size: 0.5em;
  text-transform: uppercase;
  font-weight: 400;
  font-family: var(--font-jost);
  margin-block: var(--leading-trim-ja);
  position: relative;
}
.p-index__business--link .p-index__business--text h4 span, .p-index__business--link:hover .p-index__business--text h4 span, .p-index__business--link:active .p-index__business--text h4 span, .p-index__business--link:focus .p-index__business--text h4 span {
  margin-block: var(--leading-trim-ja);
}
.p-index__business--link .p-index__business--image {
  scale: 1;
  filter: brightness(0.75);
  transition: scale 0.3s, filter 0.3s;
}
.p-index__business--link .p-index__business--text {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.p-index__business--link:hover .p-index__business--image, .p-index__business--link:active .p-index__business--image, .p-index__business--link:focus .p-index__business--image {
  scale: 1.05;
  filter: brightness(0.9);
  transition: scale 0.6s, filter 0.6s;
}
.p-index__business--link:hover .p-index__business--text, .p-index__business--link:active .p-index__business--text, .p-index__business--link:focus .p-index__business--text {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}
.p-index__business--link .p-index__business--image, .p-index__business--link:hover .p-index__business--image, .p-index__business--link:active .p-index__business--image, .p-index__business--link:focus .p-index__business--image {
  position: relative;
}

.p-index__business--catch {
  text-align: center;
}
.p-index__business--catch p {
  font-size: calc(3em * var(--lg-rate));
  font-weight: 700;
}
.p-index__business--catch p em {
  font-size: 1.25em;
  background-color: var(--rgb-blue-900);
  color: var(--rgb-white);
  line-height: 1.5;
  padding: 0em 0.25em;
  display: inline flow-root;
}

.p-heading__typography {
  font-size: calc(2.5em * var(--lg-rate));
  font-weight: 900;
  margin-bottom: 1em;
}
.p-heading__typography em {
  font-size: 1.25em;
  background-color: var(--rgb-blue-900);
  color: var(--rgb-white);
  line-height: 1.5;
  padding: 0em 0.25em;
  display: inline flow-root;
}

.p-business__anchor--navigation {
  max-width: 50rem;
  margin-inline: auto;
}

.p-business__case2 {
  display: block grid;
  grid-template-columns: 1fr calc(6rem * var(--rs-rate)) 1fr;
}
@media only screen and (max-width: 575px) {
  .p-business__case2 {
    grid-template-columns: unset;
  }
}

.p-business__case3 {
  display: block grid;
  grid-template-columns: 1fr calc(6rem * var(--rs-rate)) 1fr calc(6rem * var(--rs-rate)) 1fr;
}
@media only screen and (max-width: 575px) {
  .p-business__case3 {
    grid-template-columns: unset;
  }
}

.p-business__case--arrow {
  padding: calc(1rem * var(--rs-rate));
  justify-self: center;
  align-self: center;
}

.p-before__after--arrow {
  background-color: var(--rgb-blue-900);
  width: calc(4rem * var(--rs-rate));
  height: calc(3em * var(--rs-rate));
  -webkit-clip-path: polygon(0% 25%, 50% 25%, 50% 0%, 100% 50%, 50% 100%, 50% 75%, 0% 75%);
          clip-path: polygon(0% 25%, 50% 25%, 50% 0%, 100% 50%, 50% 100%, 50% 75%, 0% 75%);
}
@media only screen and (max-width: 575px) {
  .p-before__after--arrow {
    width: calc(4rem * var(--rs-rate));
    height: calc(3rem * var(--rs-rate));
    -webkit-clip-path: polygon(25% 0, 75% 0%, 75% 50%, 100% 50%, 50% 100%, 0% 50%, 25% 50%);
            clip-path: polygon(25% 0, 75% 0%, 75% 50%, 100% 50%, 50% 100%, 0% 50%, 25% 50%);
  }
}

@media only screen and (max-width: 575px) {
  .p-table__business--works th, .p-table__business--works td {
    font-size: 0.9em;
  }
}
.p-table__business--works th:nth-of-type(1), .p-table__business--works td:nth-of-type(1) {
  width: 66.6%;
}
.p-table__business--works th:nth-of-type(2), .p-table__business--works td:nth-of-type(2) {
  width: 33.3%;
}
.p-table__business--works td:nth-of-type(2) {
  text-align: center;
}

.p-index__recruit {
  isolation: isolate;
}

.p-recruit__features--box {
  background-color: var(--rgb-white);
  border: 4px double var(--rgb-red);
  padding: calc(3rem * var(--rs-rate));
}

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

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

.p-index__company::before {
  background-color: var(--rgb-watergray);
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  content: "";
}
@media only screen and (max-width: 575px) {
  .p-index__company::before {
    right: 0;
  }
}

@keyframes slide-left {
  from {
    transform: translateX(); /* 右外から */
  }
  to {
    transform: translateX(-400dvw);
  }
}
.p-index__layout--left {
  display: block grid;
  grid-template-columns: 7.5em 1fr;
  gap: calc(4rem * var(--rs-rate));
}

.p-company__business--box {
  background-color: var(--rgb-white);
  border: 4px double var(--rgb-red);
  padding: calc(3rem * var(--responsive-rate));
}

.p-company__strengths--image {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: 3fr 2fr 1fr;
  grid-gap: calc(2rem * var(--responsive-rate));
}

.p-company__strengths--sm {
  grid-area: 2/1/4/2;
}

.p-company__strengths--lg {
  grid-area: 1/2/3/3;
}

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

.p-profile__table {
  display: grid;
  grid-template-columns: repeat(1, 7em 1fr);
  align-items: start;
  grid-gap: 0.5em 1em;
}
@media only screen and (max-width: 575px) {
  .p-profile__table {
    grid-template-columns: 1fr;
  }
}
.p-profile__table .p-profile__table--head, .p-profile__table .p-profile__table--data {
  line-height: 1.5;
  font-weight: 400;
}
.p-profile__table .p-profile__table--head {
  background-color: var(--rgb-lightgray);
  text-align: center;
}
.p-company__zeh {
  display: block flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
}

.p-company__zeh--icon {
  padding: 0.5rem;
  width: -moz-max-content;
  width: max-content;
}
.p-company__zeh--icon img {
  width: auto;
  height: calc(8rem * var(--rs-rate));
}

.p-table__equipments {
  --expand-th-width: 6em;
}

.p-company__data--icon {
  margin-inline: auto;
  width: -moz-max-content;
  width: max-content;
}
.p-company__data--icon .material-symbols-rounded {
  color: var(--rgb-green);
  font-size: calc(6em * var(--sm-rate));
}

.p-company__data--text {
  display: block grid;
  justify-items: center;
  text-align: center;
  line-height: 1.5;
}
.p-company__data--text em {
  color: var(--rgb-green);
  font-size: 2em;
  font-weight: 700;
}

.p-text__invert {
  color: var(--rgb-white);
}

.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-serif);
  font-weight: 400;
}

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

.p-select__subscription th {
  background-color: rgba(60, 81, 144, 0.7) !important;
  color: var(--rgb-white) !important;
}

:root {
  --news-scroll: 25rem;
  --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%;
  }
}

.c-news__scroll {
  padding: calc(2rem * var(--rs-rate));
  background-color: var(--rgb-wrapper-background);
}
@media only screen and (max-width: 991px) {
  .c-news__scroll {
    padding-right: unset;
  }
}

.c-news__article {
  margin-inline: auto;
  width: 100%;
  grid-template-columns: 10em 1fr;
  grid-column-gap: 1.75em;
  align-items: start;
  padding-bottom: calc(1.125rem * var(--rs-rate));
}
@media only screen and (max-width: 575px) {
  .c-news__article {
    align-items: center;
    grid-template-columns: 8em 1fr calc(4rem * var(--rs-rate));
    grid-row-gap: 1em;
  }
}
.c-news__article:not(:first-of-type) {
  border-top: 0.0625rem solid var(--rgb-linegray);
  padding-top: calc(1.125rem * var(--rs-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 {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-left: 1.25em;
  padding-block: 0.25rem;
  font-weight: 400;
  display: block flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .c-news__date {
    padding-left: 0;
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.c-news__date time {
  line-height: 1.75;
  font-feature-settings: "tnum";
  white-space: nowrap;
}

.c-news__updated {
  font-family: var(--font-oswald);
  color: var(--rgb-blue);
  text-transform: uppercase;
  line-height: 1.5;
  text-align: right;
}
.c-news__updated img {
  width: auto;
  height: 1rem;
  vertical-align: middle;
}

.c-news__icon {
  background-color: var(--rgb-background);
  color: var(--rgb-white);
  font-size: 0.875em;
  line-height: 1.25;
  font-family: var(--font-family-sans);
  padding: 0.375em;
  text-align: center;
  max-width: var(--news-icon);
}

.c-news__post {
  font-family: var(--font-family-sans);
  line-height: 1.5;
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 0.25rem;
}
@media only screen and (max-width: 575px) {
  .c-news__post {
    padding: 0;
    grid-column: 1/4;
    grid-row: 2/3;
  }
}

.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(--rs-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: 700;
  margin-bottom: 0.5em;
}

.c-news__detail {
  grid-column: 3/4;
  grid-row: 1/2;
}

.c-news__view--link, .c-news__view--link:hover, .c-news__view--link:active, .c-news__view--link:focus {
  background-color: var(--rgb-blue);
  border-radius: 2rem;
  width: calc(4rem * var(--rs-rate));
  padding: calc(0.625rem * var(--rs-rate));
  display: block flow;
}
.c-news__view--link img, .c-news__view--link:hover img, .c-news__view--link:active img, .c-news__view--link:focus img {
  margin-inline: auto;
  width: auto;
  height: calc(0.75rem * var(--rs-rate));
}
.c-news__view--link {
  transition: backgroundtext-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;
}

.c-news__view--date {
  border-bottom: 0.0625rem dashed var(--rgb-linegray);
  font-family: var(--font-oswald);
  padding: calc(var(--gap-md) * var(--box-rate) * 0.5) calc(var(--gap-md) * var(--box-rate) * 2);
  display: block flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5em;
}

.p-tab__behavior .p-tab__selector {
  --button-padding-x: 1em;
  --button-padding-y: .5em;
}
.p-tab__behavior .p-tab__selector .c-button {
  justify-content: flex-start;
}
.p-tab__behavior .p-tab__selector .c-button span {
  width: 100%;
}
.p-tab__behavior .p-tab__selector .c-button span em {
  border-top: 0.0625rem dashed var(--rgb-blue);
  font-size: 0.625em;
  margin-top: 0.5em;
  padding-top: 0.5em;
  display: block flow;
}
.p-tab__behavior .p-tab__selector .c-button:hover span em, .p-tab__behavior .p-tab__selector .c-button.active span em {
  border-top-color: var(--rgb-white);
}
.p-tab__behavior .js-tab__button {
  cursor: pointer;
  transform: translateY(0.125rem);
}
.p-tab__behavior .js-tab__button.active {
  transform: translateY(0);
}
.p-tab__behavior .js-tab__container {
  box-shadow: 0 0 2.25rem rgba(0, 0, 0, 0.1);
  border-top: 0.125rem solid var(--rgb-blue);
  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));
}

footer {
  overflow: visible;
}

.l-footer {
  z-index: 8;
}

.p-footer__logo img, .p-footer__logo svg {
  width: auto;
  height: 3rem;
}
@media only screen and (max-width: 1399px) {
  .p-footer__logo img, .p-footer__logo svg {
    height: 2.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .p-footer__logo img, .p-footer__logo svg {
    height: 2.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .p-footer__logo img, .p-footer__logo svg {
    height: 4.95vw;
  }
}
@media only screen and (max-width: 575px) {
  .p-footer__logo img, .p-footer__logo svg {
    height: 8.8vw;
  }
}

.l-contact {
  display: block grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(4rem * var(--rs-rate));
}
@media only screen and (max-width: 575px) {
  .l-contact {
    grid-template-columns: 1fr;
  }
}

.l-contact__method {
  display: block grid;
  gap: calc(3em * var(--rs-rate));
}
.l-contact__method p {
  text-transform: uppercase;
  margin-block: var(--leading-trim-ja);
}

.l-contact__call {
  display: block grid;
  gap: calc(1em * var(--rs-rate));
  justify-items: center;
}
@media only screen and (max-width: 575px) {
  .l-contact__call {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}

.l-contact__facsimile {
  display: block grid;
  gap: calc(2em * var(--rs-rate));
}
@media only screen and (max-width: 575px) {
  .l-contact__facsimile {
    grid-column: 1/2;
    grid-row: 3/5;
  }
}

.l-contact__mail {
  display: block grid;
  gap: calc(1em * var(--rs-rate));
}
@media only screen and (max-width: 575px) {
  .l-contact__mail {
    grid-column: 1/2;
    grid-row: 3/5;
  }
}

.l-footer__contact {
  background-color: var(--rgb-contact);
  color: var(--rgb-white);
  padding-block: var(--clearance-padding);
  padding-inline: calc(4rem * var(--rs-rate));
  --rgb-link: currentColor;
}
.l-footer__contact[data-background=photo]::before {
  background: url(../images/common/footer-contact__background.webp) center center/cover no-repeat;
  position: absolute;
  inset: 0;
  opacity: 0.5;
  content: "";
}
.l-footer__contact span[data-action=call] {
  color: currentColor;
}
.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-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.p-contact__heading em {
  font-weight: 500;
}
.p-contact__heading span {
  font-size: calc(1.5em * var(--sm-rate));
  font-weight: 700;
}

.l-information {
  grid-template-columns: auto auto 8rem;
  grid-template-rows: 1.5rem auto auto;
  gap: calc(0.5rem * var(--rs-rate)) calc(2rem * var(--rs-rate));
}
@media only screen and (max-width: 991px) {
  .l-information {
    grid-template-columns: 1fr max-content;
    grid-template-rows: unset;
    align-items: start;
    gap: calc(1.25rem * var(--xl-rate)) calc(2rem * var(--rs-rate));
  }
}
@media only screen and (max-width: 575px) {
  .l-information {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    justify-items: center;
    gap: calc(2rem * var(--lg-rate)) calc(2rem * var(--rs-rate));
  }
}

.l-footer__logo {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media only screen and (max-width: 991px) {
  .l-footer__logo {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.l-location {
  grid-column: 1/2;
  grid-row: 3/4;
  display: block grid;
  gap: 0.75em;
}
@media only screen and (max-width: 991px) {
  .l-location {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media only screen and (max-width: 575px) {
  .l-location {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

.l-sitemap {
  grid-column: 2/3;
  grid-row: 1/2;
  justify-self: end;
  align-self: center;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  .l-sitemap {
    display: none;
  }
}

.l-footer__mail {
  --button-font-size: .875em;
  --button-padding-x: .5em;
  --button-padding-y: .125em;
  --flat-background: var(--rgb-white);
  --flat-background-hover: var(--rgb-teal);
  --flat-color:var(--rgb-text);
  --flat-color-hover:var(--rgb-white);
}
.l-footer__mail [class*=u-icon]::before {
  margin-bottom: 0;
}

.l-footer__information {
  background-color: var(--rgb-footer);
  color: var(--rgb-white);
  line-height: 1.5;
  padding-block: calc(var(--clearance-padding) * 0.75);
  position: relative;
  isolation: isolate;
}
@media only screen and (max-width: 1199px) {
  .l-footer__information {
    padding-bottom: calc(var(--clearance-padding) * 0.5);
  }
}
.l-footer__information::before {
  background-image: var(--grad-start-blue);
  position: absolute;
  inset: 0;
  opacity: 0.5;
  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__banner {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.3s;
  border-radius: calc(1rem * var(--rs-rate));
  padding: calc(2rem * var(--rs-rate));
  display: block grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 1em;
}
.p-footer__banner:hover {
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.6s;
}
.p-footer__banner h4 {
  font-size: 1em;
  display: block grid;
  gap: 0.5em;
}
.p-footer__banner h4 span, .p-footer__banner h4 em {
  margin-block: var(--leading-trim-ja);
}
.p-footer__banner h4 em {
  color: var(--rgb-blue-900);
  font-size: calc(2.5em * var(--md-rate));
  font-family: var(--font-inter-tight);
  text-transform: uppercase;
}

.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-footer__group {
  background-color: var(--rgb-background);
  padding-block: calc(1rem * var(--rs-rate));
  padding-inline: calc(3.5rem * var(--rs-rate)) calc(2.5rem * var(--rs-rate));
  display: block flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .p-footer__group {
    padding: calc(2.5rem * var(--rs-rate));
  }
}
@media only screen and (max-width: 991px) {
  .p-footer__group {
    flex-flow: row wrap;
  }
}
.p-footer__group h4 {
  font-size: 0.875em;
  display: block grid;
  gap: 0.5em;
}
@media only screen and (max-width: 991px) {
  .p-footer__group h4 {
    flex: 0 0 100%;
    text-align: center;
  }
}
.p-footer__group h4 span, .p-footer__group h4 em {
  display: block flow;
  font-weight: 400;
}
.p-footer__group h4 em {
  font-size: 1.75em;
  font-family: var(--font-spectral);
  letter-spacing: 0.6em;
  margin-block: var(--leading-trim-ja);
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .p-footer__group h4 em {
    text-indent: 0.6em;
  }
}
.p-footer__group a {
  display: block flow;
  padding: 1rem;
}
@media only screen and (max-width: 991px) {
  .p-footer__group a {
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 575px) {
  .p-footer__group a {
    flex: 0 0 100%;
  }
}
.p-footer__group a p {
  display: block flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
.p-footer__group a p span {
  white-space: nowrap;
}
.p-footer__group a img {
  display: block flow;
  margin-inline: auto;
  margin-bottom: 0.5em;
}

.p-footer__freedial .p-footer__freedial--recept {
  font-size: 0.75em;
  line-height: 1.5;
  font-family: var(--font-family-sans);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-align: center;
  margin-top: 1em;
}

.p-location {
  display: block flex;
  flex-flow: row wrap;
}
@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 {
    flex: 0 0 100%;
    margin-right: 0;
    text-align: center;
  }
}
.p-location__zipcode::before {
  content: "〒";
}

.p-location__address {
  flex: 0 0 auto;
  white-space: nowrap;
}
.p-location__building {
  white-space: nowrap;
  margin-left: 0.5em;
}
@media only screen and (max-width: 575px) {
  .p-location__building {
    margin-left: 0;
  }
}

.p-location__marker {
  margin-left: 0.5em;
}
.p-location__marker .material-symbols-rounded {
  color: var(--rgb-white);
}

.p-location__phone {
  font-size: 1.5em;
  line-height: 1.5;
  font-family: var(--font-oswald);
  width: -moz-max-content;
  width: max-content;
  font-feature-settings: "tnum";
}
.p-location__phone::before {
  font-size: 0.75em;
  margin-right: 0.33em;
  content: "TEL.";
  font-feature-settings: "tnum";
}

.p-location__facsimile {
  font-size: 1.5em;
  line-height: 1.5;
  font-family: var(--font-oswald);
  width: -moz-max-content;
  width: max-content;
  font-feature-settings: "tnum";
}
.p-location__facsimile::before {
  font-size: 0.75em;
  margin-right: 0.33em;
  content: "FAX.";
  font-feature-settings: "tnum";
}

.p-location__mail {
  font-size: 1.5em;
  line-height: 1.5;
  font-family: var(--font-oswald);
  width: -moz-max-content;
  width: max-content;
  font-feature-settings: "tnum";
}
.p-location__mail::before {
  font-size: 0.75em;
  margin-right: 0.33em;
  content: "E-mail.";
  font-feature-settings: "tnum";
}

.p-location__compatible {
  font-size: 1.5em;
  line-height: 1.5;
  font-family: var(--font-oswald);
  width: -moz-max-content;
  width: max-content;
  font-feature-settings: "tnum";
}
.p-location__compatible::before {
  font-size: 0.75em;
  margin-right: 0.33em;
  content: "TEL. / FAX.";
  font-feature-settings: "tnum";
}

@media only screen and (max-width: 575px) {
  .p-location__phone, .p-location__facsimile {
    text-align: center;
  }
}

.p-location__phone + .p-location__facsimile {
  margin-left: 0.75em;
}
.p-location__phone + .p-location__facsimile::before {
  content: "FAX.";
  margin-inline: 0 0.33em;
}
@media only screen and (max-width: 575px) {
  .p-location__phone + .p-location__facsimile::before {
    content: "FAX.";
    margin-left: 0;
  }
}

[data-type=freedial] {
  display: flex;
}
[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__menu {
  font-size: 1em;
  list-style: none;
}
.p-sitemap__menu[data-direction=horizontal] {
  margin-inline: -0.5em;
  display: block flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
.p-sitemap__menu[data-direction=horizontal].justify-content-start {
  margin-right: 0;
}
.p-sitemap__menu[data-direction=horizontal].justify-content-end {
  margin-left: 0;
}
.p-sitemap__menu[data-direction=horizontal] .p-sitemap__link {
  color: currentColor;
  font-weight: 500;
  text-transform: uppercase;
  margin: -0.25em 1.5em;
  padding: 0.125em 0.375em;
}
@media only screen and (max-width: 1399px) {
  .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link {
    margin: -0.25em .75em;
  }
}
@media only screen and (max-width: 1199px) {
  .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link {
    margin: -0.25em 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-white);
  color: var(--rgb-blue);
}
.p-sitemap__menu[data-direction=horizontal]:not(:first-child) {
  margin-top: 1rem;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item {
  display: block flex;
  align-items: center;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item::before {
  font-size: 1em;
  margin-right: 0.5em;
  width: 1em;
  display: block flow-root;
  content: "─";
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item:not(:first-child) {
  margin-top: 1lh;
}
.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: 0.8125em;
  line-height: 1.665;
  font-family: var(--font-roboto);
  font-weight: 400;
  text-align: center;
  position: relative;
  z-index: 9;
}
.p-copyright span {
  margin-block: var(--leading-trim-ja);
}

.js-pagetop {
  background-color: var(--rgb-white);
  background-image: url(../images/common/pagetop.svg);
  width: calc(3rem * var(--rs-rate));
  height: calc(3rem * var(--rs-rate));
  background-size: 1rem;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.1);
  right: 1.25rem;
  bottom: 1.25rem;
  opacity: 0.75;
}
@media only screen and (max-width: 991px) {
  .js-pagetop {
    width: 2.25rem;
    height: 2.25rem;
    right: 0.5rem;
    bottom: 0.5rem;
  }
}

/* ico - button */
.u-arrow--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\e5c8";
}
.u-arrow--left::before, .u-arrow--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\e5c8";
}
.u-arrow--right::before, .u-arrow--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f063";
}
.u-arrow--down::before, .u-arrow--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__circle--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__circle--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f0a8";
}
.u-arrow__circle--left::before, .u-arrow__circle--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__circle--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__circle--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f591";
}
.u-arrow__circle--right::before, .u-arrow__circle--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__circle--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__circle--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f0ab";
}
.u-arrow__circle--down::before, .u-arrow__circle--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__square--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__square--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f33a";
}
.u-arrow__square--left::before, .u-arrow__square--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__square--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__square--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f33b";
}
.u-arrow__square--right::before, .u-arrow__square--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__square--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__square--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f339";
}
.u-arrow__square--down::before, .u-arrow__square--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f355";
}
.u-arrow__alt--left::before, .u-arrow__alt--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f356";
}
.u-arrow__alt--right::before, .u-arrow__alt--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f354";
}
.u-arrow__alt--down::before, .u-arrow__alt--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt-circle--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-circle--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f359";
}
.u-arrow__alt-circle--left::before, .u-arrow__alt-circle--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt-circle--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-circle--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f35a";
}
.u-arrow__alt-circle--right::before, .u-arrow__alt-circle--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt-circle--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-circle--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f358";
}
.u-arrow__alt-circle--down::before, .u-arrow__alt-circle--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt-square--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-square--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f351";
}
.u-arrow__alt-square--left::before, .u-arrow__alt-square--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt-square--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-square--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f352";
}
.u-arrow__alt-square--right::before, .u-arrow__alt-square--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__alt-square--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__alt-square--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f350";
}
.u-arrow__alt-square--down::before, .u-arrow__alt-square--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\e5de";
}
.u-arrow__caret--left::before, .u-arrow__caret--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\e5df";
}
.u-arrow__caret--right::before, .u-arrow__caret--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\e5c5";
}
.u-arrow__caret--down::before, .u-arrow__caret--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret-circle--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-circle--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f32e";
}
.u-arrow__caret-circle--left::before, .u-arrow__caret-circle--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret-circle--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-circle--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f320";
}
.u-arrow__caret-circle--right::before, .u-arrow__caret-circle--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret-circle--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-circle--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f32d";
}
.u-arrow__caret-circle--down::before, .u-arrow__caret-circle--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret-square--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-square--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f191";
}
.u-arrow__caret-square--left::before, .u-arrow__caret-square--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret-square--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-square--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f152";
}
.u-arrow__caret-square--right::before, .u-arrow__caret-square--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__caret-square--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__caret-square--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f150";
}
.u-arrow__caret-square--down::before, .u-arrow__caret-square--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\e5cb";
}
.u-arrow__chevron--left::before, .u-arrow__chevron--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\e5cc";
}
.u-arrow__chevron--right::before, .u-arrow__chevron--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f078";
}
.u-arrow__chevron--down::before, .u-arrow__chevron--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-double--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-double--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f323";
}
.u-arrow__chevron-double--left::before, .u-arrow__chevron-double--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-double--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-double--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f324";
}
.u-arrow__chevron-double--right::before, .u-arrow__chevron-double--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-double--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-double--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f322";
}
.u-arrow__chevron-double--down::before, .u-arrow__chevron-double--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-circle--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-circle--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f137";
}
.u-arrow__chevron-circle--left::before, .u-arrow__chevron-circle--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-circle--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-circle--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f138";
}
.u-arrow__chevron-circle--right::before, .u-arrow__chevron-circle--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-circle--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-circle--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f31a";
}
.u-arrow__chevron-circle--down::before, .u-arrow__chevron-circle--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-square--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-square--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f32a";
}
.u-arrow__chevron-square--left::before, .u-arrow__chevron-square--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-square--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-square--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f32b";
}
.u-arrow__chevron-square--right::before, .u-arrow__chevron-square--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__chevron-square--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__chevron-square--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f329";
}
.u-arrow__chevron-square--down::before, .u-arrow__chevron-square--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__angle--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f104";
}
.u-arrow__angle--left::before, .u-arrow__angle--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__angle--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f105";
}
.u-arrow__angle--right::before, .u-arrow__angle--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__angle--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f107";
}
.u-arrow__angle--down::before, .u-arrow__angle--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__angle-double--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle-double--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f100";
}
.u-arrow__angle-double--left::before, .u-arrow__angle-double--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__angle-double--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle-double--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f101";
}
.u-arrow__angle-double--right::before, .u-arrow__angle-double--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__angle-double--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__angle-double--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f103";
}
.u-arrow__angle-double--down::before, .u-arrow__angle-double--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__long--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__long--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f177";
}
.u-arrow__long--left::before, .u-arrow__long--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__long--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__long--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f178";
}
.u-arrow__long--right::before, .u-arrow__long--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__long--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__long--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f175";
}
.u-arrow__long--down::before, .u-arrow__long--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__start--left {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__start--left::before {
  margin-right: 0.5em;
  text-align: left;
  transform: scale(-1, 1);
  content: "\f060";
}
.u-arrow__start--left::before, .u-arrow__start--left::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__start--right {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__start--right::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f061";
}
.u-arrow__start--right::before, .u-arrow__start--right::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.u-arrow__start--down {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow__start--down::after {
  margin-left: 0.5em;
  text-align: right;
  content: "\f063";
}
.u-arrow__start--down::before, .u-arrow__start--down::after {
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flow-root;
}

.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 Symbols Rounded";
  display: inline flow-root;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  content: "\e5e1";
}
@media only screen and (max-width:991px) {
  .u-between__arrow--right:after {
    line-height: 0;
  }
}

.u-fixed__arrow--right {
  width: 100%;
  display: block flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--leading-trim-ja);
  margin-bottom: var(--leading-trim-ja);
}
@media only screen and (max-width:991px) {
  .u-fixed__arrow--right {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width:575px) {
  .u-fixed__arrow--right {
    justify-content: flex-start;
  }
}
.u-fixed__arrow--right:after {
  background-color: var(--button-icon-background);
  border-radius: var(--button-icon-rounded);
  color: var(--button-icon-color);
  font-size: 0.625em;
  line-height: 1.5;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Rounded";
  display: inline flex;
  justify-content: center;
  align-items: center;
  content: "\e315";
  width: 2em;
  height: 2em;
  position: absolute;
  right: 0;
}
@media only screen and (max-width:991px) {
  .u-fixed__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-color__setting--warning {
  background-color: var(--rgb-warning-background);
  position: relative;
}
.u-color__setting--warning.c-box__line {
  border-color: var(--rgb-warning-line);
}

.u-color__setting--caution {
  background-color: var(--rgb-caution-background);
  position: relative;
}
.u-color__setting--caution.c-box__line {
  border-color: var(--rgb-caution-line);
}

.u-text__ellipsis {
  overflow: hidden;
  display: block flow;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-text__antialias {
  transform: rotate(0.0281deg);
  display: inline-block;
}

.u-text__trim--ja {
  margin-block: var(--leading-trim-ja);
}

.u-text__trim--en {
  margin-block: var(--leading-trim-en);
}

.u-text__serif {
  font-family: var(--font-serif);
}

.u-text__sans {
  font-family: var(--font-sans);
}

.u-text__round {
  font-family: var(--font-round);
}

.u-text__size--xs {
  font-size: 1.125em;
}

.u-text__size--sm {
  font-size: 1.25em;
}

.u-text__size--md {
  font-size: 1.5em;
}

.u-text__size--lg {
  font-size: 1.75em;
}

.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__en {
  font-family: var(--font-en);
}

.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-table-row {
  display: table-row !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: block 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;
  flex: 0 0 1em;
  height: 1em;
  display: block flow;
  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;
  white-space: nowrap;
}

.u-file__word {
  width: 100%;
  display: block 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;
  flex: 0 0 1em;
  height: 1em;
  display: block flow;
  content: "";
}
.u-file__word::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptNTcuMSAxMjBIMzA1YzcuNyAwIDEzLjQgNy4xIDExLjcgMTQuN2wtMzggMTY4Yy0xLjIgNS41LTYuMSA5LjMtMTEuNyA5LjNoLTM4Yy01LjUgMC0xMC4zLTMuOC0xMS42LTkuMS0yNS44LTEwMy41LTIwLjgtODEuMi0yNS42LTExMC41aC0uNWMtMS4xIDE0LjMtMi40IDE3LjQtMjUuNiAxMTAuNS0xLjMgNS4zLTYuMSA5LjEtMTEuNiA5LjFIMTE3Yy01LjYgMC0xMC41LTMuOS0xMS43LTkuNGwtMzcuOC0xNjhjLTEuNy03LjUgNC0xNC42IDExLjctMTQuNmgyNC41YzUuNyAwIDEwLjcgNCAxMS44IDkuNyAxNS42IDc4IDIwLjEgMTA5LjUgMjEgMTIyLjIgMS42LTEwLjIgNy4zLTMyLjcgMjkuNC0xMjIuNyAxLjMtNS40IDYuMS05LjEgMTEuNy05LjFoMjkuMWM1LjYgMCAxMC40IDMuOCAxMS43IDkuMiAyNCAxMDAuNCAyOC44IDEyNCAyOS42IDEyOS40LS4yLTExLjItMi42LTE3LjggMjEuNi0xMjkuMiAxLTUuNiA1LjktOS41IDExLjUtOS41ek0zODQgMTIxLjl2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iYmx1ZSIvPjwvc3ZnPg==);
}

.u-file__excel {
  width: 100%;
  display: block 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;
  flex: 0 0 1em;
  height: 1em;
  display: block flow;
  content: "";
}
.u-file__excel::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptNjAuMSAxMDYuNUwyMjQgMzM2bDYwLjEgOTMuNWM1LjEgOC0uNiAxOC41LTEwLjEgMTguNWgtMzQuOWMtNC40IDAtOC41LTIuNC0xMC42LTYuM0MyMDguOSA0MDUuNSAxOTIgMzczIDE5MiAzNzNjLTYuNCAxNC44LTEwIDIwLTM2LjYgNjguOC0yLjEgMy45LTYuMSA2LjMtMTAuNSA2LjNIMTEwYy05LjUgMC0xNS4yLTEwLjUtMTAuMS0xOC41bDYwLjMtOTMuNS02MC4zLTkzLjVjLTUuMi04IC42LTE4LjUgMTAuMS0xOC41aDM0LjhjNC40IDAgOC41IDIuNCAxMC42IDYuMyAyNi4xIDQ4LjggMjAgMzMuNiAzNi42IDY4LjUgMCAwIDYuMS0xMS43IDM2LjYtNjguNSAyLjEtMy45IDYuMi02LjMgMTAuNi02LjNIMjc0YzkuNS0uMSAxNS4yIDEwLjQgMTAuMSAxOC40ek0zODQgMTIxLjl2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iZ3JlZW4iLz48L3N2Zz4=);
}

.u-file__file {
  width: 100%;
  display: block 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;
  flex: 0 0 1em;
  height: 1em;
  display: block flow;
  content: "";
}
.u-file__file::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptMTYwLTE0LjF2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iZ3JheSIvPjwvc3ZnPg==);
}

.u-file__movie {
  width: 100%;
  display: block flex;
  vertical-align: middle;
  align-items: center;
}
.u-file__movie::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  flex: 0 0 1em;
  height: 1em;
  display: block flow;
  content: "";
}
.u-file__movie::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(33 33 33)"><path d="m380-340 280-180-280-180v360Zm-60 220v-80H160q-33 0-56.5-23.5T80-280v-480q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v480q0 33-23.5 56.5T800-200H640v80H320ZM160-280h640v-480H160v480Zm0 0v-480 480Z"/></svg>');
}

.u-hr--xs {
  border-top-style: solid;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(0.5rem * var(--xl-rate));
}

.u-hr--sm {
  border-top-style: solid;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(1rem * var(--xl-rate));
}

.u-hr--md {
  border-top-style: solid;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(1.5rem * var(--xl-rate));
}

.u-hr--lg {
  border-top-style: solid;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(2rem * var(--xl-rate));
}

.u-hr--xl {
  border-top-style: solid;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(2.5rem * var(--xl-rate));
}

.u-hr__dashed--xs {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(0.5rem * var(--xl-rate));
}

.u-hr__dashed--sm {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(1rem * var(--xl-rate));
}

.u-hr__dashed--md {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(1.5rem * var(--xl-rate));
}

.u-hr__dashed--lg {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(2rem * var(--xl-rate));
}

.u-hr__dashed--xl {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(2.5rem * var(--xl-rate));
}

/* ico - button */
.material-symbols-rounded {
  display: inline flex;
  vertical-align: middle;
  align-items: center;
  font-size: 1.25em;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  margin-bottom: 0.125em;
}
.material-symbols-rounded.icon-only {
  margin-bottom: 0;
}

span.material-icons {
  margin-bottom: 0.1875em;
}

.c-flow__icon .material-symbols-rounded {
  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-size: 1.25em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flex;
}
[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-size: 1.25em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flex;
}
[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-size: 1.25em;
  line-height: 1;
  text-align: left;
  margin-right: 0.5em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  display: inline flex;
}
[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__phone--talk:before {
  content: "\e61d";
}

.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, .u-icon__map-marked {
  text-transform: capitalize !important;
}

.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-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__inline--auto {
  margin-inline: 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__inline--auto {
  margin-inline: 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-fit__xxl--left-top img {
  -o-object-position: left top;
     object-position: left top;
}

.u-fit__xxl--left-center img {
  -o-object-position: left center;
     object-position: left center;
}

.u-fit__xxl--left-bottom img {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.u-fit__xxl--center-top img {
  -o-object-position: center top;
     object-position: center top;
}

.u-fit__xxl--center-bottom img {
  -o-object-position: center bottom;
     object-position: center bottom;
}

.u-fit__xxl--right-top img {
  -o-object-position: right top;
     object-position: right top;
}

.u-fit__xxl--right-center img {
  -o-object-position: right center;
     object-position: right center;
}

.u-fit__xxl--right-bottom img {
  -o-object-position: right bottom;
     object-position: right bottom;
}

@media only screen and (max-width:1399px) {
  .u-fit__xl--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-fit__xl--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-fit__xl--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-fit__xl--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-fit__xl--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-fit__xl--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-fit__xl--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-fit__xl--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width:1199px) {
  .u-fit__lg--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-fit__lg--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-fit__lg--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-fit__lg--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-fit__lg--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-fit__lg--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-fit__lg--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-fit__lg--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width:991px) {
  .u-fit__md--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-fit__md--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-fit__md--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-fit__md--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-fit__md--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-fit__md--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-fit__md--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-fit__md--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width:767px) {
  .u-fit__sm--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-fit__sm--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-fit__sm--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-fit__sm--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-fit__sm--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-fit__sm--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-fit__sm--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-fit__sm--right-bottom img {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (max-width:575px) {
  .u-fit__xs--left-top img {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-fit__xs--left-center img {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-fit__xs--left-bottom img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-fit__xs--center-top img {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-fit__xs--center-bottom img {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-fit__xs--right-top img {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-fit__xs--right-center img {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-fit__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, .u-cover > svg, .u-cover a > svg, .u-cover > video, .u-cover a > video {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain > svg, .u-contain a > svg, .u-contain > video, .u-contain a > video {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover--sm > svg, .u-cover--sm a > svg, .u-cover--sm > video, .u-cover--sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--sm > svg, .u-contain--sm a > svg, .u-contain--sm > video, .u-contain--sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--md > svg, .u-cover--md a > svg, .u-cover--md > video, .u-cover--md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--md > svg, .u-contain--md a > svg, .u-contain--md > video, .u-contain--md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--lg > svg, .u-cover--lg a > svg, .u-cover--lg > video, .u-cover--lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--lg > svg, .u-contain--lg a > svg, .u-contain--lg > video, .u-contain--lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--xl > svg, .u-cover--xl a > svg, .u-cover--xl > video, .u-cover--xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--xl > svg, .u-contain--xl a > svg, .u-contain--xl > video, .u-contain--xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--xxl > svg, .u-cover--xxl a > svg, .u-cover--xxl > video, .u-cover--xxl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--xxl > svg, .u-contain--xxl a > svg, .u-contain--xxl > video, .u-contain--xxl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover > svg, .u-cover a > svg, .u-cover > video, .u-cover a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain > svg, .u-contain a > svg, .u-contain > video, .u-contain a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--sm > svg, .u-cover--sm a > svg, .u-cover--sm > video, .u-cover--sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--sm > svg, .u-contain--sm a > svg, .u-contain--sm > video, .u-contain--sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--md > svg, .u-cover--md a > svg, .u-cover--md > video, .u-cover--md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--md > svg, .u-contain--md a > svg, .u-contain--md > video, .u-contain--md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--lg > svg, .u-cover--lg a > svg, .u-cover--lg > video, .u-cover--lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--lg > svg, .u-contain--lg a > svg, .u-contain--lg > video, .u-contain--lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--xl > svg, .u-cover--xl a > svg, .u-cover--xl > video, .u-cover--xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--xl > svg, .u-contain--xl a > svg, .u-contain--xl > video, .u-contain--xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover--xxl > svg, .u-cover--xxl a > svg, .u-cover--xxl > video, .u-cover--xxl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain--xxl > svg, .u-contain--xxl a > svg, .u-contain--xxl > video, .u-contain--xxl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
}
.u-cover__xxl--4x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--4x9::before {
  display: block;
  padding-top: 225%;
  width: 100%;
  content: "";
}
.u-cover__xxl--4x9 > img, .u-cover__xxl--4x9 a > img, .u-cover__xxl--4x9 > svg, .u-cover__xxl--4x9 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.u-cover__xxl--1x2 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--1x2::before {
  display: block;
  padding-top: 200%;
  width: 100%;
  content: "";
}
.u-cover__xxl--1x2 > img, .u-cover__xxl--1x2 a > img, .u-cover__xxl--1x2 > svg, .u-cover__xxl--1x2 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.u-cover__xxl--4x7 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--4x7::before {
  display: block;
  padding-top: 175%;
  width: 100%;
  content: "";
}
.u-cover__xxl--4x7 > img, .u-cover__xxl--4x7 a > img, .u-cover__xxl--4x7 > svg, .u-cover__xxl--4x7 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.u-cover__xxl--3x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-cover__xxl--3x5::before {
  display: block;
  padding-top: 166%;
  width: 100%;
  content: "";
}
.u-cover__xxl--3x5 > img, .u-cover__xxl--3x5 a > img, .u-cover__xxl--3x5 > svg, .u-cover__xxl--3x5 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--2x3 > svg, .u-cover__xxl--2x3 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--3x4 > svg, .u-cover__xxl--3x4 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--4x5 > svg, .u-cover__xxl--4x5 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--5x6 > svg, .u-cover__xxl--5x6 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--1x1 > svg, .u-cover__xxl--1x1 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--6x5 > svg, .u-cover__xxl--6x5 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--5x4 > svg, .u-cover__xxl--5x4 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--4x3 > svg, .u-cover__xxl--4x3 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--3x2 > svg, .u-cover__xxl--3x2 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--5x3 > svg, .u-cover__xxl--5x3 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--16x9 > svg, .u-cover__xxl--16x9 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--2x1 > svg, .u-cover__xxl--2x1 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--9x4 > svg, .u-cover__xxl--9x4 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--21x9 > svg, .u-cover__xxl--21x9 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--5x2 > svg, .u-cover__xxl--5x2 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--24x9 > svg, .u-cover__xxl--24x9 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--3x1 > svg, .u-cover__xxl--3x1 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--4x1 > svg, .u-cover__xxl--4x1 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--5x1 > svg, .u-cover__xxl--5x1 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-cover__xxl--16x9 > svg, .u-cover__xxl--16x9 a > svg {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@media only screen and (max-width:1399px) {
  .u-cover__xl--4x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--4x9::before {
    display: block;
    padding-top: 225%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--4x9 > img, .u-cover__xl--4x9 a > img, .u-cover__xl--4x9 > svg, .u-cover__xl--4x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .u-cover__xl--1x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--1x2::before {
    display: block;
    padding-top: 200%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--1x2 > img, .u-cover__xl--1x2 a > img, .u-cover__xl--1x2 > svg, .u-cover__xl--1x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .u-cover__xl--4x7 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--4x7::before {
    display: block;
    padding-top: 175%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--4x7 > img, .u-cover__xl--4x7 a > img, .u-cover__xl--4x7 > svg, .u-cover__xl--4x7 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .u-cover__xl--3x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__xl--3x5::before {
    display: block;
    padding-top: 166%;
    width: 100%;
    content: "";
  }
  .u-cover__xl--3x5 > img, .u-cover__xl--3x5 a > img, .u-cover__xl--3x5 > svg, .u-cover__xl--3x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .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, .u-cover__xl--2x3 > svg, .u-cover__xl--2x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--3x4 > svg, .u-cover__xl--3x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--4x5 > svg, .u-cover__xl--4x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--5x6 > svg, .u-cover__xl--5x6 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--1x1 > svg, .u-cover__xl--1x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--6x5 > svg, .u-cover__xl--6x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--5x4 > svg, .u-cover__xl--5x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--4x3 > svg, .u-cover__xl--4x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--3x2 > svg, .u-cover__xl--3x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--5x3 > svg, .u-cover__xl--5x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--16x9 > svg, .u-cover__xl--16x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--2x1 > svg, .u-cover__xl--2x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--9x4 > svg, .u-cover__xl--9x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--21x9 > svg, .u-cover__xl--21x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--5x2 > svg, .u-cover__xl--5x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--24x9 > svg, .u-cover__xl--24x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--3x1 > svg, .u-cover__xl--3x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--4x1 > svg, .u-cover__xl--4x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xl--5x1 > svg, .u-cover__xl--5x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (max-width:1199px) {
  .u-cover__lg--4x9 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--4x9::before {
    display: block;
    padding-top: 225%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--4x9 > img, .u-cover__lg--4x9 a > img, .u-cover__lg--4x9 > svg, .u-cover__lg--4x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .u-cover__lg--1x2 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--1x2::before {
    display: block;
    padding-top: 200%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--1x2 > img, .u-cover__lg--1x2 a > img, .u-cover__lg--1x2 > svg, .u-cover__lg--1x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .u-cover__lg--4x7 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--4x7::before {
    display: block;
    padding-top: 175%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--4x7 > img, .u-cover__lg--4x7 a > img, .u-cover__lg--4x7 > svg, .u-cover__lg--4x7 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .u-cover__lg--3x5 {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-cover__lg--3x5::before {
    display: block;
    padding-top: 166%;
    width: 100%;
    content: "";
  }
  .u-cover__lg--3x5 > img, .u-cover__lg--3x5 a > img, .u-cover__lg--3x5 > svg, .u-cover__lg--3x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }
  .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, .u-cover__lg--2x3 > svg, .u-cover__lg--2x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--3x4 > svg, .u-cover__lg--3x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--4x5 > svg, .u-cover__lg--4x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--5x6 > svg, .u-cover__lg--5x6 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--1x1 > svg, .u-cover__lg--1x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--6x5 > svg, .u-cover__lg--6x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--5x4 > svg, .u-cover__lg--5x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--4x3 > svg, .u-cover__lg--4x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--3x2 > svg, .u-cover__lg--3x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--5x3 > svg, .u-cover__lg--5x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--16x9 > svg, .u-cover__lg--16x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--2x1 > svg, .u-cover__lg--2x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--9x4 > svg, .u-cover__lg--9x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--21x9 > svg, .u-cover__lg--21x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--5x2 > svg, .u-cover__lg--5x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--24x9 > svg, .u-cover__lg--24x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--3x1 > svg, .u-cover__lg--3x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--4x1 > svg, .u-cover__lg--4x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__lg--5x1 > svg, .u-cover__lg--5x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--2x3 > svg, .u-cover__md--2x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--3x4 > svg, .u-cover__md--3x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--4x5 > svg, .u-cover__md--4x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--5x6 > svg, .u-cover__md--5x6 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--1x1 > svg, .u-cover__md--1x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--6x5 > svg, .u-cover__md--6x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--5x4 > svg, .u-cover__md--5x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--4x3 > svg, .u-cover__md--4x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--3x2 > svg, .u-cover__md--3x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--5x3 > svg, .u-cover__md--5x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--16x9 > svg, .u-cover__md--16x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--2x1 > svg, .u-cover__md--2x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--9x4 > svg, .u-cover__md--9x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--21x9 > svg, .u-cover__md--21x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--5x2 > svg, .u-cover__md--5x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--24x9 > svg, .u-cover__md--24x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--3x1 > svg, .u-cover__md--3x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--4x1 > svg, .u-cover__md--4x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__md--5x1 > svg, .u-cover__md--5x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--2x3 > svg, .u-cover__sm--2x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--3x4 > svg, .u-cover__sm--3x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--4x5 > svg, .u-cover__sm--4x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--5x6 > svg, .u-cover__sm--5x6 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--1x1 > svg, .u-cover__sm--1x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--6x5 > svg, .u-cover__sm--6x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--5x4 > svg, .u-cover__sm--5x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--4x3 > svg, .u-cover__sm--4x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--3x2 > svg, .u-cover__sm--3x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--5x3 > svg, .u-cover__sm--5x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--16x9 > svg, .u-cover__sm--16x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--2x1 > svg, .u-cover__sm--2x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--9x4 > svg, .u-cover__sm--9x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--21x9 > svg, .u-cover__sm--21x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--5x2 > svg, .u-cover__sm--5x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--24x9 > svg, .u-cover__sm--24x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--3x1 > svg, .u-cover__sm--3x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--4x1 > svg, .u-cover__sm--4x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__sm--5x1 > svg, .u-cover__sm--5x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--2x3 > svg, .u-cover__xs--2x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--3x4 > svg, .u-cover__xs--3x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--4x5 > svg, .u-cover__xs--4x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--5x6 > svg, .u-cover__xs--5x6 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--1x1 > svg, .u-cover__xs--1x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--6x5 > svg, .u-cover__xs--6x5 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--5x4 > svg, .u-cover__xs--5x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--4x3 > svg, .u-cover__xs--4x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--3x2 > svg, .u-cover__xs--3x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--5x3 > svg, .u-cover__xs--5x3 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--16x9 > svg, .u-cover__xs--16x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--2x1 > svg, .u-cover__xs--2x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--9x4 > svg, .u-cover__xs--9x4 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--21x9 > svg, .u-cover__xs--21x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--5x2 > svg, .u-cover__xs--5x2 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--24x9 > svg, .u-cover__xs--24x9 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--3x1 > svg, .u-cover__xs--3x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-cover__xs--4x1 > svg, .u-cover__xs--4x1 a > svg {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xxl--2x3 > svg, .u-contain__xxl--2x3 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--3x4 > svg, .u-contain__xxl--3x4 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--4x5 > svg, .u-contain__xxl--4x5 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--5x6 > svg, .u-contain__xxl--5x6 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--1x1 > svg, .u-contain__xxl--1x1 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--6x5 > svg, .u-contain__xxl--6x5 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--5x4 > svg, .u-contain__xxl--5x4 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--4x3 > svg, .u-contain__xxl--4x3 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--3x2 > svg, .u-contain__xxl--3x2 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--5x3 > svg, .u-contain__xxl--5x3 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--16x9 > svg, .u-contain__xxl--16x9 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--2x1 > svg, .u-contain__xxl--2x1 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--9x4 > svg, .u-contain__xxl--9x4 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--21x9 > svg, .u-contain__xxl--21x9 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--5x2 > svg, .u-contain__xxl--5x2 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--24x9 > svg, .u-contain__xxl--24x9 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--3x1 > svg, .u-contain__xxl--3x1 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--4x1 > svg, .u-contain__xxl--4x1 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--5x1 > svg, .u-contain__xxl--5x1 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xxl--16x9 > svg, .u-contain__xxl--16x9 a > svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 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, .u-contain__xl--2x3 > svg, .u-contain__xl--2x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--3x4 > svg, .u-contain__xl--3x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--4x5 > svg, .u-contain__xl--4x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--5x6 > svg, .u-contain__xl--5x6 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--1x1 > svg, .u-contain__xl--1x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--6x5 > svg, .u-contain__xl--6x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--5x4 > svg, .u-contain__xl--5x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--4x3 > svg, .u-contain__xl--4x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--3x2 > svg, .u-contain__xl--3x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--5x3 > svg, .u-contain__xl--5x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--16x9 > svg, .u-contain__xl--16x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--2x1 > svg, .u-contain__xl--2x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--9x4 > svg, .u-contain__xl--9x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--21x9 > svg, .u-contain__xl--21x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--5x2 > svg, .u-contain__xl--5x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--24x9 > svg, .u-contain__xl--24x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--3x1 > svg, .u-contain__xl--3x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--4x1 > svg, .u-contain__xl--4x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xl--5x1 > svg, .u-contain__xl--5x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--2x3 > svg, .u-contain__lg--2x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--3x4 > svg, .u-contain__lg--3x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--4x5 > svg, .u-contain__lg--4x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--5x6 > svg, .u-contain__lg--5x6 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--1x1 > svg, .u-contain__lg--1x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--6x5 > svg, .u-contain__lg--6x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--5x4 > svg, .u-contain__lg--5x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--4x3 > svg, .u-contain__lg--4x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--3x2 > svg, .u-contain__lg--3x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--5x3 > svg, .u-contain__lg--5x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--16x9 > svg, .u-contain__lg--16x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--2x1 > svg, .u-contain__lg--2x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--9x4 > svg, .u-contain__lg--9x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--21x9 > svg, .u-contain__lg--21x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--5x2 > svg, .u-contain__lg--5x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--24x9 > svg, .u-contain__lg--24x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--3x1 > svg, .u-contain__lg--3x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--4x1 > svg, .u-contain__lg--4x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__lg--5x1 > svg, .u-contain__lg--5x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--2x3 > svg, .u-contain__md--2x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--3x4 > svg, .u-contain__md--3x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--4x5 > svg, .u-contain__md--4x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--5x6 > svg, .u-contain__md--5x6 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--1x1 > svg, .u-contain__md--1x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--6x5 > svg, .u-contain__md--6x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--5x4 > svg, .u-contain__md--5x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--4x3 > svg, .u-contain__md--4x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--3x2 > svg, .u-contain__md--3x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--5x3 > svg, .u-contain__md--5x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--16x9 > svg, .u-contain__md--16x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--2x1 > svg, .u-contain__md--2x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--9x4 > svg, .u-contain__md--9x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--21x9 > svg, .u-contain__md--21x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--5x2 > svg, .u-contain__md--5x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--24x9 > svg, .u-contain__md--24x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--3x1 > svg, .u-contain__md--3x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--4x1 > svg, .u-contain__md--4x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__md--5x1 > svg, .u-contain__md--5x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--2x3 > svg, .u-contain__sm--2x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--3x4 > svg, .u-contain__sm--3x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--4x5 > svg, .u-contain__sm--4x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--5x6 > svg, .u-contain__sm--5x6 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--1x1 > svg, .u-contain__sm--1x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--6x5 > svg, .u-contain__sm--6x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--5x4 > svg, .u-contain__sm--5x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--4x3 > svg, .u-contain__sm--4x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--3x2 > svg, .u-contain__sm--3x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--5x3 > svg, .u-contain__sm--5x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--16x9 > svg, .u-contain__sm--16x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--2x1 > svg, .u-contain__sm--2x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--9x4 > svg, .u-contain__sm--9x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--21x9 > svg, .u-contain__sm--21x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--5x2 > svg, .u-contain__sm--5x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--24x9 > svg, .u-contain__sm--24x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--3x1 > svg, .u-contain__sm--3x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--4x1 > svg, .u-contain__sm--4x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__sm--5x1 > svg, .u-contain__sm--5x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--2x3 > svg, .u-contain__xs--2x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--3x4 > svg, .u-contain__xs--3x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--4x5 > svg, .u-contain__xs--4x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--5x6 > svg, .u-contain__xs--5x6 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--1x1 > svg, .u-contain__xs--1x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--6x5 > svg, .u-contain__xs--6x5 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--5x4 > svg, .u-contain__xs--5x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--4x3 > svg, .u-contain__xs--4x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--3x2 > svg, .u-contain__xs--3x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--5x3 > svg, .u-contain__xs--5x3 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--16x9 > svg, .u-contain__xs--16x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--2x1 > svg, .u-contain__xs--2x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--9x4 > svg, .u-contain__xs--9x4 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--21x9 > svg, .u-contain__xs--21x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--5x2 > svg, .u-contain__xs--5x2 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--24x9 > svg, .u-contain__xs--24x9 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--3x1 > svg, .u-contain__xs--3x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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, .u-contain__xs--4x1 > svg, .u-contain__xs--4x1 a > svg {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 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-radius--125 {
  border-radius: calc(0.125rem);
}

.u-radius--250 {
  border-radius: calc(0.25rem);
}

.u-radius--500 {
  border-radius: calc(0.5rem * var(--sm-rate));
}

.u-radius--750 {
  border-radius: calc(0.75rem * var(--sm-rate));
}

.u-radius--1000 {
  border-radius: calc(1rem * var(--sm-rate));
}

.u-radius--1500 {
  border-radius: calc(1.5rem * var(--md-rate));
}

.u-radius--2000 {
  border-radius: calc(2rem * var(--md-rate));
}

.u-radius--3000 {
  border-radius: calc(3rem * var(--lg-rate));
}

.u-radius--4000 {
  border-radius: calc(4rem * var(--xl-rate));
}

.u-radius--5000 {
  border-radius: calc(5rem * var(--xl-rate));
}

.u-radius--6000 {
  border-radius: calc(6rem * var(--rs-rate));
}

.u-radius--all {
  border-radius: calc(infinity * 1rem);
}

.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__divider--none:not(:first-child) {
  margin-top: 0;
}

.u-space__divider--hl:not(:first-child) {
  margin-top: 0.125rem;
}

.u-space__divider--xxxs {
  scroll-margin-top: calc(var(--header-height) + 0.5rem * var(--lg-rate));
}
.u-space__divider--xxxs:not(:first-of-type) {
  margin-top: calc(0.5rem * var(--lg-rate));
}

.u-space__divider--xxs {
  scroll-margin-top: calc(var(--header-height) + 1rem * var(--lg-rate));
}
.u-space__divider--xxs:not(:first-of-type) {
  margin-top: calc(1rem * var(--lg-rate));
}

.u-space__divider--xs {
  scroll-margin-top: calc(var(--header-height) + 1.5rem * var(--lg-rate));
}
.u-space__divider--xs:not(:first-of-type) {
  margin-top: calc(1.5rem * var(--lg-rate));
}

.u-space__divider--sm {
  scroll-margin-top: calc(var(--header-height) + 2rem * var(--lg-rate));
}
.u-space__divider--sm:not(:first-of-type) {
  margin-top: calc(2rem * var(--lg-rate));
}

.u-space__divider--md {
  scroll-margin-top: calc(var(--header-height) + 3rem * var(--lg-rate));
}
.u-space__divider--md:not(:first-of-type) {
  margin-top: calc(3rem * var(--lg-rate));
}

.u-space__divider--lg {
  scroll-margin-top: calc(var(--header-height) + 4.5rem * var(--lg-rate));
}
.u-space__divider--lg:not(:first-of-type) {
  margin-top: calc(4.5rem * var(--lg-rate));
}

.u-paragraph__divider--xxs {
  scroll-margin-top: calc(var(--header-height) + 0.5lh);
}
.u-paragraph__divider--xxs:not(:first-of-type) {
  margin-top: 0.5lh;
}

.u-paragraph__divider--xs {
  scroll-margin-top: calc(var(--header-height) + 0.75lh);
}
.u-paragraph__divider--xs:not(:first-of-type) {
  margin-top: 0.75lh;
}

.u-paragraph__divider--sm {
  scroll-margin-top: calc(var(--header-height) + 1lh);
}
.u-paragraph__divider--sm:not(:first-of-type) {
  margin-top: 1lh;
}

.u-paragraph__divider--md {
  scroll-margin-top: calc(var(--header-height) + 1.5lh);
}
.u-paragraph__divider--md:not(:first-of-type) {
  margin-top: 1.5lh;
}

.u-paragraph__divider--lg {
  scroll-margin-top: calc(var(--header-height) + 2lh);
}
.u-paragraph__divider--lg:not(:first-of-type) {
  margin-top: 2lh;
}

@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;
    scale: 1 !important;
  }
}
.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;
}

.gallery-slider {
  position: relative;
}

.main-slides,
.thumbnail-slides-wrapper {
  overflow: hidden;
  position: relative;
}

.main-slides {
  width: 100%;
  padding-bottom: 66.6666666667%;
  margin-bottom: 10px;
  cursor: pointer;
}
.main-slides .prev, .main-slides .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 100;
}
.main-slides .prev .material-symbols-rounded, .main-slides .next .material-symbols-rounded {
  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 {
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
}
.im-wrapper.active, .im-overlay.active {
  pointer-events: auto;
  opacity: 1;
}

.im-wrapper {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.im-wrapper .im-close {
  background-color: transparent;
  color: var(--rgb-white);
  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>');
  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;
}
.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-overlay {
  background-color: var(--rgb-black);
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1035;
}
.im-overlay.active {
  opacity: 0.75;
}

[data-rel=zoom] img {
  width: 100%;
  height: auto;
}

.cm-wrapper, .cm-overlay {
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
}
.cm-wrapper.active, .cm-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.cm-wrapper {
  display: block flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 10000;
}
.cm-wrapper .cm-close {
  background-color: transparent;
  color: var(--rgb-white);
  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>');
  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-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%;
  }
}

.cm-overlay {
  background-color: var(--rgb-black);
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1035;
}
.cm-overlay.active {
  opacity: 0.75;
}

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

.p-background__logomark--left,.p-background__logomark--right{
  background-image: url(../images/common/common-logomark.svg);
  background-size: calc(45% * var(--lg-rate));
  background-repeat: no-repeat;
}
.p-background__logomark--left{
  background-position: left calc(100% - var(--clearance-padding));
}
.p-background__logomark--right{
  background-position: right calc(100% - var(--clearance-padding));
}

/*# sourceMappingURL=style.css.map */