@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400&family=Zen+Old+Mincho:wght@400&family=Yuji+Syuku:wght@400&display=fallback");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0");
:root {
  --font-family-sans: "Zen Kaku Gothic New", sans-serif;
  --font-serif: "Zen Old Mincho", serif;
  --font-blush: "Yuji Syuku", serif;
}

:where(body) {
  --font-size: 1em;
  --line-height: 1.5;
  --font-family: var(--font-family-sans);
  --font-weight: 400;
  --font-weight-bolder: 700;
}
@media only screen and (min-width: 992px) {
  :where(body) {
    --line-height: 2.25;
  }
}

@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 {
  --rgb-watergreen: rgb(236 244 219);
  --rgb-leaf: rgb(186 209 71);
  --rgb-green: rgb(102 153 0);
  --rgb-ivory: rgb(255 252 244);
  --rgb-beige: rgb(237 228 205);
  --rgb-brown: rgb(182 131 72);
  --mof-red-900: rgb(135, 29, 29);
  --rgb-red: var(--mof-red);
  --marker-blue: var(--rgb-waterblue);
  --marker-blue: rgb(0 174 178 / 0.25);
  --marker-yellow: rgb(255 216 25 / 0.5);
  --rgb-white: rgb(255 255 255);
  --rgb-gray: rgb(0 0 0 / 0.1);
  --rgb-gray-68: rgb(68 68 68);
  --rgb-gray-118: rgb(118 118 118);
  --rgb-ax-gray-250: rgb(250 250 250);
  --rgb-ax-gray-245: rgb(245 245 245);
  --rgb-ax-gray-240: rgb(240 240 240);
  --rgb-ax-gray-235: rgb(235 235 235);
  --rgb-ax-gray-230: rgb(230 230 230);
  --rgb-ax-gray-225: rgb(225 225 225);
  --rgb-ax-gray-220: rgb(220 220 220);
  --rgb-ax-gray-50: rgb(50 50 50);
  --rgb-ax-gray-20: rgb(20 20 20);
  --rgb-negativegray: rgb(153 153 153);
  --rgb-middlegray: rgb(153 153 153);
  --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-light: rgb(26 33 24);
  --rgb-text-dark: var(--rgb-white);
  --rgb-text: var(--rgb-text-light);
  --rgb-text-component: var(--rgb-text-light);
  --rgb-selection: var(--rgb-blue, var(--rgb-text));
  --rgb-scrollbar: rgb(0 93 173 / 0.2);
  --rgb-accent: var(--rgb-blue);
  --rgb-hero-triangle: rgb(8 59 109);
  --rgb-link: var(--rgb-red);
  --rgb-slide: var(--rgb-blue);
  --section-background-reverse-image: none;
  --section-background-reverse-color: var(--rgb-amber);
  --rgb-contact: var(--rgb-text);
  --rgb-footer: var(--rgb-brown);
  --rgb-sitemap: var(--rgb-white);
  --rgb-copyright: var(--rgb-brown);
  --rgb-heading-light-gradation: var(--rgb-white);
  --rgb-heading-light-color: transparent;
  --rgb-heading-middle-gradation: none;
  --rgb-heading-middle-color: var(--rgb-wrapper-background);
  --rgb-heading-dark-gradation: none;
  --rgb-heading-dark-color: var(--rgb-green);
  --pills-background: var(--rgb-beige);
  --pills-text: var(--rgb-white);
  --tab-content-background: var(--rgb-carpet);
  --rgb-cussion: rgb(40 80 190);
  --rgb-tel: #00a02c;
  --rgb-fax: #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-blue);
  --rgb-category-heading-color: var(--rgb-white);
  --rgb-category-navigation-link: var(--rgb-blue);
  --rgb-category-navigation-hover: var(--rgb-blue);
  --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-navy);
  --rgb-paging-current-text: var(--rgb-white);
  --rgb-form: var(--rgb-navy);
  --rgb-required: var(--rgb-blue);
  --rgb-optional: var(--rgb-black);
  --rgb-faqtag: var(--rgb-amber);
  --rgb-morning: var(--rgb-lightamber);
  --rgb-noon: var(--rgb-amber);
  --rgb-check: var(--rgb-green);
  --rgb-td-heading: rgb(0 0 0 / 0.05);
}

:root {
  --heading-margin: 0.666;
  --section-padding: 2.4rem;
  --clearance-padding: calc(var(--section-padding) * var(--rs-scale));
  --clearance-thin: calc(var(--clearance-padding) * 0.5);
  --clearance-heavy: calc(var(--clearance-padding) * 2);
  --block-padding: calc(var(--section-padding) * var(--rs-scale) * 0.5);
  --section-margin: 6rem;
  --divider-margin: calc(var(--section-padding) * var(--rs-scale));
  --header-height: 16vw;
  --header-height-scroll: 16vw;
  --width-scrollbar: calc(100% - 100vw);
  --leftline-border-width: 0.1875rem;
  --underline-border-width: 0.125rem;
  --nav-border-active: max(0.125rem, 2px);
  --contact-th-width: 15em;
  --border-width: 0.0625rem;
  --width-side: 16rem;
  --width-gap: 4rem;
  --width-main: calc(100% - var(--width-side) - var(--width-gap));
  --leading-trim-ja: calc((1em - 1lh) * 0.5);
  --leading-trim-en: calc((1cap - 1lh) * 0.5);
  --category-heading-font-size: 1em;
  --aside-link-font-size: 0.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 (min-width: 576px) {
  :root {
    --header-height: 9vw;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --header-height: 6rem;
  }
}
@media only screen and (min-width: 576px) {
  :root {
    --header-height-scroll: 9vw;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --header-height-scroll: 6rem;
  }
}

:root {
  --padding-x: 1.25rem;
  --container-width: 100%;
  --gap-rate: 1.5;
  --gap-x2l: 1.6rem;
  --gap-xl: 1.2rem;
  --gap-lg: 0.8rem;
  --gap-md: 0.6rem;
  --gap-sm: 0.5rem;
  --gap-xs: 0.25rem;
  --gap-xxs: 0.125rem;
  --gap-none: 0;
  --container-half: calc(var(--container-width) * .5);
  --nav-rate: 1;
}
@media only screen and (min-width: 576px) {
  :root {
    --padding-x: 1.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --padding-x: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --padding-x: 2.5rem;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --container-width: calc(57rem + var(--padding-x) * 2);
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --container-width: calc(70rem + var(--padding-x) * 2);
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --container-width: calc(80rem + var(--padding-x) * 2);
  }
}
@media screen and (min-width: 1680px) {
  :root {
    --container-width: calc(90rem + var(--padding-x) * 2);
  }
}
@media only screen and (min-width: 768px) {
  :root {
    --gap-rate: 1.75;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --gap-rate: 2;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --gap-rate: 2.25;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --gap-rate: 2.5;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --nav-rate: 1.6;
  }
}

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

@media only screen and (min-width: 768px) {
  :root {
    --rs-scale: 1.375;
  }
  :root {
    --xl-scale: 1.3125;
  }
  :root {
    --lg-scale: 1.25;
  }
  :root {
    --md-scale: 1.1875;
  }
  :root {
    --sm-scale: 1.125;
  }
  :root {
    --xs-scale: 1.0625;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --rs-scale: 1.75;
  }
  :root {
    --xl-scale: 1.625;
  }
  :root {
    --lg-scale: 1.5;
  }
  :root {
    --md-scale: 1.375;
  }
  :root {
    --sm-scale: 1.25;
  }
  :root {
    --xs-scale: 1.125;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --rs-scale: 2.125;
  }
  :root {
    --xl-scale: 1.9375;
  }
  :root {
    --lg-scale: 1.75;
  }
  :root {
    --md-scale: 1.5625;
  }
  :root {
    --sm-scale: 1.375;
  }
  :root {
    --xs-scale: 1.1875;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --rs-scale: 2.5;
  }
  :root {
    --xl-scale: 2.25;
  }
  :root {
    --lg-scale: 2;
  }
  :root {
    --md-scale: 1.75;
  }
  :root {
    --sm-scale: 1.5;
  }
  :root {
    --xs-scale: 1.25;
  }
}
:root {
  --rs-pd-thin: 1;
  --xl-pd-thin: 1;
  --lg-pd-thin: 1;
  --md-pd-thin: 1;
  --sm-pd-thin: 1;
}

@media only screen and (min-width: 768px) {
  :root {
    --rs-pd-thin: 2.5;
  }
  :root {
    --xl-pd-thin: 2;
  }
  :root {
    --lg-pd-thin: 1.75;
  }
  :root {
    --md-pd-thin: 1.5;
  }
  :root {
    --sm-pd-thin: 1.25;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --rs-pd-thin: 4;
  }
  :root {
    --xl-pd-thin: 3;
  }
  :root {
    --lg-pd-thin: 2.5;
  }
  :root {
    --md-pd-thin: 2;
  }
  :root {
    --sm-pd-thin: 1.5;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --rs-pd-thin: 5;
  }
  :root {
    --xl-pd-thin: 4;
  }
  :root {
    --lg-pd-thin: 3.25;
  }
  :root {
    --md-pd-thin: 2.5;
  }
  :root {
    --sm-pd-thin: 1.75;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --rs-pd-thin: 6;
  }
  :root {
    --xl-pd-thin: 5;
  }
  :root {
    --lg-pd-thin: 4;
  }
  :root {
    --md-pd-thin: 3;
  }
  :root {
    --sm-pd-thin: 2;
  }
}
:root {
  --rs-pd: 1;
  --xl-pd: 1;
  --lg-pd: 1;
  --md-pd: 1;
  --sm-pd: 1;
}

@media only screen and (min-width: 768px) {
  :root {
    --rs-pd: 1.625;
  }
  :root {
    --xl-pd: 1.5;
  }
  :root {
    --lg-pd: 1.375;
  }
  :root {
    --md-pd: 1.25;
  }
  :root {
    --sm-pd: 1.125;
  }
}
@media only screen and (min-width: 992px) {
  :root {
    --rs-pd: 2.25;
  }
  :root {
    --xl-pd: 2;
  }
  :root {
    --lg-pd: 1.75;
  }
  :root {
    --md-pd: 1.5;
  }
  :root {
    --sm-pd: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --rs-pd: 2.875;
  }
  :root {
    --xl-pd: 2.5;
  }
  :root {
    --lg-pd: 2.125;
  }
  :root {
    --md-pd: 1.75;
  }
  :root {
    --sm-pd: 1.375;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --rs-pd: 3.5;
  }
  :root {
    --xl-pd: 3;
  }
  :root {
    --lg-pd: 2.5;
  }
  :root {
    --md-pd: 2;
  }
  :root {
    --sm-pd: 1.5;
  }
}
:root {
  --button-font-size: 1em;
  --button-line-height: 1.25;
  --button-font-family: inherit;
  --button-font-weight: 400;
  --button-padding-x: 1em;
  --button-padding-y: 1em;
  --button-text-transform: uppercase;
  --button-border-width: 0.0625rem;
  --button-border-color: var(--rgb-blue);
  --flat-gradient: none;
  --flat-gradient-hover: none;
  --flat-background: var(--rgb-teal);
  --flat-background-hover: var(--rgb-navy);
  --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-blue);
  --solid-color: var(--rgb-blue);
  --solid-color-hover: var(--rgb-white);
  --solid-border-color: var(--rgb-blue);
  --outline-gradient: none;
  --outline-gradient-hover: none;
  --outline-background: transparent;
  --outline-background-hover: var(--rgb-blue);
  --outline-color: var(--rgb-blue);
  --outline-color-hover: var(--rgb-white);
  --outline-border-hover: var(--rgb-blue);
  --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-blue);
  --white-color-hover: var(--rgb-blue);
  --blend-gradient: none;
  --blend-background: var(--rgb-green);
  --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: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-button__arrow span {
  display: block;
  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: 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: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-button__custom span {
  display: block;
  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: 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: 0.875em;
  --flat-gradient: var(--grad-start-navy);
  --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-navy);
  width: 16.5rem;
  height: max(0.0625rem, 1px);
}

.p-button-slash {
  background-color: var(--rgb-navy);
  color: var(--rgb-white);
  font-size: 1.125em;
  line-height: 1.5;
  padding: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 12em;
  display: block;
  position: relative;
  overflow: hidden;
}
.p-button-slash::before, .p-button-slash::after {
  content: "";
  background-position: 100%;
  background-size: 100%;
  width: 300%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}
.p-button-slash::before {
  background-image: linear-gradient(135deg, var(--rgb-navy) 50%, var(--rgb-navy-light20) 50%);
  right: 0;
  animation: slash-out 0.5s ease-out 1 forwards;
}
.p-button-slash span {
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-button-slash span::after {
  background-color: var(--rgb-white);
  color: var(--rgb-navy);
  border-radius: 1.5em;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\e5c8";
  font-size: 1.125em;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.p-button-slash:hover::before, .p-button-slash:hover::after,
.p-button-slash .is-active::before,
.p-button-slash .is-active::after {
  content: "";
  background-position: 0;
}
.p-button-slash:hover::before,
.p-button-slash .is-active::before {
  background-image: linear-gradient(135deg, var(--rgb-navy-light20) 50%, var(--rgb-navy) 50%);
  right: -200%;
  animation: slash-hover 0.5s ease-out 1 forwards;
}

.p-anchor-slash,
.p-submit-slash {
  background-color: var(--rgb-navy);
  color: var(--rgb-white);
  font-size: 1.125em;
  line-height: 1.5;
  padding: 1rem;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.p-anchor-slash::before, .p-anchor-slash::after,
.p-submit-slash::before,
.p-submit-slash::after {
  content: "";
  background-position: 100%;
  background-size: 100%;
  width: 300%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}
.p-anchor-slash::before,
.p-submit-slash::before {
  background-image: linear-gradient(135deg, var(--rgb-navy) 50%, var(--rgb-navy-light20) 50%);
  right: 0;
  animation: slash-out 0.5s ease-out 1 forwards;
}
.p-anchor-slash span,
.p-submit-slash span {
  position: relative;
  z-index: 9;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.p-anchor-slash:hover::before, .p-anchor-slash:hover::after, .p-anchor-slash.is-active::before, .p-anchor-slash.is-active::after,
.p-submit-slash:hover::before,
.p-submit-slash:hover::after,
.p-submit-slash.is-active::before,
.p-submit-slash.is-active::after {
  content: "";
  background-position: 0;
}
.p-anchor-slash:hover::before, .p-anchor-slash.is-active::before,
.p-submit-slash:hover::before,
.p-submit-slash.is-active::before {
  background-image: linear-gradient(135deg, var(--rgb-navy-light20) 50%, var(--rgb-navy) 50%);
  right: -200%;
  animation: slash-hover 0.5s ease-out 1 forwards;
}

.p-back-slash {
  background-color: var(--rgb-ax-gray-245);
  border: 1px solid var(--rgb-ax-gray-220);
  color: var(--rgb-negativegray);
  font-size: 1.125em;
  line-height: 1.5;
  padding: 1rem;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.p-back-slash::before, .p-back-slash::after {
  content: "";
  background-position: 100%;
  background-size: 100%;
  width: 300%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}
.p-back-slash::before {
  background-image: linear-gradient(135deg, var(--rgb-ax-gray-245) 50%, var(--rgb-ax-gray-220) 50%);
  right: 0;
  animation: slash-out 0.5s ease-out 1 forwards;
}
.p-back-slash span {
  position: relative;
  z-index: 9;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.p-back-slash:hover::before, .p-back-slash:hover::after,
.p-back-slash .is-active::before,
.p-back-slash .is-active::after {
  content: "";
  background-position: 0;
}
.p-back-slash:hover::before,
.p-back-slash .is-active::before {
  background-image: linear-gradient(135deg, var(--rgb-ax-gray-220) 50%, var(--rgb-ax-gray-245) 50%);
  right: -200%;
  animation: slash-hover 0.5s ease-out 1 forwards;
}

@keyframes slash-out {
  0%, 20% {
    right: 0;
  }
  80%, 100% {
    right: -200%;
  }
}
@keyframes slash-hover {
  0%, 20% {
    right: 0;
  }
  80%, 100% {
    right: -200%;
  }
}
.p-button-glitter {
  background-color: var(--rgb-gray-68);
  color: var(--rgb-white);
  width: -moz-fit-content;
  width: fit-content;
  min-width: 15rem;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 700;
  padding: 1em;
  display: block;
  position: relative;
  transition: 0.2s;
  overflow: hidden;
}
.p-button-glitter::before, .p-button-glitter::after {
  content: "";
  position: absolute;
  top: 0;
}
.p-button-glitter::before {
  left: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(130deg, rgba(220, 219, 216, 0) 20%, rgba(220, 219, 216, 0.5) 50%, rgba(220, 219, 216, 0) 80%);
  animation: glitter-out 0.5s ease-out 1 forwards;
}
.p-button-glitter::after {
  right: 1.5em;
  bottom: 0;
  width: 0.5em;
  height: 0.5em;
  margin: auto;
  border-top: 0.125rm solid var(--rgb-white);
  border-right: 0.125rm solid var(--rgb-white);
  transform: rotate(45deg);
}
.p-button-glitter span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.p-button-glitter span::after {
  content: "";
  background: url(../images/common/common--line-arrow.svg) right top/contain no-repeat;
  width: 45px;
  height: 17px;
  display: block;
}

.p-button-glitter:hover::before {
  left: -100%;
  background-image: linear-gradient(130deg, rgba(220, 219, 216, 0) 20%, rgba(220, 219, 216, 0.5) 50%, rgba(220, 219, 216, 0) 80%);
  animation: glitter-hover 0.5s ease-out 1 forwards;
}

@keyframes glitter-out {
  0% {
    left: -100%;
  }
  20% {
    left: -100%;
  }
  80% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes glitter-hover {
  0% {
    left: -100%;
  }
  20% {
    left: -100%;
  }
  80% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
.p-button-position--end {
  display: flex;
  justify-content: flex-end;
}

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

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

:where(:root) {
  --rgb-background: rgb(255 255 255);
  --rgb-text: rgb(0 0 0);
  --font-size: .8vw;
  --line-height: 1.5;
  --font-family: system-ui, sans-serif;
  --font-style: unset;
  --font-weight: 400;
  --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;
  --rgb-selection: rgb(0 0 0);
  --rgb-form: rgb(153 153 153);
}
:where(:root):has(:where(:modal)) {
  overflow: hidden;
}

:where(body) {
  background-color: var(--rgb-background);
  color: var(--rgb-text);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  min-block-size: 100svb;
  margin: unset;
  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;
}

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

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

:where(summary) {
  display: block;
  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, body {
  scrollbar-width: none;
}

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

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

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: auto;
}
@media only screen and (min-width: 992px) {
  a[href="tel*"] {
    pointer-events: none;
  }
}

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

.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 only 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 only 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 only 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 only 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__x2l--start {
    justify-content: flex-start !important;
  }
  .c-horizontal__x2l--end {
    justify-content: flex-end !important;
  }
  .c-horizontal__x2l--center {
    justify-content: center !important;
  }
  .c-horizontal__x2l--between {
    justify-content: space-between !important;
  }
  .c-horizontal__x2l--around {
    justify-content: space-around !important;
  }
  .c-horizontal__x2l--evenly {
    justify-content: space-evenly !important;
  }
  .c-vertical__x2l--start {
    align-items: flex-start !important;
  }
  .c-vertical__x2l--end {
    align-items: flex-end !important;
  }
  .c-vertical__x2l--center {
    align-items: center !important;
  }
  .c-vertical__x2l--baseline {
    align-items: baseline !important;
  }
  .c-vertical__x2l--stretch {
    align-items: stretch !important;
  }
  .c-self__x2l--auto {
    align-self: auto !important;
  }
  .c-self__x2l--start {
    align-self: flex-start !important;
  }
  .c-self__x2l--end {
    align-self: flex-end !important;
  }
  .c-self__x2l--center {
    align-self: center !important;
  }
  .c-self__x2l--baseline {
    align-self: baseline !important;
  }
  .c-self__x2l--stretch {
    align-self: stretch !important;
  }
}
.l-hero {
  margin-inline: 0;
  padding-top: 0;
  position: relative;
  z-index: 99;
  padding-left: 25%;
}

.l-headline {
  scroll-margin-top: var(--header-height-scroll);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-bottom: max(0.125rem, 2px) solid var(--rgb-green);
}

.l-main {
  padding-top: var(--header-height);
}

.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__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 (min-width: 768px) {
  .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;
}
@media only screen and (min-width: 768px) {
  .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 (min-width: 768px) {
  .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-container--all {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: 0;
}

.l-container--full {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  padding-inline: var(--padding-x);
}

.l-container--xlarge {
  width: 100%;
  max-width: 105rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  max-width: 100%;
  padding-inline: var(--padding-x);
}
@media only screen and (min-width: 992px) {
  .l-container--xlarge {
    max-width: calc(57rem + var(--padding-x) * 2);
  }
}
@media only screen and (min-width: 1200px) {
  .l-container--xlarge {
    max-width: calc(70rem + var(--padding-x) * 2);
  }
}
@media screen and (min-width: 1400px) {
  .l-container--xlarge {
    max-width: calc(80rem + var(--padding-x) * 2);
  }
}
@media screen and (min-width: 1680px) {
  .l-container--xlarge {
    max-width: calc(90rem + var(--padding-x) * 2);
  }
}

.l-container--large {
  width: 100%;
  max-width: 84rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  max-width: 100%;
  padding-inline: var(--padding-x);
}
@media only screen and (min-width: 992px) {
  .l-container--large {
    max-width: calc(57rem + var(--padding-x) * 2);
  }
}
@media only screen and (min-width: 1200px) {
  .l-container--large {
    max-width: calc(70rem + var(--padding-x) * 2);
  }
}
@media screen and (min-width: 1400px) {
  .l-container--large {
    max-width: calc(80rem + var(--padding-x) * 2);
  }
}

.l-container--medium {
  width: 100%;
  max-width: 74rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  max-width: 100%;
  padding-inline: var(--padding-x);
}
@media only screen and (min-width: 992px) {
  .l-container--medium {
    max-width: calc(57rem + var(--padding-x) * 2);
  }
}

.l-container--small {
  width: 100%;
  max-width: 60rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  max-width: 100%;
  padding-inline: var(--padding-x);
  padding-inline: var(--padding-x);
}

.l-container--xsmall {
  width: 100%;
  max-width: 48rem;
  margin-inline: auto;
  position: relative;
  z-index: 9;
  max-width: 100%;
  padding-inline: var(--padding-x);
  padding-inline: var(--padding-x);
}

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

.p-clearance--hairline {
  padding-block: 0.125rem;
}

.p-clearance {
  padding-block: var(--clearance-padding);
}

.p-clearance--top {
  padding-top: var(--clearance-padding);
}

.p-clearance--bottom {
  padding-bottom: var(--clearance-padding);
}

.p-clearance--thin {
  padding-block: var(--clearance-thin);
}

.p-clearance--thin-top {
  padding-top: var(--clearance-thin);
}

.p-clearance--thin-bottom {
  padding-bottom: var(--clearance-thin);
}

.p-clearance--heavy {
  padding-block: var(--clearance-heavy);
}

.p-clearance--heavy-top {
  padding-top: var(--clearance-heavy);
}

.p-clearance--heavy-bottom {
  padding-bottom: var(--clearance-heavy);
}

.p-clearance--responsive {
  padding-block: var(--clearance-padding);
  scroll-margin-top: var(--header-height-scroll);
}

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

.p-clearance-text--xl {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
}
@media only screen and (min-width: 1200px) {
  .p-clearance-text--xl {
    padding-block: var(--block-padding);
  }
}

.p-clearance-text--lg {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
}
@media only screen and (min-width: 992px) {
  .p-clearance-text--lg {
    padding-block: var(--block-padding);
  }
}

.p-clearance-text--sm {
  position: relative;
  scroll-margin-top: var(--header-height-scroll);
}
@media only screen and (min-width: 576px) {
  .p-clearance-text--sm {
    padding-block: var(--block-padding);
  }
}

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

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

.l-section__separate--text {
  display: flex;
  flex-flow: column nowrap;
  position: absolute;
  inset: 0;
  flex: 0 0 100%;
  order: 1;
  position: static;
}
@media only screen and (min-width: 992px) {
  .l-section__separate--text {
    flex-flow: unset;
  }
}

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

.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-section__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc(var(--padding-x) * -1);
}
@media only screen and (min-width: 768px) {
  .l-section__extend--left {
    width: 100dvw;
    margin-left: calc(-50dvw + 50%);
  }
}

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

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

footer {
  overflow: visible;
}

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

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

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

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

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

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

.l-copyright {
  display: block;
  position: relative;
  z-index: 9;
}

.l-header {
  padding-inline: var(--padding-x);
  height: var(--header-height);
  display: grid;
  gap: 0 calc(0.9rem * var(--rs-scale));
  align-items: center;
  position: fixed;
  top: 0;
  inset-inline: 0;
}
@media only screen and (min-width: 992px) {
  .l-header {
    grid-template-columns: max-content 1fr max-content max-content;
    grid-template-rows: 1fr 1fr;
  }
}

.l-header__logo {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media only screen and (min-width: 992px) {
  .l-header__logo {
    grid-row: 1/3;
  }
}

.l-header__navigation {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media only screen and (min-width: 992px) {
  .l-header__navigation {
    grid-column: 2/5;
    grid-row: 2/3;
    align-self: end;
  }
}

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

.l-header__links {
  padding-top: 1rem;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .l-header__links {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .l-header__links {
    grid-column: 4/5;
    grid-row: 1/2;
  }
}

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

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

.l-header::before {
  content: "";
  background-color: var(--rgb-white);
  position: absolute;
  inset: 0;
  display: block;
}

.l-flex-row-x2l {
  display: flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--gap-lg) * var(--gap-rate) * -1);
  row-gap: calc(var(--gap-lg) * var(--gap-rate) * 2);
}
.l-flex-row-x2l > [class*=l-col-] {
  flex-shrink: 0;
  max-width: 100%;
  padding-inline: calc(var(--gap-lg) * var(--gap-rate));
}
@media only screen and (min-width: 992px) {
  .l-flex-row-x2l {
    display: flex;
    flex-flow: row wrap;
    margin-inline: calc(var(--gap-xl) * var(--gap-rate) * -1);
    row-gap: calc(var(--gap-xl) * var(--gap-rate) * 2);
  }
  .l-flex-row-x2l > [class*=l-col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-xl) * var(--gap-rate));
  }
}
@media only screen and (min-width: 1200px) {
  .l-flex-row-x2l {
    display: flex;
    flex-flow: row wrap;
    margin-inline: calc(var(--gap-xl) * var(--gap-rate) * -1);
    row-gap: calc(var(--gap-xl) * var(--gap-rate) * 2);
  }
  .l-flex-row-x2l > [class*=l-col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-xl) * var(--gap-rate));
  }
}
@media screen and (min-width: 1400px) {
  .l-flex-row-x2l {
    display: flex;
    flex-flow: row wrap;
    margin-inline: calc(var(--gap-x2l) * var(--gap-rate) * -1);
    row-gap: calc(var(--gap-x2l) * var(--gap-rate) * 2);
  }
  .l-flex-row-x2l > [class*=l-col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-x2l) * var(--gap-rate));
  }
}

.l-flex-row-xl {
  display: flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--gap-md) * var(--gap-rate) * -1);
  row-gap: calc(var(--gap-md) * var(--gap-rate) * 2);
}
.l-flex-row-xl > [class*=l-col-] {
  flex-shrink: 0;
  max-width: 100%;
  padding-inline: calc(var(--gap-md) * var(--gap-rate));
}
@media only screen and (min-width: 768px) {
  .l-flex-row-xl {
    display: flex;
    flex-flow: row wrap;
    margin-inline: calc(var(--gap-lg) * var(--gap-rate) * -1);
    row-gap: calc(var(--gap-lg) * var(--gap-rate) * 2);
  }
  .l-flex-row-xl > [class*=l-col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-lg) * var(--gap-rate));
  }
}
@media only screen and (min-width: 992px) {
  .l-flex-row-xl {
    display: flex;
    flex-flow: row wrap;
    margin-inline: calc(var(--gap-xl) * var(--gap-rate) * -1);
    row-gap: calc(var(--gap-xl) * var(--gap-rate) * 2);
  }
  .l-flex-row-xl > [class*=l-col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-xl) * var(--gap-rate));
  }
}

.l-flex-row-lg {
  display: flex;
  flex-flow: row wrap;
  margin-inline: calc(var(--gap-md) * var(--gap-rate) * -1);
  row-gap: calc(var(--gap-md) * var(--gap-rate) * 2);
}
.l-flex-row-lg > [class*=l-col-] {
  flex-shrink: 0;
  max-width: 100%;
  padding-inline: calc(var(--gap-md) * var(--gap-rate));
}
@media only screen and (min-width: 992px) {
  .l-flex-row-lg {
    display: flex;
    flex-flow: row wrap;
    margin-inline: calc(var(--gap-lg) * var(--gap-rate) * -1);
    row-gap: calc(var(--gap-lg) * var(--gap-rate) * 2);
  }
  .l-flex-row-lg > [class*=l-col-] {
    flex-shrink: 0;
    max-width: 100%;
    padding-inline: calc(var(--gap-lg) * var(--gap-rate));
  }
}

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

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

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

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

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

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

@media only screen and (min-width: 0) {
  .l-col-xs {
    flex: 1 0 0%;
  }
  .l-col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) {
  .l-col-sm {
    flex: 1 0 0%;
  }
  .l-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .l-col-md {
    flex: 1 0 0%;
  }
  .l-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .l-col-lg {
    flex: 1 0 0%;
  }
  .l-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .l-col-xl {
    flex: 1 0 0%;
  }
  .l-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .l-col-x2l {
    flex: 1 0 0%;
  }
  .l-col-x2l-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-x2l-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-x2l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-x2l-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-x2l-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-x2l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-x2l-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-x2l-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-x2l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-x2l-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-x2l-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-x2l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.p-decoration {
  position: relative;
}
.p-decoration::after {
  content: "";
  position: absolute;
  z-index: 100;
  height: 7.25dvw;
  background: url(../images/common/common__cloud04.svg) left center no-repeat;
  background-size: auto 100%;
  width: 23.5dvw;
  right: 0;
  bottom: -0.55dvw;
}

.l-footer {
  padding-top: 7.5dvw;
}
.l-footer span[data-action=call] {
  color: currentColor;
}

.l-footer__information {
  background-color: var(--rgb-footer);
  color: var(--rgb-white);
  line-height: 1.5;
  padding-block: calc(1.2rem * var(--rs-scale));
  position: relative;
  isolation: isolate;
}

.l-footer__contact {
  border-top: max(0.0625rem, 1px) solid var(--rgb-linegray);
  --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 .p-contact__recept {
  width: -moz-max-content;
  width: max-content;
  margin: 1rem auto 0;
  line-height: 1;
}

.l-footer__contact {
  background-image: var(--rgb-blue);
  color: var(--rgb-white);
  padding-block: var(--clearance-padding);
  --rgb-link: currentColor;
  --button-font-weight: 700;
  --blend-gradient: var(--rgb-white);
  --blend-color: var(--rgb-blue);
  --blend-color-hover: var(--rgb-blue);
}
.l-footer__contact[data-background=photo]::before {
  background: url(../images/common/footer__contact--bg.webp) center center/cover no-repeat;
  position: absolute;
  inset: 0;
  opacity: 0.5;
  content: "";
}
.l-footer__contact .p-contact__recept {
  width: -moz-max-content;
  width: max-content;
  margin: 1rem auto 0;
  line-height: 1;
}

.l-contact {
  display: grid;
  gap: calc(1.6rem * var(--lg-scale));
}
@media only screen and (min-width: 576px) {
  .l-contact {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

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

.l-contact__fax {
  grid-column: 1/2;
  grid-row: 3/5;
  display: grid;
  gap: calc(2em * var(--rs-scale));
}
@media only screen and (min-width: 576px) {
  .l-contact__fax {
    grid-column: unset;
    grid-row: unset;
  }
}

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

.l-information {
  display: grid;
  gap: calc(2rem * var(--rs-scale)) calc(1.2rem * var(--rs-scale));
  justify-items: center;
}
@media only screen and (min-width: 576px) {
  .l-information {
    grid-template-columns: 1fr 3rem max-content max-content 1fr;
    gap: calc(1rem * var(--rs-scale)) calc(1.2rem * var(--rs-scale));
  }
}
@media only screen and (min-width: 992px) {
  .l-information {
    grid-template-columns: max-content 1fr 3rem max-content max-content;
    gap: 1.25rem;
    justify-items: unset;
  }
}

.l-footer__logo {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media only screen and (min-width: 576px) {
  .l-footer__logo {
    grid-column: 1/6;
    grid-row: 1/2;
  }
}
@media only screen and (min-width: 992px) {
  .l-footer__logo {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

.l-location {
  grid-column: 1/2;
  grid-row: 2/3;
  display: grid;
  gap: 0.5em;
}
@media only screen and (min-width: 576px) {
  .l-location {
    grid-column: 1/6;
    grid-row: 2/3;
  }
}
@media only screen and (min-width: 992px) {
  .l-location {
    grid-column: 1/3;
    grid-row: 2/4;
  }
}

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

@media only screen and (min-width: 576px) {
  .l-footer__social {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}
@media only screen and (min-width: 992px) {
  .l-footer__social {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.l-footer__social img {
  width: auto;
  height: 3rem;
}

.l-footer__links {
  justify-self: center;
  align-self: center;
  line-height: 1.5;
}
@media only screen and (min-width: 576px) {
  .l-footer__links {
    justify-self: end;
    grid-column: 3/4;
    grid-row: 3/4;
  }
}
@media only screen and (min-width: 992px) {
  .l-footer__links {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}

.p-footer__banner {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  transition: background-color 0.3s;
  border-radius: 0.25rem;
}
.p-footer__banner:hover {
  background-color: var(--rgb-beige);
  transition: background-color 0.6s;
}
.p-footer__banner img {
  width: auto;
  height: 2rem;
}
.p-footer__banner p {
  font-size: 0.9em;
  font-family: var(--font-serif);
}

.l-footer__catch {
  justify-self: center;
  align-self: center;
}
@media only screen and (min-width: 576px) {
  .l-footer__catch {
    justify-self: start;
    grid-column: 4/5;
    grid-row: 3/4;
  }
}
@media only screen and (min-width: 992px) {
  .l-footer__catch {
    grid-column: 5/6;
    grid-row: 2/3;
  }
}
.l-footer__catch p {
  font-size: 0.875em;
}

.p-logo-header {
  font-size: 1em;
  position: relative;
}
.p-logo-header img,
.p-logo-header svg {
  width: auto;
  height: 4.8vw;
}
@media only screen and (min-width: 576px) {
  .p-logo-header img,
  .p-logo-header svg {
    height: 2.7vw;
  }
}
@media only screen and (min-width: 992px) {
  .p-logo-header img,
  .p-logo-header svg {
    height: 1.5rem;
  }
}

.p-navigation__global {
  --rgb-toggler-background: transparent;
  --rgb-toggler-switch: var(--rgb-green);
}

.p-navigation__toggler {
  border: none;
  width: var(--header-height);
  height: var(--header-height);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999999;
  cursor: pointer;
  background-color: var(--rgb-toggler-background);
}
.p-navigation__toggler::before {
  font-size: calc(var(--header-height) * 0.175);
  line-height: 1;
  margin-bottom: 0.75em;
  display: block;
}
@media only screen and (min-width: 768px) {
  .p-navigation__toggler::before {
    font-size: calc(var(--header-height) * 0.1875);
  }
}
@media only screen and (min-width: 992px) {
  .p-navigation__toggler {
    display: none;
  }
}
@media print {
  .p-navigation__toggler {
    display: none;
  }
}
.p-navigation__toggler::after {
  content: attr(data-nav);
  color: var(--rgb-toggler-switch);
  text-transform: uppercase;
  font-size: calc(0.625em * var(--nav-rate));
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-transform: uppercase;
}

.js-navigation__menu .p-navigation__switch {
  background-color: var(--rgb-toggler-switch);
  width: calc(var(--header-height) * 0.5);
  height: 2px;
  display: block;
  margin-block: 1em;
  position: relative;
  transition: background-color 0.6s;
}
@media only screen and (min-width: 576px) {
  .js-navigation__menu .p-navigation__switch {
    height: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .js-navigation__menu .p-navigation__switch {
    height: 0.25rem;
  }
}
.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: 2px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  transition: 0.6s;
  content: "";
}
@media only screen and (min-width: 576px) {
  .js-navigation__menu .p-navigation__switch::before, .js-navigation__menu .p-navigation__switch::after {
    height: 3px;
  }
}
@media only screen and (min-width: 992px) {
  .js-navigation__menu .p-navigation__switch::before, .js-navigation__menu .p-navigation__switch::after {
    height: 0.25rem;
  }
}
@media only screen and (min-width: 992px) {
  .js-navigation__menu .p-navigation__switch {
    margin-block: 1rem;
  }
}
.js-navigation__menu[aria-expanded=false] .p-navigation__switch::before {
  top: -6px;
  transform: rotate(0deg);
}
@media only screen and (min-width: 768px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::before {
    top: -9px;
  }
}
@media only screen and (min-width: 992px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::before {
    top: -0.75rem;
  }
}
.js-navigation__menu[aria-expanded=false] .p-navigation__switch::after {
  bottom: -6px;
  transform: rotate(0deg);
}
@media only screen and (min-width: 768px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::after {
    bottom: -9px;
  }
}
@media only screen and (min-width: 992px) {
  .js-navigation__menu[aria-expanded=false] .p-navigation__switch::after {
    bottom: -0.75rem;
  }
}
.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__level1 {
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .p-navigation__level1 {
    background-color: var(--rgb-white);
    height: calc(100vh - var(--header-height));
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media print {
  .p-navigation__level1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.p-navigation__level1--item:not(:first-child) {
  margin-left: 0;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--item:not(:first-child) {
    margin-left: 1em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-navigation__level1--item:not(:first-child) {
    margin-left: 1.5em;
  }
}
@media screen and (min-width: 1400px) {
  .p-navigation__level1--item:not(:first-child) {
    margin-left: 2em;
  }
}

.p-navigation__level1--link {
  border-bottom: 1px solid var(--rgb-linegray);
  color: var(--rgb-text);
  font-size: 1em;
  line-height: 1.25;
  text-transform: uppercase;
  font-family: var(--font-serif);
  font-weight: 400;
  text-decoration: none;
  padding: 1em var(--padding-x);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link {
    border-bottom: unset;
    color: var(--rgb-text);
    font-size: 1em;
    line-height: 1.5;
    padding: 0.75em 0;
    width: 100%;
    height: auto;
    display: grid;
    grid-gap: 0.25em;
    position: relative;
  }
}
.p-navigation__level1--link::after {
  display: none;
  content: "";
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link::after {
    background-color: transparent;
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: var(--nav-border-active);
    transition: 0.3s;
  }
}
.p-navigation__level1--link span,
.p-navigation__level1--link em {
  text-align: center;
}
.p-navigation__level1--link span {
  margin-block: var(--leading-trim-ja);
}
.p-navigation__level1--link em {
  font-size: 1.75em;
  line-height: 1.25;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  font-family: var(--font-alef);
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link em {
    margin-block: var(--leading-trim-en);
  }
}
@media only screen and (max-width: 991px) {
  .p-navigation__level1--link:hover, .p-navigation__level1--link.is-active {
    background-color: var(--rgb-watergreen);
  }
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link:hover, .p-navigation__level1--link.is-active {
    background-color: unset;
  }
}
.p-navigation__level1--link:hover span, .p-navigation__level1--link.is-active span {
  color: var(--rgb-green);
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link:hover span, .p-navigation__level1--link.is-active span {
    color: var(--rgb-text);
  }
}
.p-navigation__level1--link:hover em, .p-navigation__level1--link.is-active em {
  color: var(--rgb-white);
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link:hover em, .p-navigation__level1--link.is-active em {
    color: var(--rgb-text);
  }
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--link:hover::after, .p-navigation__level1--link.is-active::after {
    background-color: var(--rgb-green);
    left: 0;
    right: 0;
    transition: 0.6s;
  }
}

.p-navigation__level1[aria-hidden=true] {
  max-height: 0;
  transition: max-height 0.3s;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1[aria-hidden=true] {
    max-height: unset;
  }
}
.p-navigation__level1[aria-hidden=true] .p-navigation__level1--item {
  position: relative;
  line-height: 1.5;
}
.p-navigation__level1[aria-hidden=true] .p-navigation__level1--link {
  border-bottom: 1px solid var(--rgb-linegray);
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1[aria-hidden=true] .p-navigation__level1--link {
    border-bottom: unset;
  }
}
.p-navigation__level1[aria-hidden=false] {
  max-height: 4000px;
  transition: max-height 0.6s;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1[aria-hidden=false] {
    max-height: unset;
  }
}
.p-navigation__level1[aria-hidden=false] .p-navigation__link {
  border-bottom: 1px solid var(--rgb-linegray);
}
@media only screen and (min-width: 992px) {
  .p-navigation__level1--dropdown {
    display: flex;
    align-items: center;
  }
}
.p-navigation__level1--dropdown > .p-navigation__level1--link span::after {
  display: none;
}
@media only screen and (max-width: 991px) {
  .p-navigation__level1--dropdown > .p-navigation__level1--link span::after {
    display: flex;
    align-items: center;
    content: "\e5cf";
    font-family: "Material Symbols Rounded";
  }
}

.p-navigation__level2 {
  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;
  position: static;
  flex: 0 0 100%;
  background-color: var(--rgb-lightgray);
}
.p-navigation__level2.js-navigation__show {
  height: auto;
  max-height: 4000px;
  transition: max-height 3s;
  border-bottom: 0.0625rem solid var(--rgb-linegray);
}
@media only screen and (min-width: 992px) {
  .p-navigation__level2 {
    flex: 0 0 auto;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999;
  }
}
.p-navigation__level2 .p-navigation__level2--item {
  margin-left: 0;
  width: 100%;
}
.p-navigation__level2 .p-navigation__level2--item .p-navigation__level2--link {
  background-color: var(--rgb-lightgray);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--rgb-text);
  padding: 0.5em var(--padding-x) 0.5em calc(var(--padding-x) + 1.5em);
  white-space: nowrap;
  display: block;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level2 .p-navigation__level2--item .p-navigation__level2--link {
    background-color: var(--rgb-white);
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
    color: var(--rgb-text);
    padding: 0.625em 1em;
  }
}
.p-navigation__level2 .p-navigation__level2--item .p-navigation__level2--link:hover, .p-navigation__level2 .p-navigation__level2--item .p-navigation__level2--link.is-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;
}
@media only screen and (min-width: 992px) {
  .p-navigation__level2 .p-navigation__level2--item .p-navigation__level2--link:hover, .p-navigation__level2 .p-navigation__level2--item .p-navigation__level2--link.is-active {
    background-color: var(--rgb-text);
    color: var(--rgb-white);
  }
}

.p-header__call {
  color: var(--rgb-green);
}
.p-header__call span[data-action=call] {
  font-weight: 400;
  margin-block: var(--leading-trim-en);
  letter-spacing: 0.075em;
}

.p-link--header {
  display: block;
}
.p-link--header img {
  width: auto;
  height: 2rem;
}

.p-icon--header {
  display: block;
}
.p-icon--header img {
  width: auto;
  height: 2rem;
}

.p-section-layer--up {
  z-index: 10;
}

.p-section--tone::before {
  background-color: var(--rgb-ivory);
  position: absolute;
  inset: 0;
  opacity: 1;
  content: "";
}

.p-section--tone-gray::before {
  background-color: var(--rgb-gray-236);
  position: absolute;
  inset: 0;
  opacity: 1;
  content: "";
}

.p-section--tone-watergray::before {
  background-color: var(--rgb-ax-gray-245);
  position: absolute;
  inset: 0;
  opacity: 1;
  content: "";
}

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

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

.p-main {
  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: "";
}

.p-section__image--devider {
  height: 48vw;
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .p-section__image--devider {
    height: 27vw;
  }
}

.p-layout__text--left {
  display: grid;
  grid-template-rows: auto var(--clearance-padding) auto;
  grid-template-rows: var(--clearance-padding) auto var(--clearance-padding);
  align-items: end;
  grid-gap: calc(4rem * var(--rs-scale));
}
@media only screen and (min-width: 992px) {
  .p-layout__text--left {
    grid-template-columns: repeat(12, 1fr);
  }
}
.p-layout__text--left .p-layout__image--under {
  grid-area: 1/2/3/13;
  border-radius: calc(2rem * var(--rs-scale));
  z-index: 9;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .p-layout__text--left .p-layout__image--under {
    grid-area: 1/5/3/13;
  }
}
.p-layout__text--left .p-layout__text--over {
  grid-area: 2/1/4/12;
  z-index: 99;
}
@media only screen and (min-width: 992px) {
  .p-layout__text--left .p-layout__text--over {
    grid-area: 2/1/4/8;
  }
}
.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-rows: auto var(--clearance-padding) auto;
  grid-template-rows: var(--clearance-padding) auto var(--clearance-padding);
  align-items: end;
  grid-gap: calc(4rem * var(--rs-scale));
}
@media only screen and (min-width: 992px) {
  .p-layout__text--right {
    grid-template-columns: repeat(12, 1fr);
  }
}
.p-layout__text--right .p-layout__image--under {
  grid-area: 1/1/3/12;
  border-radius: calc(2rem * var(--rs-scale));
  z-index: 9;
  overflow: hidden;
}
@media only screen and (min-width: 992px) {
  .p-layout__text--right .p-layout__image--under {
    grid-area: 1/1/3/9;
  }
}
.p-layout__text--right .p-layout__text--over {
  grid-area: 2/2/4/13;
  z-index: 99;
}
@media only screen and (min-width: 992px) {
  .p-layout__text--right .p-layout__text--over {
    grid-area: 2/6/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(--rs-scale));
  padding: calc(3rem * var(--rs-scale));
}

[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: 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: grid;
  grid-template-columns: repeat(8, 1fr);
}
.p-fragment__stripe span {
  display: block;
}
.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-scale));
  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: 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] {
  color: var(--rgb-blue);
  font-size: calc(1.6em * var(--xs-scale));
  line-height: 1.5;
  font-family: var(--font-unbounded);
  font-weight: 300;
  padding: var(--button-padding) 1em;
  width: 100%;
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  display: grid !important;
  justify-items: center;
  gap: 0.25em;
}
@media only screen and (min-width: 992px) {
  a[data-type=inquiry], button[data-type=inquiry], input[data-type=inquiry] {
    pointer-events: none;
  }
}
@media print {
  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);
}
a[data-type=inquiry] span, a[data-type=inquiry] small, button[data-type=inquiry] span, button[data-type=inquiry] small, input[data-type=inquiry] span, input[data-type=inquiry] small {
  color: currentColor;
}
a[data-type=inquiry] span::before, button[data-type=inquiry] span::before, input[data-type=inquiry] span::before {
  content: "\e0b0";
  font-size: 1em;
  line-height: 1;
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
a[data-type=inquiry] small, button[data-type=inquiry] small, input[data-type=inquiry] small {
  font-size: 0.5em !important;
  text-align: center;
}

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-scale));
  line-height: 1.5;
  font-weight: 700;
  padding: var(--button-padding) 1em;
  width: 100%;
  height: 100%;
  display: 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-scale));
  line-height: 1;
  font-weight: 700;
  font-family: inherit;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: 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;
}

.p-tel-lg {
  line-height: 1.25;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  --rgb-link: currentColor;
  margin-block: var(--leading-trim-en);
  font-size: calc(1.6em * var(--xs-scale));
}
.p-tel-lg.text-center {
  margin: 0 auto;
}
.p-tel-lg img {
  margin-right: 0.33rem;
  width: auto;
  height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .p-tel-lg img {
    height: auto;
  }
}
.p-tel-lg.c-label__tel::before {
  font-size: 0.5em;
  font-weight: 700;
}
.p-tel-lg.u-icon--tel::before {
  font-weight: 700;
  font-size: 1em;
  margin-bottom: 0;
}
.p-tel-lg.u-icon__freedial::before {
  background-position: left center;
  width: 1.5em;
  height: 0.75em;
}

.p-fax-lg {
  line-height: 1.25;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  --rgb-link: currentColor;
  margin-block: var(--leading-trim-en);
  font-size: calc(1.6em * var(--xs-scale));
}
.p-fax-lg.text-center {
  margin: 0 auto;
}
.p-fax-lg img {
  margin-right: 0.33rem;
  width: auto;
  height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .p-fax-lg img {
    height: auto;
  }
}
.p-fax-lg.c-label__fax::before {
  font-size: 0.5em;
  font-weight: 700;
}
.p-fax-lg.u-icon--fax::before {
  font-size: 0.5em;
  font-weight: 700;
}

.p-tel-md {
  line-height: 1.25;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  --rgb-link: currentColor;
  margin-block: var(--leading-trim-en);
  font-size: calc(1.4em * var(--xs-scale));
}
.p-tel-md.text-center {
  margin: 0 auto;
}
.p-tel-md img {
  margin-right: 0.33rem;
  width: auto;
  height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .p-tel-md img {
    height: auto;
  }
}
.p-tel-md.c-label__tel::before {
  font-size: 0.5em;
  font-weight: 700;
}
.p-tel-md.u-icon--tel::before {
  font-weight: 700;
  font-size: 1em;
  margin-bottom: 0;
}
.p-tel-md.u-icon__freedial::before {
  background-position: left center;
  width: 1.5em;
  height: 0.75em;
}

.p-fax-md {
  line-height: 1.25;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  --rgb-link: currentColor;
  margin-block: var(--leading-trim-en);
  font-size: calc(1.4em * var(--xs-scale));
}
.p-fax-md.text-center {
  margin: 0 auto;
}
.p-fax-md img {
  margin-right: 0.33rem;
  width: auto;
  height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .p-fax-md img {
    height: auto;
  }
}
.p-fax-md.c-label__fax::before {
  font-size: 0.5em;
  font-weight: 700;
}
.p-fax-md.u-icon--fax::before {
  font-size: 0.5em;
  font-weight: 700;
}

.p-tel-sm {
  line-height: 1.25;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  --rgb-link: currentColor;
  margin-block: var(--leading-trim-en);
  font-size: calc(1.2em * var(--xs-scale));
}
.p-tel-sm.text-center {
  margin: 0 auto;
}
.p-tel-sm img {
  margin-right: 0.33rem;
  width: auto;
  height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .p-tel-sm img {
    height: auto;
  }
}
.p-tel-sm.c-label__tel::before {
  font-size: 0.5em;
  font-weight: 700;
}
.p-tel-sm.u-icon--tel::before {
  font-weight: 700;
  font-size: 1em;
  margin-bottom: 0;
}
.p-tel-sm.u-icon__freedial::before {
  background-position: left center;
  width: 1.5em;
  height: 0.75em;
}

.p-fax-sm {
  line-height: 1.25;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  --rgb-link: currentColor;
  margin-block: var(--leading-trim-en);
  font-size: calc(1.2em * var(--xs-scale));
}
.p-fax-sm.text-center {
  margin: 0 auto;
}
.p-fax-sm img {
  margin-right: 0.33rem;
  width: auto;
  height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .p-fax-sm img {
    height: auto;
  }
}
.p-fax-sm.c-label__fax::before {
  font-size: 0.5em;
  font-weight: 700;
}
.p-fax-sm.u-icon--fax::before {
  font-size: 0.5em;
  font-weight: 700;
}

.c-box-body .c-tel--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__slider {
  background-color: var(--rgb-white);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.js-hero__contain {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}
.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 {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}
.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;
}

.p-hero__cover {
  height: calc(100vh - var(--header-height));
  background-color: var(--rgb-watergray);
}
@media (orientation: portrait) {
  .p-hero__cover {
    height: 75lvw;
  }
}
@media only screen and (orientation: portrait) and (max-width: 991px) {
  .p-hero__cover {
    min-height: 50lvh;
  }
}
@media only screen and (orientation: portrait) and (min-width: 992px) {
  .p-hero__cover {
    max-height: 56.25dvw;
  }
}
.p-hero__cover img {
  filter: brightness(1);
}

.p-hero__text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  position: absolute;
  inset: 0;
  z-index: 9;
  isolation: isolate;
}

.p-hero__copy {
  padding-block: 5dvw;
  padding-inline: var(--padding-x);
  position: relative;
  z-index: 9;
  text-shadow: 0 0 0.25em var(--rgb-white), 0 0 0.25em var(--rgb-white), 0 0 0.25em var(--rgb-white), 0 0 0.25em var(--rgb-white);
  display: grid;
  gap: 6.4dvw;
}
@media only screen and (min-width: 992px) {
  .p-hero__copy {
    padding-block: 6rem;
    gap: 3.6dvw;
  }
}

.p-hero__catch {
  color: var(--rgb-text);
  font-size: calc(1.66em * var(--md-scale));
  line-height: 1.75;
  font-weight: 400;
  font-family: var(--font-serif);
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: grid;
  gap: 0.25em;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.p-hero__catch span {
  margin-block: var(--leading-trim-ja);
}

.p-hero__lead {
  color: var(--rgb-text);
  font-size: calc(1.125em * var(--xs-scale));
  line-height: 1.75;
  letter-spacing: 0.075em;
  font-family: var(--font-serif);
  font-weight: 400;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  .p-hero__lead {
    line-height: 1.75;
  }
}
.p-hero__lead span {
  display: block;
  margin-block: var(--leading-trim-en);
}

.p-hero__shortcut ul {
  height: 50dvh;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
  gap: 3.2dvw;
}
@media only screen and (min-width: 576px) {
  .p-hero__shortcut ul {
    gap: 1.8dvw;
  }
}
@media only screen and (min-width: 992px) {
  .p-hero__shortcut ul {
    height: 100%;
    gap: 1.5dvw;
  }
}
.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 {
  font-size: 4dvw;
  width: 12.8vw;
  height: 12.8dvw;
  top: -1.6dvw;
  left: -1.6dvw;
  background-color: var(--rgb-yellow);
  color: var(--rgb-lightblue);
  border-radius: 5dvw;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 576px) {
  .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 (min-width: 992px) {
  .p-hero__shortcut ul li .p-hero__shortcut--badge {
    font-size: 1dvw;
    width: 5dvw;
    height: 5dvw;
    top: -0.8dvw;
    left: -0.8dvw;
  }
}
.p-hero__shortcut ul li a {
  border-radius: 0.625rem;
  color: var(--rgb-white);
  display: block;
  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: 4dvw;
  margin: 0;
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .p-hero__shortcut ul li a figure figcaption {
    font-size: 2.25dvw;
  }
}
@media only screen and (min-width: 992px) {
  .p-hero__shortcut ul li a figure figcaption {
    font-size: 1.5dvw;
  }
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--icon img {
  width: auto;
  height: 12.8dvw;
}
@media only screen and (min-width: 576px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--icon img {
    height: 7.2dvw;
  }
}
@media only screen and (min-width: 992px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--icon img {
    height: 5.6dvw;
  }
}
.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: 2.56dvw;
  margin-bottom: 0.5em;
  padding: 0.5em 0.625em;
}
@media only screen and (min-width: 992px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign {
    font-size: 1dvw;
  }
}
@media only screen and (min-width: 576px) {
  .p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign {
    font-size: 1.44dvw;
  }
}
.p-hero__shortcut ul li a figure figcaption .p-hero__shortcut--campaign span {
  display: block;
  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.8dvw;
  width: 5.92dvw;
  position: absolute;
  right: 0.944vw;
  bottom: 0.944dvw;
}
@media only screen and (min-width: 576px) {
  .p-hero__shortcut ul li a .p-hero__shortcut--arrow {
    padding: 0.45dvw;
    width: 3.33dvw;
    right: 0.531dvw;
    bottom: 0.531dvw;
  }
}
.p-hero__shortcut ul li a .p-hero__shortcut--arrow img {
  margin-inline: auto;
  width: auto;
  height: 1.184dvw;
}
@media only screen and (min-width: 576px) {
  .p-hero__shortcut ul li a .p-hero__shortcut--arrow img {
    height: 0.666dvw;
  }
}
.p-hero__shortcut ul li a:hover figcaption {
  background-color: rgba(0, 0, 0, 0.225);
  transition: background-color 0.6s;
}

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

.p-headline__text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 25lvh;
}
.p-headline__text h2 {
  font-size: 1.25em;
  text-shadow: 0 0 1.25em rgba(0, 0, 0, 0.1);
  line-height: 1.5;
  font-family: var(--font-serif);
  padding-block: calc(2em * var(--lg-scale));
  padding-inline: var(--padding-x);
  display: grid;
  justify-items: center;
  gap: 1.25em;
  letter-spacing: 0.075em;
  text-indent: 0.075em;
  text-shadow: 0 0 0.25em var(--rgb-white), 0 0 0.25em var(--rgb-white), 0 0 0.25em var(--rgb-white), 0 0 0.25em var(--rgb-white);
}
@media only screen and (min-width: 576px) {
  .p-headline__text h2 {
    font-size: 1.2109375em;
  }
}
@media only screen and (min-width: 992px) {
  .p-headline__text h2 {
    font-size: 1.171875em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-headline__text h2 {
    font-size: 1.1328125em;
  }
}
@media screen and (min-width: 1400px) {
  .p-headline__text h2 {
    font-size: 1.25em;
  }
}
.p-headline__text h2 span {
  font-weight: 400;
}
.p-headline__text h2 em {
  font-weight: 400;
  font-family: var(--font-serif);
  text-transform: uppercase;
}
.p-headline__text h2 span {
  margin-block: var(--leading-trim-ja);
  margin-inline: auto;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.p-headline__text h2 em {
  color: var(--rgb-green);
  font-size: calc(2.4em * var(--xs-scale));
  line-height: 1.125;
  text-transform: uppercase;
  margin-block: var(--leading-trim-en);
  width: -moz-fit-content;
  width: fit-content;
}

.p-headline__image {
  overflow: hidden;
  display: block;
  position: relative;
  background-image: repeating-linear-gradient(-45deg, var(--rgb-watergreen), var(--rgb-watergreen) 7px, transparent 0, transparent 14px);
  display: block;
  position: relative;
  background-size: 125rem;
  opacity: 0.5;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.p-headline__image > img {
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0.75;
}

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

.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-breadcrumb {
  font-size: 0.75em;
}
@media only screen and (min-width: 768px) {
  .c-breadcrumb {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 992px) {
  .c-breadcrumb {
    font-size: 1em;
  }
}

.p-heading__index {
  font-feature-settings: "palt";
  font-kerning: normal;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1em;
  isolation: isolate;
  font-family: var(--font-serif);
  font-size: 1em;
}
@media only screen and (min-width: 992px) {
  .p-heading__index {
    gap: 1.25em;
  }
}
@media only screen and (min-width: 992px) {
  .p-heading__index {
    gap: 1.5em;
  }
}
.p-heading__index:first-child {
  margin-top: 0;
}
.p-heading__index:last-child {
  margin-bottom: 0;
}
.p-heading__index span,
.p-heading__index em {
  margin-block: var(--leading-trim-ja);
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.p-heading__index span {
  font-size: inherit;
  letter-spacing: 0.075em;
}
.p-heading__index em {
  font-size: calc(2.06em * var(--xs-scale));
  line-height: 1.5;
  letter-spacing: 0.075em;
}
.p-heading__index[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__index[data-mode=light] em {
  color: var(--rgb-text);
}
.p-heading__index[data-mode=dark] span {
  color: var(--rgb-white);
}
.p-heading__index[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading__index[data-mode=custom] span {
  color: #ff5722;
}
.p-heading__index[data-mode=custom] em {
  color: #0077cc;
}
.p-heading__index.u-mx--auto {
  margin-inline: auto;
}
.p-heading__index.u-mx--auto span,
.p-heading__index.u-mx--auto em {
  text-align: center;
  margin-inline: auto;
  text-indent: 0.075em;
}
.p-heading__index.u-ml--auto {
  margin-left: auto;
}
.p-heading__index.u-ml--auto span,
.p-heading__index.u-ml--auto em {
  margin-left: auto;
}
@media only screen and (min-width: 576px) {
  .p-heading__index {
    font-size: 0.96875em;
  }
}
@media only screen and (min-width: 992px) {
  .p-heading__index {
    font-size: 0.9375em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-heading__index {
    font-size: 0.90625em;
  }
}
@media screen and (min-width: 1400px) {
  .p-heading__index {
    font-size: 1em;
  }
}
.p-heading__index span {
  font-weight: 400;
}
.p-heading__index em {
  font-weight: 400;
  font-family: inherit;
  text-transform: uppercase;
}

.p-heading--decoration::before {
  content: "";
  background: url(../images/common/common__heading--horizontal.webp) center center/100% no-repeat;
  position: absolute;
  inset: -1.5em 50% -1.5em;
  z-index: -1;
  margin-inline: -5em;
}
.p-heading--decoration.u-mx--auto {
  text-indent: 0.2em;
}

.p-heading__footer--contact {
  font-feature-settings: "palt";
  font-kerning: normal;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1em;
  isolation: isolate;
  font-family: var(--font-serif);
  font-size: 1em;
}
@media only screen and (min-width: 992px) {
  .p-heading__footer--contact {
    gap: 1.25em;
  }
}
@media only screen and (min-width: 992px) {
  .p-heading__footer--contact {
    gap: 1.5em;
  }
}
.p-heading__footer--contact:first-child {
  margin-top: 0;
}
.p-heading__footer--contact:last-child {
  margin-bottom: 0;
}
.p-heading__footer--contact span,
.p-heading__footer--contact em {
  margin-block: var(--leading-trim-ja);
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.p-heading__footer--contact span {
  font-size: inherit;
  letter-spacing: 0.075em;
}
.p-heading__footer--contact em {
  font-size: calc(2.06em * var(--xs-scale));
  line-height: 1.5;
  letter-spacing: 0.075em;
}
.p-heading__footer--contact[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__footer--contact[data-mode=light] em {
  color: var(--rgb-text);
}
.p-heading__footer--contact[data-mode=dark] span {
  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: #ff5722;
}
.p-heading__footer--contact[data-mode=custom] em {
  color: #0077cc;
}
.p-heading__footer--contact.u-mx--auto {
  margin-inline: auto;
}
.p-heading__footer--contact.u-mx--auto span,
.p-heading__footer--contact.u-mx--auto em {
  text-align: center;
  margin-inline: auto;
  text-indent: 0.075em;
}
.p-heading__footer--contact.u-ml--auto {
  margin-left: auto;
}
.p-heading__footer--contact.u-ml--auto span,
.p-heading__footer--contact.u-ml--auto em {
  margin-left: auto;
}
@media only screen and (min-width: 576px) {
  .p-heading__footer--contact {
    font-size: 0.96875em;
  }
}
@media only screen and (min-width: 992px) {
  .p-heading__footer--contact {
    font-size: 0.9375em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-heading__footer--contact {
    font-size: 0.90625em;
  }
}
@media screen and (min-width: 1400px) {
  .p-heading__footer--contact {
    font-size: 1em;
  }
}
.p-heading__footer--contact span {
  font-weight: 400;
}
.p-heading__footer--contact em {
  font-weight: 400;
  font-family: inherit;
  text-transform: uppercase;
}

.p-heading__page {
  font-feature-settings: "palt";
  font-kerning: normal;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1em;
  isolation: isolate;
  font-family: var(--font-serif);
  font-size: 1em;
}
@media only screen and (min-width: 992px) {
  .p-heading__page {
    gap: 1.25em;
  }
}
@media only screen and (min-width: 992px) {
  .p-heading__page {
    gap: 1.5em;
  }
}
.p-heading__page:first-child {
  margin-top: 0;
}
.p-heading__page:last-child {
  margin-bottom: 0;
}
.p-heading__page span,
.p-heading__page em {
  margin-block: var(--leading-trim-ja);
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.p-heading__page span {
  font-size: inherit;
  letter-spacing: 0.075em;
}
.p-heading__page em {
  font-size: calc(2.06em * var(--xs-scale));
  line-height: 1.5;
  letter-spacing: 0.075em;
}
.p-heading__page[data-mode=light] span {
  color: var(--rgb-text);
}
.p-heading__page[data-mode=light] em {
  color: var(--rgb-text);
}
.p-heading__page[data-mode=dark] span {
  color: var(--rgb-white);
}
.p-heading__page[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading__page[data-mode=custom] span {
  color: #ff5722;
}
.p-heading__page[data-mode=custom] em {
  color: #0077cc;
}
.p-heading__page.u-mx--auto {
  margin-inline: auto;
}
.p-heading__page.u-mx--auto span,
.p-heading__page.u-mx--auto em {
  text-align: center;
  margin-inline: auto;
  text-indent: 0.075em;
}
.p-heading__page.u-ml--auto {
  margin-left: auto;
}
.p-heading__page.u-ml--auto span,
.p-heading__page.u-ml--auto em {
  margin-left: auto;
}
@media only screen and (min-width: 576px) {
  .p-heading__page {
    font-size: 0.96875em;
  }
}
@media only screen and (min-width: 992px) {
  .p-heading__page {
    font-size: 0.9375em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-heading__page {
    font-size: 0.90625em;
  }
}
@media screen and (min-width: 1400px) {
  .p-heading__page {
    font-size: 1em;
  }
}
.p-heading__page span {
  font-weight: 400;
}
.p-heading__page em {
  font-weight: 400;
  font-family: inherit;
  text-transform: uppercase;
}

.p-heading--level1 {
  font-size: 1.25em;
  line-height: 1.5;
  width: -moz-max-content;
  width: max-content;
  margin-top: 2em;
  margin-bottom: 1em;
}
.p-heading--level1 em {
  display: block;
}
.p-heading--level1:first-of-type {
  margin-top: 0;
}

.p-heading--level2 {
  font-size: 1.25em;
  line-height: 1.25;
  width: -moz-max-content;
  width: max-content;
  margin-top: 2em;
  margin-bottom: 1em;
}
.p-heading--level2 em {
  display: block;
}
.p-heading--level2:first-of-type {
  margin-top: 0;
}

.p-heading--level3 {
  font-size: 1.125em;
  line-height: 1.25;
  width: -moz-max-content;
  width: max-content;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.p-heading--level3 em {
  display: block;
}
.p-heading--level3:first-of-type {
  margin-top: 0;
}

.p-heading--level1[data-mode=light] em,
.p-heading--level2[data-mode=light] em,
.p-heading--level3[data-mode=light] em {
  color: var(--rgb-text);
}
.p-heading--level1[data-mode=light] em.p-heading--leftline,
.p-heading--level2[data-mode=light] em.p-heading--leftline,
.p-heading--level3[data-mode=light] em.p-heading--leftline {
  border-left: 0.25rem solid var(--rgb-green);
}
.p-heading--level1[data-mode=light] em.p-heading--underline,
.p-heading--level2[data-mode=light] em.p-heading--underline,
.p-heading--level3[data-mode=light] em.p-heading--underline {
  border-bottom: 0.125rem solid var(--rgb-blue);
}
.p-heading--level1[data-mode=light] em.p-heading--cushion,
.p-heading--level2[data-mode=light] em.p-heading--cushion,
.p-heading--level3[data-mode=light] em.p-heading--cushion {
  background: var(--rgb-white);
  color: var(--rgb-text);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.p-heading--level1[data-mode=dark] em,
.p-heading--level2[data-mode=dark] em,
.p-heading--level3[data-mode=dark] em {
  color: var(--rgb-white);
}
.p-heading--level1[data-mode=dark] em.p-heading--leftline,
.p-heading--level2[data-mode=dark] em.p-heading--leftline,
.p-heading--level3[data-mode=dark] em.p-heading--leftline {
  border-left: 4px solid #fff;
}
.p-heading--level1[data-mode=dark] em.p-heading--underline,
.p-heading--level2[data-mode=dark] em.p-heading--underline,
.p-heading--level3[data-mode=dark] em.p-heading--underline {
  border-bottom: 2px solid #fff;
}
.p-heading--level1[data-mode=dark] em.p-heading--cushion,
.p-heading--level2[data-mode=dark] em.p-heading--cushion,
.p-heading--level3[data-mode=dark] em.p-heading--cushion {
  background: #fff;
  color: #222;
}
.p-heading--level1[data-mode=custom] em,
.p-heading--level2[data-mode=custom] em,
.p-heading--level3[data-mode=custom] em {
  color: var(--rgb-text);
}
.p-heading--level1[data-mode=custom] em.p-heading--leftline,
.p-heading--level2[data-mode=custom] em.p-heading--leftline,
.p-heading--level3[data-mode=custom] em.p-heading--leftline {
  border-left: 4px solid #fff;
}
.p-heading--level1[data-mode=custom] em.p-heading--underline,
.p-heading--level2[data-mode=custom] em.p-heading--underline,
.p-heading--level3[data-mode=custom] em.p-heading--underline {
  border-bottom: 2px solid #fff;
}
.p-heading--level1[data-mode=custom] em.p-heading--cushion,
.p-heading--level2[data-mode=custom] em.p-heading--cushion,
.p-heading--level3[data-mode=custom] em.p-heading--cushion {
  background: #ff9800;
  color: #0077cc;
}
.p-heading--level1 em.p-heading--leftline,
.p-heading--level2 em.p-heading--leftline,
.p-heading--level3 em.p-heading--leftline {
  padding-left: 0.66em;
}
.p-heading--level1 em.p-heading--underline,
.p-heading--level2 em.p-heading--underline,
.p-heading--level3 em.p-heading--underline {
  padding-bottom: 0.33em;
}
.p-heading--level1 em.p-heading--cushion,
.p-heading--level2 em.p-heading--cushion,
.p-heading--level3 em.p-heading--cushion {
  padding-block: 0.25em;
  padding-inline: 1em;
  text-align: center;
  min-width: 9em;
}

.p-heading__index-vertical {
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(1.3333em * var(--sm-scale));
  isolation: isolate;
  display: grid;
  grid-row-gap: 1.25em;
  justify-items: end;
  writing-mode: sideways-lr;
  text-orientation: sideways;
  isolation: isolate;
  position: relative;
  letter-spacing: 0.2em;
}
.p-heading__index-vertical span {
  font-family: var(--font-serif);
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize;
  width: -moz-fit-content;
  width: fit-content;
  display: 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-root;
  margin-right: 0.5em;
  width: auto;
  height: calc(1.75rem * var(--md-scale));
}
.p-heading__index-vertical em {
  font-size: calc(3em * var(--lg-scale));
  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;
}
.p-heading__index-vertical.u-mx--auto {
  margin-inline: auto;
}
.p-heading__index-vertical.u-mx--auto span, .p-heading__index-vertical.u-mx--auto 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__index-vertical::before {
  content: "";
  background: url(../images/common/common__heading--vertical.webp) center top/100% no-repeat;
  position: absolute;
  inset: -0.75em -0.5em -1.5em;
  z-index: -1;
}

.p-lead--block {
  font-size: 1.125em;
  color: var(--rgb-green);
  line-height: 1.75;
  font-family: var(--font-serif);
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .p-lead--block {
    font-size: 1.1210937497em;
  }
}
@media only screen and (min-width: 992px) {
  .p-lead--block {
    font-size: 1.1171874994em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-lead--block {
    font-size: 1.1132812491em;
  }
}
@media screen and (min-width: 1400px) {
  .p-lead--block {
    font-size: 1.2499999988em;
  }
}
@media only screen and (min-width: 992px) {
  .p-lead--block {
    line-height: 1.75;
  }
}

.p-lead--block--sm {
  font-size: 1.25em;
  color: var(--rgb-green);
  line-height: 1.75;
  font-family: var(--font-serif);
  font-weight: 400;
}
@media only screen and (min-width: 576px) {
  .p-lead--block--sm {
    font-size: 1.2890625em;
  }
}
@media only screen and (min-width: 992px) {
  .p-lead--block--sm {
    font-size: 1.328125em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-lead--block--sm {
    font-size: 1.3671875em;
  }
}
@media screen and (min-width: 1400px) {
  .p-lead--block--sm {
    font-size: 1.5625em;
  }
}
@media only screen and (min-width: 992px) {
  .p-lead--block--sm {
    line-height: 1.75;
  }
}

.p-lead--flex {
  font-size: 1.125em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-xs {
  font-size: 1.25em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-xs small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-xs span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-xs span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-sm {
  font-size: 1.33em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-sm small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-sm span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-sm span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-md {
  font-size: 1.5em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-md small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-md span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-md span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-lg {
  font-size: 1.66em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-lg small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-lg span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-lg span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-xl {
  font-size: 1.75em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-xl small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-xl span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-xl span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-x2l {
  font-size: 2em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-x2l small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-x2l span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-x2l span {
    width: -moz-max-content;
    width: max-content;
  }
}

.p-lead--flex-x2l {
  font-size: 2.5em;
  display: flex;
  flex-flow: row wrap;
  font-family: var(--font-serif);
  font-weight: 500;
}
.p-lead--flex-x2l small {
  font-size: 0.66em;
  display: block;
}
.p-lead--flex-x2l span {
  display: inline;
  white-space: normal;
}
@media only screen and (min-width: 576px) {
  .p-lead--flex-x2l span {
    width: -moz-max-content;
    width: max-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-scale));
  width: -moz-max-content;
  width: max-content;
}
.p-index__caution--icon img {
  width: auto;
  height: calc(3.5rem * var(--md-scale));
}

.p-index__caution--text {
  font-size: calc(2em * var(--md-scale));
}
.p-index__caution--text span,
.p-index__caution--text em {
  display: block;
  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__news {
  background: url(../images/index__news--bg.webp) center bottom/cover no-repeat;
}
.p-index__news::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 1;
}
.p-index__news::after {
  content: "";
  background-color: var(--rgb-ivory);
  opacity: 0.9;
  position: absolute;
  inset: 0;
  z-index: 2;
}

.p-news__tracingpaper {
  background-color: rgba(255, 255, 255, 0.9);
  padding: calc(2rem * var(--lg-scale));
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
}

.p-news__layout--grid {
  max-width: 100%;
  display: grid;
  align-items: start;
}
@media only screen and (min-width: 576px) {
  .p-news__layout--grid {
    grid-template-columns: max-content 1fr;
    grid-gap: calc(3rem * var(--rs-scale)) calc(4rem * var(--rs-scale));
  }
}

.p-news {
  --rgb-linegray: rgb(192 192 192);
}

.p-news__scroll {
  height: 15rem;
  overflow-y: auto;
}
@media only screen and (min-width: 1200px) {
  .p-news__scroll {
    padding-right: calc(1rem * var(--rs-scale));
  }
}

.p-news__article {
  margin-inline: auto;
  padding-bottom: calc(0.5rem * var(--rs-scale));
  width: 100%;
  display: grid;
  grid-template-columns: 8em 1fr;
  grid-row-gap: 1em;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .p-news__article {
    grid-template-columns: 8em 1fr;
    grid-column-gap: 1.75em;
    align-items: start;
  }
}
.p-news__article:not(:first-of-type) {
  border-top: 0.0625rem solid var(--rgb-linegray);
  padding-top: calc(0.5rem * var(--rs-scale));
}

.p-news__date {
  grid-column: 1/2;
  grid-row: 1/2;
  padding-left: 0;
  padding-block: 0.25rem;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .p-news__date {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.p-news__date time {
  line-height: 1.75;
  font-feature-settings: "tnum";
  white-space: nowrap;
}

.p-news__updated {
  color: var(--rgb-green);
  text-transform: uppercase;
  line-height: 1.75;
  text-align: right;
}
.p-news__updated img {
  width: auto;
  height: 1rem;
  vertical-align: middle;
}

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

.p-news__post {
  grid-column: 1/3;
  grid-row: 2/3;
  font-family: var(--font-family-sans);
  line-height: 1.75;
  padding: 0;
}
@media only screen and (min-width: 576px) {
  .p-news__post {
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 0.25rem;
  }
}

.p-news__file {
  margin-top: 1em;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
@media only screen and (min-width: 576px) {
  .p-news__file {
    min-width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .p-news__file {
    min-width: 25%;
  }
}

.p-news__title {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.p-news__view--link, .p-news__view--link:hover, .p-news__view--link:active, .p-news__view--link:focus {
  background-color: var(--rgb-blue);
  border-radius: 2rem;
  width: calc(4rem * var(--rs-scale));
  padding: calc(0.625rem * var(--rs-scale));
  display: block;
}
.p-news__view--link img, .p-news__view--link:hover img, .p-news__view--link:active img, .p-news__view--link:focus img {
  margin-inline: auto;
  width: auto;
  height: calc(0.75rem * var(--rs-scale));
}
.p-news__view--link {
  transition: backgroundtext-decoration-color 0.3s;
}
.p-news__view--link:hover, .p-news__view--link:active, .p-news__view--link:focus {
  text-decoration-color: transparent;
  transition: text-decoration-color 0.6s;
}

.p-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: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5em;
}

.p-information__news--category {
  padding-bottom: calc(4rem * var(--rs-scale));
  display: grid;
  grid-gap: calc(2rem * var(--rs-scale));
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .p-information__news--category {
    grid-template-columns: 1fr 10rem;
  }
}

.p-information__news--heading {
  font-size: calc(2em * var(--md-scale));
}
.p-information__news--heading span,
.p-information__news--heading em {
  display: block;
}

.p-information__news--list {
  display: grid;
  grid-gap: calc(3rem * var(--rs-scale)) calc(1rem * var(--rs-scale));
}
@media only screen and (min-width: 576px) {
  .p-information__news--list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .p-information__news--list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.p-information__news--item {
  background-color: var(--rgb-white);
  border: 0.0625rem solid var(--rgb-linegray);
  padding: calc(1rem * var(--rs-scale));
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: subgrid;
  grid-row: span 4;
  grid-gap: calc(1rem * var(--rs-scale));
}

.p-information__news--date {
  grid-column: 1/2;
  grid-row: 1/2;
}

.p-information__news--updated {
  color: var(--rgb-caution);
  grid-column: 2/3;
  grid-row: 1/2;
}

.p-information__news--image {
  background-color: var(--rgb-watergray);
  grid-column: 1/3;
  grid-row: 2/3;
}

.p-information__news--text {
  grid-column: 1/3;
  grid-row: 3/4;
}

.p-information__news--link {
  grid-column: 1/3;
  grid-row: 4/5;
}

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

.p-news__view--category {
  background-color: var(--rgb-blue);
  color: var(--rgb-white);
  border-radius: 0.25em;
  font-size: 0.75em;
  line-height: 1.25;
  text-align: center;
  max-width: 50%;
  padding: 0.5em 1em;
}

.p-information__navigation {
  --button-padding-x: 1em;
  --button-padding-y: 0.5em;
}
.p-information__navigation .c-button {
  justify-content: flex-start;
}
.p-information__navigation .c-button span {
  width: 100%;
}
.p-information__navigation .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;
}
.p-information__navigation .c-button:hover span em, .p-information__navigation .c-button.active span em {
  border-top-color: var(--rgb-white);
}

.p-index__builder {
  background-image: repeating-linear-gradient(-45deg, var(--rgb-watergreen), var(--rgb-watergreen) 7px, transparent 0, transparent 14px);
}

.p-index__builder--point {
  position: relative;
}
.p-index__builder--point::before {
  content: "";
  background-image: linear-gradient(135deg, var(--rgb-watergreen), var(--rgb-leaf));
  border-radius: 100%;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.p-index__builder--point .p-index__builder--in {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-index__builder--point img {
  width: auto;
  height: 75%;
}

.p-index__builder--caption {
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  margin-top: 0.5em;
}

.p-builder__approach {
  background: url(../images/index__news--bg.webp) center bottom/cover no-repeat;
}
.p-builder__approach::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 1;
}
.p-builder__approach::after {
  content: "";
  background-color: var(--rgb-ivory);
  opacity: 0.9;
  position: absolute;
  inset: 0;
  z-index: 2;
}

.p-builder__approach--box {
  background-color: rgba(255, 255, 255, 0.9);
  padding: calc(1.6rem * var(--rs-scale));
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: calc(1rem * var(--sm-scale));
}

.p-builder__approach--point {
  position: relative;
  width: 50%;
  margin-inline: auto;
}
@media only screen and (min-width: 576px) {
  .p-builder__approach--point {
    width: 100%;
  }
}
.p-builder__approach--point::before {
  content: "";
  border-radius: 100%;
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.p-builder__approach--point .p-builder__approach--in {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-builder__approach--point img {
  width: auto;
  height: 100%;
}

.p-builder__approach--caption {
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 1em;
  font-family: var(--font-serif);
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .p-builder__approach--caption {
    text-align: unset;
    margin-top: 2em;
    margin-block: auto;
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
}

.p-index__business::after {
  content: "";
  background: url(../images/index__business--bg.webp) right top/cover no-repeat;
  position: absolute;
  inset: 0;
  opacity: 0.25;
}

.p-container--extend {
  max-width: 92rem;
  margin-inline: auto;
}

.p-index__shortcut--link, .p-index__shortcut--link:hover, .p-index__shortcut--link:active, .p-index__shortcut--link:focus {
  display: block;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.p-index__shortcut--link .p-index__shortcut--text, .p-index__shortcut--link:hover .p-index__shortcut--text, .p-index__shortcut--link:active .p-index__shortcut--text, .p-index__shortcut--link:focus .p-index__shortcut--text {
  color: var(--rgb-white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  isolation: isolate;
  padding: calc(1.6rem * var(--rs-scale));
}
.p-index__shortcut--link .p-index__shortcut--text h3, .p-index__shortcut--link:hover .p-index__shortcut--text h3, .p-index__shortcut--link:active .p-index__shortcut--text h3, .p-index__shortcut--link:focus .p-index__shortcut--text h3 {
  font-size: 1em;
  line-height: 1.5;
  font-family: var(--font-serif);
  font-weight: 400;
  display: grid;
  gap: 1.5em;
  margin-bottom: 3em;
}
@media only screen and (min-width: 576px) {
  .p-index__shortcut--link .p-index__shortcut--text h3, .p-index__shortcut--link:hover .p-index__shortcut--text h3, .p-index__shortcut--link:active .p-index__shortcut--text h3, .p-index__shortcut--link:focus .p-index__shortcut--text h3 {
    font-size: 0.96875em;
  }
}
@media only screen and (min-width: 992px) {
  .p-index__shortcut--link .p-index__shortcut--text h3, .p-index__shortcut--link:hover .p-index__shortcut--text h3, .p-index__shortcut--link:active .p-index__shortcut--text h3, .p-index__shortcut--link:focus .p-index__shortcut--text h3 {
    font-size: 0.9375em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-index__shortcut--link .p-index__shortcut--text h3, .p-index__shortcut--link:hover .p-index__shortcut--text h3, .p-index__shortcut--link:active .p-index__shortcut--text h3, .p-index__shortcut--link:focus .p-index__shortcut--text h3 {
    font-size: 0.90625em;
  }
}
@media screen and (min-width: 1400px) {
  .p-index__shortcut--link .p-index__shortcut--text h3, .p-index__shortcut--link:hover .p-index__shortcut--text h3, .p-index__shortcut--link:active .p-index__shortcut--text h3, .p-index__shortcut--link:focus .p-index__shortcut--text h3 {
    font-size: 1em;
  }
}
.p-index__shortcut--link .p-index__shortcut--text h3 span, .p-index__shortcut--link:hover .p-index__shortcut--text h3 span, .p-index__shortcut--link:active .p-index__shortcut--text h3 span, .p-index__shortcut--link:focus .p-index__shortcut--text h3 span {
  margin-block: var(--leading-trim-ja);
  letter-spacing: 0.075em;
}
.p-index__shortcut--link .p-index__shortcut--text h3 em, .p-index__shortcut--link:hover .p-index__shortcut--text h3 em, .p-index__shortcut--link:active .p-index__shortcut--text h3 em, .p-index__shortcut--link:focus .p-index__shortcut--text h3 em {
  color: var(--rgb-white);
  font-size: 2.575em;
  line-height: 1.5;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  margin-block: var(--leading-trim-ja);
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.p-index__shortcut--link .p-index__shortcut--text hr, .p-index__shortcut--link:hover .p-index__shortcut--text hr, .p-index__shortcut--link:active .p-index__shortcut--text hr, .p-index__shortcut--link:focus .p-index__shortcut--text hr {
  border-color: var(--rgb-white);
  margin-block: 1.125em;
  margin-left: 0;
  width: 2em;
}
.p-index__shortcut--link .p-index__shortcut--text p, .p-index__shortcut--link:hover .p-index__shortcut--text p, .p-index__shortcut--link:active .p-index__shortcut--text p, .p-index__shortcut--link:focus .p-index__shortcut--text p {
  font-size: 1em;
  line-height: 1.75;
  margin-block: var(--leading-trim-ja);
}
.p-index__shortcut--link .p-index__shortcut--image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  transition: -webkit-backdrop-filter 0.3s;
  transition: backdrop-filter 0.3s;
  transition: backdrop-filter 0.3s, -webkit-backdrop-filter 0.3s;
}
.p-index__shortcut--link .p-index__shortcut--image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0.5;
}
.p-index__shortcut--link .p-index__shortcut--image.p-index__shortcut--company::after {
  background-color: var(--rgb-green);
}
.p-index__shortcut--link .p-index__shortcut--image.p-index__shortcut--recruit::after {
  background-color: var(--rgb-leaf);
}
.p-index__shortcut--link:hover .p-index__shortcut--image::before, .p-index__shortcut--link:active .p-index__shortcut--image::before, .p-index__shortcut--link:focus .p-index__shortcut--image::before {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  transition: -webkit-backdrop-filter 0.6s;
  transition: backdrop-filter 0.6s;
  transition: backdrop-filter 0.6s, -webkit-backdrop-filter 0.6s;
}
.p-index__shortcut--link .p-index__shortcut--image, .p-index__shortcut--link:hover .p-index__shortcut--image, .p-index__shortcut--link:active .p-index__shortcut--image, .p-index__shortcut--link:focus .p-index__shortcut--image {
  position: relative;
}
.p-index__shortcut--link::after {
  position: absolute;
  right: 1em;
  bottom: 1em;
  content: "";
}

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

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

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

.p-text-sm {
  font-size: 1.125em;
  letter-spacing: 0.05em;
}

@media only screen and (min-width: 992px) {
  .p-text--left, .p-text--right {
    max-width: 38em;
  }
}

@media only screen and (min-width: 992px) {
  .p-text--left {
    margin-right: auto;
  }
}

@media only screen and (min-width: 992px) {
  .p-text--right {
    margin-left: auto;
  }
}

.p-index__layout--left {
  display: grid;
  grid-template-columns: 7.5em 1fr;
  gap: calc(4rem * var(--rs-scale));
}

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

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

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

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

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

.p-profile__table {
  display: grid;
  align-items: start;
  grid-gap: 0.5em 1em;
}
@media only screen and (min-width: 576px) {
  .p-profile__table {
    grid-template-columns: repeat(1, 7em 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: 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-scale));
}

.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-blue);
  font-size: calc(6em * var(--sm-scale));
}

.p-company__data--text {
  display: grid;
  justify-items: center;
  text-align: center;
  line-height: 1.5;
}
.p-company__data--text em {
  color: var(--rgb-blue);
  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;
}

.p-tab__behavior .p-tab__selector {
  --button-padding-x: 1em;
  --button-padding-y: 0.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;
}
.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(--rs-scale));
}

.p-logo--footer img,
.p-logo--footer svg {
  width: auto;
  height: 4.8vw;
}
@media only screen and (min-width: 576px) {
  .p-logo--footer img,
  .p-logo--footer svg {
    height: 2.7vw;
  }
}
@media only screen and (min-width: 992px) {
  .p-logo--footer img,
  .p-logo--footer svg {
    height: 1.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .p-logo--footer img,
  .p-logo--footer svg {
    height: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .p-logo--footer img,
  .p-logo--footer svg {
    height: 1.5rem;
  }
}

.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-scale));
  font-weight: 700;
}

.p-banner-footer-leftline {
  margin-top: auto;
}
@media only screen and (min-width: 992px) {
  .p-banner-footer-leftline {
    border-left: 1px solid #FFF;
    padding-left: calc(1.2rem * var(--rs-scale));
  }
}

.p-banner-footer {
  background-color: var(--rgb-white);
  margin-top: auto;
  margin-inline: auto;
  padding: calc(0.375rem * var(--rs-scale)) calc(0.25rem * var(--rs-scale));
  width: 100%;
  max-width: 12.5rem;
  max-height: 9rem;
  display: block;
}
@media only screen and (min-width: 576px) {
  .p-banner-footer {
    width: 100%;
  }
}
.p-banner-footer img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .p-banner-footer img {
    width: auto;
    height: calc(2.8rem * var(--rs-scale));
  }
}

.p-footer__information--recept {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .p-footer__information--recept {
    text-align: unset;
  }
}
.p-footer__information--recept::before {
  content: "受付時間";
  margin-right: 1em;
}

.p-footer__links {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .p-footer__links {
    justify-content: unset;
  }
}

.p-footer__link {
  display: block;
  border: 1px solid var(--rgb-linegray);
}
.p-footer__link img {
  width: 10rem;
  max-width: 7.5rem;
  height: auto;
}
.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;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.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: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .p-footer__link--banner img {
    height: 3rem;
  }
}

.p-footer__group {
  background-color: var(--rgb-background);
  padding-block: calc(1rem * var(--rs-scale));
  padding-inline: calc(3.5rem * var(--rs-scale)) calc(2.5rem * var(--rs-scale));
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1400px) {
  .p-footer__group {
    padding: calc(2.5rem * var(--rs-scale));
  }
}
.p-footer__group h4 {
  font-size: 0.875em;
  display: grid;
  gap: 0.5em;
}
@media only screen and (min-width: 768px) {
  .p-footer__group h4 {
    flex: 0 0 100%;
    text-align: center;
  }
}
.p-footer__group h4 span,
.p-footer__group h4 em {
  display: block;
  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 (min-width: 768px) {
  .p-footer__group h4 em {
    text-indent: 0.6em;
  }
}
.p-footer__group a {
  display: block;
  padding: 1rem;
}
@media only screen and (min-width: 576px) {
  .p-footer__group a {
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 992px) {
  .p-footer__group a {
    flex: 0 0 100%;
  }
}
.p-footer__group a p {
  display: 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;
  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: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .p-location {
    justify-content: flex-start;
  }
}

.p-location__zipcode {
  text-align: center;
  margin-right: 1em;
}
@media only screen and (min-width: 576px) {
  .p-location__zipcode {
    text-align: left;
    margin-right: 1em;
  }
}
@media only screen and (min-width: 992px) {
  .p-location__zipcode {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .p-location__zipcode {
    flex: 0 0 auto;
  }
}
.p-location__zipcode::before {
  content: "〒";
}

.p-location__address {
  flex: 0 0 auto;
  white-space: nowrap;
}

.p-location__building {
  white-space: nowrap;
}
@media only screen and (min-width: 576px) {
  .p-location__building {
    margin-left: 0.5em;
  }
}

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

.p-location__open span {
  display: block;
}
@media only screen and (min-width: 992px) {
  .p-location__open {
    display: flex;
  }
  .p-location__open span + span {
    margin-left: 1em;
  }
}

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

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

.p-location__mail {
  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: 1sem;
  margin-right: 0.33em;
  content: "E-mail.";
  font-feature-settings: "tnum";
}

.p-location__compatible {
  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: 1sem;
  margin-right: 0.33em;
  content: "TEL. / FAX.";
  font-feature-settings: "tnum";
}

@media only screen and (min-width: 576px) {
  .p-location__tel,
  .p-location__fax {
    text-align: unset;
  }
}

.p-location__tel + .p-location__fax::before {
  content: "/　FAX.";
  margin-inline: 1em 0.33em;
}
@media only screen and (min-width: 576px) {
  .p-location__tel + .p-location__fax::before {
    content: "/　FAX.";
    margin-inline: 1em 0.33em;
  }
}

[data-type=freedial] {
  display: flex;
}
[data-type=freedial]::before {
  margin-right: 0.33em;
  display: block;
  content: "フリーダイヤル";
}

.p-location__contact {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 992px) {
  .p-location__contact {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .p-location__contact {
    display: flex;
  }
}
.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: 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.125em 0.5em;
  padding: 0.125em 0.5em;
}
@media only screen and (min-width: 1200px) {
  .p-sitemap__menu[data-direction=horizontal] .p-sitemap__link {
    margin: -0.125em 0.5em;
  }
}
.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-ivory);
  color: var(--rgb-brown);
}
.p-sitemap__menu[data-direction=horizontal]:not(:first-child) {
  margin-top: 1rem;
}
.p-sitemap__menu[data-direction=vertical] .p-sitemap__item {
  display: 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-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.875em;
  line-height: 1.665;
  font-weight: 400;
  text-align: center;
  padding-block: 0.5em;
}
@media only screen and (min-width: 576px) {
  .p-copyright {
    text-align: center;
  }
}
.p-copyright span {
  margin-block: var(--leading-trim-ja);
}

.js-pagetop {
  background-color: var(--rgb-green);
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241%22%20height%3D%2241%22%20viewBox%3D%220%200%2041%2041%22%3E%3Cpolyline%20points%3D%2210%2024.9%2020.05%2016%2031%2025%22%20style%3D%22fill%3Anone%3B%20stroke%3A%23fff%3B%20stroke-miterlimit%3A10%3B%20stroke-width%3A2px%3B%22%2F%3E%3Crect%20width%3D%2241%22%20height%3D%2241%22%20style%3D%22fill%3Anone%3B%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2rem;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 3rem;
  width: 2.25rem;
  height: 2.25rem;
  right: 0.5rem;
  bottom: 0.5rem;
  opacity: 0.75;
}
@media only screen and (min-width: 992px) {
  .js-pagetop {
    width: 3rem;
    height: 3rem;
    right: 1.25rem;
    bottom: 1.25rem;
  }
}

.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-heading__margin {
  margin-bottom: calc(var(--clearance-padding) * var(--heading-margin) * var(--heading-margin));
}

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

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

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

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

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

.c-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],
[data-heading=transparent-sm],
[data-heading=transparent-md],
[data-heading=transparent-lg],
[data-heading=transparent-xl],
[data-heading=transparent-x2l] {
  background-image: none;
  background-color: transparent;
  color: inherit;
  line-height: 1.5;
  text-align: center;
}
[data-heading=transparent] small,
[data-heading=transparent-sm] small,
[data-heading=transparent-md] small,
[data-heading=transparent-lg] small,
[data-heading=transparent-xl] small,
[data-heading=transparent-x2l] small {
  font-size: 0.75em;
  display: block;
}

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

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

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

.c-box-xs > .c-box-heading {
  padding-block: calc(0.5em * var(--sm-pd-thin));
  padding-inline: calc(0.5em * var(--sm-pd-thin));
}
.c-box-xs > .c-box-heading--thin {
  padding-block: calc(0.5em * var(--sm-pd));
  padding-inline: calc(0.5em * var(--sm-pd));
}
.c-box-xs > .c-box-heading--heavy {
  padding-block: calc(1.5em * var(--sm-pd));
  padding-inline: calc(0.5em * var(--sm-pd));
}
.c-box-xs > .c-box-body, .c-box-xs > .c-box-file, .c-box-xs > .c-box-image--inset {
  padding-block: calc(0.5em * var(--sm-pd-thin));
  padding-inline: calc(0.5em * var(--sm-pd-thin));
}

.c-box-sm > .c-box-heading {
  padding-block: calc(0.5em * var(--sm-pd));
  padding-inline: calc(1em * var(--sm-pd));
}
.c-box-sm > .c-box-heading--thin {
  padding-block: calc(0.25em * var(--sm-pd));
  padding-inline: calc(1em * var(--sm-pd));
}
.c-box-sm > .c-box-heading--heavy {
  padding-block: calc(0.75em * var(--sm-pd));
  padding-inline: calc(1em * var(--sm-pd));
}
.c-box-sm > .c-box-body, .c-box-sm > .c-box-file, .c-box-sm > .c-box-image--inset {
  padding-block: calc(1em * var(--sm-pd));
  padding-inline: calc(1em * var(--sm-pd));
}

.c-box-md > .c-box-heading {
  padding-block: calc(0.5em * var(--sm-pd));
  padding-inline: calc(1.5em * var(--sm-pd));
}
.c-box-md > .c-box-heading--thin {
  padding-block: calc(0.25em * var(--sm-pd));
  padding-inline: calc(1.5em * var(--sm-pd));
}
.c-box-md > .c-box-heading--heavy {
  padding-block: calc(0.75em * var(--sm-pd));
  padding-inline: calc(1.5em * var(--sm-pd));
}
.c-box-md > .c-box-body, .c-box-md > .c-box-file, .c-box-md > .c-box-image--inset {
  padding-block: calc(1.5em * var(--sm-pd));
  padding-inline: calc(1.5em * var(--sm-pd));
}

.c-box-lg > .c-box-heading {
  padding-block: calc(0.5em * var(--sm-pd));
  padding-inline: calc(2em * var(--sm-pd));
}
.c-box-lg > .c-box-heading--thin {
  padding-block: calc(0.25em * var(--sm-pd));
  padding-inline: calc(2em * var(--sm-pd));
}
.c-box-lg > .c-box-heading--heavy {
  padding-block: calc(0.75em * var(--sm-pd));
  padding-inline: calc(2em * var(--sm-pd));
}
.c-box-lg > .c-box-body, .c-box-lg > .c-box-file, .c-box-lg > .c-box-image--inset {
  padding-block: calc(2em * var(--sm-pd));
  padding-inline: calc(2em * var(--sm-pd));
}

.c-box-xl > .c-box-heading {
  padding-block: calc(0.5em * var(--sm-pd));
  padding-inline: calc(2.5em * var(--sm-pd));
}
.c-box-xl > .c-box-heading--thin {
  padding-block: calc(0.25em * var(--sm-pd));
  padding-inline: calc(2.5em * var(--sm-pd));
}
.c-box-xl > .c-box-heading--heavy {
  padding-block: calc(0.75em * var(--sm-pd));
  padding-inline: calc(2.5em * var(--sm-pd));
}
.c-box-xl > .c-box-body, .c-box-xl > .c-box-file, .c-box-xl > .c-box-image--inset {
  padding-block: calc(2.5em * var(--sm-pd));
  padding-inline: calc(2.5em * var(--sm-pd));
}

.c-box-x2l > .c-box-heading {
  padding-block: calc(0.5em * var(--sm-pd));
  padding-inline: calc(3em * var(--sm-pd));
}
.c-box-x2l > .c-box-heading--thin {
  padding-block: calc(0.25em * var(--sm-pd));
  padding-inline: calc(3em * var(--sm-pd));
}
.c-box-x2l > .c-box-heading--heavy {
  padding-block: calc(0.75em * var(--sm-pd));
  padding-inline: calc(3em * var(--sm-pd));
}
.c-box-x2l > .c-box-body, .c-box-x2l > .c-box-file, .c-box-x2l > .c-box-image--inset {
  padding-block: calc(3em * var(--sm-pd));
  padding-inline: calc(3em * var(--sm-pd));
}

.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: 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: 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 {
  border-top: 1px solid var(--rgb-linegray);
  border-right: 1px solid var(--rgb-linegray);
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 6rem;
  font-size: 3em;
  margin: -4.5rem auto 0;
  width: 9rem;
  height: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-box-icon::before {
  position: absolute;
  inset: 0;
}
.c-box-icon img {
  width: auto;
  height: 4.5rem;
}

.c-box-icon--md {
  border-top: 1px solid var(--rgb-linegray);
  border-right: 1px solid var(--rgb-linegray);
  border-radius: 12rem;
  margin: -6rem auto;
  width: 12rem;
  height: 12rem;
  padding: calc(2rem * var(--md-scale));
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-box-icon--md img {
  width: auto;
  height: 4.5rem;
}

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

.c-box-xs {
  display: block;
  width: 100%;
  position: relative;
  scroll-margin-top: calc(var(--header-height) + 2rem);
}
.c-box-xs + .c-box-xs {
  margin-top: calc(1rem * var(--sm-scale));
}

.c-box-sm {
  display: block;
  width: 100%;
  position: relative;
  scroll-margin-top: calc(var(--header-height) + 2rem);
}
.c-box-sm + .c-box-sm {
  margin-top: calc(1rem * var(--md-scale));
}

.c-box-md {
  display: block;
  width: 100%;
  position: relative;
  scroll-margin-top: calc(var(--header-height) + 2rem);
}
.c-box-md + .c-box-md {
  margin-top: calc(1rem * var(--lg-scale));
}

.c-box-lg {
  display: block;
  width: 100%;
  position: relative;
  scroll-margin-top: calc(var(--header-height) + 2rem);
}
.c-box-lg + .c-box-lg {
  margin-top: calc(1rem * var(--xl-scale));
}

.c-box-xl {
  display: block;
  width: 100%;
  position: relative;
  scroll-margin-top: calc(var(--header-height) + 2rem);
}
.c-box-xl + .c-box-xl {
  margin-top: calc(1rem * var(--rs-scale));
}

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

.c-breadcrumb {
  list-style: none;
  padding: 0;
  display: 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: currentColor;
  content: "/";
}

.c-breadcrumb__active {
  color: currentColor;
}

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: 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=call],
button.c-button[data-type=call],
input[type=submit].c-button[data-type=call] {
  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;
}
a.c-button[data-type=right],
button.c-button[data-type=right],
input[type=submit].c-button[data-type=right] {
  justify-content: flex-end;
}

[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: 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=xs], button.c-button[data-font=xs], input[type=submit].c-button[data-font=xs] {
  font-size: calc(var(--button-font-size) * 0.66);
}
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=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-scale));
}
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-scale));
}
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-scale));
}
a.c-button[data-font=x2l], button.c-button[data-font=x2l], input[type=submit].c-button[data-font=x2l] {
  font-size: calc(var(--button-font-size) * 2 * var(--lg-scale));
}

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

.c-button__width--320 {
  display: flex;
}
.c-button__width--320 .c-button {
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .c-button__width--320 .c-button {
    max-width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .c-button__width--320 .c-button {
    max-width: 320px;
  }
}
@media screen and (min-width: 1400px) {
  .c-button__width--320 .c-button {
    max-width: 16vw;
  }
}
@media print {
  .c-button__width--320 .c-button {
    max-width: 320px;
  }
}

.c-button__width--480 {
  display: flex;
}
.c-button__width--480 .c-button {
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .c-button__width--480 .c-button {
    max-width: 33.3dvw;
  }
}
@media only screen and (min-width: 992px) {
  .c-button__width--480 .c-button {
    max-width: 480px;
  }
}
@media screen and (min-width: 1400px) {
  .c-button__width--480 .c-button {
    max-width: 24vw;
  }
}
@media print {
  .c-button__width--480 .c-button {
    max-width: 480px;
  }
}

.c-button__width--640 {
  display: flex;
}
.c-button__width--640 .c-button {
  max-width: 100%;
}
@media only screen and (min-width: 576px) {
  .c-button__width--640 .c-button {
    max-width: 50dvw;
  }
}
@media only screen and (min-width: 992px) {
  .c-button__width--640 .c-button {
    max-width: 640px;
  }
}
@media screen and (min-width: 1400px) {
  .c-button__width--640 .c-button {
    max-width: 32vw;
  }
}
@media print {
  .c-button__width--640 .c-button {
    max-width: 640px;
  }
}

.c-button__width--max {
  display: 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 (min-width: 768px) {
  span.c-button[data-height=heavy] {
    padding: 2.5em var(--button-padding-x);
  }
}
@media only screen and (min-width: 576px) {
  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 (min-width: 768px) {
  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 (min-width: 576px) {
  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: 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 (min-width: 768px) {
  .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 (min-width: 576px) {
  .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: 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 (min-width: 768px) {
  .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 (min-width: 576px) {
  .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: 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 (min-width: 768px) {
  .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 (min-width: 576px) {
  .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=md] {
  overflow: hidden;
  border-radius: 0.75rem;
}

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

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

[data-radius=x2l] {
  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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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].is-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;
  display: block;
}
@media only screen and (max-width: 991px) {
  .c-category__heading {
    pointer-events: auto;
    display: block;
  }
}
.c-category__heading .material-symbols-rounded {
  display: none;
}
@media only screen and (max-width: 991px) {
  .c-category__heading .material-symbols-rounded {
    display: inline-block;
    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: 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;
  }
  [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: 1em;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .c-category__navigation--link, .c-category__navigation--link:hover, .c-category__navigation--link:active, .c-category__navigation--link:focus {
    padding: var(--aside-link-padding-y) var(--aside-link-padding-x);
  }
}
.c-category__navigation--link.is-active {
  opacity: 1;
}

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

@media only screen and (max-width: 991px) {
  .l-wrap-solid--panel.order-1 {
    margin-bottom: var(--clearance-padding);
  }
}
.l-wrap-solid--panel .c-category__heading {
  font-size: var(--category-heading-font-size);
  display: block;
  width: 100%;
}
.l-wrap-solid--panel .c-category__heading span:not([class]) {
  display: block;
  margin-block: var(--leading-trim-ja);
}
.l-wrap-solid--panel .c-category__navigation {
  background-color: var(--category-navigation-background);
  display: grid;
}
.l-wrap-solid--panel .c-category__navigation--item {
  border-bottom: 1px solid var(--category-navigation-item-line);
}
@media only screen and (min-width: 992px) {
  .l-wrap-solid--panel .c-category__navigation--item {
    border-bottom: 1px solid var(--category-navigation-item-line);
  }
}
.l-wrap-solid--panel .c-category__navigation--link, .l-wrap-solid--panel .c-category__navigation--link:hover, .l-wrap-solid--panel .c-category__navigation--link:active, .l-wrap-solid--panel .c-category__navigation--link:focus, .l-wrap-solid--panel .c-category__navigation--link.is-active {
  border: none;
  font-size: var(--aside-link-font-size);
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .l-wrap-solid--panel .c-category__navigation--link, .l-wrap-solid--panel .c-category__navigation--link:hover, .l-wrap-solid--panel .c-category__navigation--link:active, .l-wrap-solid--panel .c-category__navigation--link:focus, .l-wrap-solid--panel .c-category__navigation--link.is-active {
    border: none;
    opacity: 1;
  }
}
.l-wrap-solid--panel .c-category__navigation--link {
  background-color: var(--rgb-white);
  color: var(--rgb-text);
}
.l-wrap-solid--panel .c-category__navigation--link:hover, .l-wrap-solid--panel .c-category__navigation--link:active, .l-wrap-solid--panel .c-category__navigation--link:focus {
  background-color: var(--rgb-ax-gray-250);
  color: var(--rgb-text);
}
.l-wrap-solid--panel .c-category__navigation--link.is-active {
  background-color: var(--rgb-ax-gray-230);
  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: flex;
  justify-content: center;
}
.paging .paging-text {
  display: block;
  cursor: pointer;
}
.paging .paging-text.is-current {
  background-color: var(--rgb-paging-current);
  color: var(--rgb-paging-current-text);
  border: 0.0625rem solid var(--rgb-paging-current);
}
.paging .paging-text a, .paging .paging-text a:hover, .paging .paging-text a:active, .paging .paging-text a:focus, .paging .paging-text.is-current {
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  margin-inline: 0.125rem;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .paging .paging-text a, .paging .paging-text a:hover, .paging .paging-text a:active, .paging .paging-text a:focus, .paging .paging-text.is-current {
    font-size: 1.125em;
    width: 3rem;
    height: 3rem;
  }
}
.paging .paging-text a .material-symbols-rounded, .paging .paging-text a:hover .material-symbols-rounded, .paging .paging-text a:active .material-symbols-rounded, .paging .paging-text a:focus .material-symbols-rounded, .paging .paging-text.is-current .material-symbols-rounded {
  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;
}

.c-collapse {
  background-color: var(--rgb-white);
  display: flow;
  position: relative;
  word-wrap: break-word;
}
.c-collapse summary {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  padding-block: 1em;
  padding: 1em 3em 1em 4em;
  position: relative;
  overflow: hidden;
}
.c-collapse summary::after {
  font-size: 1.125em;
  line-height: 1;
  position: absolute;
  top: 50%;
  bottom: 50%;
  right: 0;
  margin: -0.5em 1em;
  content: "\e145";
  font-family: "Material Symbols Rounded";
}
.c-collapse[open] summary::after {
  content: "\e15b";
}
.c-collapse[data-type=news] summary {
  background-color: var(--rgb-news);
  color: var(--rgb-news-summary);
  display: flex;
  align-items: flex-start;
}
.c-collapse[data-type=news] summary::after {
  color: var(--rgb-news-mark);
}
.c-collapse[data-type=news] summary time {
  width: 7em;
}
.c-collapse[data-type=news]:not(:first-of-type) {
  border-top: 0.0625rem dashed var(--rgb-linegray);
}
.c-collapse[data-type=faq] {
  border: 0.0625rem solid var(--rgb-linegray);
  display: block;
  position: relative;
  word-wrap: break-word;
  background-color: var(--rgb-white);
}
.c-collapse[data-type=faq]:not(:first-of-type) {
  margin-top: calc(1rem * var(--rs-scale));
}
.c-collapse[data-type=faq] summary {
  background-color: var(--rgb-faq);
  color: var(--rgb-faq-summary);
}
.c-collapse[data-type=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-collapse[data-type=faq] summary::after {
  color: var(--rgb-faq-mark);
}

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

.c-collapse-panel {
  background-color: var(--rgb-white);
  color: var(--rgb-text-light);
  line-height: 1.5;
  padding: calc(0.5rem * var(--lg-scale)) calc(1rem * var(--lg-scale));
}
@media only screen and (min-width: 992px) {
  .c-collapse-panel {
    line-height: 1.75;
  }
}

.c-collapse__item {
  display: table;
  width: 100%;
}
.c-drawer__chest {
  border: 0.0625rem solid var(--rgb-linegray);
  display: block;
  position: relative;
  word-wrap: break-word;
  background-color: var(--rgb-white);
}
.c-drawer__chest:not(:first-of-type) {
  margin-top: calc(2rem * var(--rs-scale));
}
.c-drawer__chest summary {
  background-color: var(--rgb-faq);
  color: var(--rgb-faq-summary);
  font-size: calc(1.25em * var(--sm-scale));
  line-height: 1.5;
  font-weight: 500;
  padding-block: 1em;
  padding-inline: calc(2rem * var(--rs-scale)) 3em;
  display: block;
  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-scale));
}

.c-drawer__faq {
  border: 0.0625rem solid var(--rgb-linegray);
  display: block;
  position: relative;
  word-wrap: break-word;
  background-color: var(--rgb-white);
}
.c-drawer__faq:not(:first-of-type) {
  margin-top: calc(2rem * var(--rs-scale));
}
.c-drawer__faq summary {
  background-color: var(--rgb-faq);
  color: var(--rgb-faq-summary);
  font-size: calc(1.25em * var(--sm-scale));
  line-height: 1.5;
  font-weight: 500;
  padding: 1em 3em 1em 4em;
  display: block;
  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-scale));
}

.c-drawer__faq {
  border: 0.0625rem solid var(--rgb-linegray);
  display: block;
  position: relative;
  word-wrap: break-word;
  background-color: var(--rgb-white);
}
.c-drawer__faq:not(:first-of-type) {
  margin-top: calc(2rem * var(--rs-scale));
}
.c-drawer__faq summary {
  background-color: var(--rgb-faq);
  color: var(--rgb-faq-summary);
  font-size: calc(1.25em * var(--sm-scale));
  line-height: 1.5;
  font-weight: 500;
  padding: 1em 3em 1em 4em;
  display: block;
  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-scale));
}

.c-flow {
  display: flex;
  gap: calc(1rem * var(--sm-scale));
}

.c-flow--article {
  border-bottom: max(0.0625rem, 1px) solid var(--rgb-flow-line);
  color: var(--rgb-text);
  scroll-margin-top: calc(var(--header-height));
  width: 100%;
  position: relative;
}
.c-flow--article:not(:last-child)::after {
  content: "";
  background-color: var(--rgb-flow-background);
  border: max(0.0625rem, 1px) solid;
  width: calc(1rem * var(--sm-scale));
  height: calc(1rem * var(--sm-scale));
  position: absolute;
  z-index: 1;
  rotate: 45deg;
}
.c-flow--article .c-flow--article-in {
  background-color: var(--rgb-flow-background);
  padding-block: calc(1rem * var(--md-scale));
  position: relative;
  z-index: 2;
}
.c-flow--article .c-flow--article-in em,
.c-flow--article .c-flow--article-in span,
.c-flow--article .c-flow--article-in p {
  display: block;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .c-flow--article .c-flow--article-in em,
  .c-flow--article .c-flow--article-in span,
  .c-flow--article .c-flow--article-in p {
    line-height: 1.75;
  }
}
.c-flow--article .c-flow--article-in hr {
  margin-block: 1rem;
}

.c-flow--icon {
  background-color: var(--rgb-white);
  border: max(0.0625rem, 1px) solid var(--rgb-flow-icon);
  border-radius: 50%;
  color: var(--rgb-flow-icon);
  font-size: 2em;
  line-height: 1;
  text-align: center;
  margin: 0 auto 0.5em;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .c-flow--icon {
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
  }
}
.c-flow--icon .material-symbols-rounded {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

[data-flow-scope=row] .c-flow--article {
  border-top: max(0.0625rem, 1px) solid var(--rgb-flow-line);
  border-left: max(0.0625rem, 1px) solid var(--rgb-flow-line);
  border-right: max(0.0625rem, 1px) solid var(--rgb-flow-line);
}
[data-flow-scope=row] .c-flow--article .c-flow--article-in {
  padding-inline: calc(1rem * var(--md-scale));
}
[data-flow-scope=row] .c-flow--article .c-flow--article-in em {
  color: var(--rgb-flow-line);
  font-size: calc(1.125em * var(--sm-scale));
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
  margin-block: 1em 0.5em;
}
[data-flow-scope=row] .c-flow--article .c-flow--article-in em:first-child {
  margin-top: 0;
}
[data-flow-scope=row] .c-flow--article .c-flow--article-in em:last-child {
  margin-bottom: 0;
}
[data-flow-scope=row] .c-flow--article .c-flow--article-in span {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  [data-flow-scope=row][data-flow-bp=sm] {
    flex-direction: column;
  }
  [data-flow-scope=row][data-flow-bp=sm] .c-flow--article:not(:last-child)::after {
    border-color: transparent var(--rgb-flow-line) var(--rgb-flow-line) transparent;
    margin-inline: calc(-0.5rem * var(--sm-scale));
    inset-block-end: calc(-0.5rem * var(--sm-scale) + max(0.0625rem, 1px));
    inset-inline: 50%;
  }
}
@media only screen and (min-width: 576px) {
  [data-flow-scope=row][data-flow-bp=sm] .c-flow--article:not(:last-child)::after {
    border-color: var(--rgb-flow-line) var(--rgb-flow-line) transparent transparent;
    margin-block: -0.5rem;
    inset-inline-end: calc(-0.5rem + max(0.0625rem, 1px));
    inset-block: 50%;
  }
}
@media only screen and (max-width: 991px) {
  [data-flow-scope=row][data-flow-bp=lg] {
    flex-direction: column;
  }
  [data-flow-scope=row][data-flow-bp=lg] .c-flow--article:not(:last-child)::after {
    border-color: transparent var(--rgb-flow-line) var(--rgb-flow-line) transparent;
    margin-inline: -0.5rem;
    inset-block-end: calc(-0.5rem + max(0.0625rem, 1px));
    inset-inline: 50%;
  }
}
@media only screen and (min-width: 992px) {
  [data-flow-scope=row][data-flow-bp=lg] .c-flow--article:not(:last-child)::after {
    border-color: var(--rgb-flow-line) var(--rgb-flow-line) transparent transparent;
    margin-block: -0.5rem;
    inset-inline-end: calc(-0.5rem + max(0.0625rem, 1px));
    inset-block: 50%;
  }
}

.c-flow--step {
  background-color: var(--rgb-flow-line);
  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: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .c-flow--step {
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
  }
}

[data-flow-scope=column] {
  border-top: max(0.0625rem, 1px) solid var(--rgb-flow-line);
  flex-direction: column;
  counter-reset: flow-step;
}
[data-flow-scope=column] .c-flow--article {
  background-image: linear-gradient(to right, var(--rgb-flow-background-start) 0%, var(--rgb-flow-background-center) 40%, var(--rgb-flow-background-center) 60%, var(--rgb-flow-background-end) 100%);
}
[data-flow-scope=column] .c-flow--article:not(:last-child)::after {
  border-color: transparent var(--rgb-flow-line) var(--rgb-flow-line) transparent;
  margin-inline: calc(-0.5rem * var(--sm-scale));
  inset-block-end: calc(-0.5rem * var(--sm-scale) + max(0.0625rem, 1px));
  inset-inline: 50%;
}
[data-flow-scope=column] .c-flow--article .c-flow--article-in {
  display: grid;
  grid-template-columns: calc(2em * var(--sm-scale)) 1fr;
  gap: calc(0.5rem * var(--sm-scale)) calc(1rem * var(--sm-scale));
  align-items: start;
}
@media only screen and (min-width: 576px) {
  [data-flow-scope=column] .c-flow--article .c-flow--article-in {
    grid-template-columns: calc(2em * var(--sm-scale)) 1fr 25%;
    grid-template-rows: auto 1fr;
  }
}
[data-flow-scope=column] .c-flow--article .c-flow--article-in::before {
  content: counter(flow-step) "";
  counter-increment: flow-step 1;
  font-size: calc(3em * var(--sm-scale));
  grid-column: 1/2;
  grid-row: 1/3;
  text-align: center;
  font-weight: 700;
  justify-self: auto;
  margin-block: var(--leading-trim-ja);
}
[data-flow-scope=column] .c-flow--article .c-flow--article-in em {
  color: var(--rgb-flow-line);
  font-size: calc(1.125em * var(--xs-scale));
  line-height: 1.5;
  font-weight: 700;
}
@media only screen and (min-width: 576px) {
  [data-flow-scope=column] .c-flow--article .c-flow--article-in em {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
[data-flow-scope=column] .c-flow--article .c-flow--article-in em:first-child {
  margin-top: 0;
}
[data-flow-scope=column] .c-flow--article .c-flow--article-in em:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  [data-flow-scope=column] .c-flow--article .c-flow--article-in span {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
[data-flow-scope=column] .c-flow--article .c-flow--article-in .c-flow--article-image {
  grid-column: 2/3;
}
@media only screen and (min-width: 576px) {
  [data-flow-scope=column] .c-flow--article .c-flow--article-in .c-flow--article-image {
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
[data-flow-scope=column] .c-flow--article:not(:first-child) .c-flow--article-in {
  padding-block: calc(0.25rem * var(--md-scale)) calc(1rem * var(--md-scale));
}

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

.c-form--list {
  display: grid;
  grid-auto-columns: auto;
  gap: 0.75em 1.5em;
}
@media only screen and (min-width: 576px) {
  .c-form--list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
}
@media print {
  .c-form--list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
}

.c-form--check {
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.33em;
}

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

.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: 0.0625rem solid var(--rgb-formgray);
  margin-right: 0.33em;
  width: 1em;
  height: 1em;
}
.c-form--check-input[type=radio] {
  border-radius: 50%;
}
.c-form--check-input[type=checkbox] {
  border-radius: 0.25rem;
}
.c-form--check-input:checked {
  background-color: var(--rgb-form);
  border-color: var(--rgb-form);
}
.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: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: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: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:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.c-form--check-input[disabled] ~ .c-form--check-label, .c-form--check-input:disabled ~ .c-form--check-label {
  cursor: default;
  opacity: 0.5;
}

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

[data-field=required] {
  display: 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: flex;
  justify-content: center;
  align-items: center;
}
[data-field=required]::after {
  background-color: var(--rgb-required);
  content: "必須";
}

[data-field=optional] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-field=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;
}
[data-field=optional].justify-content-start {
  margin-bottom: 0.5em;
  width: 7em;
}
[data-field=optional] small {
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-field=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);
  font-size: 1em;
  line-height: 1.5;
  display: block;
  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] {
  display: flex;
  align-items: flex-start;
}
.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;
  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-ax-gray-240);
  opacity: 1;
}
.c-form--control::file-selector-button {
  background-color: var(--rgb-ax-gray-240);
  color: var(--rgb-text);
  border-right: 0.0625rem solid;
  border-right-color: inherit;
  font-size: 1em;
  line-height: 1.75;
  margin-block: -1em -0.75em;
  margin-left: -0.75em;
  margin-right: 0.75em;
  padding-block: 0.375em;
  padding-inline: 0.75em;
  pointer-events: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .c-form--control::file-selector-button {
    transition: none;
  }
}
.c-form--control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--rgb-ax-gray-240);
}

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

@media only screen and (min-width: 576px) {
  .c-form--size-md {
    width: 50% !important;
  }
}

.c-form--size-sm {
  min-width: 10em;
}
@media only screen and (min-width: 576px) {
  .c-form--size-sm {
    width: 50% !important;
  }
}
@media only screen and (min-width: 992px) {
  .c-form--size-sm {
    width: 25% !important;
  }
}

.c-form--size {
  min-width: 10em;
}
@media only screen and (min-width: 576px) {
  .c-form--size {
    width: 50% !important;
  }
}
@media only screen and (min-width: 992px) {
  .c-form--size {
    width: 15% !important;
  }
}

.c-form--control-plaintext {
  display: block;
  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;
}
.c-form--control-color::-webkit-color-swatch {
  border: 0 !important;
}

.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);
  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;
}
@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-ax-gray-240);
}
.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='rgb%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-input.c-form--check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.c-form--switch .c-form--check-input.c-form--check-reverse .c-form--check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.c-form--check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.c-form--range {
  background-color: transparent;
  padding: 0;
  width: 100%;
  height: 1.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.c-form--range:focus {
  outline: 0;
}
.c-form--range::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.c-form--range::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rga(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--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: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  .c-form--floating > input[type=text] + label {
    transition: none;
  }
}
.c-form--floating > .c-form--control {
  padding: 1rem 0.75rem;
}
.c-form--floating > .c-form--control::-moz-placeholder {
  color: transparent;
}
.c-form--floating > .c-form--control::placeholder {
  color: transparent;
}
.c-form--floating > .c-form--control: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) {
  padding-top: 2.25rem;
  padding-bottom: 0.75rem;
}
.c-form--floating > .c-form--control:-webkit-autofill {
  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--select {
  padding-top: 2.25rem;
  padding-bottom: 0.75rem;
}
.c-form--floating > .c-form--control:not(:-moz-placeholder-shown) ~ label {
  color: var(--rgb-text);
  transform: scale(0.75) translateY(-0.25rem) 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--select ~ label {
  color: var(--rgb-text);
  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);
}
.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--select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--rgb-white);
}
.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: grid;
}
.c-input__group button {
  display: block;
}
.c-input__group:has(button:first-child):has(button:last-child) {
  grid-template-columns: max-content 1fr max-content;
}
.c-input__group:has(button:first-child):has(button:last-child) button:first-child {
  border-right: none;
}
.c-input__group:has(button:first-child):has(button:last-child) button:last-child {
  border-left: none;
}
.c-input__group:has(button:first-child):not(:has(button:last-child)) {
  grid-template-columns: max-content 1fr;
}
.c-input__group:has(button:first-child):not(:has(button:last-child)) button:first-child {
  border-right: none;
}
.c-input__group:has(button:last-child):not(:has(button:first-child)) {
  grid-template-columns: 1fr max-content;
}
.c-input__group:has(button:last-child):not(:has(button:first-child)) button:last-child {
  border-left: none;
}
.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;
}
.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-text {
  background-color: var(--rgb-ax-gray-240);
  color: var(--rgb-text);
  border: 0.0625rem solid var(--rgb-formgray);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  padding: 0.375rem 0.75rem;
  display: flex;
  align-items: center;
}
.c-input__group-text:first-child {
  border-right: none;
}
.c-input__group-text:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.c-form--floating),
.c-input__group-text:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.c-input__group-text:not(.has-validation) > .c-form--floating:not(:last-child) > .c-form--control,
.c-input__group-text: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-text.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.c-form--floating),
.c-input__group-text.has-validation > .dropdown-toggle:nth-last-child(n+4),
.c-input__group-text.has-validation > .c-form--floating:nth-last-child(n+3) > .c-form--control,
.c-input__group-text.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-text > :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-text > .c-form--floating:not(:first-child) > .c-form--control,
.c-input__group-text > .c-form--floating:not(:first-child) > .c-form--select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-policy--scroll {
  padding: calc(1rem * var(--rs-scale));
  height: 12.5rem;
  overflow-y: scroll;
}

.c-policy--heading {
  font-weight: 700;
}

.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 {
  border: 0.5rem solid rgba(255, 255, 255, 0.5);
  position: absolute;
  inset: 0;
  content: "";
}
@media only screen and (min-width: 576px) {
  .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.3333%;
  width: 100%;
  position: absolute;
  inset: 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-block;
  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-scale));
}
.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 (min-width: 576px) {
  .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 (min-width: 768px) {
  .c-frame__bracket {
    padding: 0.75rem;
  }
}
@media only screen and (min-width: 576px) {
  .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;
  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 (min-width: 576px) {
  .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 (min-width: 576px) {
  .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 (min-width: 576px) {
  .c-frame__note {
    padding: 0.3em 1em 2em;
  }
}

.c-frame__note--line {
  background-color: var(--rgb-white);
  width: 100%;
  background-image: linear-gradient(90deg, rgb(237, 119, 128) 0%, rgb(237, 119, 128) 50%, var(--rgb-white) 0%, var(--rgb-white) 100%), linear-gradient(180deg, rgb(100, 100, 100) 0%, rgb(100, 100, 100) 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-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__base {
  list-style: disc;
  padding-left: 2em;
}
.c-list__base li {
  line-height: 1.75;
}
.c-list__base li .c-kome {
  display: block;
  line-height: 1.5;
  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 {
  font-family: "Material Symbols Rounded";
  content: "\f111";
  color: var(--rgb-list-marker);
  display: inline-block;
  text-align: center;
  margin-left: -2em;
  width: 2em;
  font-weight: 900;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .c-list__circle > li::before {
    line-height: 2;
  }
}

span.c-kome::before {
  content: "※";
  width: 2em;
  display: inline-block;
}

p.c-kome {
  padding-left: 2em;
}
p.c-kome::before {
  content: "※";
  margin-left: -2em;
  width: 2em;
  display: inline-block;
}

ul.c-kome {
  list-style: none;
}
ul.c-kome li {
  padding-left: 2em;
}
ul.c-kome li::before {
  content: "※";
  margin-left: -2em;
  width: 2em;
  display: inline-block;
}

.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 {
  padding-left: 3em;
  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;
  counter-increment: square;
  content: "" counter(square) "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: -3em;
  width: 2em;
  height: 2em;
}

.c-list__square--lg {
  font-size: calc(1.5em * var(--sm-scale));
  font-weight: 700;
}

.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 {
  font-family: "Material Symbols Rounded";
  content: "\e5ca";
  color: var(--rgb-check);
  display: inline-flex;
  align-items: center;
  width: 1.6em;
  margin-left: -1.6em;
}

.c-list__bracket {
  list-style: none;
  counter-reset: bracket;
}
.c-list__bracket > li {
  padding-left: 2.5em;
  line-height: 1.5;
}
.c-list__bracket > li::before {
  counter-increment: bracket;
  content: "（" counter(bracket) "）";
  display: inline-block;
  margin-left: -2.5em;
  width: 2.5em;
}

.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-table__auth {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  max-inline-size: unset;
}
@media only screen and (max-width: 575px) {
  .c-table__auth[data-line=grid] {
    border-top: unset !important;
    border-left: unset !important;
  }
}
.c-table__auth th, .c-table__auth td {
  font-size: 0.75em;
}
@media only screen and (min-width: 576px) {
  .c-table__auth th, .c-table__auth td {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 992px) {
  .c-table__auth th, .c-table__auth td {
    font-size: 1em;
  }
}
.c-table__auth th {
  background-color: var(--rgb-lightgray);
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
  padding: 0.75em 1em;
}
@media only screen and (min-width: 576px) {
  .c-table__auth th {
    display: table-cell;
  }
}
.c-table__auth td {
  vertical-align: middle;
  width: 100%;
  display: block;
  position: relative;
}
@media only screen and (min-width: 576px) {
  .c-table__auth td {
    display: table-cell;
    padding: 1em;
  }
  .c-table__auth td::before {
    display: none;
  }
}

.c-step-indicator {
  counter-reset: step-counter;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* 最後の四角は罫線なし */
}
.c-step-indicator li {
  counter-increment: step-counter;
  position: relative;
  line-height: 1.5;
  text-align: center;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: center;
  row-gap: 1em;
}
.c-step-indicator li::before {
  content: counter(step-counter);
  background-color: var(--rgb-negativegray);
  color: var(--rgb-white);
  font-size: 2em;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.c-step-indicator li::after {
  content: "";
  background: var(--rgb-negativegray);
  position: absolute;
  top: calc(1.5em - 1px);
  left: 50%;
  width: 100%;
  height: 2px;
  transform: translateY(50%);
}
.c-step-indicator li.is-completed::before, .c-step-indicator li.is-completed::after {
  background-color: var(--rgb-cart-completed);
}
.c-step-indicator li.is-current {
  font-weight: bold;
}
.c-step-indicator li.is-current::before, .c-step-indicator li.is-current::after {
  background-color: var(--rgb-cart-current);
}
.c-step-indicator li:last-child::after {
  display: none;
}

.c-item__display--tag {
  padding: 1rem;
  text-align: right;
  line-height: 1;
  background-color: var(--rgb-ax-gray-240);
  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-scale));
  margin-bottom: 1em;
}
.c-item__price small {
  font-size: 0.5em;
}

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

.c-item__cart {
  border-bottom: 1px solid var(--rgb-linegray);
  margin-bottom: 1rem;
  padding-block: 1rem;
}
@media only screen and (min-width: 576px) {
  .c-item__cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.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-table__cart {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  max-inline-size: unset;
}
@media only screen and (max-width: 575px) {
  .c-table__cart[data-line=grid] {
    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;
}
@media only screen and (min-width: 576px) {
  .c-table__cart th {
    display: table-cell;
  }
}
.c-table__cart td {
  vertical-align: middle;
  width: 100%;
  display: block;
  position: relative;
}
@media only screen and (min-width: 576px) {
  .c-table__cart td {
    display: table-cell;
    padding: 1em;
  }
  .c-table__cart td::before {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .c-table__cart[data-scope=col-inline] td {
    padding: 1em 1em 1em 7.5em !important;
  }
  .c-table__cart[data-scope=col-inline] td::before {
    width: 6.5em !important;
  }
}

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

.c-cart__date-order {
  background-color: var(--rgb-white);
  width: 5rem;
}
@media only screen and (min-width: 768px) {
  .c-cart__date-order {
    width: 7.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .c-cart__date-order {
    width: 10rem;
  }
}
.c-cart__date-order img {
  width: 100%;
  height: auto;
}

.c-cart__date--delivery {
  background-color: var(--rgb-white);
  width: 5rem;
}
@media only screen and (min-width: 768px) {
  .c-cart__date--delivery {
    width: 7.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .c-cart__date--delivery {
    width: 10rem;
  }
}
.c-cart__date--delivery img {
  width: 100%;
  height: auto;
}

.c-cart__leadtime {
  background-color: var(--rgb-white);
  width: 5rem;
}
@media only screen and (min-width: 576px) {
  .c-cart__leadtime {
    width: 7.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .c-cart__leadtime {
    width: 10rem;
  }
}
.c-cart__leadtime img {
  width: 100%;
  height: auto;
}

.c-cart__item-info {
  background-color: var(--rgb-white);
  padding: 0 !important;
}
.c-cart__item-info::before {
  margin-bottom: 0 !important;
}

.c-cart__item-heading {
  display: grid;
  align-items: center;
  padding: 0.125rem;
}
@media only screen and (min-width: 576px) {
  .c-cart__item-heading {
    grid-template-columns: 7.5rem 1fr;
    border-top: unset;
  }
}
@media only screen and (min-width: 992px) {
  .c-cart__item-heading {
    grid-template-columns: 10rem 1fr;
  }
}

.c-cart__item-image {
  padding: 0.0625rem !important;
}
.c-cart__item-image img {
  width: 100%;
  height: auto;
  max-inline-size: unset;
}
@media only screen and (min-width: 576px) {
  .c-cart__item-image img {
    width: 7.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .c-cart__item-image img {
    width: 10rem;
  }
}

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

@media only screen and (max-width: 575px) {
  [data-scope=col-block] .c-cart__item-name {
    padding: 1em 1em 0;
  }
}

.c-cart__item-price {
  background-color: var(--rgb-white);
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.c-cart__item-price .c-button__link {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (min-width: 576px) {
  .c-cart__item-price {
    text-align: center;
  }
}

.c-cart__item-number {
  background-color: var(--rgb-white);
  width: 1%;
  white-space: nowrap;
  padding: 0.75em 1em !important;
  text-align: right;
}
.c-cart__item-number .c-button__link {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (min-width: 576px) {
  .c-cart__item-number {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) {
  .c-cart__item-number .c-form--select {
    width: 6rem;
  }
}
.c-cart__item-number .c-form--select option {
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .c-cart__item-number .c-input__group {
    width: 10rem;
  }
}
.c-cart__item-number .c-input__group .c-form--control {
  text-align: center;
}
.c-cart__item-number .c-input__group button {
  background-color: var(--rgb-ax-gray-230);
  border-color: var(--rgb-linegray);
  color: var(--rgb-text);
  font-size: 0.75em;
  padding: 0.5em 1em;
}

.c-cart__item-change {
  background-color: var(--rgb-white);
  width: 1%;
  white-space: nowrap;
}
.c-cart__item-change .c-button__link {
  width: -moz-max-content;
  width: max-content;
}

.c-cart__item-subtotal {
  background-color: var(--rgb-white);
  width: 1%;
  white-space: nowrap;
  padding: 0.75em 1em !important;
  text-align: right;
}
.c-cart__item-subtotal .c-button__link {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (min-width: 576px) {
  .c-cart__item-subtotal {
    text-align: center;
  }
}

.c-cart__item-delete {
  background-color: var(--rgb-white);
  width: 1%;
  white-space: nowrap;
}
.c-cart__item-delete .c-button__link {
  width: -moz-max-content;
  width: max-content;
}
.c-cart__item-delete .c-item-remove {
  background-color: var(--rgb-negativegray);
  color: var(--rgb-white);
  font-weight: 700;
  margin-inline: auto;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.c-cart__item-included {
  background: #efefef;
  text-align: right;
  margin: 0.5rem -0.5rem -0.5rem;
  padding: 0.25rem 0.5rem;
}
@media only screen and (min-width: 768px) {
  .c-cart__item-included .c-cart__item-included {
    margin: 0.75rem -0.75rem -0.75rem;
    padding: 0.375rem 0.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .c-cart__item-included .c-cart__item-included {
    margin: 1rem -1rem -1rem;
    padding: 0.5rem 1rem;
  }
}

.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-scale));
  text-align: right;
  max-width: 10rem;
}
.c-cart__price--total td small {
  font-size: 0.66em;
}

.c-order__list {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  max-inline-size: unset;
}
@media only screen and (max-width: 575px) {
  .c-order__list[data-line=grid] {
    border-top: unset !important;
    border-left: unset !important;
  }
}
.c-order__list th, .c-order__list td {
  font-size: 0.75em;
}
@media only screen and (min-width: 576px) {
  .c-order__list th, .c-order__list td {
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 992px) {
  .c-order__list th, .c-order__list td {
    font-size: 1em;
  }
}
.c-order__list .c-order__details {
  display: block;
}
.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;
}
.c-order__list th {
  display: none;
}
@media only screen and (min-width: 576px) {
  .c-order__list th {
    display: table-cell;
  }
}
.c-order__list .c-order__date {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
@media only screen and (min-width: 576px) {
  .c-order__list .c-order__date {
    border-top: unset;
  }
}

.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-ax-gray-240);
  padding: 1em;
}

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

.c-table__order[data-line=row] td.c-order__item--price {
  width: 11rem;
  text-align: right;
}
.c-table__order[data-line=row] td.c-order__item--number {
  width: 17rem;
}
.c-table__order[data-line=row] td.c-order__item--cartin {
  width: 15rem;
}

.c-tel--lg img, .c-tel--md img, .c-tel--sm img,
.c-fax--lg img, .c-fax--md img, .c-fax--sm img {
  margin-right: 0.33rem;
  width: auto;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .c-tel--lg img, .c-tel--md img, .c-tel--sm img,
  .c-fax--lg img, .c-fax--md img, .c-fax--sm img {
    height: 1.75rem;
  }
}

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

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

.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-ax-gray-240);
  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-section__color--white {
  color: var(--rgb-white);
}

.c-section__color--whitegray {
  color: var(--rgb-whitegray);
}

.c-section__color--watergray {
  color: var(--rgb-ax-gray-240);
}

.c-image__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc(var(--padding-x) * -1);
}
.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-fit-cover {
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-image__extend--left .p-section__height--adjustment .u-fit-cover {
    min-height: unset;
  }
}
@media only screen and (min-width: 992px) {
  .c-image__extend--left {
    margin-left: calc((100dvw - var(--container-width)) * -0.5 - var(--padding-x));
  }
}

.c-image__extend--right {
  height: 100%;
  position: relative;
  margin-right: calc(var(--padding-x) * -1);
}
.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-fit-cover {
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-image__extend--right .p-section__height--adjustment .u-fit-cover {
    min-height: unset;
  }
}
@media only screen and (min-width: 992px) {
  .c-image__extend--right {
    margin-right: calc((100dvw - var(--container-width)) * -0.5 - var(--padding-x));
  }
}

.c-image__extend--both {
  height: 100%;
  position: relative;
  margin-inline: calc(var(--padding-x) * -0.5);
}
.c-image__extend--both > img {
  width: 100%;
  height: auto;
}
.c-image__extend--both .p-section__height--adjustment {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-image__extend--both .p-section__height--adjustment .u-fit-cover {
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-image__extend--both .p-section__height--adjustment .u-fit-cover {
    min-height: unset;
  }
}
@media only screen and (min-width: 992px) {
  .c-image__extend--both {
    margin-inline: calc((100dvw - var(--container-width)) * -0.5 - var(--padding-x));
  }
}

.c-section__extend--left {
  height: 100%;
  position: relative;
  margin-left: calc(var(--padding-x) * -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-fit-cover {
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-section__extend--left .p-section__height--adjustment .u-fit-cover {
    min-height: unset;
  }
}
@media screen and (min-width: 1400px) {
  .c-section__extend--left {
    margin-left: calc((var(--window-size) - var(--container-width)) * -0.5);
  }
}

.c-section__extend--right {
  height: 100%;
  position: relative;
  margin-right: calc(var(--padding-x) * -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-fit-cover {
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-section__extend--right .p-section__height--adjustment .u-fit-cover {
    min-height: unset;
  }
}
@media screen and (min-width: 1400px) {
  .c-section__extend--right {
    margin-right: calc((var(--window-size) - var(--container-width)) * -0.5);
  }
}

.c-image__shift--left {
  height: 100%;
  position: relative;
  margin-left: var(--padding-x);
}
.c-image__shift--left > img {
  width: 100%;
  height: auto;
}
.c-image__shift--left .u-cover {
  position: absolute;
  inset: 0;
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-image__shift--left .u-cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (min-width: 768px) {
  .c-image__shift--left .u-cover {
    min-height: unset;
  }
}
@media only screen and (min-width: 992px) {
  .c-image__shift--left {
    margin-left: calc(var(--gap-lg) * -4);
  }
}

.c-image__shift--right {
  height: 100%;
  position: relative;
  margin-right: var(--padding-x);
}
.c-image__shift--right > img {
  width: 100%;
  height: auto;
}
.c-image__shift--right .u-cover {
  position: absolute;
  inset: 0;
  height: 100%;
  min-height: 64vw;
}
@media only screen and (min-width: 576px) {
  .c-image__shift--right .u-cover {
    min-height: 33vw;
    position: static;
  }
}
@media only screen and (min-width: 768px) {
  .c-image__shift--right .u-cover {
    min-height: unset;
  }
}
@media only screen and (min-width: 992px) {
  .c-image__shift--right {
    margin-right: calc(var(--gap-lg) * -4);
  }
}

.c-signature {
  font-size: 1.5em;
  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.5;
}
@media only screen and (min-width: 768px) {
  .c-table th, .c-table td {
    line-height: 1.75;
  }
}
.c-table td hr {
  border-top-color: var(--rgb-linegray);
  border-top-style: dashed;
  opacity: 1;
}

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

[data-line=row], [data-line=grid] {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
[data-line=row] th, [data-line=row] td, [data-line=grid] th, [data-line=grid] td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

[data-line=grid] {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
[data-line=grid] th, [data-line=grid] td {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 575px) {
  [data-scope=row][data-bp=sm] th, [data-scope=row][data-bp=sm] td {
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 576px) {
  [data-scope=row][data-bp=sm] th {
    width: 11em;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 991px) {
  [data-scope=row][data-bp=lg] th, [data-scope=row][data-bp=lg] td {
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  [data-scope=row][data-bp=lg] th, [data-scope=row][data-bp=lg] td {
    vertical-align: middle;
  }
  [data-scope=row][data-bp=lg] th {
    width: 15em;
  }
}
@media only screen and (max-width: 1199px) {
  [data-scope=row][data-bp=xl] th, [data-scope=row][data-bp=xl] td {
    width: 100%;
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  [data-scope=row][data-bp=xl] th {
    width: 15em;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 575px) {
  [data-scope=col-inline] tbody {
    display: grid;
    gap: 1rem;
  }
  [data-scope=col-inline] tr.c-table--tr-col {
    display: none;
  }
  [data-scope=col-inline] tr {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  [data-scope=col-inline] td::before {
    content: attr(data-heading);
    background-color: rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.75em 1em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media only screen and (max-width: 575px) {
  [data-scope=col-block] tbody {
    display: grid;
    gap: 1rem;
  }
  [data-scope=col-block] tr {
    display: grid;
  }
  [data-scope=col-block] tr.c-table--tr-col {
    display: none;
  }
  [data-scope=col-block] td {
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0 0 1em !important;
    display: grid;
    text-align: center;
  }
  [data-scope=col-block] td::before {
    content: attr(data-heading);
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 1em;
    padding: 0.75em 1em;
    display: block;
    text-align: center;
  }
}

[data-mode=custom] {
  border-top: 1px solid var(--rgb-table-line);
}
[data-mode=custom] th,
[data-mode=custom] td {
  border-bottom: 1px solid var(--rgb-table-line);
  color: var(--rgb-table-text);
}
[data-mode=custom] th {
  background-color: var(--rgb-table-head);
}
[data-mode=custom] td {
  background-color: var(--rgb-table-data);
}

[data-mode=light] th {
  background-color: rgba(0, 0, 0, 0.05);
}
[data-mode=light] td {
  background-color: rgba(255, 255, 255, 0.5);
}

[data-mode=middle] th {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--rgb-white);
}
[data-mode=middle] td {
  background-color: rgba(255, 255, 255, 0.125);
}

[data-mode=dark][data-line=row] {
  border-top: 1px solid rgba(255, 255, 255, 0.125);
}
[data-mode=dark][data-line=row] th,
[data-mode=dark][data-line=row] td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}
[data-mode=dark][data-line=row] th {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=row] td {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=row] td span[data-action] {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=row] td .c-form__floating > label {
  color: var(--rgb-text);
  opacity: 0.33;
}
[data-mode=dark][data-line=column] {
  border-left: 1px solid rgba(255, 255, 255, 0.125);
}
[data-mode=dark][data-line=column] th,
[data-mode=dark][data-line=column] td {
  border-right: 1px solid rgba(255, 255, 255, 0.125);
}
[data-mode=dark][data-line=column] th {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=column] td {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=column] td span[data-action] {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=column] td .c-form__floating > label {
  color: var(--rgb-text);
  opacity: 0.33;
}
[data-mode=dark][data-line=grid] {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
[data-mode=dark][data-line=grid] th,
[data-mode=dark][data-line=grid] td {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
[data-mode=dark][data-line=grid] th {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=grid] td {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=grid] td span[data-action] {
  color: var(--rgb-white);
}
[data-mode=dark][data-line=grid] td .c-form__floating > label {
  color: var(--rgb-text);
  opacity: 0.33;
}
[data-mode=dark] th {
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
[data-mode=dark] td {
  background-color: rgba(255, 255, 255, 0.1);
}

.c-table__size--sm {
  font-size: 0.9em;
}
@media only screen and (min-width: 576px) {
  .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;
}

th, td {
  padding: 0.5em 0.75em;
}
@media only screen and (min-width: 768px) {
  th, td {
    padding: 0.75em 1.125em;
  }
}
@media only screen and (min-width: 992px) {
  th, td {
    padding: 1em 1.5em;
  }
}

[data-padding=md] th, [data-padding=md] td {
  padding: 0.375em 0.5625em;
}
@media only screen and (min-width: 768px) {
  [data-padding=md] th, [data-padding=md] td {
    padding: 0.5em 0.75em;
  }
}
@media only screen and (min-width: 992px) {
  [data-padding=md] th, [data-padding=md] td {
    padding: 0.75em 1.125em;
  }
}

[data-padding=sm] th, [data-padding=sm] td {
  padding: 0.25em 0.375em;
}
@media only screen and (min-width: 768px) {
  [data-padding=sm] th, [data-padding=sm] td {
    padding: 0.375em 0.5625em;
  }
}
@media only screen and (min-width: 992px) {
  [data-padding=sm] th, [data-padding=sm] td {
    padding: 0.5em 0.75em;
  }
}

[data-scope=row][data-bp=sm][data-th=auto] th {
  width: auto;
}

@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 (min-width: 576px) {
  .c-table--xs th, .c-table--xs td {
    line-height: 1.25;
    padding: 0.25em 0.5em;
  }
}

.c-scroll-responsive {
  padding-top: 0.0625rem;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}
.c-scroll-responsive .c-table,
.c-scroll-responsive .cms-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  max-width: 300%;
}
.c-scroll-responsive .c-table th,
.c-scroll-responsive .c-table td,
.c-scroll-responsive .cms-table th,
.c-scroll-responsive .cms-table td {
  white-space: nowrap;
}

.c-scroll-responsive-sm {
  overflow: hidden !important;
}
@media only screen and (max-width: 575px) {
  .c-scroll-responsive-sm {
    padding-top: 0.0625rem;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .c-scroll-responsive-sm .c-table,
  .c-scroll-responsive-sm .cms-table {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    max-width: 300%;
  }
  .c-scroll-responsive-sm .c-table th,
  .c-scroll-responsive-sm .c-table td,
  .c-scroll-responsive-sm .cms-table th,
  .c-scroll-responsive-sm .cms-table td {
    white-space: nowrap;
  }
}

.c-scroll-responsive-md {
  overflow: hidden !important;
}
@media only screen and (max-width: 767px) {
  .c-scroll-responsive-md {
    padding-top: 0.0625rem;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .c-scroll-responsive-md .c-table,
  .c-scroll-responsive-md .cms-table {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    max-width: 300%;
  }
  .c-scroll-responsive-md .c-table th,
  .c-scroll-responsive-md .c-table td,
  .c-scroll-responsive-md .cms-table th,
  .c-scroll-responsive-md .cms-table td {
    white-space: nowrap;
  }
}

.c-scroll-responsive-lg {
  overflow: hidden !important;
}
@media only screen and (max-width: 991px) {
  .c-scroll-responsive-lg {
    padding-top: 0.0625rem;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .c-scroll-responsive-lg .c-table,
  .c-scroll-responsive-lg .cms-table {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    max-width: 300%;
  }
  .c-scroll-responsive-lg .c-table th,
  .c-scroll-responsive-lg .c-table td,
  .c-scroll-responsive-lg .cms-table th,
  .c-scroll-responsive-lg .cms-table td {
    white-space: nowrap;
  }
}

.c-scroll-responsive-xl {
  overflow-x: hidden;
}
@media only screen and (max-width: 1199px) {
  .c-scroll-responsive-xl {
    padding-top: 0.0625rem;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .c-scroll-responsive-xl .c-table,
  .c-scroll-responsive-xl .cms-table {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    max-width: 300%;
  }
  .c-scroll-responsive-xl .c-table th,
  .c-scroll-responsive-xl .c-table td,
  .c-scroll-responsive-xl .cms-table th,
  .c-scroll-responsive-xl .cms-table td {
    white-space: nowrap;
  }
}

.c-unit10 {
  padding-top: calc(var(--clearance-padding) * 0.1);
}

.c-unit20 {
  padding-top: calc(var(--clearance-padding) * 0.2);
}

.c-unit25 {
  padding-top: calc(var(--clearance-padding) * 0.25);
}

.c-unit30 {
  padding-top: calc(var(--clearance-padding) * 0.3);
}

.c-unit33 {
  padding-top: calc(var(--clearance-padding) * 0.333);
}

.c-unit40 {
  padding-top: calc(var(--clearance-padding) * 0.4);
}

.c-unit50 {
  padding-top: calc(var(--clearance-padding) * 0.5);
}

.c-unit60 {
  padding-top: calc(var(--clearance-padding) * 0.6);
}

.c-unit66 {
  padding-top: calc(var(--clearance-padding) * 0.666);
}

.c-unit70 {
  padding-top: calc(var(--clearance-padding) * 0.7);
}

.c-unit75 {
  padding-top: calc(var(--clearance-padding) * 0.75);
}

.c-unit80 {
  padding-top: calc(var(--clearance-padding) * 0.8);
}

.c-unit90 {
  padding-top: calc(var(--clearance-padding) * 0.9);
}

/* ico - button */
.u-arrow--left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--left::before {
  margin-right: 0.5em;
  text-align: left;
  content: "\e5c4";
}
.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-block;
}

.u-arrow--right {
  line-height: inherit;
  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-block;
}

.u-arrow--down {
  line-height: inherit;
  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-block;
}

.u-arrow--circle-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--circle-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--circle-right {
  line-height: inherit;
  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-block;
}

.u-arrow--circle-down {
  line-height: inherit;
  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-block;
}

.u-arrow--square-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--square-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--square-right {
  line-height: inherit;
  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-block;
}

.u-arrow--square-down {
  line-height: inherit;
  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-block;
}

.u-arrow--alt-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--alt-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--alt-right {
  line-height: inherit;
  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-block;
}

.u-arrow--alt-down {
  line-height: inherit;
  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-block;
}

.u-arrow--alt-circle-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--alt-circle-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--alt-circle-right {
  line-height: inherit;
  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-block;
}

.u-arrow--alt-circle-down {
  line-height: inherit;
  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-block;
}

.u-arrow--alt-square-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--alt-square-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--alt-square-right {
  line-height: inherit;
  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-block;
}

.u-arrow--alt-square-down {
  line-height: inherit;
  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-block;
}

.u-arrow--caret-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--caret-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--caret-right {
  line-height: inherit;
  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-block;
}

.u-arrow--caret-down {
  line-height: inherit;
  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-block;
}

.u-arrow--caret-circle-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--caret-circle-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--caret-circle-right {
  line-height: inherit;
  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-block;
}

.u-arrow--caret-circle-down {
  line-height: inherit;
  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-block;
}

.u-arrow--caret-square-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--caret-square-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--caret-square-right {
  line-height: inherit;
  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-block;
}

.u-arrow--caret-square-down {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--chevron-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--chevron-right {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-down {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-double-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--chevron-double-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--chevron-double-right {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-double-down {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-circle-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--chevron-circle-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--chevron-circle-right {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-circle-down {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-square-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--chevron-square-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--chevron-square-right {
  line-height: inherit;
  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-block;
}

.u-arrow--chevron-square-down {
  line-height: inherit;
  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-block;
}

.u-arrow--angle-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--angle-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--angle-right {
  line-height: inherit;
  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-block;
}

.u-arrow--angle-down {
  line-height: inherit;
  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-block;
}

.u-arrow--angle-double-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--angle-double-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--angle-double-right {
  line-height: inherit;
  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-block;
}

.u-arrow--angle-double-down {
  line-height: inherit;
  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-block;
}

.u-arrow--long-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--long-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--long-right {
  line-height: inherit;
  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-block;
}

.u-arrow--long-down {
  line-height: inherit;
  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-block;
}

.u-arrow--start-left {
  line-height: inherit;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.u-arrow--start-left::before {
  margin-right: 0.5em;
  text-align: left;
  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-block;
}

.u-arrow--start-right {
  line-height: inherit;
  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-block;
}

.u-arrow--start-down {
  line-height: inherit;
  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-block;
}

.u-arrow--between-right {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--leading-trim-ja);
  margin-bottom: var(--leading-trim-ja);
}
@media only screen and (min-width: 768px) {
  .u-arrow--between-right {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.u-arrow--between-right::after {
  font-size: 1.125em;
  line-height: 1;
  text-align: right;
  margin-left: 0.5em;
  font-family: "Material Symbols Rounded";
  display: inline-flex;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  content: "\e5e1";
}
@media only screen and (min-width: 768px) {
  .u-arrow--between-right::after {
    line-height: 0;
  }
}

.u-arrow--fixed-right {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--leading-trim-ja);
  margin-bottom: var(--leading-trim-ja);
}
@media only screen and (min-width: 768px) {
  .u-arrow--fixed-right {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 0) {
  .u-arrow--fixed-right {
    justify-content: flex-start;
  }
}
.u-arrow--fixed-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 (min-width: 768px) {
  .u-arrow--fixed-right::after {
    line-height: 0;
  }
}

.u-txt--spring {
  color: var(--rgb-spring-text);
}

.u-txt--summer {
  color: var(--rgb-summer-text);
}

.u-txt--autumn {
  color: var(--rgb-autumn-text);
}

.u-txt--winter {
  color: var(--rgb-winter-text);
}

.u-bgi--spring {
  background-color: var(--rgb-spring-background);
}

.u-bgi--summer {
  background-color: var(--rgb-summer-background);
}

.u-bgi--autumn {
  background-color: var(--rgb-autumn-background);
}

.u-bgi--winter {
  background-color: var(--rgb-winter-background);
}

.u-bgc--spring {
  background-color: var(--rgb-spring-background);
}

.u-bgc--summer {
  background-color: var(--rgb-summer-background);
}

.u-bgc--autumn {
  background-color: var(--rgb-autumn-background);
}

.u-bgc--winter {
  background-color: var(--rgb-winter-background);
}

.u-bgc--white {
  background-color: var(--rgb-white);
}

.u-bgc--ax-gray-250 {
  background-color: var(--rgb-ax-gray-250);
}

.u-bgc--ax-gray-245 {
  background-color: var(--rgb-ax-gray-245);
}

.u-bgc--ax-gray-240 {
  background-color: var(--rgb-ax-gray-240);
}

.u-bgc--ax-gray-230 {
  background-color: var(--rgb-ax-gray-230);
}

.u-bgc--ax-gray-50 {
  background-color: var(--rgb-ax-gray-50);
}

.u-bgc--ax-gray-20 {
  background-color: var(--rgb-ax-gray-20);
}

.u-bgc--black {
  background-color: var(--rgb-black);
}

.u-background--beige {
  background-color: var(--rgb-beige);
}

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

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

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

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

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

.u-flex {
  display: flex !important;
}

.u-grid {
  display: grid !important;
}

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

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

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

@media print {
  .u-none--print {
    display: none !important;
  }
  .u-inline--print {
    display: inline !important;
  }
  .u-inline-block--print {
    display: inline-block !important;
  }
  .u-inline-flex--print {
    display: inline-flex !important;
  }
  .u-block--print {
    display: block !important;
  }
  .u-flex--print {
    display: flex !important;
  }
  .u-grid--print {
    display: grid !important;
  }
  .u-table--print {
    display: table !important;
  }
  .u-table-row--print {
    display: table-row !important;
  }
  .u-table-cell--print {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 0) {
  .u-none--xs {
    display: none !important;
  }
  .u-inline--xs {
    display: inline !important;
  }
  .u-inline-block--xs {
    display: inline-block !important;
  }
  .u-inline-flex--xs {
    display: inline-flex !important;
  }
  .u-block--xs {
    display: block !important;
  }
  .u-flex--xs {
    display: flex !important;
  }
  .u-grid--xs {
    display: grid !important;
  }
  .u-table--xs {
    display: table !important;
  }
  .u-table-row--xs {
    display: table-row !important;
  }
  .u-table-cell--xs {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 576px) {
  .u-none--sm {
    display: none !important;
  }
  .u-inline--sm {
    display: inline !important;
  }
  .u-inline-block--sm {
    display: inline-block !important;
  }
  .u-inline-flex--sm {
    display: inline-flex !important;
  }
  .u-block--sm {
    display: block !important;
  }
  .u-flex--sm {
    display: flex !important;
  }
  .u-grid--sm {
    display: grid !important;
  }
  .u-table--sm {
    display: table !important;
  }
  .u-table-row--sm {
    display: table-row !important;
  }
  .u-table-cell--sm {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 768px) {
  .u-none--md {
    display: none !important;
  }
  .u-inline--md {
    display: inline !important;
  }
  .u-inline-block--md {
    display: inline-block !important;
  }
  .u-inline-flex--md {
    display: inline-flex !important;
  }
  .u-block--md {
    display: block !important;
  }
  .u-flex--md {
    display: flex !important;
  }
  .u-grid--md {
    display: grid !important;
  }
  .u-table--md {
    display: table !important;
  }
  .u-table-row--md {
    display: table-row !important;
  }
  .u-table-cell--md {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 992px) {
  .u-none--lg {
    display: none !important;
  }
  .u-inline--lg {
    display: inline !important;
  }
  .u-inline-block--lg {
    display: inline-block !important;
  }
  .u-inline-flex--lg {
    display: inline-flex !important;
  }
  .u-block--lg {
    display: block !important;
  }
  .u-flex--lg {
    display: flex !important;
  }
  .u-grid--lg {
    display: grid !important;
  }
  .u-table--lg {
    display: table !important;
  }
  .u-table-row--lg {
    display: table-row !important;
  }
  .u-table-cell--lg {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 1200px) {
  .u-none--xl {
    display: none !important;
  }
  .u-inline--xl {
    display: inline !important;
  }
  .u-inline-block--xl {
    display: inline-block !important;
  }
  .u-inline-flex--xl {
    display: inline-flex !important;
  }
  .u-block--xl {
    display: block !important;
  }
  .u-flex--xl {
    display: flex !important;
  }
  .u-grid--xl {
    display: grid !important;
  }
  .u-table--xl {
    display: table !important;
  }
  .u-table-row--xl {
    display: table-row !important;
  }
  .u-table-cell--xl {
    display: table-cell !important;
  }
}
@media screen and (min-width: 1400px) {
  .u-none--x2l {
    display: none !important;
  }
  .u-inline--x2l {
    display: inline !important;
  }
  .u-inline-block--x2l {
    display: inline-block !important;
  }
  .u-inline-flex--x2l {
    display: inline-flex !important;
  }
  .u-block--x2l {
    display: block !important;
  }
  .u-flex--x2l {
    display: flex !important;
  }
  .u-grid--x2l {
    display: grid !important;
  }
  .u-table--x2l {
    display: table !important;
  }
  .u-table-row--x2l {
    display: table-row !important;
  }
  .u-table-cell--x2l {
    display: table-cell !important;
  }
}
@media screen and (min-width: 1680px) {
  .u-none--x3l {
    display: none !important;
  }
  .u-inline--x3l {
    display: inline !important;
  }
  .u-inline-block--x3l {
    display: inline-block !important;
  }
  .u-inline-flex--x3l {
    display: inline-flex !important;
  }
  .u-block--x3l {
    display: block !important;
  }
  .u-flex--x3l {
    display: flex !important;
  }
  .u-grid--x3l {
    display: grid !important;
  }
  .u-table--x3l {
    display: table !important;
  }
  .u-table-row--x3l {
    display: table-row !important;
  }
  .u-table-cell--x3l {
    display: table-cell !important;
  }
}
@media screen and (min-width: 2000px) {
  .u-none--x4l {
    display: none !important;
  }
  .u-inline--x4l {
    display: inline !important;
  }
  .u-inline-block--x4l {
    display: inline-block !important;
  }
  .u-inline-flex--x4l {
    display: inline-flex !important;
  }
  .u-block--x4l {
    display: block !important;
  }
  .u-flex--x4l {
    display: flex !important;
  }
  .u-grid--x4l {
    display: grid !important;
  }
  .u-table--x4l {
    display: table !important;
  }
  .u-table-row--x4l {
    display: table-row !important;
  }
  .u-table-cell--x4l {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 1999px) {
  .u-none--x4l-less {
    display: none !important;
  }
  .u-inline--x4l-less {
    display: inline !important;
  }
  .u-inline-block--x4l-less {
    display: inline-block !important;
  }
  .u-inline-flex--x4l-less {
    display: inline-flex !important;
  }
  .u-block--x4l-less {
    display: block !important;
  }
  .u-flex--x4l-less {
    display: flex !important;
  }
  .u-grid--x4l-less {
    display: grid !important;
  }
  .u-table--x4l-less {
    display: table !important;
  }
  .u-table-row--x4l-less {
    display: table-row !important;
  }
  .u-table-cell--x4l-less {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 1679px) {
  .u-none--x3l-less {
    display: none !important;
  }
  .u-inline--x3l-less {
    display: inline !important;
  }
  .u-inline-block--x3l-less {
    display: inline-block !important;
  }
  .u-inline-flex--x3l-less {
    display: inline-flex !important;
  }
  .u-block--x3l-less {
    display: block !important;
  }
  .u-flex--x3l-less {
    display: flex !important;
  }
  .u-grid--x3l-less {
    display: grid !important;
  }
  .u-table--x3l-less {
    display: table !important;
  }
  .u-table-row--x3l-less {
    display: table-row !important;
  }
  .u-table-cell--x3l-less {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 1399px) {
  .u-none--x2l-less {
    display: none !important;
  }
  .u-inline--x2l-less {
    display: inline !important;
  }
  .u-inline-block--x2l-less {
    display: inline-block !important;
  }
  .u-inline-flex--x2l-less {
    display: inline-flex !important;
  }
  .u-block--x2l-less {
    display: block !important;
  }
  .u-flex--x2l-less {
    display: flex !important;
  }
  .u-grid--x2l-less {
    display: grid !important;
  }
  .u-table--x2l-less {
    display: table !important;
  }
  .u-table-row--x2l-less {
    display: table-row !important;
  }
  .u-table-cell--x2l-less {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 1199px) {
  .u-none--xl-less {
    display: none !important;
  }
  .u-inline--xl-less {
    display: inline !important;
  }
  .u-inline-block--xl-less {
    display: inline-block !important;
  }
  .u-inline-flex--xl-less {
    display: inline-flex !important;
  }
  .u-block--xl-less {
    display: block !important;
  }
  .u-flex--xl-less {
    display: flex !important;
  }
  .u-grid--xl-less {
    display: grid !important;
  }
  .u-table--xl-less {
    display: table !important;
  }
  .u-table-row--xl-less {
    display: table-row !important;
  }
  .u-table-cell--xl-less {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 991px) {
  .u-none--lg-less {
    display: none !important;
  }
  .u-inline--lg-less {
    display: inline !important;
  }
  .u-inline-block--lg-less {
    display: inline-block !important;
  }
  .u-inline-flex--lg-less {
    display: inline-flex !important;
  }
  .u-block--lg-less {
    display: block !important;
  }
  .u-flex--lg-less {
    display: flex !important;
  }
  .u-grid--lg-less {
    display: grid !important;
  }
  .u-table--lg-less {
    display: table !important;
  }
  .u-table-row--lg-less {
    display: table-row !important;
  }
  .u-table-cell--lg-less {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-none--md-less {
    display: none !important;
  }
  .u-inline--md-less {
    display: inline !important;
  }
  .u-inline-block--md-less {
    display: inline-block !important;
  }
  .u-inline-flex--md-less {
    display: inline-flex !important;
  }
  .u-block--md-less {
    display: block !important;
  }
  .u-flex--md-less {
    display: flex !important;
  }
  .u-grid--md-less {
    display: grid !important;
  }
  .u-table--md-less {
    display: table !important;
  }
  .u-table-row--md-less {
    display: table-row !important;
  }
  .u-table-cell--md-less {
    display: table-cell !important;
  }
}
@media only screen and (max-width: 575px) {
  .u-none--sm-less {
    display: none !important;
  }
  .u-inline--sm-less {
    display: inline !important;
  }
  .u-inline-block--sm-less {
    display: inline-block !important;
  }
  .u-inline-flex--sm-less {
    display: inline-flex !important;
  }
  .u-block--sm-less {
    display: block !important;
  }
  .u-flex--sm-less {
    display: flex !important;
  }
  .u-grid--sm-less {
    display: grid !important;
  }
  .u-table--sm-less {
    display: table !important;
  }
  .u-table-row--sm-less {
    display: table-row !important;
  }
  .u-table-cell--sm-less {
    display: table-cell !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;
}

@media print {
  .u-align-start--print {
    align-items: start !important;
  }
  .u-align-center--print {
    align-items: center !important;
  }
  .u-align-end--print {
    align-items: end !important;
  }
  .u-align-stretch--print {
    align-items: stretch !important;
  }
}
@media only screen and (min-width: 0) {
  .u-align-start--xs {
    align-items: start !important;
  }
  .u-align-center--xs {
    align-items: center !important;
  }
  .u-align-end--xs {
    align-items: end !important;
  }
  .u-align-stretch--xs {
    align-items: stretch !important;
  }
}
@media only screen and (min-width: 576px) {
  .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;
  }
}
@media only screen and (min-width: 768px) {
  .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;
  }
}
@media only screen and (min-width: 992px) {
  .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;
  }
}
@media only screen and (min-width: 1200px) {
  .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;
  }
}
@media screen and (min-width: 1400px) {
  .u-align-start--x2l {
    align-items: start !important;
  }
  .u-align-center--x2l {
    align-items: center !important;
  }
  .u-align-end--x2l {
    align-items: end !important;
  }
  .u-align-stretch--x2l {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1680px) {
  .u-align-start--x3l {
    align-items: start !important;
  }
  .u-align-center--x3l {
    align-items: center !important;
  }
  .u-align-end--x3l {
    align-items: end !important;
  }
  .u-align-stretch--x3l {
    align-items: stretch !important;
  }
}
@media screen and (min-width: 2000px) {
  .u-align-start--x4l {
    align-items: start !important;
  }
  .u-align-center--x4l {
    align-items: center !important;
  }
  .u-align-end--x4l {
    align-items: end !important;
  }
  .u-align-stretch--x4l {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 1999px) {
  .u-align-start--x4l-less {
    align-items: start !important;
  }
  .u-align-center--x4l-less {
    align-items: center !important;
  }
  .u-align-end--x4l-less {
    align-items: end !important;
  }
  .u-align-stretch--x4l-less {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 1679px) {
  .u-align-start--x3l-less {
    align-items: start !important;
  }
  .u-align-center--x3l-less {
    align-items: center !important;
  }
  .u-align-end--x3l-less {
    align-items: end !important;
  }
  .u-align-stretch--x3l-less {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 1399px) {
  .u-align-start--x2l-less {
    align-items: start !important;
  }
  .u-align-center--x2l-less {
    align-items: center !important;
  }
  .u-align-end--x2l-less {
    align-items: end !important;
  }
  .u-align-stretch--x2l-less {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 1199px) {
  .u-align-start--xl-less {
    align-items: start !important;
  }
  .u-align-center--xl-less {
    align-items: center !important;
  }
  .u-align-end--xl-less {
    align-items: end !important;
  }
  .u-align-stretch--xl-less {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 991px) {
  .u-align-start--lg-less {
    align-items: start !important;
  }
  .u-align-center--lg-less {
    align-items: center !important;
  }
  .u-align-end--lg-less {
    align-items: end !important;
  }
  .u-align-stretch--lg-less {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-align-start--md-less {
    align-items: start !important;
  }
  .u-align-center--md-less {
    align-items: center !important;
  }
  .u-align-end--md-less {
    align-items: end !important;
  }
  .u-align-stretch--md-less {
    align-items: stretch !important;
  }
}
@media only screen and (max-width: 575px) {
  .u-align-start--sm-less {
    align-items: start !important;
  }
  .u-align-center--sm-less {
    align-items: center !important;
  }
  .u-align-end--sm-less {
    align-items: end !important;
  }
  .u-align-stretch--sm-less {
    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-space-between {
  justify-content: space-between !important;
}

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

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

@media print {
  .u-justify-start--print {
    justify-content: start !important;
  }
  .u-justify-center--print {
    justify-content: center !important;
  }
  .u-justify-end--print {
    justify-content: end !important;
  }
  .u-justify-stretch--print {
    justify-content: stretch !important;
  }
  .u-justify-space-between--print {
    justify-content: space-between !important;
  }
  .u-justify-space-around--print {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--print {
    justify-content: space-evenly !important;
  }
}
@media only screen and (min-width: 0) {
  .u-justify-start--xs {
    justify-content: start !important;
  }
  .u-justify-center--xs {
    justify-content: center !important;
  }
  .u-justify-end--xs {
    justify-content: end !important;
  }
  .u-justify-stretch--xs {
    justify-content: stretch !important;
  }
  .u-justify-space-between--xs {
    justify-content: space-between !important;
  }
  .u-justify-space-around--xs {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--xs {
    justify-content: space-evenly !important;
  }
}
@media only screen and (min-width: 576px) {
  .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-space-between--sm {
    justify-content: space-between !important;
  }
  .u-justify-space-around--sm {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--sm {
    justify-content: space-evenly !important;
  }
}
@media only screen and (min-width: 768px) {
  .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-space-between--md {
    justify-content: space-between !important;
  }
  .u-justify-space-around--md {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--md {
    justify-content: space-evenly !important;
  }
}
@media only screen and (min-width: 992px) {
  .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-space-between--lg {
    justify-content: space-between !important;
  }
  .u-justify-space-around--lg {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--lg {
    justify-content: space-evenly !important;
  }
}
@media only screen and (min-width: 1200px) {
  .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-space-between--xl {
    justify-content: space-between !important;
  }
  .u-justify-space-around--xl {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--xl {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1400px) {
  .u-justify-start--x2l {
    justify-content: start !important;
  }
  .u-justify-center--x2l {
    justify-content: center !important;
  }
  .u-justify-end--x2l {
    justify-content: end !important;
  }
  .u-justify-stretch--x2l {
    justify-content: stretch !important;
  }
  .u-justify-space-between--x2l {
    justify-content: space-between !important;
  }
  .u-justify-space-around--x2l {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--x2l {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1680px) {
  .u-justify-start--x3l {
    justify-content: start !important;
  }
  .u-justify-center--x3l {
    justify-content: center !important;
  }
  .u-justify-end--x3l {
    justify-content: end !important;
  }
  .u-justify-stretch--x3l {
    justify-content: stretch !important;
  }
  .u-justify-space-between--x3l {
    justify-content: space-between !important;
  }
  .u-justify-space-around--x3l {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--x3l {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 2000px) {
  .u-justify-start--x4l {
    justify-content: start !important;
  }
  .u-justify-center--x4l {
    justify-content: center !important;
  }
  .u-justify-end--x4l {
    justify-content: end !important;
  }
  .u-justify-stretch--x4l {
    justify-content: stretch !important;
  }
  .u-justify-space-between--x4l {
    justify-content: space-between !important;
  }
  .u-justify-space-around--x4l {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--x4l {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 1999px) {
  .u-justify-start--x4l-less {
    justify-content: start !important;
  }
  .u-justify-center--x4l-less {
    justify-content: center !important;
  }
  .u-justify-end--x4l-less {
    justify-content: end !important;
  }
  .u-justify-stretch--x4l-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--x4l-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--x4l-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--x4l-less {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 1679px) {
  .u-justify-start--x3l-less {
    justify-content: start !important;
  }
  .u-justify-center--x3l-less {
    justify-content: center !important;
  }
  .u-justify-end--x3l-less {
    justify-content: end !important;
  }
  .u-justify-stretch--x3l-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--x3l-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--x3l-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--x3l-less {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 1399px) {
  .u-justify-start--x2l-less {
    justify-content: start !important;
  }
  .u-justify-center--x2l-less {
    justify-content: center !important;
  }
  .u-justify-end--x2l-less {
    justify-content: end !important;
  }
  .u-justify-stretch--x2l-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--x2l-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--x2l-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--x2l-less {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 1199px) {
  .u-justify-start--xl-less {
    justify-content: start !important;
  }
  .u-justify-center--xl-less {
    justify-content: center !important;
  }
  .u-justify-end--xl-less {
    justify-content: end !important;
  }
  .u-justify-stretch--xl-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--xl-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--xl-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--xl-less {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 991px) {
  .u-justify-start--lg-less {
    justify-content: start !important;
  }
  .u-justify-center--lg-less {
    justify-content: center !important;
  }
  .u-justify-end--lg-less {
    justify-content: end !important;
  }
  .u-justify-stretch--lg-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--lg-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--lg-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--lg-less {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 767px) {
  .u-justify-start--md-less {
    justify-content: start !important;
  }
  .u-justify-center--md-less {
    justify-content: center !important;
  }
  .u-justify-end--md-less {
    justify-content: end !important;
  }
  .u-justify-stretch--md-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--md-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--md-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--md-less {
    justify-content: space-evenly !important;
  }
}
@media only screen and (max-width: 575px) {
  .u-justify-start--sm-less {
    justify-content: start !important;
  }
  .u-justify-center--sm-less {
    justify-content: center !important;
  }
  .u-justify-end--sm-less {
    justify-content: end !important;
  }
  .u-justify-stretch--sm-less {
    justify-content: stretch !important;
  }
  .u-justify-space-between--sm-less {
    justify-content: space-between !important;
  }
  .u-justify-space-around--sm-less {
    justify-content: space-around !important;
  }
  .u-justify-space-evenly--sm-less {
    justify-content: space-evenly !important;
  }
}
.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--4x1 {
  position: relative;
  width: 100%;
}
.u-ratio--4x1::before {
  display: block;
  padding-top: 25%;
  width: 100%;
  content: "";
}
.u-ratio--4x1 > *, .u-ratio--4x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--3x1 {
  position: relative;
  width: 100%;
}
.u-ratio--3x1::before {
  display: block;
  padding-top: 33.3333333333%;
  width: 100%;
  content: "";
}
.u-ratio--3x1 > *, .u-ratio--3x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--21x9 {
  position: relative;
  width: 100%;
}
.u-ratio--21x9::before {
  display: block;
  padding-top: 42.857143%;
  width: 100%;
  content: "";
}
.u-ratio--21x9 > *, .u-ratio--21x9 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--16x9 {
  position: relative;
  width: 100%;
}
.u-ratio--16x9::before {
  display: block;
  padding-top: 56.25%;
  width: 100%;
  content: "";
}
.u-ratio--16x9 > *, .u-ratio--16x9 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--4x3 {
  position: relative;
  width: 100%;
}
.u-ratio--4x3::before {
  display: block;
  padding-top: 75%;
  width: 100%;
  content: "";
}
.u-ratio--4x3 > *, .u-ratio--4x3 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--3x2 {
  position: relative;
  width: 100%;
}
.u-ratio--3x2::before {
  display: block;
  padding-top: 66.6666666666%;
  width: 100%;
  content: "";
}
.u-ratio--3x2 > *, .u-ratio--3x2 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--2x1 {
  position: relative;
  width: 100%;
}
.u-ratio--2x1::before {
  display: block;
  padding-top: 50%;
  width: 100%;
  content: "";
}
.u-ratio--2x1 > *, .u-ratio--2x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--5x4 {
  position: relative;
  width: 100%;
}
.u-ratio--5x4::before {
  display: block;
  padding-top: 80%;
  width: 100%;
  content: "";
}
.u-ratio--5x4 > *, .u-ratio--5x4 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--6x5 {
  position: relative;
  width: 100%;
}
.u-ratio--6x5::before {
  display: block;
  padding-top: 83.3333333333%;
  width: 100%;
  content: "";
}
.u-ratio--6x5 > *, .u-ratio--6x5 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--1x1 {
  position: relative;
  width: 100%;
}
.u-ratio--1x1::before {
  display: block;
  padding-top: 100%;
  width: 100%;
  content: "";
}
.u-ratio--1x1 > *, .u-ratio--1x1 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-ratio--9x16 {
  position: relative;
  width: 100%;
}
.u-ratio--9x16::before {
  display: block;
  padding-top: 177.7777777777%;
  width: 100%;
  content: "";
}
.u-ratio--9x16 > *, .u-ratio--9x16 > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media print {
  .u-ratio--print-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-4x1 > *, .u-ratio--print-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-3x1 > *, .u-ratio--print-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-21x9 > *, .u-ratio--print-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-16x9 > *, .u-ratio--print-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-4x3 > *, .u-ratio--print-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-3x2 > *, .u-ratio--print-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-2x1 > *, .u-ratio--print-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-5x4 > *, .u-ratio--print-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-6x5 > *, .u-ratio--print-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-1x1 > *, .u-ratio--print-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--print-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--print-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--print-9x16 > *, .u-ratio--print-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 0) {
  .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%;
  }
}
@media only screen and (min-width: 576px) {
  .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%;
  }
}
@media only screen and (min-width: 768px) {
  .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%;
  }
}
@media only screen and (min-width: 992px) {
  .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%;
  }
}
@media only screen and (min-width: 1200px) {
  .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%;
  }
}
@media screen and (min-width: 1400px) {
  .u-ratio--x2l-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-4x1 > *, .u-ratio--x2l-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-3x1 > *, .u-ratio--x2l-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-21x9 > *, .u-ratio--x2l-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-16x9 > *, .u-ratio--x2l-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-4x3 > *, .u-ratio--x2l-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-3x2 > *, .u-ratio--x2l-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-2x1 > *, .u-ratio--x2l-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-5x4 > *, .u-ratio--x2l-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-6x5 > *, .u-ratio--x2l-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-1x1 > *, .u-ratio--x2l-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-9x16 > *, .u-ratio--x2l-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 1680px) {
  .u-ratio--x3l-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-4x1 > *, .u-ratio--x3l-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-3x1 > *, .u-ratio--x3l-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-21x9 > *, .u-ratio--x3l-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-16x9 > *, .u-ratio--x3l-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-4x3 > *, .u-ratio--x3l-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-3x2 > *, .u-ratio--x3l-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-2x1 > *, .u-ratio--x3l-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-5x4 > *, .u-ratio--x3l-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-6x5 > *, .u-ratio--x3l-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-1x1 > *, .u-ratio--x3l-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-9x16 > *, .u-ratio--x3l-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 2000px) {
  .u-ratio--x4l-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-4x1 > *, .u-ratio--x4l-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-3x1 > *, .u-ratio--x4l-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-21x9 > *, .u-ratio--x4l-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-16x9 > *, .u-ratio--x4l-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-4x3 > *, .u-ratio--x4l-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-3x2 > *, .u-ratio--x4l-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-2x1 > *, .u-ratio--x4l-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-5x4 > *, .u-ratio--x4l-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-6x5 > *, .u-ratio--x4l-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-1x1 > *, .u-ratio--x4l-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-9x16 > *, .u-ratio--x4l-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1999px) {
  .u-ratio--x4l-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-4x1 > *, .u-ratio--x4l-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-3x1 > *, .u-ratio--x4l-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-21x9 > *, .u-ratio--x4l-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-16x9 > *, .u-ratio--x4l-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-4x3 > *, .u-ratio--x4l-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-3x2 > *, .u-ratio--x4l-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-2x1 > *, .u-ratio--x4l-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-5x4 > *, .u-ratio--x4l-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-6x5 > *, .u-ratio--x4l-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-1x1 > *, .u-ratio--x4l-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x4l-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x4l-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--x4l-less-9x16 > *, .u-ratio--x4l-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1679px) {
  .u-ratio--x3l-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-4x1 > *, .u-ratio--x3l-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-3x1 > *, .u-ratio--x3l-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-21x9 > *, .u-ratio--x3l-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-16x9 > *, .u-ratio--x3l-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-4x3 > *, .u-ratio--x3l-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-3x2 > *, .u-ratio--x3l-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-2x1 > *, .u-ratio--x3l-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-5x4 > *, .u-ratio--x3l-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-6x5 > *, .u-ratio--x3l-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-1x1 > *, .u-ratio--x3l-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x3l-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x3l-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--x3l-less-9x16 > *, .u-ratio--x3l-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1399px) {
  .u-ratio--x2l-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-4x1 > *, .u-ratio--x2l-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-3x1 > *, .u-ratio--x2l-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-21x9 > *, .u-ratio--x2l-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-16x9 > *, .u-ratio--x2l-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-4x3 > *, .u-ratio--x2l-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-3x2 > *, .u-ratio--x2l-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-2x1 > *, .u-ratio--x2l-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-5x4 > *, .u-ratio--x2l-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-6x5 > *, .u-ratio--x2l-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-1x1 > *, .u-ratio--x2l-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--x2l-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--x2l-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--x2l-less-9x16 > *, .u-ratio--x2l-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .u-ratio--xl-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-4x1 > *, .u-ratio--xl-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-3x1 > *, .u-ratio--xl-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-21x9 > *, .u-ratio--xl-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-16x9 > *, .u-ratio--xl-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-4x3 > *, .u-ratio--xl-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-3x2 > *, .u-ratio--xl-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-2x1 > *, .u-ratio--xl-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-5x4 > *, .u-ratio--xl-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-6x5 > *, .u-ratio--xl-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-1x1 > *, .u-ratio--xl-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--xl-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--xl-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--xl-less-9x16 > *, .u-ratio--xl-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .u-ratio--lg-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-4x1 > *, .u-ratio--lg-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-3x1 > *, .u-ratio--lg-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-21x9 > *, .u-ratio--lg-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-16x9 > *, .u-ratio--lg-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-4x3 > *, .u-ratio--lg-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-3x2 > *, .u-ratio--lg-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-2x1 > *, .u-ratio--lg-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-5x4 > *, .u-ratio--lg-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-6x5 > *, .u-ratio--lg-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-1x1 > *, .u-ratio--lg-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--lg-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--lg-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--lg-less-9x16 > *, .u-ratio--lg-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .u-ratio--md-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-4x1 > *, .u-ratio--md-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-3x1 > *, .u-ratio--md-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-21x9 > *, .u-ratio--md-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-16x9 > *, .u-ratio--md-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-4x3 > *, .u-ratio--md-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-3x2 > *, .u-ratio--md-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-2x1 > *, .u-ratio--md-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-5x4 > *, .u-ratio--md-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-6x5 > *, .u-ratio--md-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-1x1 > *, .u-ratio--md-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--md-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--md-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--md-less-9x16 > *, .u-ratio--md-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .u-ratio--sm-less-4x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-4x1::before {
    display: block;
    padding-top: 25%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-4x1 > *, .u-ratio--sm-less-4x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-3x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-3x1::before {
    display: block;
    padding-top: 33.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-3x1 > *, .u-ratio--sm-less-3x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-21x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-21x9::before {
    display: block;
    padding-top: 42.857143%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-21x9 > *, .u-ratio--sm-less-21x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-16x9 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-16x9::before {
    display: block;
    padding-top: 56.25%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-16x9 > *, .u-ratio--sm-less-16x9 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-4x3 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-4x3::before {
    display: block;
    padding-top: 75%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-4x3 > *, .u-ratio--sm-less-4x3 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-3x2 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-3x2::before {
    display: block;
    padding-top: 66.6666666666%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-3x2 > *, .u-ratio--sm-less-3x2 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-2x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-2x1::before {
    display: block;
    padding-top: 50%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-2x1 > *, .u-ratio--sm-less-2x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-5x4 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-5x4::before {
    display: block;
    padding-top: 80%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-5x4 > *, .u-ratio--sm-less-5x4 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-6x5 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-6x5::before {
    display: block;
    padding-top: 83.3333333333%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-6x5 > *, .u-ratio--sm-less-6x5 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-1x1 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-1x1::before {
    display: block;
    padding-top: 100%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-1x1 > *, .u-ratio--sm-less-1x1 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .u-ratio--sm-less-9x16 {
    position: relative;
    width: 100%;
  }
  .u-ratio--sm-less-9x16::before {
    display: block;
    padding-top: 177.7777777777%;
    width: 100%;
    content: "";
  }
  .u-ratio--sm-less-9x16 > *, .u-ratio--sm-less-9x16 > * > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* ico - button */
.u-file--pdf {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file--pdf::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  flex: 0 0 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file--pdf::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4MS45IDI1Ni4xYy01LTE2LTQuOS00Ni45LTItNDYuOSA4LjQgMCA3LjYgMzYuOSAyIDQ2Ljl6bS0xLjcgNDcuMmMtNy43IDIwLjItMTcuMyA0My4zLTI4LjQgNjIuNyAxOC4zLTcgMzktMTcuMiA2Mi45LTIxLjktMTIuNy05LjYtMjQuOS0yMy40LTM0LjUtNDAuOHpNODYuMSA0MjguMWMwIC44IDEzLjItNS40IDM0LjktNDAuMi02LjcgNi4zLTI5LjEgMjQuNS0zNC45IDQwLjJ6TTI0OCAxNjBoMTM2djMyOGMwIDEzLjMtMTAuNyAyNC0yNCAyNEgyNGMtMTMuMyAwLTI0LTEwLjctMjQtMjRWMjRDMCAxMC43IDEwLjcgMCAyNCAwaDIwMHYxMzZjMCAxMy4yIDEwLjggMjQgMjQgMjR6bS04IDE3MS44Yy0yMC0xMi4yLTMzLjMtMjktNDIuNy01My44IDQuNS0xOC41IDExLjYtNDYuNiA2LjItNjQuMi00LjctMjkuNC00Mi40LTI2LjUtNDcuOC02LjgtNSAxOC4zLS40IDQ0LjEgOC4xIDc3LTExLjYgMjcuNi0yOC43IDY0LjYtNDAuOCA4NS44LS4xIDAtLjEgLjEtLjIgLjEtMjcuMSAxMy45LTczLjYgNDQuNS01NC41IDY4IDUuNiA2LjkgMTYgMTAgMjEuNSAxMCAxNy45IDAgMzUuNy0xOCA2MS4xLTYxLjggMjUuOC04LjUgNTQuMS0xOS4xIDc5LTIzLjIgMjEuNyAxMS44IDQ3LjEgMTkuNSA2NCAxOS41IDI5LjIgMCAzMS4yLTMyIDE5LjctNDMuNC0xMy45LTEzLjYtNTQuMy05LjctNzMuNi03LjJ6TTM3NyAxMDVMMjc5IDdjLTQuNS00LjUtMTAuNi03LTE3LTdoLTZ2MTI4aDEyOHYtNi4xYzAtNi4zLTIuNS0xMi40LTctMTYuOXptLTc0LjEgMjU1LjNjNC4xLTIuNy0yLjUtMTEuOS00Mi44LTkgMzcuMSAxNS44IDQyLjggOSA0Mi44IDl6IiBmaWxsPSJyZWQiLz48L3N2Zz4=);
}

[data-type=link] .u-file--pdf {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}

.u-file--word {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file--word::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  flex: 0 0 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file--word::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptNTcuMSAxMjBIMzA1YzcuNyAwIDEzLjQgNy4xIDExLjcgMTQuN2wtMzggMTY4Yy0xLjIgNS41LTYuMSA5LjMtMTEuNyA5LjNoLTM4Yy01LjUgMC0xMC4zLTMuOC0xMS42LTkuMS0yNS44LTEwMy41LTIwLjgtODEuMi0yNS42LTExMC41aC0uNWMtMS4xIDE0LjMtMi40IDE3LjQtMjUuNiAxMTAuNS0xLjMgNS4zLTYuMSA5LjEtMTEuNiA5LjFIMTE3Yy01LjYgMC0xMC41LTMuOS0xMS43LTkuNGwtMzcuOC0xNjhjLTEuNy03LjUgNC0xNC42IDExLjctMTQuNmgyNC41YzUuNyAwIDEwLjcgNCAxMS44IDkuNyAxNS42IDc4IDIwLjEgMTA5LjUgMjEgMTIyLjIgMS42LTEwLjIgNy4zLTMyLjcgMjkuNC0xMjIuNyAxLjMtNS40IDYuMS05LjEgMTEuNy05LjFoMjkuMWM1LjYgMCAxMC40IDMuOCAxMS43IDkuMiAyNCAxMDAuNCAyOC44IDEyNCAyOS42IDEyOS40LS4yLTExLjItMi42LTE3LjggMjEuNi0xMjkuMiAxLTUuNiA1LjktOS41IDExLjUtOS41ek0zODQgMTIxLjl2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iYmx1ZSIvPjwvc3ZnPg==);
}

.u-file--excel {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file--excel::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  flex: 0 0 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file--excel::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptNjAuMSAxMDYuNUwyMjQgMzM2bDYwLjEgOTMuNWM1LjEgOC0uNiAxOC41LTEwLjEgMTguNWgtMzQuOWMtNC40IDAtOC41LTIuNC0xMC42LTYuM0MyMDguOSA0MDUuNSAxOTIgMzczIDE5MiAzNzNjLTYuNCAxNC44LTEwIDIwLTM2LjYgNjguOC0yLjEgMy45LTYuMSA2LjMtMTAuNSA2LjNIMTEwYy05LjUgMC0xNS4yLTEwLjUtMTAuMS0xOC41bDYwLjMtOTMuNS02MC4zLTkzLjVjLTUuMi04IC42LTE4LjUgMTAuMS0xOC41aDM0LjhjNC40IDAgOC41IDIuNCAxMC42IDYuMyAyNi4xIDQ4LjggMjAgMzMuNiAzNi42IDY4LjUgMCAwIDYuMS0xMS43IDM2LjYtNjguNSAyLjEtMy45IDYuMi02LjMgMTAuNi02LjNIMjc0YzkuNS0uMSAxNS4yIDEwLjQgMTAuMSAxOC40ek0zODQgMTIxLjl2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iZ3JlZW4iLz48L3N2Zz4=);
}

.u-file--file {
  width: 100%;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.u-file--file::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.25em;
  flex: 0 0 1em;
  height: 1em;
  display: block;
  content: "";
}
.u-file--file::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyNCAxMzZWMEgyNEMxMC43IDAgMCAxMC43IDAgMjR2NDY0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDMzNmMxMy4zIDAgMjQtMTAuNyAyNC0yNFYxNjBIMjQ4Yy0xMy4yIDAtMjQtMTAuOC0yNC0yNHptMTYwLTE0LjF2Ni4xSDI1NlYwaDYuMWM2LjQgMCAxMi41IDIuNSAxNyA3bDk3LjkgOThjNC41IDQuNSA3IDEwLjYgNyAxNi45eiIgZmlsbD0iZ3JheSIvPjwvc3ZnPg==);
}

.u-file--movie {
  width: 100%;
  display: 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;
  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-img-filter--grayscale {
  filter: grayscale(1);
}

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

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

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

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

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

.u-hr-dashed-xs {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(0.25rem * var(--lg-scale));
}

.u-hr-dashed-sm {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(0.5rem * var(--lg-scale));
}

.u-hr-dashed-md {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(0.75rem * var(--lg-scale));
}

.u-hr-dashed-lg {
  border-top-style: dashed;
  border-top-color: var(--rgb-linegray);
  margin-block: calc(1rem * var(--lg-scale));
}

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

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

.u-icon--tel {
  display: flex;
  align-items: center;
}

.u-icon--tel::before {
  content: "\e0b0";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--tel-volume {
  display: flex;
  align-items: center;
}

.u-icon--tel-volume::before {
  content: "\f2a0";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--tel-talk {
  display: flex;
  align-items: center;
}

.u-icon--tel-talk::before {
  content: "\e61d";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--mail {
  display: flex;
  align-items: center;
}

.u-icon--mail::before {
  content: "\e158";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--faq {
  display: flex;
  align-items: center;
}

.u-icon--faq::before {
  content: "\f059";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--login {
  display: flex;
  align-items: center;
}

.u-icon--login::before {
  content: "\ea77";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--logout {
  display: flex;
  align-items: center;
}

.u-icon--logout::before {
  content: "\e9ba";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--cart {
  display: flex;
  align-items: center;
}

.u-icon--cart::before {
  content: "\e8cc";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--user {
  display: flex;
  align-items: center;
}

.u-icon--user::before {
  content: "\e87c";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--lock-on {
  display: flex;
  align-items: center;
}

.u-icon--lock-on::before {
  content: "\e897";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--lock-off {
  display: flex;
  align-items: center;
}

.u-icon--lock-off::before {
  content: "\f13e";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--top {
  display: flex;
  align-items: center;
}

.u-icon--top::before {
  content: "\f077";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--map-marker {
  display: flex;
  align-items: center;
}

.u-icon--map-marker::before {
  content: "\e0c8";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--map-marked {
  display: flex;
  align-items: center;
}

.u-icon--map-marked::before {
  content: "\e55b";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--home {
  display: flex;
  align-items: center;
}

.u-icon--home::before {
  content: "\f015";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--business {
  display: flex;
  align-items: center;
}

.u-icon--business::before {
  content: "\f15c";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--factory {
  display: flex;
  align-items: center;
}

.u-icon--factory::before {
  content: "\f3b3";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--key {
  display: flex;
  align-items: center;
}

.u-icon--key::before {
  content: "\f084";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--yen {
  display: flex;
  align-items: center;
}

.u-icon--yen::before {
  content: "\eafb";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--blog {
  display: flex;
  align-items: center;
}

.u-icon--blog::before {
  content: "\f02d";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--mov {
  display: flex;
  align-items: center;
}

.u-icon--mov::before {
  content: "\f1c8";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--calculator {
  display: flex;
  align-items: center;
}

.u-icon--calculator::before {
  content: "\ea5f";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--estimate {
  display: flex;
  align-items: center;
}

.u-icon--estimate::before {
  content: "\ef42";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--construction {
  display: flex;
  align-items: center;
}

.u-icon--construction::before {
  content: "\ea3c";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--works {
  display: flex;
  align-items: center;
}

.u-icon--works::before {
  content: "\f1ad";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--recruit {
  display: flex;
  align-items: center;
}

.u-icon--recruit::before {
  content: "\e7fb";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--download {
  display: flex;
  align-items: center;
}

.u-icon--download::before {
  content: "\e2c4";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--arrival {
  display: flex;
  align-items: center;
}

.u-icon--arrival::before {
  content: "\f675";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--plane {
  display: flex;
  align-items: center;
}

.u-icon--plane::before {
  content: "\f1d8";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--book-open {
  display: flex;
  align-items: center;
}

.u-icon--book-open::before {
  content: "\f518";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--sync {
  display: flex;
  align-items: center;
}

.u-icon--sync::before {
  content: "\f021";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--checklist {
  display: flex;
  align-items: center;
}

.u-icon--checklist::before {
  content: "\e6b1";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--factcheck {
  display: flex;
  align-items: center;
}

.u-icon--factcheck::before {
  content: "\f0c5";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--signin {
  display: flex;
  align-items: center;
}

.u-icon--signin::before {
  content: "\ea77";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--signout {
  display: flex;
  align-items: center;
}

.u-icon--signout::before {
  content: "\e9ba";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--id {
  display: flex;
  align-items: center;
}

.u-icon--id::before {
  content: "\f2c2";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--external {
  display: flex;
  align-items: center;
}

.u-icon--external::before {
  content: "\e89e";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--check-square {
  display: flex;
  align-items: center;
}

.u-icon--check-square::before {
  content: "\f14a";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--mobile {
  display: flex;
  align-items: center;
}

.u-icon--mobile::before {
  content: "\f3cd";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  line-height: 1;
  margin-right: 0.33em;
  display: inline-flex;
  align-self: center;
}

.u-icon--edit::before {
  content: "\e745";
}

.u-icon--company::before {
  content: "\f1d0";
}

.u-icon--contact::before {
  content: "\f0e0";
}

.u-icon--arrival::before {
  content: "\f675";
}

.u-icon--tel,
.u-icon--fax,
.u-icon--mobile {
  display: flex;
  align-items: center;
}
.u-icon--tel::before,
.u-icon--fax::before,
.u-icon--mobile::before {
  font-size: 1em;
  line-height: 1;
}
.u-icon--tel strong,
.u-icon--fax strong,
.u-icon--mobile strong {
  display: block;
  position: relative;
  bottom: 0.125em;
}

.u-icon--fax::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--fax--square-white,
.u-icon--fax--square-black,
.u-icon--fax--circle-white,
.u-icon--fax--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--fax--square-white::before,
.u-icon--fax--square-black::before,
.u-icon--fax--circle-white::before,
.u-icon--fax--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--fax--square-white span[data-action=call],
.u-icon--fax--square-black span[data-action=call],
.u-icon--fax--circle-white span[data-action=call],
.u-icon--fax--circle-black span[data-action=call] {
  position: relative;
  bottom: 0.075em;
}

.u-icon--tel--square-white::before,
.u-icon--tel--square-black::before,
.u-icon--tel--circle-white::before,
.u-icon--tel--circle-black::before {
  content: "\f879";
}

.u-icon--fax--square-white::before,
.u-icon--fax--square-black::before,
.u-icon--fax--circle-white::before,
.u-icon--fax--circle-black::before {
  content: "\f1ac";
}

.u-icon--tel--square-white::before,
.u-icon--tel--square-black::before,
.u-icon--tel--square-white::before,
.u-icon--tel--square-black::before {
  border-radius: 0.25rem;
}

.u-icon--tel--circle-white::before,
.u-icon--tel--circle-black::before,
.u-icon--tel--circle-white::before,
.u-icon--tel--circle-black::before {
  border-radius: 50%;
}

.u-icon--tel--square-black::before,
.u-icon--tel--circle-black::before,
.u-icon--fax--square-black::before,
.u-icon--fax--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--map-marker,
.u-icon--map-marked {
  text-transform: capitalize !important;
}

.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-img-fluid {
  width: 100%;
  height: 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--x2l {
  line-height: 2;
}

.u-mt--none {
  margin-top: 0 !important;
}

.u-mt--x2l {
  margin-top: calc(var(--gap-x2l) * var(--gap-rate) * 2) !important;
}

.u-mt--xl {
  margin-top: calc(var(--gap-xl) * var(--gap-rate) * 2) !important;
}

.u-mt--lg {
  margin-top: calc(var(--gap-lg) * var(--gap-rate) * 2) !important;
}

.u-mt--md {
  margin-top: calc(var(--gap-md) * var(--gap-rate) * 2) !important;
}

.u-mt--sm {
  margin-top: calc(var(--gap-sm) * var(--gap-rate) * 2) !important;
}

.u-mt--xs {
  margin-top: calc(var(--gap-xs) * var(--gap-rate) * 2) !important;
}

.u-mt--xxs {
  margin-top: calc(var(--gap-xxs) * var(--gap-rate) * 2) !important;
}

.u-mt--neg--x2l {
  margin-top: calc(var(--gap-x2l) * var(--gap-rate) * -2) !important;
}

.u-mt--neg--xl {
  margin-top: calc(var(--gap-xl) * var(--gap-rate) * -2) !important;
}

.u-mt--neg--lg {
  margin-top: calc(var(--gap-lg) * var(--gap-rate) * -2) !important;
}

.u-mt--neg--md {
  margin-top: calc(var(--gap-md) * var(--gap-rate) * -2) !important;
}

.u-mt--neg--sm {
  margin-top: calc(var(--gap-sm) * var(--gap-rate) * -2) !important;
}

.u-mt--neg--xs {
  margin-top: calc(var(--gap-xs) * var(--gap-rate) * -2) !important;
}

.u-mt--neg--xxs {
  margin-top: calc(var(--gap-xxs) * var(--gap-rate) * -2) !important;
}

.u-ml--auto {
  margin-left: auto;
}

.u-mr--auto {
  margin-right: auto;
}

.u-mx--auto {
  margin-inline: auto;
}

.u-my--auto {
  margin-block: auto;
}

.u-mb--none {
  margin-bottom: 0 !important;
}

.u-mb--x2l {
  margin-bottom: calc(var(--gap-x2l) * var(--gap-rate) * 2) !important;
}

.u-mb--xl {
  margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * 2) !important;
}

.u-mb--lg {
  margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * 2) !important;
}

.u-mb--md {
  margin-bottom: calc(var(--gap-md) * var(--gap-rate) * 2) !important;
}

.u-mb--sm {
  margin-bottom: calc(var(--gap-sm) * var(--gap-rate) * 2) !important;
}

.u-mb--xs {
  margin-bottom: calc(var(--gap-xs) * var(--gap-rate) * 2) !important;
}

.u-mb--xxs {
  margin-bottom: calc(var(--gap-xxs) * var(--gap-rate) * 2) !important;
}

.u-mb--none {
  margin-bottom: 0 !important;
}

.u-mb--neg--x2l {
  margin-bottom: calc(var(--gap-x2l) * var(--gap-rate) * -2) !important;
}

.u-mb--neg--xl {
  margin-bottom: calc(var(--gap-xl) * var(--gap-rate) * -2) !important;
}

.u-mb--neg--lg {
  margin-bottom: calc(var(--gap-lg) * var(--gap-rate) * -2) !important;
}

.u-mb--neg--md {
  margin-bottom: calc(var(--gap-md) * var(--gap-rate) * -2) !important;
}

.u-mb--neg--sm {
  margin-bottom: calc(var(--gap-sm) * var(--gap-rate) * -2) !important;
}

.u-mb--neg--xs {
  margin-bottom: calc(var(--gap-xs) * var(--gap-rate) * -2) !important;
}

.u-mb--neg--xxs {
  margin-bottom: calc(var(--gap-xxs) * var(--gap-rate) * -2) !important;
}

.u-img-pos--lt {
  -o-object-position: left top;
     object-position: left top;
}

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

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

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

.u-img-pos--cc {
  -o-object-position: center;
     object-position: center;
}

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

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

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

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

@media only screen and (min-width: 576px) {
  .u-img-pos--lt-sm {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-img-pos--lc-sm {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-img-pos--lb-sm {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-img-pos--ct-sm {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-img-pos--cc-sm {
    -o-object-position: center;
       object-position: center;
  }
  .u-img-pos--cb-sm {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-img-pos--rt-sm {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-img-pos--rc-sm {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-img-pos--rb-sm {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (min-width: 768px) {
  .u-img-pos--lt-md {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-img-pos--lc-md {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-img-pos--lb-md {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-img-pos--ct-md {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-img-pos--cc-md {
    -o-object-position: center;
       object-position: center;
  }
  .u-img-pos--cb-md {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-img-pos--rt-md {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-img-pos--rc-md {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-img-pos--rb-md {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (min-width: 992px) {
  .u-img-pos--lt-lg {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-img-pos--lc-lg {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-img-pos--lb-lg {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-img-pos--ct-lg {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-img-pos--cc-lg {
    -o-object-position: center;
       object-position: center;
  }
  .u-img-pos--cb-lg {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-img-pos--rt-lg {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-img-pos--rc-lg {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-img-pos--rb-lg {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media only screen and (min-width: 1200px) {
  .u-img-pos--lt-xl {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-img-pos--lc-xl {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-img-pos--lb-xl {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-img-pos--ct-xl {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-img-pos--cc-xl {
    -o-object-position: center;
       object-position: center;
  }
  .u-img-pos--cb-xl {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-img-pos--rt-xl {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-img-pos--rc-xl {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-img-pos--rb-xl {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
@media screen and (min-width: 1400px) {
  .u-img-pos--lt-x2l {
    -o-object-position: left top;
       object-position: left top;
  }
  .u-img-pos--lc-x2l {
    -o-object-position: left center;
       object-position: left center;
  }
  .u-img-pos--lb-x2l {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .u-img-pos--ct-x2l {
    -o-object-position: center top;
       object-position: center top;
  }
  .u-img-pos--cc-x2l {
    -o-object-position: center;
       object-position: center;
  }
  .u-img-pos--cb-x2l {
    -o-object-position: center bottom;
       object-position: center bottom;
  }
  .u-img-pos--rt-x2l {
    -o-object-position: right top;
       object-position: right top;
  }
  .u-img-pos--rc-x2l {
    -o-object-position: right center;
       object-position: right center;
  }
  .u-img-pos--rb-x2l {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
}
.u-fit-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit-cover::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
}
.u-fit-cover > img, .u-fit-cover a > img,
.u-fit-cover > svg, .u-fit-cover a > svg,
.u-fit-cover > video, .u-fit-cover a > video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

@media only screen and (min-width: 576px) {
  .u-fit-cover--sm {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-cover--sm::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-cover--sm > img, .u-fit-cover--sm a > img,
  .u-fit-cover--sm > svg, .u-fit-cover--sm a > svg,
  .u-fit-cover--sm > video, .u-fit-cover--sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 768px) {
  .u-fit-cover--md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-cover--md::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-cover--md > img, .u-fit-cover--md a > img,
  .u-fit-cover--md > svg, .u-fit-cover--md a > svg,
  .u-fit-cover--md > video, .u-fit-cover--md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 992px) {
  .u-fit-cover--lg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-cover--lg::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-cover--lg > img, .u-fit-cover--lg a > img,
  .u-fit-cover--lg > svg, .u-fit-cover--lg a > svg,
  .u-fit-cover--lg > video, .u-fit-cover--lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .u-fit-cover--xl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-cover--xl::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-cover--xl > img, .u-fit-cover--xl a > img,
  .u-fit-cover--xl > svg, .u-fit-cover--xl a > svg,
  .u-fit-cover--xl > video, .u-fit-cover--xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media screen and (min-width: 1400px) {
  .u-fit-cover--x2l {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-cover--x2l::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-cover--x2l > img, .u-fit-cover--x2l a > img,
  .u-fit-cover--x2l > svg, .u-fit-cover--x2l a > svg,
  .u-fit-cover--x2l > video, .u-fit-cover--x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media print {
  .u-fit-cover--print {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-cover--print::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-cover--print > img, .u-fit-cover--print a > img,
  .u-fit-cover--print > svg, .u-fit-cover--print a > svg,
  .u-fit-cover--print > video, .u-fit-cover--print a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
.u-fit-contain {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit-contain::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
}
.u-fit-contain > img, .u-fit-contain a > img,
.u-fit-contain > svg, .u-fit-contain a > svg,
.u-fit-contain > video, .u-fit-contain a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

@media only screen and (min-width: 576px) {
  .u-fit-contain--sm {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-contain--sm::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-contain--sm > img, .u-fit-contain--sm a > img,
  .u-fit-contain--sm > svg, .u-fit-contain--sm a > svg,
  .u-fit-contain--sm > video, .u-fit-contain--sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 768px) {
  .u-fit-contain--md {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-contain--md::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-contain--md > img, .u-fit-contain--md a > img,
  .u-fit-contain--md > svg, .u-fit-contain--md a > svg,
  .u-fit-contain--md > video, .u-fit-contain--md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 992px) {
  .u-fit-contain--lg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-contain--lg::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-contain--lg > img, .u-fit-contain--lg a > img,
  .u-fit-contain--lg > svg, .u-fit-contain--lg a > svg,
  .u-fit-contain--lg > video, .u-fit-contain--lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .u-fit-contain--xl {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-contain--xl::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-contain--xl > img, .u-fit-contain--xl a > img,
  .u-fit-contain--xl > svg, .u-fit-contain--xl a > svg,
  .u-fit-contain--xl > video, .u-fit-contain--xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media screen and (min-width: 1400px) {
  .u-fit-contain--x2l {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-contain--x2l::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-contain--x2l > img, .u-fit-contain--x2l a > img,
  .u-fit-contain--x2l > svg, .u-fit-contain--x2l a > svg,
  .u-fit-contain--x2l > video, .u-fit-contain--x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media print {
  .u-fit-contain--print {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit-contain--print::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
  }
  .u-fit-contain--print > img, .u-fit-contain--print a > img,
  .u-fit-contain--print > svg, .u-fit-contain--print a > svg,
  .u-fit-contain--print > video, .u-fit-contain--print a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
.u-fit--movie-16x9 {
  width: 100%;
  position: relative;
}
.u-fit--movie-16x9::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
.u-fit--movie-16x9 iframe {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 576px) {
  .u-fit--cover-4x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--cover-4x9-sm > img, .u-fit--cover-4x9-sm a > img,
  .u-fit--cover-4x9-sm > svg, .u-fit--cover-4x9-sm a > svg,
  .u-fit--cover-4x9-sm > video, .u-fit--cover-4x9-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x2-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x2-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--cover-1x2-sm > img, .u-fit--cover-1x2-sm a > img,
  .u-fit--cover-1x2-sm > svg, .u-fit--cover-1x2-sm a > svg,
  .u-fit--cover-1x2-sm > video, .u-fit--cover-1x2-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x7-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x7-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--cover-4x7-sm > img, .u-fit--cover-4x7-sm a > img,
  .u-fit--cover-4x7-sm > svg, .u-fit--cover-4x7-sm a > svg,
  .u-fit--cover-4x7-sm > video, .u-fit--cover-4x7-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x5-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x5-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--cover-3x5-sm > img, .u-fit--cover-3x5-sm a > img,
  .u-fit--cover-3x5-sm > svg, .u-fit--cover-3x5-sm a > svg,
  .u-fit--cover-3x5-sm > video, .u-fit--cover-3x5-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x3-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x3-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--cover-2x3-sm > img, .u-fit--cover-2x3-sm a > img,
  .u-fit--cover-2x3-sm > svg, .u-fit--cover-2x3-sm a > svg,
  .u-fit--cover-2x3-sm > video, .u-fit--cover-2x3-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x4-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x4-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--cover-3x4-sm > img, .u-fit--cover-3x4-sm a > img,
  .u-fit--cover-3x4-sm > svg, .u-fit--cover-3x4-sm a > svg,
  .u-fit--cover-3x4-sm > video, .u-fit--cover-3x4-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x5-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x5-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--cover-4x5-sm > img, .u-fit--cover-4x5-sm a > img,
  .u-fit--cover-4x5-sm > svg, .u-fit--cover-4x5-sm a > svg,
  .u-fit--cover-4x5-sm > video, .u-fit--cover-4x5-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x6-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x6-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--cover-5x6-sm > img, .u-fit--cover-5x6-sm a > img,
  .u-fit--cover-5x6-sm > svg, .u-fit--cover-5x6-sm a > svg,
  .u-fit--cover-5x6-sm > video, .u-fit--cover-5x6-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--cover-1x1-sm > img, .u-fit--cover-1x1-sm a > img,
  .u-fit--cover-1x1-sm > svg, .u-fit--cover-1x1-sm a > svg,
  .u-fit--cover-1x1-sm > video, .u-fit--cover-1x1-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-6x5-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-6x5-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--cover-6x5-sm > img, .u-fit--cover-6x5-sm a > img,
  .u-fit--cover-6x5-sm > svg, .u-fit--cover-6x5-sm a > svg,
  .u-fit--cover-6x5-sm > video, .u-fit--cover-6x5-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x4-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x4-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--cover-5x4-sm > img, .u-fit--cover-5x4-sm a > img,
  .u-fit--cover-5x4-sm > svg, .u-fit--cover-5x4-sm a > svg,
  .u-fit--cover-5x4-sm > video, .u-fit--cover-5x4-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x3-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x3-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--cover-4x3-sm > img, .u-fit--cover-4x3-sm a > img,
  .u-fit--cover-4x3-sm > svg, .u-fit--cover-4x3-sm a > svg,
  .u-fit--cover-4x3-sm > video, .u-fit--cover-4x3-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x2-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x2-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--cover-3x2-sm > img, .u-fit--cover-3x2-sm a > img,
  .u-fit--cover-3x2-sm > svg, .u-fit--cover-3x2-sm a > svg,
  .u-fit--cover-3x2-sm > video, .u-fit--cover-3x2-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x3-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x3-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--cover-5x3-sm > img, .u-fit--cover-5x3-sm a > img,
  .u-fit--cover-5x3-sm > svg, .u-fit--cover-5x3-sm a > svg,
  .u-fit--cover-5x3-sm > video, .u-fit--cover-5x3-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-16x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-16x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--cover-16x9-sm > img, .u-fit--cover-16x9-sm a > img,
  .u-fit--cover-16x9-sm > svg, .u-fit--cover-16x9-sm a > svg,
  .u-fit--cover-16x9-sm > video, .u-fit--cover-16x9-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--cover-2x1-sm > img, .u-fit--cover-2x1-sm a > img,
  .u-fit--cover-2x1-sm > svg, .u-fit--cover-2x1-sm a > svg,
  .u-fit--cover-2x1-sm > video, .u-fit--cover-2x1-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-9x4-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-9x4-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--cover-9x4-sm > img, .u-fit--cover-9x4-sm a > img,
  .u-fit--cover-9x4-sm > svg, .u-fit--cover-9x4-sm a > svg,
  .u-fit--cover-9x4-sm > video, .u-fit--cover-9x4-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-21x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-21x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--cover-21x9-sm > img, .u-fit--cover-21x9-sm a > img,
  .u-fit--cover-21x9-sm > svg, .u-fit--cover-21x9-sm a > svg,
  .u-fit--cover-21x9-sm > video, .u-fit--cover-21x9-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x2-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x2-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--cover-5x2-sm > img, .u-fit--cover-5x2-sm a > img,
  .u-fit--cover-5x2-sm > svg, .u-fit--cover-5x2-sm a > svg,
  .u-fit--cover-5x2-sm > video, .u-fit--cover-5x2-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-24x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-24x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--cover-24x9-sm > img, .u-fit--cover-24x9-sm a > img,
  .u-fit--cover-24x9-sm > svg, .u-fit--cover-24x9-sm a > svg,
  .u-fit--cover-24x9-sm > video, .u-fit--cover-24x9-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--cover-3x1-sm > img, .u-fit--cover-3x1-sm a > img,
  .u-fit--cover-3x1-sm > svg, .u-fit--cover-3x1-sm a > svg,
  .u-fit--cover-3x1-sm > video, .u-fit--cover-3x1-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--cover-4x1-sm > img, .u-fit--cover-4x1-sm a > img,
  .u-fit--cover-4x1-sm > svg, .u-fit--cover-4x1-sm a > svg,
  .u-fit--cover-4x1-sm > video, .u-fit--cover-4x1-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--cover-5x1-sm > img, .u-fit--cover-5x1-sm a > img,
  .u-fit--cover-5x1-sm > svg, .u-fit--cover-5x1-sm a > svg,
  .u-fit--cover-5x1-sm > video, .u-fit--cover-5x1-sm a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 768px) {
  .u-fit--cover-4x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--cover-4x9-md > img, .u-fit--cover-4x9-md a > img,
  .u-fit--cover-4x9-md > svg, .u-fit--cover-4x9-md a > svg,
  .u-fit--cover-4x9-md > video, .u-fit--cover-4x9-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x2-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x2-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--cover-1x2-md > img, .u-fit--cover-1x2-md a > img,
  .u-fit--cover-1x2-md > svg, .u-fit--cover-1x2-md a > svg,
  .u-fit--cover-1x2-md > video, .u-fit--cover-1x2-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x7-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x7-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--cover-4x7-md > img, .u-fit--cover-4x7-md a > img,
  .u-fit--cover-4x7-md > svg, .u-fit--cover-4x7-md a > svg,
  .u-fit--cover-4x7-md > video, .u-fit--cover-4x7-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x5-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x5-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--cover-3x5-md > img, .u-fit--cover-3x5-md a > img,
  .u-fit--cover-3x5-md > svg, .u-fit--cover-3x5-md a > svg,
  .u-fit--cover-3x5-md > video, .u-fit--cover-3x5-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x3-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x3-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--cover-2x3-md > img, .u-fit--cover-2x3-md a > img,
  .u-fit--cover-2x3-md > svg, .u-fit--cover-2x3-md a > svg,
  .u-fit--cover-2x3-md > video, .u-fit--cover-2x3-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x4-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x4-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--cover-3x4-md > img, .u-fit--cover-3x4-md a > img,
  .u-fit--cover-3x4-md > svg, .u-fit--cover-3x4-md a > svg,
  .u-fit--cover-3x4-md > video, .u-fit--cover-3x4-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x5-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x5-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--cover-4x5-md > img, .u-fit--cover-4x5-md a > img,
  .u-fit--cover-4x5-md > svg, .u-fit--cover-4x5-md a > svg,
  .u-fit--cover-4x5-md > video, .u-fit--cover-4x5-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x6-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x6-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--cover-5x6-md > img, .u-fit--cover-5x6-md a > img,
  .u-fit--cover-5x6-md > svg, .u-fit--cover-5x6-md a > svg,
  .u-fit--cover-5x6-md > video, .u-fit--cover-5x6-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--cover-1x1-md > img, .u-fit--cover-1x1-md a > img,
  .u-fit--cover-1x1-md > svg, .u-fit--cover-1x1-md a > svg,
  .u-fit--cover-1x1-md > video, .u-fit--cover-1x1-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-6x5-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-6x5-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--cover-6x5-md > img, .u-fit--cover-6x5-md a > img,
  .u-fit--cover-6x5-md > svg, .u-fit--cover-6x5-md a > svg,
  .u-fit--cover-6x5-md > video, .u-fit--cover-6x5-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x4-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x4-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--cover-5x4-md > img, .u-fit--cover-5x4-md a > img,
  .u-fit--cover-5x4-md > svg, .u-fit--cover-5x4-md a > svg,
  .u-fit--cover-5x4-md > video, .u-fit--cover-5x4-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x3-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x3-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--cover-4x3-md > img, .u-fit--cover-4x3-md a > img,
  .u-fit--cover-4x3-md > svg, .u-fit--cover-4x3-md a > svg,
  .u-fit--cover-4x3-md > video, .u-fit--cover-4x3-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x2-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x2-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--cover-3x2-md > img, .u-fit--cover-3x2-md a > img,
  .u-fit--cover-3x2-md > svg, .u-fit--cover-3x2-md a > svg,
  .u-fit--cover-3x2-md > video, .u-fit--cover-3x2-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x3-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x3-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--cover-5x3-md > img, .u-fit--cover-5x3-md a > img,
  .u-fit--cover-5x3-md > svg, .u-fit--cover-5x3-md a > svg,
  .u-fit--cover-5x3-md > video, .u-fit--cover-5x3-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-16x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-16x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--cover-16x9-md > img, .u-fit--cover-16x9-md a > img,
  .u-fit--cover-16x9-md > svg, .u-fit--cover-16x9-md a > svg,
  .u-fit--cover-16x9-md > video, .u-fit--cover-16x9-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--cover-2x1-md > img, .u-fit--cover-2x1-md a > img,
  .u-fit--cover-2x1-md > svg, .u-fit--cover-2x1-md a > svg,
  .u-fit--cover-2x1-md > video, .u-fit--cover-2x1-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-9x4-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-9x4-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--cover-9x4-md > img, .u-fit--cover-9x4-md a > img,
  .u-fit--cover-9x4-md > svg, .u-fit--cover-9x4-md a > svg,
  .u-fit--cover-9x4-md > video, .u-fit--cover-9x4-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-21x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-21x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--cover-21x9-md > img, .u-fit--cover-21x9-md a > img,
  .u-fit--cover-21x9-md > svg, .u-fit--cover-21x9-md a > svg,
  .u-fit--cover-21x9-md > video, .u-fit--cover-21x9-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x2-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x2-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--cover-5x2-md > img, .u-fit--cover-5x2-md a > img,
  .u-fit--cover-5x2-md > svg, .u-fit--cover-5x2-md a > svg,
  .u-fit--cover-5x2-md > video, .u-fit--cover-5x2-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-24x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-24x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--cover-24x9-md > img, .u-fit--cover-24x9-md a > img,
  .u-fit--cover-24x9-md > svg, .u-fit--cover-24x9-md a > svg,
  .u-fit--cover-24x9-md > video, .u-fit--cover-24x9-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--cover-3x1-md > img, .u-fit--cover-3x1-md a > img,
  .u-fit--cover-3x1-md > svg, .u-fit--cover-3x1-md a > svg,
  .u-fit--cover-3x1-md > video, .u-fit--cover-3x1-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--cover-4x1-md > img, .u-fit--cover-4x1-md a > img,
  .u-fit--cover-4x1-md > svg, .u-fit--cover-4x1-md a > svg,
  .u-fit--cover-4x1-md > video, .u-fit--cover-4x1-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--cover-5x1-md > img, .u-fit--cover-5x1-md a > img,
  .u-fit--cover-5x1-md > svg, .u-fit--cover-5x1-md a > svg,
  .u-fit--cover-5x1-md > video, .u-fit--cover-5x1-md a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 992px) {
  .u-fit--cover-4x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--cover-4x9-lg > img, .u-fit--cover-4x9-lg a > img,
  .u-fit--cover-4x9-lg > svg, .u-fit--cover-4x9-lg a > svg,
  .u-fit--cover-4x9-lg > video, .u-fit--cover-4x9-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x2-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x2-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--cover-1x2-lg > img, .u-fit--cover-1x2-lg a > img,
  .u-fit--cover-1x2-lg > svg, .u-fit--cover-1x2-lg a > svg,
  .u-fit--cover-1x2-lg > video, .u-fit--cover-1x2-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x7-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x7-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--cover-4x7-lg > img, .u-fit--cover-4x7-lg a > img,
  .u-fit--cover-4x7-lg > svg, .u-fit--cover-4x7-lg a > svg,
  .u-fit--cover-4x7-lg > video, .u-fit--cover-4x7-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x5-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x5-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--cover-3x5-lg > img, .u-fit--cover-3x5-lg a > img,
  .u-fit--cover-3x5-lg > svg, .u-fit--cover-3x5-lg a > svg,
  .u-fit--cover-3x5-lg > video, .u-fit--cover-3x5-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x3-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x3-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--cover-2x3-lg > img, .u-fit--cover-2x3-lg a > img,
  .u-fit--cover-2x3-lg > svg, .u-fit--cover-2x3-lg a > svg,
  .u-fit--cover-2x3-lg > video, .u-fit--cover-2x3-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x4-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x4-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--cover-3x4-lg > img, .u-fit--cover-3x4-lg a > img,
  .u-fit--cover-3x4-lg > svg, .u-fit--cover-3x4-lg a > svg,
  .u-fit--cover-3x4-lg > video, .u-fit--cover-3x4-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x5-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x5-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--cover-4x5-lg > img, .u-fit--cover-4x5-lg a > img,
  .u-fit--cover-4x5-lg > svg, .u-fit--cover-4x5-lg a > svg,
  .u-fit--cover-4x5-lg > video, .u-fit--cover-4x5-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x6-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x6-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--cover-5x6-lg > img, .u-fit--cover-5x6-lg a > img,
  .u-fit--cover-5x6-lg > svg, .u-fit--cover-5x6-lg a > svg,
  .u-fit--cover-5x6-lg > video, .u-fit--cover-5x6-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--cover-1x1-lg > img, .u-fit--cover-1x1-lg a > img,
  .u-fit--cover-1x1-lg > svg, .u-fit--cover-1x1-lg a > svg,
  .u-fit--cover-1x1-lg > video, .u-fit--cover-1x1-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-6x5-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-6x5-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--cover-6x5-lg > img, .u-fit--cover-6x5-lg a > img,
  .u-fit--cover-6x5-lg > svg, .u-fit--cover-6x5-lg a > svg,
  .u-fit--cover-6x5-lg > video, .u-fit--cover-6x5-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x4-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x4-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--cover-5x4-lg > img, .u-fit--cover-5x4-lg a > img,
  .u-fit--cover-5x4-lg > svg, .u-fit--cover-5x4-lg a > svg,
  .u-fit--cover-5x4-lg > video, .u-fit--cover-5x4-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x3-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x3-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--cover-4x3-lg > img, .u-fit--cover-4x3-lg a > img,
  .u-fit--cover-4x3-lg > svg, .u-fit--cover-4x3-lg a > svg,
  .u-fit--cover-4x3-lg > video, .u-fit--cover-4x3-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x2-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x2-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--cover-3x2-lg > img, .u-fit--cover-3x2-lg a > img,
  .u-fit--cover-3x2-lg > svg, .u-fit--cover-3x2-lg a > svg,
  .u-fit--cover-3x2-lg > video, .u-fit--cover-3x2-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x3-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x3-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--cover-5x3-lg > img, .u-fit--cover-5x3-lg a > img,
  .u-fit--cover-5x3-lg > svg, .u-fit--cover-5x3-lg a > svg,
  .u-fit--cover-5x3-lg > video, .u-fit--cover-5x3-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-16x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-16x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--cover-16x9-lg > img, .u-fit--cover-16x9-lg a > img,
  .u-fit--cover-16x9-lg > svg, .u-fit--cover-16x9-lg a > svg,
  .u-fit--cover-16x9-lg > video, .u-fit--cover-16x9-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--cover-2x1-lg > img, .u-fit--cover-2x1-lg a > img,
  .u-fit--cover-2x1-lg > svg, .u-fit--cover-2x1-lg a > svg,
  .u-fit--cover-2x1-lg > video, .u-fit--cover-2x1-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-9x4-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-9x4-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--cover-9x4-lg > img, .u-fit--cover-9x4-lg a > img,
  .u-fit--cover-9x4-lg > svg, .u-fit--cover-9x4-lg a > svg,
  .u-fit--cover-9x4-lg > video, .u-fit--cover-9x4-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-21x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-21x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--cover-21x9-lg > img, .u-fit--cover-21x9-lg a > img,
  .u-fit--cover-21x9-lg > svg, .u-fit--cover-21x9-lg a > svg,
  .u-fit--cover-21x9-lg > video, .u-fit--cover-21x9-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x2-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x2-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--cover-5x2-lg > img, .u-fit--cover-5x2-lg a > img,
  .u-fit--cover-5x2-lg > svg, .u-fit--cover-5x2-lg a > svg,
  .u-fit--cover-5x2-lg > video, .u-fit--cover-5x2-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-24x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-24x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--cover-24x9-lg > img, .u-fit--cover-24x9-lg a > img,
  .u-fit--cover-24x9-lg > svg, .u-fit--cover-24x9-lg a > svg,
  .u-fit--cover-24x9-lg > video, .u-fit--cover-24x9-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--cover-3x1-lg > img, .u-fit--cover-3x1-lg a > img,
  .u-fit--cover-3x1-lg > svg, .u-fit--cover-3x1-lg a > svg,
  .u-fit--cover-3x1-lg > video, .u-fit--cover-3x1-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--cover-4x1-lg > img, .u-fit--cover-4x1-lg a > img,
  .u-fit--cover-4x1-lg > svg, .u-fit--cover-4x1-lg a > svg,
  .u-fit--cover-4x1-lg > video, .u-fit--cover-4x1-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--cover-5x1-lg > img, .u-fit--cover-5x1-lg a > img,
  .u-fit--cover-5x1-lg > svg, .u-fit--cover-5x1-lg a > svg,
  .u-fit--cover-5x1-lg > video, .u-fit--cover-5x1-lg a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .u-fit--cover-4x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--cover-4x9-xl > img, .u-fit--cover-4x9-xl a > img,
  .u-fit--cover-4x9-xl > svg, .u-fit--cover-4x9-xl a > svg,
  .u-fit--cover-4x9-xl > video, .u-fit--cover-4x9-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x2-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x2-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--cover-1x2-xl > img, .u-fit--cover-1x2-xl a > img,
  .u-fit--cover-1x2-xl > svg, .u-fit--cover-1x2-xl a > svg,
  .u-fit--cover-1x2-xl > video, .u-fit--cover-1x2-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x7-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x7-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--cover-4x7-xl > img, .u-fit--cover-4x7-xl a > img,
  .u-fit--cover-4x7-xl > svg, .u-fit--cover-4x7-xl a > svg,
  .u-fit--cover-4x7-xl > video, .u-fit--cover-4x7-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x5-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x5-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--cover-3x5-xl > img, .u-fit--cover-3x5-xl a > img,
  .u-fit--cover-3x5-xl > svg, .u-fit--cover-3x5-xl a > svg,
  .u-fit--cover-3x5-xl > video, .u-fit--cover-3x5-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x3-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x3-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--cover-2x3-xl > img, .u-fit--cover-2x3-xl a > img,
  .u-fit--cover-2x3-xl > svg, .u-fit--cover-2x3-xl a > svg,
  .u-fit--cover-2x3-xl > video, .u-fit--cover-2x3-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x4-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x4-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--cover-3x4-xl > img, .u-fit--cover-3x4-xl a > img,
  .u-fit--cover-3x4-xl > svg, .u-fit--cover-3x4-xl a > svg,
  .u-fit--cover-3x4-xl > video, .u-fit--cover-3x4-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x5-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x5-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--cover-4x5-xl > img, .u-fit--cover-4x5-xl a > img,
  .u-fit--cover-4x5-xl > svg, .u-fit--cover-4x5-xl a > svg,
  .u-fit--cover-4x5-xl > video, .u-fit--cover-4x5-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x6-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x6-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--cover-5x6-xl > img, .u-fit--cover-5x6-xl a > img,
  .u-fit--cover-5x6-xl > svg, .u-fit--cover-5x6-xl a > svg,
  .u-fit--cover-5x6-xl > video, .u-fit--cover-5x6-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--cover-1x1-xl > img, .u-fit--cover-1x1-xl a > img,
  .u-fit--cover-1x1-xl > svg, .u-fit--cover-1x1-xl a > svg,
  .u-fit--cover-1x1-xl > video, .u-fit--cover-1x1-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-6x5-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-6x5-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--cover-6x5-xl > img, .u-fit--cover-6x5-xl a > img,
  .u-fit--cover-6x5-xl > svg, .u-fit--cover-6x5-xl a > svg,
  .u-fit--cover-6x5-xl > video, .u-fit--cover-6x5-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x4-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x4-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--cover-5x4-xl > img, .u-fit--cover-5x4-xl a > img,
  .u-fit--cover-5x4-xl > svg, .u-fit--cover-5x4-xl a > svg,
  .u-fit--cover-5x4-xl > video, .u-fit--cover-5x4-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x3-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x3-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--cover-4x3-xl > img, .u-fit--cover-4x3-xl a > img,
  .u-fit--cover-4x3-xl > svg, .u-fit--cover-4x3-xl a > svg,
  .u-fit--cover-4x3-xl > video, .u-fit--cover-4x3-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x2-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x2-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--cover-3x2-xl > img, .u-fit--cover-3x2-xl a > img,
  .u-fit--cover-3x2-xl > svg, .u-fit--cover-3x2-xl a > svg,
  .u-fit--cover-3x2-xl > video, .u-fit--cover-3x2-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x3-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x3-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--cover-5x3-xl > img, .u-fit--cover-5x3-xl a > img,
  .u-fit--cover-5x3-xl > svg, .u-fit--cover-5x3-xl a > svg,
  .u-fit--cover-5x3-xl > video, .u-fit--cover-5x3-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-16x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-16x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--cover-16x9-xl > img, .u-fit--cover-16x9-xl a > img,
  .u-fit--cover-16x9-xl > svg, .u-fit--cover-16x9-xl a > svg,
  .u-fit--cover-16x9-xl > video, .u-fit--cover-16x9-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--cover-2x1-xl > img, .u-fit--cover-2x1-xl a > img,
  .u-fit--cover-2x1-xl > svg, .u-fit--cover-2x1-xl a > svg,
  .u-fit--cover-2x1-xl > video, .u-fit--cover-2x1-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-9x4-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-9x4-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--cover-9x4-xl > img, .u-fit--cover-9x4-xl a > img,
  .u-fit--cover-9x4-xl > svg, .u-fit--cover-9x4-xl a > svg,
  .u-fit--cover-9x4-xl > video, .u-fit--cover-9x4-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-21x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-21x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--cover-21x9-xl > img, .u-fit--cover-21x9-xl a > img,
  .u-fit--cover-21x9-xl > svg, .u-fit--cover-21x9-xl a > svg,
  .u-fit--cover-21x9-xl > video, .u-fit--cover-21x9-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x2-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x2-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--cover-5x2-xl > img, .u-fit--cover-5x2-xl a > img,
  .u-fit--cover-5x2-xl > svg, .u-fit--cover-5x2-xl a > svg,
  .u-fit--cover-5x2-xl > video, .u-fit--cover-5x2-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-24x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-24x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--cover-24x9-xl > img, .u-fit--cover-24x9-xl a > img,
  .u-fit--cover-24x9-xl > svg, .u-fit--cover-24x9-xl a > svg,
  .u-fit--cover-24x9-xl > video, .u-fit--cover-24x9-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--cover-3x1-xl > img, .u-fit--cover-3x1-xl a > img,
  .u-fit--cover-3x1-xl > svg, .u-fit--cover-3x1-xl a > svg,
  .u-fit--cover-3x1-xl > video, .u-fit--cover-3x1-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--cover-4x1-xl > img, .u-fit--cover-4x1-xl a > img,
  .u-fit--cover-4x1-xl > svg, .u-fit--cover-4x1-xl a > svg,
  .u-fit--cover-4x1-xl > video, .u-fit--cover-4x1-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--cover-5x1-xl > img, .u-fit--cover-5x1-xl a > img,
  .u-fit--cover-5x1-xl > svg, .u-fit--cover-5x1-xl a > svg,
  .u-fit--cover-5x1-xl > video, .u-fit--cover-5x1-xl a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media screen and (min-width: 1400px) {
  .u-fit--cover-4x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--cover-4x9-x2l > img, .u-fit--cover-4x9-x2l a > img,
  .u-fit--cover-4x9-x2l > svg, .u-fit--cover-4x9-x2l a > svg,
  .u-fit--cover-4x9-x2l > video, .u-fit--cover-4x9-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x2-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x2-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--cover-1x2-x2l > img, .u-fit--cover-1x2-x2l a > img,
  .u-fit--cover-1x2-x2l > svg, .u-fit--cover-1x2-x2l a > svg,
  .u-fit--cover-1x2-x2l > video, .u-fit--cover-1x2-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x7-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x7-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--cover-4x7-x2l > img, .u-fit--cover-4x7-x2l a > img,
  .u-fit--cover-4x7-x2l > svg, .u-fit--cover-4x7-x2l a > svg,
  .u-fit--cover-4x7-x2l > video, .u-fit--cover-4x7-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x5-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x5-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--cover-3x5-x2l > img, .u-fit--cover-3x5-x2l a > img,
  .u-fit--cover-3x5-x2l > svg, .u-fit--cover-3x5-x2l a > svg,
  .u-fit--cover-3x5-x2l > video, .u-fit--cover-3x5-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x3-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x3-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--cover-2x3-x2l > img, .u-fit--cover-2x3-x2l a > img,
  .u-fit--cover-2x3-x2l > svg, .u-fit--cover-2x3-x2l a > svg,
  .u-fit--cover-2x3-x2l > video, .u-fit--cover-2x3-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x4-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x4-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--cover-3x4-x2l > img, .u-fit--cover-3x4-x2l a > img,
  .u-fit--cover-3x4-x2l > svg, .u-fit--cover-3x4-x2l a > svg,
  .u-fit--cover-3x4-x2l > video, .u-fit--cover-3x4-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x5-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x5-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--cover-4x5-x2l > img, .u-fit--cover-4x5-x2l a > img,
  .u-fit--cover-4x5-x2l > svg, .u-fit--cover-4x5-x2l a > svg,
  .u-fit--cover-4x5-x2l > video, .u-fit--cover-4x5-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x6-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x6-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--cover-5x6-x2l > img, .u-fit--cover-5x6-x2l a > img,
  .u-fit--cover-5x6-x2l > svg, .u-fit--cover-5x6-x2l a > svg,
  .u-fit--cover-5x6-x2l > video, .u-fit--cover-5x6-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-1x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-1x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--cover-1x1-x2l > img, .u-fit--cover-1x1-x2l a > img,
  .u-fit--cover-1x1-x2l > svg, .u-fit--cover-1x1-x2l a > svg,
  .u-fit--cover-1x1-x2l > video, .u-fit--cover-1x1-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-6x5-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-6x5-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--cover-6x5-x2l > img, .u-fit--cover-6x5-x2l a > img,
  .u-fit--cover-6x5-x2l > svg, .u-fit--cover-6x5-x2l a > svg,
  .u-fit--cover-6x5-x2l > video, .u-fit--cover-6x5-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x4-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x4-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--cover-5x4-x2l > img, .u-fit--cover-5x4-x2l a > img,
  .u-fit--cover-5x4-x2l > svg, .u-fit--cover-5x4-x2l a > svg,
  .u-fit--cover-5x4-x2l > video, .u-fit--cover-5x4-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x3-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x3-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--cover-4x3-x2l > img, .u-fit--cover-4x3-x2l a > img,
  .u-fit--cover-4x3-x2l > svg, .u-fit--cover-4x3-x2l a > svg,
  .u-fit--cover-4x3-x2l > video, .u-fit--cover-4x3-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x2-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x2-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--cover-3x2-x2l > img, .u-fit--cover-3x2-x2l a > img,
  .u-fit--cover-3x2-x2l > svg, .u-fit--cover-3x2-x2l a > svg,
  .u-fit--cover-3x2-x2l > video, .u-fit--cover-3x2-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x3-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x3-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--cover-5x3-x2l > img, .u-fit--cover-5x3-x2l a > img,
  .u-fit--cover-5x3-x2l > svg, .u-fit--cover-5x3-x2l a > svg,
  .u-fit--cover-5x3-x2l > video, .u-fit--cover-5x3-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-16x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-16x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--cover-16x9-x2l > img, .u-fit--cover-16x9-x2l a > img,
  .u-fit--cover-16x9-x2l > svg, .u-fit--cover-16x9-x2l a > svg,
  .u-fit--cover-16x9-x2l > video, .u-fit--cover-16x9-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-2x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-2x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--cover-2x1-x2l > img, .u-fit--cover-2x1-x2l a > img,
  .u-fit--cover-2x1-x2l > svg, .u-fit--cover-2x1-x2l a > svg,
  .u-fit--cover-2x1-x2l > video, .u-fit--cover-2x1-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-9x4-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-9x4-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--cover-9x4-x2l > img, .u-fit--cover-9x4-x2l a > img,
  .u-fit--cover-9x4-x2l > svg, .u-fit--cover-9x4-x2l a > svg,
  .u-fit--cover-9x4-x2l > video, .u-fit--cover-9x4-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-21x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-21x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--cover-21x9-x2l > img, .u-fit--cover-21x9-x2l a > img,
  .u-fit--cover-21x9-x2l > svg, .u-fit--cover-21x9-x2l a > svg,
  .u-fit--cover-21x9-x2l > video, .u-fit--cover-21x9-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x2-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x2-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--cover-5x2-x2l > img, .u-fit--cover-5x2-x2l a > img,
  .u-fit--cover-5x2-x2l > svg, .u-fit--cover-5x2-x2l a > svg,
  .u-fit--cover-5x2-x2l > video, .u-fit--cover-5x2-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-24x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-24x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--cover-24x9-x2l > img, .u-fit--cover-24x9-x2l a > img,
  .u-fit--cover-24x9-x2l > svg, .u-fit--cover-24x9-x2l a > svg,
  .u-fit--cover-24x9-x2l > video, .u-fit--cover-24x9-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-3x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-3x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--cover-3x1-x2l > img, .u-fit--cover-3x1-x2l a > img,
  .u-fit--cover-3x1-x2l > svg, .u-fit--cover-3x1-x2l a > svg,
  .u-fit--cover-3x1-x2l > video, .u-fit--cover-3x1-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-4x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-4x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--cover-4x1-x2l > img, .u-fit--cover-4x1-x2l a > img,
  .u-fit--cover-4x1-x2l > svg, .u-fit--cover-4x1-x2l a > svg,
  .u-fit--cover-4x1-x2l > video, .u-fit--cover-4x1-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--cover-5x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--cover-5x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--cover-5x1-x2l > img, .u-fit--cover-5x1-x2l a > img,
  .u-fit--cover-5x1-x2l > svg, .u-fit--cover-5x1-x2l a > svg,
  .u-fit--cover-5x1-x2l > video, .u-fit--cover-5x1-x2l a > video {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
.u-fit--contain-4x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-4x9::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 225%;
}
.u-fit--contain-4x9 > img, .u-fit--contain-4x9 a > img,
.u-fit--contain-4x9 > svg, .u-fit--contain-4x9 a > svg,
.u-fit--contain-4x9 > video, .u-fit--contain-4x9 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

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

.u-fit--contain-3x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-3x5::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 166.666%;
}
.u-fit--contain-3x5 > img, .u-fit--contain-3x5 a > img,
.u-fit--contain-3x5 > svg, .u-fit--contain-3x5 a > svg,
.u-fit--contain-3x5 > video, .u-fit--contain-3x5 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-2x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-2x3::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 150%;
}
.u-fit--contain-2x3 > img, .u-fit--contain-2x3 a > img,
.u-fit--contain-2x3 > svg, .u-fit--contain-2x3 a > svg,
.u-fit--contain-2x3 > video, .u-fit--contain-2x3 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-3x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-3x4::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 133.333%;
}
.u-fit--contain-3x4 > img, .u-fit--contain-3x4 a > img,
.u-fit--contain-3x4 > svg, .u-fit--contain-3x4 a > svg,
.u-fit--contain-3x4 > video, .u-fit--contain-3x4 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

.u-fit--contain-5x6 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-5x6::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 120%;
}
.u-fit--contain-5x6 > img, .u-fit--contain-5x6 a > img,
.u-fit--contain-5x6 > svg, .u-fit--contain-5x6 a > svg,
.u-fit--contain-5x6 > video, .u-fit--contain-5x6 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

.u-fit--contain-6x5 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-6x5::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 83.333%;
}
.u-fit--contain-6x5 > img, .u-fit--contain-6x5 a > img,
.u-fit--contain-6x5 > svg, .u-fit--contain-6x5 a > svg,
.u-fit--contain-6x5 > video, .u-fit--contain-6x5 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-5x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-5x4::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 80%;
}
.u-fit--contain-5x4 > img, .u-fit--contain-5x4 a > img,
.u-fit--contain-5x4 > svg, .u-fit--contain-5x4 a > svg,
.u-fit--contain-5x4 > video, .u-fit--contain-5x4 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

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

.u-fit--contain-5x3 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-5x3::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
.u-fit--contain-5x3 > img, .u-fit--contain-5x3 a > img,
.u-fit--contain-5x3 > svg, .u-fit--contain-5x3 a > svg,
.u-fit--contain-5x3 > video, .u-fit--contain-5x3 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-16x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-16x9::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.u-fit--contain-16x9 > img, .u-fit--contain-16x9 a > img,
.u-fit--contain-16x9 > svg, .u-fit--contain-16x9 a > svg,
.u-fit--contain-16x9 > video, .u-fit--contain-16x9 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-2x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-2x1::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50%;
}
.u-fit--contain-2x1 > img, .u-fit--contain-2x1 a > img,
.u-fit--contain-2x1 > svg, .u-fit--contain-2x1 a > svg,
.u-fit--contain-2x1 > video, .u-fit--contain-2x1 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-9x4 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-9x4::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 44.444%;
}
.u-fit--contain-9x4 > img, .u-fit--contain-9x4 a > img,
.u-fit--contain-9x4 > svg, .u-fit--contain-9x4 a > svg,
.u-fit--contain-9x4 > video, .u-fit--contain-9x4 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-21x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-21x9::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 42.857143%;
}
.u-fit--contain-21x9 > img, .u-fit--contain-21x9 a > img,
.u-fit--contain-21x9 > svg, .u-fit--contain-21x9 a > svg,
.u-fit--contain-21x9 > video, .u-fit--contain-21x9 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

.u-fit--contain-24x9 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-24x9::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 37.5%;
}
.u-fit--contain-24x9 > img, .u-fit--contain-24x9 a > img,
.u-fit--contain-24x9 > svg, .u-fit--contain-24x9 a > svg,
.u-fit--contain-24x9 > video, .u-fit--contain-24x9 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

.u-fit--contain-3x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-3x1::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 33.333%;
}
.u-fit--contain-3x1 > img, .u-fit--contain-3x1 a > img,
.u-fit--contain-3x1 > svg, .u-fit--contain-3x1 a > svg,
.u-fit--contain-3x1 > video, .u-fit--contain-3x1 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

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

.u-fit--contain-5x1 {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.u-fit--contain-5x1::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 20%;
}
.u-fit--contain-5x1 > img, .u-fit--contain-5x1 a > img,
.u-fit--contain-5x1 > svg, .u-fit--contain-5x1 a > svg,
.u-fit--contain-5x1 > video, .u-fit--contain-5x1 a > video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: inherit;
  max-height: inherit;
  position: absolute;
  inset: 0;
}

@media only screen and (min-width: 576px) {
  .u-fit--contain-4x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--contain-4x9-sm > img, .u-fit--contain-4x9-sm a > img,
  .u-fit--contain-4x9-sm > svg, .u-fit--contain-4x9-sm a > svg,
  .u-fit--contain-4x9-sm > video, .u-fit--contain-4x9-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x2-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x2-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--contain-1x2-sm > img, .u-fit--contain-1x2-sm a > img,
  .u-fit--contain-1x2-sm > svg, .u-fit--contain-1x2-sm a > svg,
  .u-fit--contain-1x2-sm > video, .u-fit--contain-1x2-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x7-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x7-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--contain-4x7-sm > img, .u-fit--contain-4x7-sm a > img,
  .u-fit--contain-4x7-sm > svg, .u-fit--contain-4x7-sm a > svg,
  .u-fit--contain-4x7-sm > video, .u-fit--contain-4x7-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x5-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x5-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--contain-3x5-sm > img, .u-fit--contain-3x5-sm a > img,
  .u-fit--contain-3x5-sm > svg, .u-fit--contain-3x5-sm a > svg,
  .u-fit--contain-3x5-sm > video, .u-fit--contain-3x5-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x3-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x3-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--contain-2x3-sm > img, .u-fit--contain-2x3-sm a > img,
  .u-fit--contain-2x3-sm > svg, .u-fit--contain-2x3-sm a > svg,
  .u-fit--contain-2x3-sm > video, .u-fit--contain-2x3-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x4-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x4-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--contain-3x4-sm > img, .u-fit--contain-3x4-sm a > img,
  .u-fit--contain-3x4-sm > svg, .u-fit--contain-3x4-sm a > svg,
  .u-fit--contain-3x4-sm > video, .u-fit--contain-3x4-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x5-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x5-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--contain-4x5-sm > img, .u-fit--contain-4x5-sm a > img,
  .u-fit--contain-4x5-sm > svg, .u-fit--contain-4x5-sm a > svg,
  .u-fit--contain-4x5-sm > video, .u-fit--contain-4x5-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x6-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x6-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--contain-5x6-sm > img, .u-fit--contain-5x6-sm a > img,
  .u-fit--contain-5x6-sm > svg, .u-fit--contain-5x6-sm a > svg,
  .u-fit--contain-5x6-sm > video, .u-fit--contain-5x6-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--contain-1x1-sm > img, .u-fit--contain-1x1-sm a > img,
  .u-fit--contain-1x1-sm > svg, .u-fit--contain-1x1-sm a > svg,
  .u-fit--contain-1x1-sm > video, .u-fit--contain-1x1-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-6x5-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-6x5-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--contain-6x5-sm > img, .u-fit--contain-6x5-sm a > img,
  .u-fit--contain-6x5-sm > svg, .u-fit--contain-6x5-sm a > svg,
  .u-fit--contain-6x5-sm > video, .u-fit--contain-6x5-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x4-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x4-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--contain-5x4-sm > img, .u-fit--contain-5x4-sm a > img,
  .u-fit--contain-5x4-sm > svg, .u-fit--contain-5x4-sm a > svg,
  .u-fit--contain-5x4-sm > video, .u-fit--contain-5x4-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x3-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x3-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--contain-4x3-sm > img, .u-fit--contain-4x3-sm a > img,
  .u-fit--contain-4x3-sm > svg, .u-fit--contain-4x3-sm a > svg,
  .u-fit--contain-4x3-sm > video, .u-fit--contain-4x3-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x2-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x2-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--contain-3x2-sm > img, .u-fit--contain-3x2-sm a > img,
  .u-fit--contain-3x2-sm > svg, .u-fit--contain-3x2-sm a > svg,
  .u-fit--contain-3x2-sm > video, .u-fit--contain-3x2-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x3-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x3-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--contain-5x3-sm > img, .u-fit--contain-5x3-sm a > img,
  .u-fit--contain-5x3-sm > svg, .u-fit--contain-5x3-sm a > svg,
  .u-fit--contain-5x3-sm > video, .u-fit--contain-5x3-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-16x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-16x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--contain-16x9-sm > img, .u-fit--contain-16x9-sm a > img,
  .u-fit--contain-16x9-sm > svg, .u-fit--contain-16x9-sm a > svg,
  .u-fit--contain-16x9-sm > video, .u-fit--contain-16x9-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--contain-2x1-sm > img, .u-fit--contain-2x1-sm a > img,
  .u-fit--contain-2x1-sm > svg, .u-fit--contain-2x1-sm a > svg,
  .u-fit--contain-2x1-sm > video, .u-fit--contain-2x1-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-9x4-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-9x4-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--contain-9x4-sm > img, .u-fit--contain-9x4-sm a > img,
  .u-fit--contain-9x4-sm > svg, .u-fit--contain-9x4-sm a > svg,
  .u-fit--contain-9x4-sm > video, .u-fit--contain-9x4-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-21x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-21x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--contain-21x9-sm > img, .u-fit--contain-21x9-sm a > img,
  .u-fit--contain-21x9-sm > svg, .u-fit--contain-21x9-sm a > svg,
  .u-fit--contain-21x9-sm > video, .u-fit--contain-21x9-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x2-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x2-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--contain-5x2-sm > img, .u-fit--contain-5x2-sm a > img,
  .u-fit--contain-5x2-sm > svg, .u-fit--contain-5x2-sm a > svg,
  .u-fit--contain-5x2-sm > video, .u-fit--contain-5x2-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-24x9-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-24x9-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--contain-24x9-sm > img, .u-fit--contain-24x9-sm a > img,
  .u-fit--contain-24x9-sm > svg, .u-fit--contain-24x9-sm a > svg,
  .u-fit--contain-24x9-sm > video, .u-fit--contain-24x9-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--contain-3x1-sm > img, .u-fit--contain-3x1-sm a > img,
  .u-fit--contain-3x1-sm > svg, .u-fit--contain-3x1-sm a > svg,
  .u-fit--contain-3x1-sm > video, .u-fit--contain-3x1-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--contain-4x1-sm > img, .u-fit--contain-4x1-sm a > img,
  .u-fit--contain-4x1-sm > svg, .u-fit--contain-4x1-sm a > svg,
  .u-fit--contain-4x1-sm > video, .u-fit--contain-4x1-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x1-sm {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x1-sm::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--contain-5x1-sm > img, .u-fit--contain-5x1-sm a > img,
  .u-fit--contain-5x1-sm > svg, .u-fit--contain-5x1-sm a > svg,
  .u-fit--contain-5x1-sm > video, .u-fit--contain-5x1-sm a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 768px) {
  .u-fit--contain-4x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--contain-4x9-md > img, .u-fit--contain-4x9-md a > img,
  .u-fit--contain-4x9-md > svg, .u-fit--contain-4x9-md a > svg,
  .u-fit--contain-4x9-md > video, .u-fit--contain-4x9-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x2-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x2-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--contain-1x2-md > img, .u-fit--contain-1x2-md a > img,
  .u-fit--contain-1x2-md > svg, .u-fit--contain-1x2-md a > svg,
  .u-fit--contain-1x2-md > video, .u-fit--contain-1x2-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x7-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x7-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--contain-4x7-md > img, .u-fit--contain-4x7-md a > img,
  .u-fit--contain-4x7-md > svg, .u-fit--contain-4x7-md a > svg,
  .u-fit--contain-4x7-md > video, .u-fit--contain-4x7-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x5-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x5-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--contain-3x5-md > img, .u-fit--contain-3x5-md a > img,
  .u-fit--contain-3x5-md > svg, .u-fit--contain-3x5-md a > svg,
  .u-fit--contain-3x5-md > video, .u-fit--contain-3x5-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x3-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x3-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--contain-2x3-md > img, .u-fit--contain-2x3-md a > img,
  .u-fit--contain-2x3-md > svg, .u-fit--contain-2x3-md a > svg,
  .u-fit--contain-2x3-md > video, .u-fit--contain-2x3-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x4-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x4-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--contain-3x4-md > img, .u-fit--contain-3x4-md a > img,
  .u-fit--contain-3x4-md > svg, .u-fit--contain-3x4-md a > svg,
  .u-fit--contain-3x4-md > video, .u-fit--contain-3x4-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x5-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x5-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--contain-4x5-md > img, .u-fit--contain-4x5-md a > img,
  .u-fit--contain-4x5-md > svg, .u-fit--contain-4x5-md a > svg,
  .u-fit--contain-4x5-md > video, .u-fit--contain-4x5-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x6-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x6-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--contain-5x6-md > img, .u-fit--contain-5x6-md a > img,
  .u-fit--contain-5x6-md > svg, .u-fit--contain-5x6-md a > svg,
  .u-fit--contain-5x6-md > video, .u-fit--contain-5x6-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--contain-1x1-md > img, .u-fit--contain-1x1-md a > img,
  .u-fit--contain-1x1-md > svg, .u-fit--contain-1x1-md a > svg,
  .u-fit--contain-1x1-md > video, .u-fit--contain-1x1-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-6x5-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-6x5-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--contain-6x5-md > img, .u-fit--contain-6x5-md a > img,
  .u-fit--contain-6x5-md > svg, .u-fit--contain-6x5-md a > svg,
  .u-fit--contain-6x5-md > video, .u-fit--contain-6x5-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x4-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x4-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--contain-5x4-md > img, .u-fit--contain-5x4-md a > img,
  .u-fit--contain-5x4-md > svg, .u-fit--contain-5x4-md a > svg,
  .u-fit--contain-5x4-md > video, .u-fit--contain-5x4-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x3-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x3-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--contain-4x3-md > img, .u-fit--contain-4x3-md a > img,
  .u-fit--contain-4x3-md > svg, .u-fit--contain-4x3-md a > svg,
  .u-fit--contain-4x3-md > video, .u-fit--contain-4x3-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x2-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x2-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--contain-3x2-md > img, .u-fit--contain-3x2-md a > img,
  .u-fit--contain-3x2-md > svg, .u-fit--contain-3x2-md a > svg,
  .u-fit--contain-3x2-md > video, .u-fit--contain-3x2-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x3-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x3-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--contain-5x3-md > img, .u-fit--contain-5x3-md a > img,
  .u-fit--contain-5x3-md > svg, .u-fit--contain-5x3-md a > svg,
  .u-fit--contain-5x3-md > video, .u-fit--contain-5x3-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-16x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-16x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--contain-16x9-md > img, .u-fit--contain-16x9-md a > img,
  .u-fit--contain-16x9-md > svg, .u-fit--contain-16x9-md a > svg,
  .u-fit--contain-16x9-md > video, .u-fit--contain-16x9-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--contain-2x1-md > img, .u-fit--contain-2x1-md a > img,
  .u-fit--contain-2x1-md > svg, .u-fit--contain-2x1-md a > svg,
  .u-fit--contain-2x1-md > video, .u-fit--contain-2x1-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-9x4-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-9x4-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--contain-9x4-md > img, .u-fit--contain-9x4-md a > img,
  .u-fit--contain-9x4-md > svg, .u-fit--contain-9x4-md a > svg,
  .u-fit--contain-9x4-md > video, .u-fit--contain-9x4-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-21x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-21x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--contain-21x9-md > img, .u-fit--contain-21x9-md a > img,
  .u-fit--contain-21x9-md > svg, .u-fit--contain-21x9-md a > svg,
  .u-fit--contain-21x9-md > video, .u-fit--contain-21x9-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x2-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x2-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--contain-5x2-md > img, .u-fit--contain-5x2-md a > img,
  .u-fit--contain-5x2-md > svg, .u-fit--contain-5x2-md a > svg,
  .u-fit--contain-5x2-md > video, .u-fit--contain-5x2-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-24x9-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-24x9-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--contain-24x9-md > img, .u-fit--contain-24x9-md a > img,
  .u-fit--contain-24x9-md > svg, .u-fit--contain-24x9-md a > svg,
  .u-fit--contain-24x9-md > video, .u-fit--contain-24x9-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--contain-3x1-md > img, .u-fit--contain-3x1-md a > img,
  .u-fit--contain-3x1-md > svg, .u-fit--contain-3x1-md a > svg,
  .u-fit--contain-3x1-md > video, .u-fit--contain-3x1-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--contain-4x1-md > img, .u-fit--contain-4x1-md a > img,
  .u-fit--contain-4x1-md > svg, .u-fit--contain-4x1-md a > svg,
  .u-fit--contain-4x1-md > video, .u-fit--contain-4x1-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x1-md {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x1-md::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--contain-5x1-md > img, .u-fit--contain-5x1-md a > img,
  .u-fit--contain-5x1-md > svg, .u-fit--contain-5x1-md a > svg,
  .u-fit--contain-5x1-md > video, .u-fit--contain-5x1-md a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 992px) {
  .u-fit--contain-4x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--contain-4x9-lg > img, .u-fit--contain-4x9-lg a > img,
  .u-fit--contain-4x9-lg > svg, .u-fit--contain-4x9-lg a > svg,
  .u-fit--contain-4x9-lg > video, .u-fit--contain-4x9-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x2-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x2-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--contain-1x2-lg > img, .u-fit--contain-1x2-lg a > img,
  .u-fit--contain-1x2-lg > svg, .u-fit--contain-1x2-lg a > svg,
  .u-fit--contain-1x2-lg > video, .u-fit--contain-1x2-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x7-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x7-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--contain-4x7-lg > img, .u-fit--contain-4x7-lg a > img,
  .u-fit--contain-4x7-lg > svg, .u-fit--contain-4x7-lg a > svg,
  .u-fit--contain-4x7-lg > video, .u-fit--contain-4x7-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x5-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x5-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--contain-3x5-lg > img, .u-fit--contain-3x5-lg a > img,
  .u-fit--contain-3x5-lg > svg, .u-fit--contain-3x5-lg a > svg,
  .u-fit--contain-3x5-lg > video, .u-fit--contain-3x5-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x3-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x3-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--contain-2x3-lg > img, .u-fit--contain-2x3-lg a > img,
  .u-fit--contain-2x3-lg > svg, .u-fit--contain-2x3-lg a > svg,
  .u-fit--contain-2x3-lg > video, .u-fit--contain-2x3-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x4-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x4-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--contain-3x4-lg > img, .u-fit--contain-3x4-lg a > img,
  .u-fit--contain-3x4-lg > svg, .u-fit--contain-3x4-lg a > svg,
  .u-fit--contain-3x4-lg > video, .u-fit--contain-3x4-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x5-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x5-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--contain-4x5-lg > img, .u-fit--contain-4x5-lg a > img,
  .u-fit--contain-4x5-lg > svg, .u-fit--contain-4x5-lg a > svg,
  .u-fit--contain-4x5-lg > video, .u-fit--contain-4x5-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x6-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x6-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--contain-5x6-lg > img, .u-fit--contain-5x6-lg a > img,
  .u-fit--contain-5x6-lg > svg, .u-fit--contain-5x6-lg a > svg,
  .u-fit--contain-5x6-lg > video, .u-fit--contain-5x6-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--contain-1x1-lg > img, .u-fit--contain-1x1-lg a > img,
  .u-fit--contain-1x1-lg > svg, .u-fit--contain-1x1-lg a > svg,
  .u-fit--contain-1x1-lg > video, .u-fit--contain-1x1-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-6x5-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-6x5-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--contain-6x5-lg > img, .u-fit--contain-6x5-lg a > img,
  .u-fit--contain-6x5-lg > svg, .u-fit--contain-6x5-lg a > svg,
  .u-fit--contain-6x5-lg > video, .u-fit--contain-6x5-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x4-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x4-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--contain-5x4-lg > img, .u-fit--contain-5x4-lg a > img,
  .u-fit--contain-5x4-lg > svg, .u-fit--contain-5x4-lg a > svg,
  .u-fit--contain-5x4-lg > video, .u-fit--contain-5x4-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x3-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x3-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--contain-4x3-lg > img, .u-fit--contain-4x3-lg a > img,
  .u-fit--contain-4x3-lg > svg, .u-fit--contain-4x3-lg a > svg,
  .u-fit--contain-4x3-lg > video, .u-fit--contain-4x3-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x2-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x2-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--contain-3x2-lg > img, .u-fit--contain-3x2-lg a > img,
  .u-fit--contain-3x2-lg > svg, .u-fit--contain-3x2-lg a > svg,
  .u-fit--contain-3x2-lg > video, .u-fit--contain-3x2-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x3-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x3-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--contain-5x3-lg > img, .u-fit--contain-5x3-lg a > img,
  .u-fit--contain-5x3-lg > svg, .u-fit--contain-5x3-lg a > svg,
  .u-fit--contain-5x3-lg > video, .u-fit--contain-5x3-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-16x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-16x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--contain-16x9-lg > img, .u-fit--contain-16x9-lg a > img,
  .u-fit--contain-16x9-lg > svg, .u-fit--contain-16x9-lg a > svg,
  .u-fit--contain-16x9-lg > video, .u-fit--contain-16x9-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--contain-2x1-lg > img, .u-fit--contain-2x1-lg a > img,
  .u-fit--contain-2x1-lg > svg, .u-fit--contain-2x1-lg a > svg,
  .u-fit--contain-2x1-lg > video, .u-fit--contain-2x1-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-9x4-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-9x4-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--contain-9x4-lg > img, .u-fit--contain-9x4-lg a > img,
  .u-fit--contain-9x4-lg > svg, .u-fit--contain-9x4-lg a > svg,
  .u-fit--contain-9x4-lg > video, .u-fit--contain-9x4-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-21x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-21x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--contain-21x9-lg > img, .u-fit--contain-21x9-lg a > img,
  .u-fit--contain-21x9-lg > svg, .u-fit--contain-21x9-lg a > svg,
  .u-fit--contain-21x9-lg > video, .u-fit--contain-21x9-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x2-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x2-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--contain-5x2-lg > img, .u-fit--contain-5x2-lg a > img,
  .u-fit--contain-5x2-lg > svg, .u-fit--contain-5x2-lg a > svg,
  .u-fit--contain-5x2-lg > video, .u-fit--contain-5x2-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-24x9-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-24x9-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--contain-24x9-lg > img, .u-fit--contain-24x9-lg a > img,
  .u-fit--contain-24x9-lg > svg, .u-fit--contain-24x9-lg a > svg,
  .u-fit--contain-24x9-lg > video, .u-fit--contain-24x9-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--contain-3x1-lg > img, .u-fit--contain-3x1-lg a > img,
  .u-fit--contain-3x1-lg > svg, .u-fit--contain-3x1-lg a > svg,
  .u-fit--contain-3x1-lg > video, .u-fit--contain-3x1-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--contain-4x1-lg > img, .u-fit--contain-4x1-lg a > img,
  .u-fit--contain-4x1-lg > svg, .u-fit--contain-4x1-lg a > svg,
  .u-fit--contain-4x1-lg > video, .u-fit--contain-4x1-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x1-lg {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x1-lg::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--contain-5x1-lg > img, .u-fit--contain-5x1-lg a > img,
  .u-fit--contain-5x1-lg > svg, .u-fit--contain-5x1-lg a > svg,
  .u-fit--contain-5x1-lg > video, .u-fit--contain-5x1-lg a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .u-fit--contain-4x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--contain-4x9-xl > img, .u-fit--contain-4x9-xl a > img,
  .u-fit--contain-4x9-xl > svg, .u-fit--contain-4x9-xl a > svg,
  .u-fit--contain-4x9-xl > video, .u-fit--contain-4x9-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x2-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x2-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--contain-1x2-xl > img, .u-fit--contain-1x2-xl a > img,
  .u-fit--contain-1x2-xl > svg, .u-fit--contain-1x2-xl a > svg,
  .u-fit--contain-1x2-xl > video, .u-fit--contain-1x2-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x7-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x7-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--contain-4x7-xl > img, .u-fit--contain-4x7-xl a > img,
  .u-fit--contain-4x7-xl > svg, .u-fit--contain-4x7-xl a > svg,
  .u-fit--contain-4x7-xl > video, .u-fit--contain-4x7-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x5-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x5-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--contain-3x5-xl > img, .u-fit--contain-3x5-xl a > img,
  .u-fit--contain-3x5-xl > svg, .u-fit--contain-3x5-xl a > svg,
  .u-fit--contain-3x5-xl > video, .u-fit--contain-3x5-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x3-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x3-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--contain-2x3-xl > img, .u-fit--contain-2x3-xl a > img,
  .u-fit--contain-2x3-xl > svg, .u-fit--contain-2x3-xl a > svg,
  .u-fit--contain-2x3-xl > video, .u-fit--contain-2x3-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x4-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x4-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--contain-3x4-xl > img, .u-fit--contain-3x4-xl a > img,
  .u-fit--contain-3x4-xl > svg, .u-fit--contain-3x4-xl a > svg,
  .u-fit--contain-3x4-xl > video, .u-fit--contain-3x4-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x5-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x5-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--contain-4x5-xl > img, .u-fit--contain-4x5-xl a > img,
  .u-fit--contain-4x5-xl > svg, .u-fit--contain-4x5-xl a > svg,
  .u-fit--contain-4x5-xl > video, .u-fit--contain-4x5-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x6-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x6-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--contain-5x6-xl > img, .u-fit--contain-5x6-xl a > img,
  .u-fit--contain-5x6-xl > svg, .u-fit--contain-5x6-xl a > svg,
  .u-fit--contain-5x6-xl > video, .u-fit--contain-5x6-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--contain-1x1-xl > img, .u-fit--contain-1x1-xl a > img,
  .u-fit--contain-1x1-xl > svg, .u-fit--contain-1x1-xl a > svg,
  .u-fit--contain-1x1-xl > video, .u-fit--contain-1x1-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-6x5-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-6x5-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--contain-6x5-xl > img, .u-fit--contain-6x5-xl a > img,
  .u-fit--contain-6x5-xl > svg, .u-fit--contain-6x5-xl a > svg,
  .u-fit--contain-6x5-xl > video, .u-fit--contain-6x5-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x4-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x4-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--contain-5x4-xl > img, .u-fit--contain-5x4-xl a > img,
  .u-fit--contain-5x4-xl > svg, .u-fit--contain-5x4-xl a > svg,
  .u-fit--contain-5x4-xl > video, .u-fit--contain-5x4-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x3-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x3-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--contain-4x3-xl > img, .u-fit--contain-4x3-xl a > img,
  .u-fit--contain-4x3-xl > svg, .u-fit--contain-4x3-xl a > svg,
  .u-fit--contain-4x3-xl > video, .u-fit--contain-4x3-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x2-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x2-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--contain-3x2-xl > img, .u-fit--contain-3x2-xl a > img,
  .u-fit--contain-3x2-xl > svg, .u-fit--contain-3x2-xl a > svg,
  .u-fit--contain-3x2-xl > video, .u-fit--contain-3x2-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x3-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x3-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--contain-5x3-xl > img, .u-fit--contain-5x3-xl a > img,
  .u-fit--contain-5x3-xl > svg, .u-fit--contain-5x3-xl a > svg,
  .u-fit--contain-5x3-xl > video, .u-fit--contain-5x3-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-16x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-16x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--contain-16x9-xl > img, .u-fit--contain-16x9-xl a > img,
  .u-fit--contain-16x9-xl > svg, .u-fit--contain-16x9-xl a > svg,
  .u-fit--contain-16x9-xl > video, .u-fit--contain-16x9-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--contain-2x1-xl > img, .u-fit--contain-2x1-xl a > img,
  .u-fit--contain-2x1-xl > svg, .u-fit--contain-2x1-xl a > svg,
  .u-fit--contain-2x1-xl > video, .u-fit--contain-2x1-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-9x4-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-9x4-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--contain-9x4-xl > img, .u-fit--contain-9x4-xl a > img,
  .u-fit--contain-9x4-xl > svg, .u-fit--contain-9x4-xl a > svg,
  .u-fit--contain-9x4-xl > video, .u-fit--contain-9x4-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-21x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-21x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--contain-21x9-xl > img, .u-fit--contain-21x9-xl a > img,
  .u-fit--contain-21x9-xl > svg, .u-fit--contain-21x9-xl a > svg,
  .u-fit--contain-21x9-xl > video, .u-fit--contain-21x9-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x2-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x2-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--contain-5x2-xl > img, .u-fit--contain-5x2-xl a > img,
  .u-fit--contain-5x2-xl > svg, .u-fit--contain-5x2-xl a > svg,
  .u-fit--contain-5x2-xl > video, .u-fit--contain-5x2-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-24x9-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-24x9-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--contain-24x9-xl > img, .u-fit--contain-24x9-xl a > img,
  .u-fit--contain-24x9-xl > svg, .u-fit--contain-24x9-xl a > svg,
  .u-fit--contain-24x9-xl > video, .u-fit--contain-24x9-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--contain-3x1-xl > img, .u-fit--contain-3x1-xl a > img,
  .u-fit--contain-3x1-xl > svg, .u-fit--contain-3x1-xl a > svg,
  .u-fit--contain-3x1-xl > video, .u-fit--contain-3x1-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--contain-4x1-xl > img, .u-fit--contain-4x1-xl a > img,
  .u-fit--contain-4x1-xl > svg, .u-fit--contain-4x1-xl a > svg,
  .u-fit--contain-4x1-xl > video, .u-fit--contain-4x1-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x1-xl {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x1-xl::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--contain-5x1-xl > img, .u-fit--contain-5x1-xl a > img,
  .u-fit--contain-5x1-xl > svg, .u-fit--contain-5x1-xl a > svg,
  .u-fit--contain-5x1-xl > video, .u-fit--contain-5x1-xl a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
@media screen and (min-width: 1400px) {
  .u-fit--contain-4x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 225%;
  }
  .u-fit--contain-4x9-x2l > img, .u-fit--contain-4x9-x2l a > img,
  .u-fit--contain-4x9-x2l > svg, .u-fit--contain-4x9-x2l a > svg,
  .u-fit--contain-4x9-x2l > video, .u-fit--contain-4x9-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x2-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x2-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 200%;
  }
  .u-fit--contain-1x2-x2l > img, .u-fit--contain-1x2-x2l a > img,
  .u-fit--contain-1x2-x2l > svg, .u-fit--contain-1x2-x2l a > svg,
  .u-fit--contain-1x2-x2l > video, .u-fit--contain-1x2-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x7-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x7-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 175%;
  }
  .u-fit--contain-4x7-x2l > img, .u-fit--contain-4x7-x2l a > img,
  .u-fit--contain-4x7-x2l > svg, .u-fit--contain-4x7-x2l a > svg,
  .u-fit--contain-4x7-x2l > video, .u-fit--contain-4x7-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x5-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x5-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 166.666%;
  }
  .u-fit--contain-3x5-x2l > img, .u-fit--contain-3x5-x2l a > img,
  .u-fit--contain-3x5-x2l > svg, .u-fit--contain-3x5-x2l a > svg,
  .u-fit--contain-3x5-x2l > video, .u-fit--contain-3x5-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x3-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x3-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 150%;
  }
  .u-fit--contain-2x3-x2l > img, .u-fit--contain-2x3-x2l a > img,
  .u-fit--contain-2x3-x2l > svg, .u-fit--contain-2x3-x2l a > svg,
  .u-fit--contain-2x3-x2l > video, .u-fit--contain-2x3-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x4-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x4-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 133.333%;
  }
  .u-fit--contain-3x4-x2l > img, .u-fit--contain-3x4-x2l a > img,
  .u-fit--contain-3x4-x2l > svg, .u-fit--contain-3x4-x2l a > svg,
  .u-fit--contain-3x4-x2l > video, .u-fit--contain-3x4-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x5-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x5-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 125%;
  }
  .u-fit--contain-4x5-x2l > img, .u-fit--contain-4x5-x2l a > img,
  .u-fit--contain-4x5-x2l > svg, .u-fit--contain-4x5-x2l a > svg,
  .u-fit--contain-4x5-x2l > video, .u-fit--contain-4x5-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x6-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x6-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 120%;
  }
  .u-fit--contain-5x6-x2l > img, .u-fit--contain-5x6-x2l a > img,
  .u-fit--contain-5x6-x2l > svg, .u-fit--contain-5x6-x2l a > svg,
  .u-fit--contain-5x6-x2l > video, .u-fit--contain-5x6-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-1x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-1x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  .u-fit--contain-1x1-x2l > img, .u-fit--contain-1x1-x2l a > img,
  .u-fit--contain-1x1-x2l > svg, .u-fit--contain-1x1-x2l a > svg,
  .u-fit--contain-1x1-x2l > video, .u-fit--contain-1x1-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-6x5-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-6x5-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 83.333%;
  }
  .u-fit--contain-6x5-x2l > img, .u-fit--contain-6x5-x2l a > img,
  .u-fit--contain-6x5-x2l > svg, .u-fit--contain-6x5-x2l a > svg,
  .u-fit--contain-6x5-x2l > video, .u-fit--contain-6x5-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x4-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x4-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 80%;
  }
  .u-fit--contain-5x4-x2l > img, .u-fit--contain-5x4-x2l a > img,
  .u-fit--contain-5x4-x2l > svg, .u-fit--contain-5x4-x2l a > svg,
  .u-fit--contain-5x4-x2l > video, .u-fit--contain-5x4-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x3-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x3-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%;
  }
  .u-fit--contain-4x3-x2l > img, .u-fit--contain-4x3-x2l a > img,
  .u-fit--contain-4x3-x2l > svg, .u-fit--contain-4x3-x2l a > svg,
  .u-fit--contain-4x3-x2l > video, .u-fit--contain-4x3-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x2-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x2-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 66.666%;
  }
  .u-fit--contain-3x2-x2l > img, .u-fit--contain-3x2-x2l a > img,
  .u-fit--contain-3x2-x2l > svg, .u-fit--contain-3x2-x2l a > svg,
  .u-fit--contain-3x2-x2l > video, .u-fit--contain-3x2-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x3-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x3-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 60%;
  }
  .u-fit--contain-5x3-x2l > img, .u-fit--contain-5x3-x2l a > img,
  .u-fit--contain-5x3-x2l > svg, .u-fit--contain-5x3-x2l a > svg,
  .u-fit--contain-5x3-x2l > video, .u-fit--contain-5x3-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-16x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-16x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .u-fit--contain-16x9-x2l > img, .u-fit--contain-16x9-x2l a > img,
  .u-fit--contain-16x9-x2l > svg, .u-fit--contain-16x9-x2l a > svg,
  .u-fit--contain-16x9-x2l > video, .u-fit--contain-16x9-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-2x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-2x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
  }
  .u-fit--contain-2x1-x2l > img, .u-fit--contain-2x1-x2l a > img,
  .u-fit--contain-2x1-x2l > svg, .u-fit--contain-2x1-x2l a > svg,
  .u-fit--contain-2x1-x2l > video, .u-fit--contain-2x1-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-9x4-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-9x4-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 44.444%;
  }
  .u-fit--contain-9x4-x2l > img, .u-fit--contain-9x4-x2l a > img,
  .u-fit--contain-9x4-x2l > svg, .u-fit--contain-9x4-x2l a > svg,
  .u-fit--contain-9x4-x2l > video, .u-fit--contain-9x4-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-21x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-21x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42.857143%;
  }
  .u-fit--contain-21x9-x2l > img, .u-fit--contain-21x9-x2l a > img,
  .u-fit--contain-21x9-x2l > svg, .u-fit--contain-21x9-x2l a > svg,
  .u-fit--contain-21x9-x2l > video, .u-fit--contain-21x9-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x2-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x2-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40%;
  }
  .u-fit--contain-5x2-x2l > img, .u-fit--contain-5x2-x2l a > img,
  .u-fit--contain-5x2-x2l > svg, .u-fit--contain-5x2-x2l a > svg,
  .u-fit--contain-5x2-x2l > video, .u-fit--contain-5x2-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-24x9-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-24x9-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 37.5%;
  }
  .u-fit--contain-24x9-x2l > img, .u-fit--contain-24x9-x2l a > img,
  .u-fit--contain-24x9-x2l > svg, .u-fit--contain-24x9-x2l a > svg,
  .u-fit--contain-24x9-x2l > video, .u-fit--contain-24x9-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-3x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-3x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 33.333%;
  }
  .u-fit--contain-3x1-x2l > img, .u-fit--contain-3x1-x2l a > img,
  .u-fit--contain-3x1-x2l > svg, .u-fit--contain-3x1-x2l a > svg,
  .u-fit--contain-3x1-x2l > video, .u-fit--contain-3x1-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-4x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-4x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 25%;
  }
  .u-fit--contain-4x1-x2l > img, .u-fit--contain-4x1-x2l a > img,
  .u-fit--contain-4x1-x2l > svg, .u-fit--contain-4x1-x2l a > svg,
  .u-fit--contain-4x1-x2l > video, .u-fit--contain-4x1-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
  .u-fit--contain-5x1-x2l {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  .u-fit--contain-5x1-x2l::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 20%;
  }
  .u-fit--contain-5x1-x2l > img, .u-fit--contain-5x1-x2l a > img,
  .u-fit--contain-5x1-x2l > svg, .u-fit--contain-5x1-x2l a > svg,
  .u-fit--contain-5x1-x2l > video, .u-fit--contain-5x1-x2l a > video {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    position: absolute;
    inset: 0;
  }
}
.u-o--first {
  order: -1 !important;
}

.u-o--0 {
  order: 0 !important;
}

.u-o--1 {
  order: 1 !important;
}

.u-o--2 {
  order: 2 !important;
}

.u-o--3 {
  order: 3 !important;
}

.u-o--4 {
  order: 4 !important;
}

.u-o--5 {
  order: 5 !important;
}

.u-o--6 {
  order: 6 !important;
}

.u-o--7 {
  order: 7 !important;
}

.u-o--8 {
  order: 8 !important;
}

.u-o--9 {
  order: 9 !important;
}

.u-o--10 {
  order: 10 !important;
}

.u-o--11 {
  order: 11 !important;
}

.u-o--12 {
  order: 12 !important;
}

.u-o--last {
  order: 13 !important;
}

@media only screen and (min-width: 576px) {
  .u-o-sm--first {
    order: -1 !important;
  }
  .u-o-sm--0 {
    order: 0 !important;
  }
  .u-o-sm--1 {
    order: 1 !important;
  }
  .u-o-sm--2 {
    order: 2 !important;
  }
  .u-o-sm--3 {
    order: 3 !important;
  }
  .u-o-sm--4 {
    order: 4 !important;
  }
  .u-o-sm--5 {
    order: 5 !important;
  }
  .u-o-sm--6 {
    order: 6 !important;
  }
  .u-o-sm--7 {
    order: 7 !important;
  }
  .u-o-sm--8 {
    order: 8 !important;
  }
  .u-o-sm--9 {
    order: 9 !important;
  }
  .u-o-sm--10 {
    order: 10 !important;
  }
  .u-o-sm--11 {
    order: 11 !important;
  }
  .u-o-sm--12 {
    order: 12 !important;
  }
  .u-o-sm--last {
    order: 13 !important;
  }
}
@media only screen and (min-width: 768px) {
  .u-o-md--first {
    order: -1 !important;
  }
  .u-o-md--0 {
    order: 0 !important;
  }
  .u-o-md--1 {
    order: 1 !important;
  }
  .u-o-md--2 {
    order: 2 !important;
  }
  .u-o-md--3 {
    order: 3 !important;
  }
  .u-o-md--4 {
    order: 4 !important;
  }
  .u-o-md--5 {
    order: 5 !important;
  }
  .u-o-md--6 {
    order: 6 !important;
  }
  .u-o-md--7 {
    order: 7 !important;
  }
  .u-o-md--8 {
    order: 8 !important;
  }
  .u-o-md--9 {
    order: 9 !important;
  }
  .u-o-md--10 {
    order: 10 !important;
  }
  .u-o-md--11 {
    order: 11 !important;
  }
  .u-o-md--12 {
    order: 12 !important;
  }
  .u-o-md--last {
    order: 13 !important;
  }
}
@media only screen and (min-width: 992px) {
  .u-o-lg--first {
    order: -1 !important;
  }
  .u-o-lg--0 {
    order: 0 !important;
  }
  .u-o-lg--1 {
    order: 1 !important;
  }
  .u-o-lg--2 {
    order: 2 !important;
  }
  .u-o-lg--3 {
    order: 3 !important;
  }
  .u-o-lg--4 {
    order: 4 !important;
  }
  .u-o-lg--5 {
    order: 5 !important;
  }
  .u-o-lg--6 {
    order: 6 !important;
  }
  .u-o-lg--7 {
    order: 7 !important;
  }
  .u-o-lg--8 {
    order: 8 !important;
  }
  .u-o-lg--9 {
    order: 9 !important;
  }
  .u-o-lg--10 {
    order: 10 !important;
  }
  .u-o-lg--11 {
    order: 11 !important;
  }
  .u-o-lg--12 {
    order: 12 !important;
  }
  .u-o-lg--last {
    order: 13 !important;
  }
}
@media only screen and (min-width: 1200px) {
  .u-o-xl--first {
    order: -1 !important;
  }
  .u-o-xl--0 {
    order: 0 !important;
  }
  .u-o-xl--1 {
    order: 1 !important;
  }
  .u-o-xl--2 {
    order: 2 !important;
  }
  .u-o-xl--3 {
    order: 3 !important;
  }
  .u-o-xl--4 {
    order: 4 !important;
  }
  .u-o-xl--5 {
    order: 5 !important;
  }
  .u-o-xl--6 {
    order: 6 !important;
  }
  .u-o-xl--7 {
    order: 7 !important;
  }
  .u-o-xl--8 {
    order: 8 !important;
  }
  .u-o-xl--9 {
    order: 9 !important;
  }
  .u-o-xl--10 {
    order: 10 !important;
  }
  .u-o-xl--11 {
    order: 11 !important;
  }
  .u-o-xl--12 {
    order: 12 !important;
  }
  .u-o-xl--last {
    order: 13 !important;
  }
}
@media screen and (min-width: 1400px) {
  .u-o-x2l--first {
    order: -1 !important;
  }
  .u-o-x2l--0 {
    order: 0 !important;
  }
  .u-o-x2l--1 {
    order: 1 !important;
  }
  .u-o-x2l--2 {
    order: 2 !important;
  }
  .u-o-x2l--3 {
    order: 3 !important;
  }
  .u-o-x2l--4 {
    order: 4 !important;
  }
  .u-o-x2l--5 {
    order: 5 !important;
  }
  .u-o-x2l--6 {
    order: 6 !important;
  }
  .u-o-x2l--7 {
    order: 7 !important;
  }
  .u-o-x2l--8 {
    order: 8 !important;
  }
  .u-o-x2l--9 {
    order: 9 !important;
  }
  .u-o-x2l--10 {
    order: 10 !important;
  }
  .u-o-x2l--11 {
    order: 11 !important;
  }
  .u-o-x2l--12 {
    order: 12 !important;
  }
  .u-o-x2l--last {
    order: 13 !important;
  }
}
.u-radius--125 {
  border-radius: 0.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

.u-rounded--xs {
  border-radius: calc(0.125rem * var(--sm-scale));
}

.u-rounded--sm {
  border-radius: calc(0.25rem * var(--sm-scale));
}

.u-rounded--md {
  border-radius: calc(0.5rem * var(--sm-scale));
}

.u-rounded--lg {
  border-radius: calc(0.75rem * var(--sm-scale));
}

.u-rounded--xl {
  border-radius: calc(1rem * var(--sm-scale));
}

.u-rounded--x2l {
  border-radius: calc(2rem * var(--sm-scale));
}

.u-rounded--xx2l {
  border-radius: calc(3rem * var(--sm-scale));
}

.u-rounded--xxx2l {
  border-radius: calc(4rem * var(--xl-scale));
}

.u-rounded--all {
  border-radius: 100rem;
}

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

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

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

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

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

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

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

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

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

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

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

.u-t-s--xl {
  font-size: 2em;
}

.u-fw--thin {
  font-weight: 300 !important;
}

.u-fw--regular {
  font-weight: 400 !important;
}

.u-fw--medium {
  font-weight: 500 !important;
}

.u-fw--semibold {
  font-weight: 600 !important;
}

.u-fw--bold {
  font-weight: 700 !important;
}

.u-fw--heavy {
  font-weight: 800 !important;
}

.u-fw--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-t-uppercase {
  text-transform: uppercase !important;
}

.u-t-capitalize {
  text-transform: capitalize !important;
}

.u-t-initial {
  text-transform: initial !important;
}

.u-t-uppercase {
  text-transform: uppercase !important;
}

.u-t-en {
  font-family: var(--font-en);
}

.u-t-start {
  text-align: left;
}

.u-t-center {
  text-align: center;
}

.u-t-end {
  text-align: right;
}

@media only screen and (min-width: 576px) {
  .u-t-start--sm {
    text-align: left;
  }
  .u-t-center--sm {
    text-align: center;
  }
  .u-t-end--sm {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .u-t-start--md {
    text-align: left;
  }
  .u-t-center--md {
    text-align: center;
  }
  .u-t-end--md {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  .u-t-start--lg {
    text-align: left;
  }
  .u-t-center--lg {
    text-align: center;
  }
  .u-t-end--lg {
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) {
  .u-t-start--xl {
    text-align: left;
  }
  .u-t-center--xl {
    text-align: center;
  }
  .u-t-end--xl {
    text-align: right;
  }
}
@media screen and (min-width: 1400px) {
  .u-t-start--x2l {
    text-align: left;
  }
  .u-t-center--x2l {
    text-align: center;
  }
  .u-t-end--x2l {
    text-align: right;
  }
}
@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-flex, .u-inline-flex {
    display: -ms-none !important;
  }
  .u-inline {
    display: inline !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-inline !important;
  }
  .u-inline-block {
    display: inline-block !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-inline-block !important;
  }
  .u-block {
    display: block !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-block !important;
  }
  .u-table {
    display: table !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-table !important;
  }
  .u-table-row {
    display: table-row !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-table-row !important;
  }
  .u-table-cell {
    display: table-cell !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-table-cell !important;
  }
  .u-flex {
    display: flex !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-flex !important;
  }
  .u-inline-flex {
    display: inline-flex !important;
  }
  .u-flex, .u-inline-flex {
    display: -ms-inline-flex !important;
  }
  .u-none-- {
    display: none !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-none !important;
  }
  .u-inline-- {
    display: inline !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-inline !important;
  }
  .u-inline-block-- {
    display: inline-block !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-inline-block !important;
  }
  .u-block-- {
    display: block !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-block !important;
  }
  .u-table-- {
    display: table !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-table !important;
  }
  .u-table-row-- {
    display: table-row !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-table-row !important;
  }
  .u-table-cell-- {
    display: table-cell !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-table-cell !important;
  }
  .u-flex-- {
    display: flex !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-flex !important;
  }
  .u-inline-flex-- {
    display: inline-flex !important;
  }
  .u-flex--, .u-inline-flex-- {
    display: -ms-inline-flex !important;
  }
  .u-none--sm {
    display: none !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-none !important;
  }
  .u-inline--sm {
    display: inline !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-inline !important;
  }
  .u-inline-block--sm {
    display: inline-block !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-inline-block !important;
  }
  .u-block--sm {
    display: block !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-block !important;
  }
  .u-table--sm {
    display: table !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-table !important;
  }
  .u-table-row--sm {
    display: table-row !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-table-row !important;
  }
  .u-table-cell--sm {
    display: table-cell !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-table-cell !important;
  }
  .u-flex--sm {
    display: flex !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-flex !important;
  }
  .u-inline-flex--sm {
    display: inline-flex !important;
  }
  .u-flex--sm, .u-inline-flex--sm {
    display: -ms-inline-flex !important;
  }
  .u-none--md {
    display: none !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-none !important;
  }
  .u-inline--md {
    display: inline !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-inline !important;
  }
  .u-inline-block--md {
    display: inline-block !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-inline-block !important;
  }
  .u-block--md {
    display: block !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-block !important;
  }
  .u-table--md {
    display: table !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-table !important;
  }
  .u-table-row--md {
    display: table-row !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-table-row !important;
  }
  .u-table-cell--md {
    display: table-cell !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-table-cell !important;
  }
  .u-flex--md {
    display: flex !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-flex !important;
  }
  .u-inline-flex--md {
    display: inline-flex !important;
  }
  .u-flex--md, .u-inline-flex--md {
    display: -ms-inline-flex !important;
  }
  .u-none--lg {
    display: none !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-none !important;
  }
  .u-inline--lg {
    display: inline !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-inline !important;
  }
  .u-inline-block--lg {
    display: inline-block !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-inline-block !important;
  }
  .u-block--lg {
    display: block !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-block !important;
  }
  .u-table--lg {
    display: table !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-table !important;
  }
  .u-table-row--lg {
    display: table-row !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-table-row !important;
  }
  .u-table-cell--lg {
    display: table-cell !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-table-cell !important;
  }
  .u-flex--lg {
    display: flex !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-flex !important;
  }
  .u-inline-flex--lg {
    display: inline-flex !important;
  }
  .u-flex--lg, .u-inline-flex--lg {
    display: -ms-inline-flex !important;
  }
  .u-none--xl {
    display: none !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-none !important;
  }
  .u-inline--xl {
    display: inline !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-inline !important;
  }
  .u-inline-block--xl {
    display: inline-block !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-inline-block !important;
  }
  .u-block--xl {
    display: block !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-block !important;
  }
  .u-table--xl {
    display: table !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-table !important;
  }
  .u-table-row--xl {
    display: table-row !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-table-row !important;
  }
  .u-table-cell--xl {
    display: table-cell !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-table-cell !important;
  }
  .u-flex--xl {
    display: flex !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-flex !important;
  }
  .u-inline-flex--xl {
    display: inline-flex !important;
  }
  .u-flex--xl, .u-inline-flex--xl {
    display: -ms-inline-flex !important;
  }
  .u-none--x2l {
    display: none !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-none !important;
  }
  .u-inline--x2l {
    display: inline !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-inline !important;
  }
  .u-inline-block--x2l {
    display: inline-block !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-inline-block !important;
  }
  .u-block--x2l {
    display: block !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-block !important;
  }
  .u-table--x2l {
    display: table !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-table !important;
  }
  .u-table-row--x2l {
    display: table-row !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-table-row !important;
  }
  .u-table-cell--x2l {
    display: table-cell !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-table-cell !important;
  }
  .u-flex--x2l {
    display: flex !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-flex !important;
  }
  .u-inline-flex--x2l {
    display: inline-flex !important;
  }
  .u-flex--x2l, .u-inline-flex--x2l {
    display: -ms-inline-flex !important;
  }
  .u-none--print {
    display: none !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-none !important;
  }
  .u-inline--print {
    display: inline !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-inline !important;
  }
  .u-inline-block--print {
    display: inline-block !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-inline-block !important;
  }
  .u-block--print {
    display: block !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-block !important;
  }
  .u-table--print {
    display: table !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-table !important;
  }
  .u-table-row--print {
    display: table-row !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-table-row !important;
  }
  .u-table-cell--print {
    display: table-cell !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-table-cell !important;
  }
  .u-flex--print {
    display: flex !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-flex !important;
  }
  .u-inline-flex--print {
    display: inline-flex !important;
  }
  .u-flex--print, .u-inline-flex--print {
    display: -ms-inline-flex !important;
  }
  .u-align__print--start {
    align-items: start !important;
  }
  .u-align__print--center {
    align-items: center !important;
  }
  .u-align__print--end {
    align-items: end !important;
  }
  .u-align__print--stretch {
    align-items: stretch !important;
  }
  .u-justify__print--start {
    justify-content: start !important;
  }
  .u-justify__print--center {
    justify-content: center !important;
  }
  .u-justify__print--end {
    justify-content: end !important;
  }
  .u-justify__print--stretch {
    justify-content: stretch !important;
  }
  .u-justify__print--space-between {
    justify-content: space-between !important;
  }
  .u-justify__print--space-around {
    justify-content: space-around !important;
  }
  .u-justify__print--space-evenly {
    justify-content: space-evenly !important;
  }
  .l-col {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-3 {
    flex: 0 0 25%;
  }
  .l-col-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-6 {
    flex: 0 0 50%;
  }
  .l-col-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-9 {
    flex: 0 0 75%;
  }
  .l-col-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-12 {
    flex: 0 0 100%;
  }
  .l-col-xs {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-xs-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-xs-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-xs-3 {
    flex: 0 0 25%;
  }
  .l-col-xs-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-xs-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-xs-6 {
    flex: 0 0 50%;
  }
  .l-col-xs-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-xs-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-xs-9 {
    flex: 0 0 75%;
  }
  .l-col-xs-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-xs-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-xs-12 {
    flex: 0 0 100%;
  }
  .l-col-sm {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-sm-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-sm-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-sm-3 {
    flex: 0 0 25%;
  }
  .l-col-sm-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-sm-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-sm-6 {
    flex: 0 0 50%;
  }
  .l-col-sm-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-sm-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-sm-9 {
    flex: 0 0 75%;
  }
  .l-col-sm-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-sm-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-sm-12 {
    flex: 0 0 100%;
  }
  .l-col-md {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-md-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-md-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-md-3 {
    flex: 0 0 25%;
  }
  .l-col-md-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-md-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-md-6 {
    flex: 0 0 50%;
  }
  .l-col-md-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-md-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-md-9 {
    flex: 0 0 75%;
  }
  .l-col-md-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-md-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-md-12 {
    flex: 0 0 100%;
  }
  .l-col-lg {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-lg-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-lg-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-lg-3 {
    flex: 0 0 25%;
  }
  .l-col-lg-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-lg-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-lg-6 {
    flex: 0 0 50%;
  }
  .l-col-lg-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-lg-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-lg-9 {
    flex: 0 0 75%;
  }
  .l-col-lg-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-lg-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-lg-12 {
    flex: 0 0 100%;
  }
  .l-col-xl {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-xl-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-xl-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-xl-3 {
    flex: 0 0 25%;
  }
  .l-col-xl-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-xl-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-xl-6 {
    flex: 0 0 50%;
  }
  .l-col-xl-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-xl-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-xl-9 {
    flex: 0 0 75%;
  }
  .l-col-xl-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-xl-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-xl-12 {
    flex: 0 0 100%;
  }
  .l-col-x2l {
    flex-basis: 0;
    flex-grow: 1;
  }
  .l-col-x2l-1 {
    flex: 0 0 8.3333333333%;
  }
  .l-col-x2l-2 {
    flex: 0 0 16.6666666667%;
  }
  .l-col-x2l-3 {
    flex: 0 0 25%;
  }
  .l-col-x2l-4 {
    flex: 0 0 33.3333333333%;
  }
  .l-col-x2l-5 {
    flex: 0 0 41.6666666667%;
  }
  .l-col-x2l-6 {
    flex: 0 0 50%;
  }
  .l-col-x2l-7 {
    flex: 0 0 58.3333333333%;
  }
  .l-col-x2l-8 {
    flex: 0 0 66.6666666667%;
  }
  .l-col-x2l-9 {
    flex: 0 0 75%;
  }
  .l-col-x2l-10 {
    flex: 0 0 83.3333333333%;
  }
  .l-col-x2l-11 {
    flex: 0 0 91.6666666667%;
  }
  .l-col-x2l-12 {
    flex: 0 0 100%;
  }
  .u-o--first {
    order: -1 !important;
  }
  .u-o--last {
    order: 13 !important;
  }
  .u-o--0 {
    order: 0 !important;
  }
  .u-o--1 {
    order: 1 !important;
  }
  .u-o--2 {
    order: 2 !important;
  }
  .u-o--3 {
    order: 3 !important;
  }
  .u-o--4 {
    order: 4 !important;
  }
  .u-o--5 {
    order: 5 !important;
  }
  .u-o--6 {
    order: 6 !important;
  }
  .u-o--7 {
    order: 7 !important;
  }
  .u-o--8 {
    order: 8 !important;
  }
  .u-o--9 {
    order: 9 !important;
  }
  .u-o--10 {
    order: 10 !important;
  }
  .u-o--11 {
    order: 11 !important;
  }
  .u-o--12 {
    order: 12 !important;
  }
  .u-osm--first {
    order: -1 !important;
  }
  .u-osm--last {
    order: 13 !important;
  }
  .u-osm--0 {
    order: 0 !important;
  }
  .u-osm--1 {
    order: 1 !important;
  }
  .u-osm--2 {
    order: 2 !important;
  }
  .u-osm--3 {
    order: 3 !important;
  }
  .u-osm--4 {
    order: 4 !important;
  }
  .u-osm--5 {
    order: 5 !important;
  }
  .u-osm--6 {
    order: 6 !important;
  }
  .u-osm--7 {
    order: 7 !important;
  }
  .u-osm--8 {
    order: 8 !important;
  }
  .u-osm--9 {
    order: 9 !important;
  }
  .u-osm--10 {
    order: 10 !important;
  }
  .u-osm--11 {
    order: 11 !important;
  }
  .u-osm--12 {
    order: 12 !important;
  }
  .u-omd--first {
    order: -1 !important;
  }
  .u-omd--last {
    order: 13 !important;
  }
  .u-omd--0 {
    order: 0 !important;
  }
  .u-omd--1 {
    order: 1 !important;
  }
  .u-omd--2 {
    order: 2 !important;
  }
  .u-omd--3 {
    order: 3 !important;
  }
  .u-omd--4 {
    order: 4 !important;
  }
  .u-omd--5 {
    order: 5 !important;
  }
  .u-omd--6 {
    order: 6 !important;
  }
  .u-omd--7 {
    order: 7 !important;
  }
  .u-omd--8 {
    order: 8 !important;
  }
  .u-omd--9 {
    order: 9 !important;
  }
  .u-omd--10 {
    order: 10 !important;
  }
  .u-omd--11 {
    order: 11 !important;
  }
  .u-omd--12 {
    order: 12 !important;
  }
  .u-olg--first {
    order: -1 !important;
  }
  .u-olg--last {
    order: 13 !important;
  }
  .u-olg--0 {
    order: 0 !important;
  }
  .u-olg--1 {
    order: 1 !important;
  }
  .u-olg--2 {
    order: 2 !important;
  }
  .u-olg--3 {
    order: 3 !important;
  }
  .u-olg--4 {
    order: 4 !important;
  }
  .u-olg--5 {
    order: 5 !important;
  }
  .u-olg--6 {
    order: 6 !important;
  }
  .u-olg--7 {
    order: 7 !important;
  }
  .u-olg--8 {
    order: 8 !important;
  }
  .u-olg--9 {
    order: 9 !important;
  }
  .u-olg--10 {
    order: 10 !important;
  }
  .u-olg--11 {
    order: 11 !important;
  }
  .u-olg--12 {
    order: 12 !important;
  }
  .u-oxl--first {
    order: -1 !important;
  }
  .u-oxl--last {
    order: 13 !important;
  }
  .u-oxl--0 {
    order: 0 !important;
  }
  .u-oxl--1 {
    order: 1 !important;
  }
  .u-oxl--2 {
    order: 2 !important;
  }
  .u-oxl--3 {
    order: 3 !important;
  }
  .u-oxl--4 {
    order: 4 !important;
  }
  .u-oxl--5 {
    order: 5 !important;
  }
  .u-oxl--6 {
    order: 6 !important;
  }
  .u-oxl--7 {
    order: 7 !important;
  }
  .u-oxl--8 {
    order: 8 !important;
  }
  .u-oxl--9 {
    order: 9 !important;
  }
  .u-oxl--10 {
    order: 10 !important;
  }
  .u-oxl--11 {
    order: 11 !important;
  }
  .u-oxl--12 {
    order: 12 !important;
  }
  .u-ox2l--first {
    order: -1 !important;
  }
  .u-ox2l--last {
    order: 13 !important;
  }
  .u-ox2l--0 {
    order: 0 !important;
  }
  .u-ox2l--1 {
    order: 1 !important;
  }
  .u-ox2l--2 {
    order: 2 !important;
  }
  .u-ox2l--3 {
    order: 3 !important;
  }
  .u-ox2l--4 {
    order: 4 !important;
  }
  .u-ox2l--5 {
    order: 5 !important;
  }
  .u-ox2l--6 {
    order: 6 !important;
  }
  .u-ox2l--7 {
    order: 7 !important;
  }
  .u-ox2l--8 {
    order: 8 !important;
  }
  .u-ox2l--9 {
    order: 9 !important;
  }
  .u-ox2l--10 {
    order: 10 !important;
  }
  .u-ox2l--11 {
    order: 11 !important;
  }
  .u-ox2l--12 {
    order: 12 !important;
  }
  .u-oprint--first {
    order: -1 !important;
  }
  .u-oprint--last {
    order: 13 !important;
  }
  .u-oprint--0 {
    order: 0 !important;
  }
  .u-oprint--1 {
    order: 1 !important;
  }
  .u-oprint--2 {
    order: 2 !important;
  }
  .u-oprint--3 {
    order: 3 !important;
  }
  .u-oprint--4 {
    order: 4 !important;
  }
  .u-oprint--5 {
    order: 5 !important;
  }
  .u-oprint--6 {
    order: 6 !important;
  }
  .u-oprint--7 {
    order: 7 !important;
  }
  .u-oprint--8 {
    order: 8 !important;
  }
  .u-oprint--9 {
    order: 9 !important;
  }
  .u-oprint--10 {
    order: 10 !important;
  }
  .u-oprint--11 {
    order: 11 !important;
  }
  .u-oprint--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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.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%;
  max-height: 80dvw;
}
.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;
}

.im-caption {
  color: var(--rgb-white);
  display: flex;
  justify-content: center;
  padding-block: 0.5em;
  position: fixed;
  width: 80%;
}

.im-nav-prev,
.im-nav-next {
  color: var(--rgb-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  z-index: 10060;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.im-nav-prev .material-symbols-rounded,
.im-nav-next .material-symbols-rounded {
  font-weight: 100;
  color: var(--rgb-hover);
}

.im-nav-prev {
  left: 2rem;
  border-top: 0.125rem solid var(--rgb-white);
  border-left: 0.125rem solid var(--rgb-white);
  rotate: -45deg;
}

.im-nav-next {
  right: 2rem;
  border-top: 0.125rem solid var(--rgb-white);
  border-right: 0.125rem solid var(--rgb-white);
  rotate: 45deg;
}

.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: 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(--rs-scale));
}
.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;
}/*# sourceMappingURL=style.css.map */